Building HTML5 Web & Mobile Applications with KendoUI

Are you a developer interested in using your jQuery skills to build HTML5 sites & mobile apps? With KendoUI, you can! KendoUI is a solid front end library built using jQuery. All your existing skills easily translate over.

In this presentation we'll explore Kendo UI's 3 main components Web, Mobile and DataViz. We'll look at the many widgets you can use in web and mobile apps. We'll examine the mobile framework and see how it is similar to jQuery mobile. We'll look at advanced mobile controls as well as HTML5 charting, a 100% HTML5 solution for charts that event works on mobile devices. This presentation will include a lot of code samples and demos to show you to effectively utilize the framework.

Learn skills you need to build interactive and powerful web & mobile applications with KendoUI.

Transcript

1. Building HTML5 Web & Mobile Applications with Kendo UI Hattan Shobokshi | @hattan
3. • Nov 9 & 10 2013 @ USC • 100% Free • Geek Dinner • Lots of Raffle Prizes • Network with community & tech companies
4. http://socalcodecamp.com
5. Hattan Shobokshi
6. • What is Kendo UI? • Major Components • Demo Web Capabilities • Demo Charting Capabilities • Demo Mobile Capabilities Goals
7. • 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?
8. Three Major Parts
9. 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
10. 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/
11. Web Demo
12. DataViz • Charts & Gauges • Entirely HTML5, no external plugins • Works on mobile devices • SVG or VML • Works all the way back to IE7!
13. DataViz Demo
14. Mobile • Mobile widgets look native on iOS, Android, Blackberry & Windows Phone 8 • Native apps with Icenium / PhoneGap • Automatic layout switching, landscape to portrait automatically
15. Mobile Demo
16. The End