Upgrade to Pro — share decks privately, control downloads, hide ads and more …

KendoUI for Web & Mobile Developent

hattan
September 20, 2012

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.

hattan

September 20, 2012
Tweet

More Decks by hattan

Other Decks in Technology

Transcript

  1. Complete 1 day Training Nov. 10th @ Long Beach Convention

    Center http://jssaturday.com Discount Code: RiaConsultingLLC Price: $95 $30 w/discount
  2. 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
  3. 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
  4. THREE MAJOR PARTS 1.Web UI Widgets, GRID, MVVM, Drag &

    Drop 2.Mobile Framework, OS Layout, HTML5 3.DataViz Charts, Gauges
  5. 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)
  6. 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/
  7. STYLING • 5 Default Themes included! Black, Blue Opal, Default,

    Metro ,Silver • Customize Themes via themebuilder
  8. 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!
  9. 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
  10. ASP.NET MVC INTEGRATION • Web & Data Viz Only •

    Strongly Typed Helpers • Clean Output • Extending existing site vs SPA (Single Page Apps)
  11.  What is KendoUI?  Web  Data Viz (Charting)

     Mobile ASP.NET MVC Extensions What did we just talk about?