1. Telerik Tools for Ninja Developer:
HTML 5 & Kendo UI
@abhishekkant
@kashyapa
@debug_mode
facebook.com/KendoUI @KendoUI

2. Telerik Tools for Ninja Developer
Date Time (IST) Topic
25th July 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: Kendo UI
1st August 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: JustCode
22nd August 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: Test Studio
29th August 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: Just Trace
12th September 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: Just* Suite
26th September 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: Just DeCompile
10th October 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: Just Trace
17th October 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: BI
21st Nov 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: Windows 8
12th Dec 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: Silverlight
Updates on: http://www.telerikhelper.net

3. Today’s Agenda
• Getting Started with Kendo UI: 15
mins
• Kendo UI Web: 15 mins
• Kendo Mobile Applications: 15 mins
• Q&A: 15 mins

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

5. And…
Introducing Kendo UI

6. So, who’s using it?

7. Kendo MVC Wrappers
Kendo UI Kendo UI Kendo UI
Web DataViz Mobile
Kendo Framework Elements

8. Kendo Framework Elements
• 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

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

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

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

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

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

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

15. Kendo UI DataViz
HTML5-based data visualizations
Hardware-accelerated and touch-aware
SVG + VML for broad browser support
Available charts:
– Pie
– Line
– Bar/Column
– Scatter Point/Line

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. Kendo UI Mobile
Mobile-specific UI widgets that automatically adapt to the look-and-feel
of the host device
1. iPhone
2. Android
3. BlackBerry
4. WebOS

18. Resources
Learn more with these resources

19. Official Website
http://www.kendoui.com

20. Blog
http://www.kendoui.com/blogs.aspx

21. Learning Videos
http://www.kendoui.com/videos.aspx http://www.kendoui.com/webinars.aspx

22. Demos
http://demos.kendoui.com/

23. Documentation
One Style
http://docs.kendoui.com/

24. Future Roadmap
http://www.kendoui.com/roadmap.aspx

25. Forums
http://www.kendoui.com/forums

26. Testing
http://www.telerik.com/automated-testing-
tools/campaigns/testing-kendoui-apps.aspx

27. Future Webcasts
Date Time (IST) Topic
1st August 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: JustCode
22nd August 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: Test Studio
29th August 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: Just Trace
12th September 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: Just* Suite
26th September 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: Just DeCompile
10th October 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: Just Trace
17th October 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: BI
21st Nov 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: Windows 8
12th Dec 2012 3:00 – 4:00 PM Telerik Tools for Ninja Developer: Silverlight
Updates on: http://www.telerikhelper.net

28. Questions
Write to us at tech@telerikindia.com
facebook.com/KendoUI @KendoUI