Front End Applications Using One Stop JavaScript Library from Telerik
1 like1,487 views
Kendo UI is a single JavaScript library that provides widgets, UI elements, and frameworks for building responsive web sites, web applications, hybrid mobile apps, and data visualizations. It includes 22 widgets across its web, mobile, and data visualization modules and supports features like data binding, MVVM, templates, globalization and more. Kendo UI can be obtained from GitHub, NuGet, or direct download and includes demos, documentation and support resources.
![BackboneJS0.5.3Mustache0.4.0Lawnchair0.6.1jQueryUI1.8.16jQGrid4.1.2Highcharts2.1.6jQuery Plugins[misc] UnderscoreJS1.1.7jQueryUIMobile1.0……
Single Scoped
Libraries
Current Day Scenario:](https://image.slidesharecdn.com/frontendapplicationsusingonestopjavascriptlibraryfromtelerik-141103234434-conversion-gate02/85/Front-End-Applications-Using-One-Stop-JavaScript-Library-from-Telerik-2-320.jpg)
Front End Applications Using One Stop JavaScript Library from Telerik
- 1. Kendo UI One Package for your Web/Mobile/DataViz Apps Lohith G N
- 2. BackboneJS0.5.3Mustache0.4.0Lawnchair0.6.1jQueryUI1.8.16jQGrid4.1.2Highcharts2.1.6jQuery Plugins[misc] UnderscoreJS1.1.7jQueryUIMobile1.0…… Single Scoped Libraries Current Day Scenario:
- 3. But what you Need: One Library to build Web Sites & Apps
- 4. Everything you need to buildsites and mobile appswith HTML and JavaScript
- 5. 500,000+
- 7. 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
- 8. Kendo Framework Datasource Validation Globalization Templates MVVM Drag & Drop Effects SPA Widgets Angular Directives
- 9. Demo : Getting Started
- 10. DataSource:
- 11. MVVM
- 12. Globalization <scriptsrc="kendo.culture.en-GB.js"></script> <script type="text/javascript"> //set current to the "en-GB" culture script kendo.culture("en-GB"); </script>
- 13. Templates
- 14. Effects
- 15. Demo : Widgets
- 18. AngularJSDirectives // in controller: $scope.monthPickerConfig= { start: "year", depth: "year", format: "MMMM yyyy" }; <!--in HTML: --> <inputkendo-date-pickerk-options="monthPickerConfig"/>
- 19. 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 –
- 22. 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