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 to

1. New Age Applications w/
HTML 5 & Kendo UI
@abhishekkant
facebook.com/KendoUI @KendoUI

2. Abhishek.kant@telerik.com 2

3. Agenda
• New Age Applications
• Getting Started with Kendo UI
• Hybrid Mobile Applications

4. New Age Applications
Single
HTML
CSS 3 JS Page
5
App
One Structure One Style One Code

5. Capabilities
 Rich Content
 Drawing & Graphics
 Offline Storage
 Cache Manifest
 Locations
 Websocket
 Webworkers

6. And…
Introducing Kendo UI

7. Kendo UI Kendo UI Kendo UI
Web DataViz Mobile
Kendo Framework Elements

8. Kendo Framework Elements
• 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

9. Kendo UI Web
Introducing Kendo UI

10. Kendo UI DataViz
HTML5-based data visualizations
SVG + VML for broad browser support
Available charts:
– Pie
– Line
– Bar/Column
– Scatter Point/Line

11. Kendo UI Mobile
Mobile-specific UI widgets that automatically adapt to the look-and-feel
of the host device
1. iPhone
2. Android
3. BlackBerry

12. Choice: The App Continuum
Games
Utilities
Consumer
Info Apps
Enterprise
Apps

13. Using Kendo UI
1. Configure page to use Kendo UI Scripts & Styles
2. Define basic HTML
3. Initialize with JavaScript
4. Use rich API to configure behavior, handle events
1. Attribute Based
2. JavaScript Based

14. Questions
facebook.com/KendoUI @KendoUI

15. Mobile Development Choices

16. Databinding with Kendo UI

17. The Winning Equation
HTML Device Mobile
5 Shell App

18. The Technology
 HTML 5
 Responsive Design
 WebBrowser within Native Applications
 Relevant MetaTags
 Touch & Swipe
 Dealing with Offline
 Device Capability