Lohith G N– Developer Evangelist, Telerik India– Microsoft MVP – ASP.NET/IIS– Bangalore Dot Net (BDotNet) User Group

Lead– @kashyapa– http://kashyapas.com– Lohith.nagaraj@telerik.com

Who Am I ?

Agenda

SPAWhat is Hybrid App ?

Introduction to Kendo

UI

Building Apps with Kendo UI

HTML 5 CSS 3 JS

Single Page App

New Age Applications

One Structure One Style One Code

facebook.com/telerik

@telerik

- Introduction

Kendo UI

Everything you need to build HTML5 + JavaScript sites & APPS

What is Kendo UI ?

“Kendo UI solves an important problem faced by JavaScript and HTML5 developers. It delivers a unified framework backed by professional support. It's easier to learn, easier to upgrade, ultimately making it easier to build apps with HTML5.”

-Todd Anglin, VP – HTML5 Web & Mobile Tools, Telerik

Kendo UI Blocks

Kendo Framework Elements

Kendo UI Web

Kendo UI DataViz

Kendo UI Mobile

DataSource

Validation

Globalization

Templating

MVVM

Drag & Drop

Kendo Building Blocks a.k.a F/W

facebook.com/telerik

@telerik

Building Apps with Kendo UI Mobile

Everything you need in one place,Not hundreds of plug-ins- UI Widgets- MVVM Framework- Datasource- Templates- Themes

Kendo UI Web

Ready for Touch- Full support for Touchscreen- D & D also Touch Enabled

Kendo UI Web

Fast JavaScript for performance- Every aspect built from

ground up- Not another Jquery UI

Clone- Lightweight, templating

library faster than jquery templates

- Optimized animations

Kendo UI Web

Great UX across devices and browsers- IE7+- FF ESR- Chrome- Safari 4+- Opera 10+

Kendo UI Web

Manage rich views andmodels the MVVM way- Inbuilt MVVM framework- Declarative binding, two-

way sync- Can be used with other

lib like Backbone.js

Kendo UI Web

Customize themesto match the look & feelof your site and app- ThemeBuilder tool

to customize

Kendo UI Web

1. Download Kendo UI2. Configure page to use

Kendo UI Scripts & Styles, Define basic HTML

3. Initialize with JavaScript4. Use rich API to configure

behavior, handle events1. Attribute Based2. JavaScript Based

Using Kendo UI

facebook.com/telerik

@telerik

DEMO

facebook.com/telerik

@telerik

Q & A

Kendo UI Mobile Home Page http://www.kendoui.com/mobile.aspx

Kendo UI Mobile Demos http://demos.kendoui.com/mobile/overview/index.html

Kendo UI Mobile Documentation http://docs.kendoui.com/api/mobile

Kendo UI Dojo http://www.kendoui.com/dojo.aspx

Resources