Introduction to New Age Applications with Kendo UI
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
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
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