itcampro @ itcamp12 # Premium conference on Microsoft technologies

Introduction to Kendo UI

Alex Gyoshev

JavaScript Developer @ Telerik

@alex_gyoshev

itcampro @ itcamp12 # Premium conference on Microsoft technologies

Mobile &

Development ITCamp 2012 sponsors

itcampro @ itcamp12 # Premium conference on Microsoft technologies

Mobile &

Development

• Why Kendo UI?

• What is Kendo UI?

• Components overview

• Kendo UI for ASP.NET MVC

• Q&A

Agenda

itcampro @ itcamp12 # Premium conference on Microsoft technologies

Why Kendo UI?

itcampro @ itcamp12 # Premium conference on Microsoft technologies

Mobile &

Development

• Want to build a modern web app?

Why Kendo UI?

jQuery UI

jqGrid

HighCharts

Mustache

jQuery Mobile

jQuery plug-ins

...

1.8.16

4.1.2

2.1.6

0.4.0

1.0

[misc]

...

itcampro @ itcamp12 # Premium conference on Microsoft technologies

Mobile &

Development Why Kendo UI?

Un-unified frameworks

What do professional projects need?

Less Risk. Less Wasted Time.

Unpredictable road maps

Unsupported code

itcampro @ itcamp12 # Premium conference on Microsoft technologies

Mobile &

Development

• Want to build a modern web app?

Why Kendo UI?

jQuery UI

jqGrid

HighCharts

Mustache

jQuery Mobile

jQuery plug-ins

...

1.8.16

4.1.2

2.1.6

0.4.0

1.0

[misc]

...

itcampro @ itcamp12 # Premium conference on Microsoft technologies

Mobile &

Development

• Want to build a modern web app?

Why Kendo UI?

Kendo UI 2012.Q2

3 major releases per year

3 service packs

commercial support

itcampro @ itcamp12 # Premium conference on Microsoft technologies

What is Kendo UI?

itcampro @ itcamp12 # Premium conference on Microsoft technologies

Mobile &

Development What is Kendo UI?

itcampro @ itcamp12 # Premium conference on Microsoft technologies

Mobile &

Development What is Kendo UI?

Everything you need for professional

HTML5 and JavaScript development

itcampro @ itcamp12 # Premium conference on Microsoft technologies

Mobile &

Development What is Kendo UI?

Kendo UI Core

Kendo UI Web Kendo UI DataViz

Kendo UI Mobile

itcampro @ itcamp12 # Premium conference on Microsoft technologies

Mobile &

Development What is Kendo UI?

Benefits

• Unified (less glue code)

• Built for speed

• Familiar to jQuery devs

• Aggressive Road Map

• Supported

itcampro @ itcamp12 # Premium conference on Microsoft technologies

Components Overview

itcampro @ itcamp12 # Premium conference on Microsoft technologies

Mobile &

Development Components Overview

Kendo UI Core

Kendo UI Web Kendo UI DataViz

Kendo UI Mobile

itcampro @ itcamp12 # Premium conference on Microsoft technologies

Mobile &

Development Components Overview

Kendo UI Core

• Shared components, such as:

• DataSource

• Templating

• Validation

• Globalization

• MVVM

• Drag&Drop

itcampro @ itcamp12 # Premium conference on Microsoft technologies

Mobile &

Development Components Overview

Kendo UI Web

• Web widgets, including:

• Grid

• TreeView

• Rich Text Editor

• Touch-enabled, ready for mobile

• Easy styling with the Kendo UI ThemeBuilder

• DatePicker

• Upload

• Window

itcampro @ itcamp12 # Premium conference on Microsoft technologies

Mobile &

Development Components Overview

Kendo UI DataViz

• Charts

• Pie

• Line

• Column / Bar

• Gauges

• SVG/VML hybrid rendering

itcampro @ itcamp12 # Premium conference on Microsoft technologies

Mobile &

Development Components Overview

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

Kendo UI for ASP.NET MVC

itcampro @ itcamp12 # Premium conference on Microsoft technologies

Mobile &

Development Kendo UI for ASP.NET MVC

• 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

Q & A

Shy people can ask on Twitter: @alex_gyoshev