Developing ASP.NET MVC Applications Quicker With Kendo UI

8,095 views

Published on

My webinar as part of .NET Ninja Series. This time we take a look at developing ASp.NET MVC apps quicker with Kendo UI ASP.NET MVC Wrappers,

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
8,095
On SlideShare
0
From Embeds
0
Number of Embeds
2,655
Actions
Shares
0
Downloads
102
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Developing ASP.NET MVC Applications Quicker With Kendo UI

  1. 1. Developing ASP.NET MVC Applications Quicker with Kendo UI THE WAY OF HTML5
  2. 2. Agenda Kendo UI Kendo UI Web ASP.NET MVC Wrapper Demo
  3. 3. Introductions Lohith G N Dev Evangelist, Telerik Lohith.nagaraj@telerik.com @kashyapa www.kashyapas.com www.telerikhelper.net
  4. 4. KENDO UI What ?
  5. 5. What is Kendo UI • Everything you need to build HTML5 + JavaScript 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
  6. 6. Kendo UI Kendo Framework Elements Kendo UI Web Kendo UI DataViz Kendo UI Mobile ASP.NET MVC/JSP/PHP Wrappers
  7. 7. Kendo UI Framework Elements Kendo Framework Datasource Validation Globalization Templating MVVM Drag & Drop
  8. 8. Ready for Touch - Full support for Touchscreen - D & D also Touch Enabled
  9. 9. Fast JavaScript Performance - Every aspect built from ground up - Not another Jquery UI Clone - Lightweight, templating library faster than jquery templates - Optimized animations
  10. 10. Great UX Across Devices/Browsers - IE7+ - FF ESR - Chrome - Safari 4+ - Opera 10+
  11. 11. Manage rich views & models MVVM way - Inbuilt MVVM framework - Declarative binding, two-way sync - Can be used with other lib like Backbone.js
  12. 12. Customize Themes • Customize themes to match the look & feel of your site and app - ThemeBuilder tool to customize
  13. 13. KENDO UI WEB
  14. 14. Web Widgets/Controls AutoComplete Calendar ColorPicker ComboBox DatePicker DateTimePicker DropDownList Editor Grid ListView Menu MultiSelect NumericTextBox PanelBar Slider Splitter TabStrip TimePicker ToolTip TreeView Upload Window
  15. 15. Using Kendo UI Web  Download Kendo UI  Configure page to use Kendo UI Scripts & Styles, Define basic HTML  Initialize with JavaScript  Use rich API to configure behavior, handle events  Attribute Based  JavaScript Based
  16. 16. ASP.NET MVC WRAPPERS
  17. 17. Kendo UI ASP.NET MVC Wrappers • Power of JavaScript, Productivity of Server • Simply program on the server and the Kendo UI wrappers will handle the HTML and JavaScript
  18. 18. Kendo UI ASP.NET MVC Wrappers • Simple server-side data binding and CRUD • server-wrappers help configure JavaScript data sources to work directly with your data, even for CRUD operations.
  19. 19. Kendo UI ASP.NET MVC Wrappers • Complete Server & Client-side APIs • Complete control via complete server- side APIs. Server wrappers output Kendo UI JavaScript. • You have full access to the Kendo UI client-side API for maximum control in the browser
  20. 20. Kendo UI ASP.NET MVC Wrappers • Supports ASP.NET MVC 3+ • Use with any ViewEngine (Razor, ASPX) • Automate AJAX data binding • Visual Studio helpers for faster configuration
  21. 21. WHAT ARE WE BUILDING preview
  22. 22. Adventure Works Dashboard
  23. 23. DEMO Lets see some action!
  24. 24. Thanks! Email Twitter Lohith.nagaraj@telerik.com @kashyapa

×