A Lap around Kendo UI Web - Presentation done as part of CSC India Learn @ Work Week - Oct 10/11

2. Who Am I ?
 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

3. Agenda
What is Building
Introduction
SPA Hybrid App Apps with
to Kendo UI
? Kendo UI

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

5. Kendo UI
- Introduction
facebook.com/telerik @telerik

6. What is Kendo UI ?
Everything you need to build HTML5 + JavaScript sites & APPS
“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

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

8. Kendo Building Blocks a.k.a F/W
 DataSource
 Validation
 Globalization
 Templating
 MVVM
 Drag & Drop

9. Building Apps with Kendo UI
Mobile
facebook.com/telerik @telerik

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

11. Kendo UI Web
Ready for Touch
- Full support for Touchscreen
- D & D also Touch Enabled

12. 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

13. Kendo UI Web
Great UX across
devices and browsers
- IE7+
- FF ESR
- Chrome
- Safari 4+
- Opera 10+

14. Kendo UI Web
Manage rich views and
models the MVVM way
- Inbuilt MVVM framework
- Declarative binding, two-way
sync
- Can be used with other lib
like Backbone.js

15. Kendo UI Web
Customize themes
to match the look & feel
of your site and app
- ThemeBuilder tool to
customize

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

17. DEMO
facebook.com/telerik @telerik

18. Q&A
facebook.com/telerik @telerik

19. Resources
 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