KendoUI for Web & Mobile Developent

In this presentation we’ll look at KendoUI, a javascript framework for building web and mobile applications. We’ll cover all the three major components of the framework, Web, Data Viz and mobile. I’ll show you how to build compelling UI’s using KendoUI’s many web and mobile widgets. We’ll build a sample website using many of the webcontrols, then we’ll convert it to a mobile application using kendoui’s mobile controls. In addition we’ll look at how you can use KendoUI in an ASP.NET MVC application.

Transcript

2. Hattan Shobokshi Senior Applications & Web Developer
3. Complete 1 day Training Nov. 10th @ Long Beach Convention Center http://jssaturday.com Discount Code: RiaConsultingLLC Price: $95 $30 w/discount
4. Goals for this talk  What is KendoUI?  Major Components  Demo Web Capabilities  Demo Charting Capabilities  Demo Mobile  ASP.NET MVC Extensions BETA Goals for this talk
5. WHAT IS KENDO UI? Kendo UI is a JavaScript framework for creating Web and Mobile apps. Includes many UI Widgets and charting. Future proof Created by Telerik
6. THREE MAJOR PARTS 1.Web UI Widgets, GRID, MVVM, Drag & Drop 2.Mobile Framework, OS Layout, HTML5 3.DataViz Charts, Gauges
7. MORE ON KENDO UI • Kendo UI is entirely client side (JavaScript/HTML/CSS). • Works with any server side technology , ASP.NET , Rails, Node • Built on JQuery . • Easy to use, especially if you are familiar with JQuery plugins. • Available via NuGet (Web only)
8. WEB • HTML5 Widgets : Grid, AutoComplete, ComboBox, ListView • Framework : Data Source, Validation, Globalization, Drag & Drop • MVVM Library Similar to Knockout JS • Knockout JS Integration http://rniemeyer.github.com/knockout-kendo/
9. STYLING • 5 Default Themes included! Black, Blue Opal, Default, Metro ,Silver • Customize Themes via themebuilder
10. DATAVIZ • Charts & Gauges • Entirely HTML5, no external plugins. • Works on mobile devices. • Automatically uses SVG or VML to render visualizations. • Works all the way back to IE7!
11. MOBILE • Mobile widgets look native on iOS, Android and Blackberry • Works great with Icenium & PhoneGap (Create native apps) • Automatic layout, switch from landscape to portrait automatically
12. ASP.NET MVC INTEGRATION • Web & Data Viz Only • Strongly Typed Helpers • Clean Output • Extending existing site vs SPA (Single Page Apps)
13.  What is KendoUI?  Web  Data Viz (Charting)  Mobile ASP.NET MVC Extensions What did we just talk about?
14. THANKS! The End