facebook.com/KendoUI

@KendoUI

@abhishekkant

New Age Applications w/HTML 5 & Kendo UI

2Abhishek.kant@telerik.com

• 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