New Age Applications with Kendo UI
-
Upload
abhishek-kant -
Category
Technology
-
view
2.854 -
download
0
description
Transcript of New Age Applications with Kendo UI
![Page 1: New Age Applications with Kendo UI](https://reader033.fdocuments.net/reader033/viewer/2022061201/5479ee87b37959442b8b4911/html5/thumbnails/1.jpg)
facebook.com/KendoUI
@KendoUI
@abhishekkant
New Age Applications w/HTML 5 & Kendo UI
![Page 3: New Age Applications with Kendo UI](https://reader033.fdocuments.net/reader033/viewer/2022061201/5479ee87b37959442b8b4911/html5/thumbnails/3.jpg)
• New Age Applications• Getting Started with Kendo UI• Hybrid Mobile Applications
Agenda
![Page 4: New Age Applications with Kendo UI](https://reader033.fdocuments.net/reader033/viewer/2022061201/5479ee87b37959442b8b4911/html5/thumbnails/4.jpg)
HTML 5 CSS 3 JS
Single Page App
New Age Applications
One Structure One Style One Code
![Page 5: New Age Applications with Kendo UI](https://reader033.fdocuments.net/reader033/viewer/2022061201/5479ee87b37959442b8b4911/html5/thumbnails/5.jpg)
Capabilities
Rich Content Drawing & Graphics Offline Storage Cache Manifest Locations Websocket Webworkers
![Page 6: New Age Applications with Kendo UI](https://reader033.fdocuments.net/reader033/viewer/2022061201/5479ee87b37959442b8b4911/html5/thumbnails/6.jpg)
And…Introducing Kendo UI
![Page 7: New Age Applications with Kendo UI](https://reader033.fdocuments.net/reader033/viewer/2022061201/5479ee87b37959442b8b4911/html5/thumbnails/7.jpg)
Kendo Framework Elements
Kendo UI Web
Kendo UI DataViz
Kendo UI Mobile
![Page 8: New Age Applications with Kendo UI](https://reader033.fdocuments.net/reader033/viewer/2022061201/5479ee87b37959442b8b4911/html5/thumbnails/8.jpg)
• 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
![Page 9: New Age Applications with Kendo UI](https://reader033.fdocuments.net/reader033/viewer/2022061201/5479ee87b37959442b8b4911/html5/thumbnails/9.jpg)
Introducing Kendo UI
Kendo UI Web
![Page 10: New Age Applications with Kendo UI](https://reader033.fdocuments.net/reader033/viewer/2022061201/5479ee87b37959442b8b4911/html5/thumbnails/10.jpg)
HTML5-based data visualizations SVG + VML for broad browser support Available charts:
– Pie – Line – Bar/Column – Scatter Point/Line
Kendo UI DataViz
![Page 11: New Age Applications with Kendo UI](https://reader033.fdocuments.net/reader033/viewer/2022061201/5479ee87b37959442b8b4911/html5/thumbnails/11.jpg)
Mobile-specific UI widgets that automatically adapt to the look-and-feel of the host device1. iPhone2. Android3. BlackBerry
Kendo UI Mobile
![Page 12: New Age Applications with Kendo UI](https://reader033.fdocuments.net/reader033/viewer/2022061201/5479ee87b37959442b8b4911/html5/thumbnails/12.jpg)
Go Native Here!
Enterprise Apps
Consumer Info Apps
Utilities
Games
Choice: The App Continuum
![Page 13: New Age Applications with Kendo UI](https://reader033.fdocuments.net/reader033/viewer/2022061201/5479ee87b37959442b8b4911/html5/thumbnails/13.jpg)
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
![Page 14: New Age Applications with Kendo UI](https://reader033.fdocuments.net/reader033/viewer/2022061201/5479ee87b37959442b8b4911/html5/thumbnails/14.jpg)
facebook.com/KendoUI
@KendoUI
Questions
![Page 15: New Age Applications with Kendo UI](https://reader033.fdocuments.net/reader033/viewer/2022061201/5479ee87b37959442b8b4911/html5/thumbnails/15.jpg)
Mobile Development Choices
![Page 16: New Age Applications with Kendo UI](https://reader033.fdocuments.net/reader033/viewer/2022061201/5479ee87b37959442b8b4911/html5/thumbnails/16.jpg)
Databinding with Kendo UI
![Page 17: New Age Applications with Kendo UI](https://reader033.fdocuments.net/reader033/viewer/2022061201/5479ee87b37959442b8b4911/html5/thumbnails/17.jpg)
The Winning Equation
HTML 5
Device
Shell
Mobile App
![Page 18: New Age Applications with Kendo UI](https://reader033.fdocuments.net/reader033/viewer/2022061201/5479ee87b37959442b8b4911/html5/thumbnails/18.jpg)
The Technology HTML 5 Responsive Design WebBrowser within Native Applications Relevant MetaTags Touch & Swipe Dealing with Offline Device Capability