1. Introduction to Kendo UI
Alex Gyoshev
JavaScript Developer @ Telerik
@alex_gyoshev
@ itcampro # itcamp12 Premium conference on Microsoft technologies
2. ITCamp 2012 sponsors Mobile &
Development
@ itcampro # itcamp12 Premium conference on Microsoft technologies
3. Agenda Mobile &
Development
• Why Kendo UI?
• What is Kendo UI?
• Components overview
• Kendo UI for ASP.NET MVC
• Q&A
@ itcampro # itcamp12 Premium conference on Microsoft technologies
4. Why Kendo UI?
@ itcampro # itcamp12 Premium conference on Microsoft technologies
5. Why Kendo UI? Mobile &
Development
• Want to build a modern web app?
jQuery UI 1.8.16
jqGrid 4.1.2
HighCharts 2.1.6
Mustache 0.4.0
jQuery Mobile 1.0
jQuery plug-ins [misc]
... ...
@ itcampro # itcamp12 Premium conference on Microsoft technologies
6. Why Kendo UI? Mobile &
Development
Un-unified frameworks
Unpredictable road maps
Unsupported code
What do professional projects need?
Less Risk. Less Wasted Time.
@ itcampro # itcamp12 Premium conference on Microsoft technologies
7. Why Kendo UI? Mobile &
Development
• Want to build a modern web app?
jQuery UI 1.8.16
jqGrid 4.1.2
HighCharts 2.1.6
Mustache 0.4.0
jQuery Mobile 1.0
jQuery plug-ins [misc]
... ...
@ itcampro # itcamp12 Premium conference on Microsoft technologies
8. Why Kendo UI? Mobile &
Development
• Want to build a modern web app?
Kendo UI 2012.Q2
3 major releases per year
3 service packs
commercial support
@ itcampro # itcamp12 Premium conference on Microsoft technologies
9. What is Kendo UI?
@ itcampro # itcamp12 Premium conference on Microsoft technologies
10. What is Kendo UI? Mobile &
Development
@ itcampro # itcamp12 Premium conference on Microsoft technologies
11. What is Kendo UI? Mobile &
Development
Everything you need for professional
HTML5 and JavaScript development
@ itcampro # itcamp12 Premium conference on Microsoft technologies
12. What is Kendo UI? Mobile &
Development
Kendo UI Core
Kendo UI Web Kendo UI DataViz
Kendo UI Mobile
@ itcampro # itcamp12 Premium conference on Microsoft technologies
13. What is Kendo UI? Mobile &
Development
Benefits
• Unified (less glue code)
• Built for speed
• Familiar to jQuery devs
• Aggressive Road Map
• Supported
@ itcampro # itcamp12 Premium conference on Microsoft technologies
14. Components Overview
@ itcampro # itcamp12 Premium conference on Microsoft technologies
15. Components Overview Mobile &
Development
Kendo UI Core
Kendo UI Web Kendo UI DataViz
Kendo UI Mobile
@ itcampro # itcamp12 Premium conference on Microsoft technologies
16. Components Overview Mobile &
Development
Kendo UI Core
• Shared components, such as:
• DataSource • MVVM
• Templating • Drag&Drop
• Validation
• Globalization
@ itcampro # itcamp12 Premium conference on Microsoft technologies
17. Components Overview Mobile &
Development
Kendo UI Web
• Web widgets, including:
• Grid • DatePicker
• TreeView • Upload
• Rich Text Editor • Window
• Touch-enabled, ready for mobile
• Easy styling with the Kendo UI ThemeBuilder
@ itcampro # itcamp12 Premium conference on Microsoft technologies
18. Components Overview Mobile &
Development
Kendo UI DataViz
• Charts
• Pie
• Line
• Column / Bar
• Gauges
• SVG/VML hybrid rendering
@ itcampro # itcamp12 Premium conference on Microsoft technologies
19. Components Overview Mobile &
Development
Kendo UI Mobile
• Native-looking UI for iPhone, Android, and
BlackBerry
• Compatible with PhoneGap / Cordova
• Ready for App Stores
@ itcampro # itcamp12 Premium conference on Microsoft technologies
20. Kendo UI for ASP.NET MVC
@ itcampro # itcamp12 Premium conference on Microsoft technologies
21. Kendo UI for ASP.NET MVC Mobile &
Development
• Strongly-typed configuration
• Even easier to connect with actions and
services
• Will be released in July 2012
• First beta coming up on May 31
• Feedback is greatly appreciated!
@ itcampro # itcamp12 Premium conference on Microsoft technologies
22. Q&A
Shy people can ask on Twitter: @alex_gyoshev
@ itcampro # itcamp12 Premium conference on Microsoft technologies