Developing ASP.NET MVC Applications Quicker with Kendo UI

THE WAY OF HTML5

Agenda

Kendo UI Kendo UI Web

ASP.NET MVC

WrapperDemo

Introductions

Lohith G NDev Evangelist, Telerik

Lohith.nagaraj@telerik.com@kashyapa

www.kashyapas.comwww.telerikhelper.net

KENDO UIWhat ?

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

Kendo UI

Kendo Framework Elements

Kendo UI Web

Kendo UI DataViz

Kendo UI Mobile

ASP.NET MVC/JSP/PHP Wrappers

Kendo UI Framework Elements

Kendo Framework

Datasource

Validation

Globalization

Templating

MVVM

Drag & Drop

Ready for Touch

- Full support for Touchscreen- D & D also Touch Enabled

Fast JavaScript Performance

- Every aspect built from ground up

- Not another Jquery UI Clone

- Lightweight, templating library faster than jquery templates

- Optimized animations

Great UX Across Devices/Browsers

- IE7+- FF ESR- Chrome- Safari 4+- Opera 10+

Manage rich views & models MVVM way

- Inbuilt MVVM framework

- Declarative binding, two-way sync

- Can be used with other lib like Backbone.js

Customize Themes

• Customize themesto match the look & feelof your site and app

- ThemeBuilder tool to customize

KENDO UI WEB

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

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

ASP.NET MVC WRAPPERS

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

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.

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

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

WHAT ARE WE BUILDINGpreview

Adventure Works Dashboard

DEMO

Lets see some action!

Thanks!

Email TwitterLohith.nagaraj@telerik.com @kashyapa