new age applications with kendo ui
DESCRIPTION
How do you built a new age application that considers mobile and web as first class citizens? In this presentation we learn about Kendo UI - a framework from Telerik toTRANSCRIPT
facebook.com/KendoUI
@KendoUI
@abhishekkant
New Age Applications w/HTML 5 & Kendo UI
• New Age Applications• Getting Started with Kendo UI• Hybrid Mobile Applications
Agenda
HTML 5 CSS 3 JS
Single Page App
New Age Applications
One Structure One Style One Code
Capabilities
Rich Content Drawing & Graphics Offline Storage Cache Manifest Locations Websocket Webworkers
And…Introducing Kendo UI
Kendo Framework Elements
Kendo UI Web
Kendo UI DataViz
Kendo UI Mobile
• Kendo Datasource• Binding to local & remote data, with full support for
CRUD & data operations•Kendo Validation
• Cross-browser, rule-based validation for HTML forms •Kendo UI Globalisation
• Localize Kendo UI widgets to specific culture formats (number format, date format, etc)
•Kendo UI Templates•Kendo UI MVVM•Kendo UI Drag and Drop
Kendo Framework Elements
Introducing Kendo UI
Kendo UI Web
HTML5-based data visualizations SVG + VML for broad browser support Available charts:
– Pie – Line – Bar/Column – Scatter Point/Line
Kendo UI DataViz
Mobile-specific UI widgets that automatically adapt to the look-and-feel of the host device1. iPhone2. Android3. BlackBerry
Kendo UI Mobile
Go Native Here!
Enterprise Apps
Consumer Info Apps
Utilities
Games
Choice: The App Continuum
1. Configure page to use Kendo UI Scripts & Styles2. Define basic HTML3. Initialize with JavaScript4. Use rich API to configure behavior, handle events
1. Attribute Based2. JavaScript Based
Using Kendo UI
facebook.com/KendoUI
@KendoUI
Questions
Mobile Development Choices
Databinding with Kendo UI
The Winning Equation
HTML 5
Device
Shell
Mobile App
The Technology HTML 5 Responsive Design WebBrowser within Native Applications Relevant MetaTags Touch & Swipe Dealing with Offline Device Capability