Building HTML5 Web & Mobile Applications with KendoUI

Slide 1

Slide 1 text

Building HTML5 Web & Mobile Applications with Kendo UI Hattan Shobokshi | @hattan

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

● Nov 9 & 10 2013 @ USC ● 100% Free ● Geek Dinner ● Lots of Raffle Prizes ● Network with community & tech companies

Slide 4

Slide 4 text

http://socalcodecamp.com

Slide 5

Slide 5 text

Hattan Shobokshi

Slide 6

Slide 6 text

● What is Kendo UI? ● Major Components ● Demo Web Capabilities ● Demo Charting Capabilities ● Demo Mobile Capabilities Goals

Slide 7

Slide 7 text

● Kendo UI is a JavaScript framework for creating Web and Mobile apps ● Includes many UI Widgets and charting ● Future proof ● Created by Telerik What is Kendo UI?

Slide 8

Slide 8 text

Three Major Parts

Slide 9

Slide 9 text

More on Kendo UI ● Kendo UI is entirely client side (JavaScript/HTML/CSS) ● Built on JQuery ● Easy to use as JQuery plugins ● Works with any server side technology : php, ASP.NET , Rails, Node, phython, cgi

Slide 10

Slide 10 text

Web ● HTML5 Widgets : Grid, AutoComplete, ComboBox, ListView ● Framework : Single Page Application,Data Source, Validation, Globalization, Drag & Drop ● MVVM Library Similar to Knockout JS ● Knockout JS Integration http://rniemeyer.github.com/knockout-kendo/

Slide 11

Slide 11 text

Web Demo

Slide 12

Slide 12 text

DataViz ● Charts & Gauges ● Entirely HTML5, no external plugins ● Works on mobile devices ● SVG or VML ● Works all the way back to IE7!

Slide 13

Slide 13 text

DataViz Demo

Slide 14

Slide 14 text

Mobile ● Mobile widgets look native on iOS, Android, Blackberry & Windows Phone 8 ● Native apps with Icenium / PhoneGap ● Automatic layout switching, landscape to portrait automatically