23
Kendo UI One Package for your Web/Mobile/DataViz Apps Lohith G N

Front End Applications Using One Stop JavaScript Library from Telerik

Embed Size (px)

DESCRIPTION

Slide deck used for my webinar held on Oct 30 2014

Citation preview

Page 1: Front End Applications Using One Stop JavaScript Library from Telerik

Kendo UIOne Package for your Web/Mobile/DataViz Apps

Lohith G N

Page 2: Front End Applications Using One Stop JavaScript Library from Telerik

BackboneJS 0.5.3Mustache 0.4.0Lawnchair 0.6.1jQueryUI 1.8.16jQGrid 4.1.2Highcharts 2.1.6jQuery Plugins [misc]UnderscoreJS 1.1.7jQueryUI Mobile 1.0… …

Single

Scoped

Libraries

Current Day Scenario:

Page 3: Front End Applications Using One Stop JavaScript Library from Telerik

But what you Need:

One Library to build Web Sites & Apps

Page 4: Front End Applications Using One Stop JavaScript Library from Telerik

Everything you need to buildsites and mobile apps

with HTML and JavaScript

Page 5: Front End Applications Using One Stop JavaScript Library from Telerik

500,000+

Page 6: Front End Applications Using One Stop JavaScript Library from Telerik

Chrome Camera

Page 7: Front End Applications Using One Stop JavaScript Library from Telerik

Kendo UI

• Web

• Web Widgets

• Web Framework Elements

• OOB 7 themes

• Angular Directives

• Mobile

• Hybrid Mobile Control Set

• Complete Mobile Widgets

• Mobile Framework Elements

• OOB Adaptive Rendering

• DataViz

• Data Visualization Widgets

• SVG

• Fallback to VML

• 22 Widgets

Page 8: Front End Applications Using One Stop JavaScript Library from Telerik

Kendo Framework

Datasource

Validation

Globalization

Templates

MVVM

Drag & Drop

Effects

SPA

Widgets

Angular Directives

Page 9: Front End Applications Using One Stop JavaScript Library from Telerik

Demo : Getting Started

Page 10: Front End Applications Using One Stop JavaScript Library from Telerik

DataSource:

Page 11: Front End Applications Using One Stop JavaScript Library from Telerik

MVVM

Page 12: Front End Applications Using One Stop JavaScript Library from Telerik

Globalization

<script src="kendo.culture.en-GB.js"></script>

<script type="text/javascript">

//set current to the "en-GB" culture script kendo.culture("en-GB");

</script>

Page 13: Front End Applications Using One Stop JavaScript Library from Telerik

Templates

Page 14: Front End Applications Using One Stop JavaScript Library from Telerik

Effects

Page 15: Front End Applications Using One Stop JavaScript Library from Telerik

Demo : Widgets

Page 16: Front End Applications Using One Stop JavaScript Library from Telerik
Page 17: Front End Applications Using One Stop JavaScript Library from Telerik

Angular JS Integration

Page 18: Front End Applications Using One Stop JavaScript Library from Telerik

AngularJS Directives

// in controller:$scope.monthPickerConfig = { start : "year",

depth : "year", format : "MMMM yyyy"};

<!-- in HTML: --> <input kendo-date-picker k-options="monthPickerConfig" />

Page 19: Front End Applications Using One Stop JavaScript Library from Telerik

How to get Kendo UI Core?

• GitHubhttps://github.com/telerik/kendo-ui-core

• NuGet Package – KendoUICorehttp://www.nuget.org/packages/KendoUICore/

• Downloadhttp://www.telerik.com/download/kendo-ui-core

• CDN –

Page 20: Front End Applications Using One Stop JavaScript Library from Telerik

Kendo UI Dojo

http://trykendoui.telerik.com

Page 21: Front End Applications Using One Stop JavaScript Library from Telerik

Kendo UI Demos

http://demos.telerik.com/kendo-ui

Page 22: Front End Applications Using One Stop JavaScript Library from Telerik

About Me

Developer Evangelist, Telerik

Microsoft MVP (ASP.NET/IIS)

BDotNet

Author

[email protected]

@kashyapa

http://about.me/kashyapa

http://www.kashyapas.com

Lohith G N

Page 23: Front End Applications Using One Stop JavaScript Library from Telerik

Thank You

Lohith G [email protected]