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,

1. Developing
ASP.NET MVC
Applications
Quicker with
Kendo UI
THE WAY OF HTML5

2. Agenda
Kendo UI
Kendo UI
Web
ASP.NET
MVC
Wrapper
Demo

3. Introductions
Lohith G N
Dev Evangelist, Telerik
Lohith.nagaraj@telerik.com
@kashyapa
www.kashyapas.com
www.telerikhelper.net

4. KENDO UI
What ?

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. Kendo UI
Kendo Framework Elements
Kendo UI
Web
Kendo UI
DataViz
Kendo UI
Mobile
ASP.NET MVC/JSP/PHP Wrappers

7. Kendo UI Framework Elements
Kendo
Framework
Datasource
Validation
Globalization
Templating
MVVM
Drag & Drop

8. Ready for Touch
- Full support for
Touchscreen
- D & D also Touch
Enabled

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. Great UX Across Devices/Browsers
- IE7+
- FF ESR
- Chrome
- Safari 4+
- Opera 10+

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. Customize Themes
• Customize themes
to match the look &
feel
of your site and app
- ThemeBuilder tool to
customize

13. KENDO UI WEB

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. 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. ASP.NET MVC WRAPPERS

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. 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. 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. 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. WHAT ARE WE BUILDING
preview

22. Adventure Works Dashboard

23. DEMO
Lets see some action!

24. Thanks!
Email Twitter
Lohith.nagaraj@telerik.com @kashyapa