Kendo ui web
-
Upload
lohith-gn -
Category
Technology
-
view
1.998 -
download
2
description
Transcript of Kendo ui web
Lohith G N– Developer Evangelist, Telerik India– Microsoft MVP – ASP.NET/IIS– Bangalore Dot Net (BDotNet) User Group
Lead– @kashyapa– http://kashyapas.com– [email protected]
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