Carl Bergenhem
Product Manager @KendoUI. Web developer, speaker, and video gaming aficionado.
Kendo UI Overview
With guest star: NativeScript!
Introductions
Carl Bergenhem
Progress Software
Manager, Sales Engineering
@carlbergenhem
Mike Guerra
Progress Software
Inside Sales Representative
Michael.Guerra@progress.com
Carl Bergenhem
Progress Software
Manager, Sales Engineering
@carlbergenhem
Joseph Mello
Progress Software
Inside Sales Representative
joseph.mello@progress.com
Carl Bergenhem
Progress Software
Manager, Sales Engineering
@carlbergenhem
Agenda
- Progress & Telerik Portfolio
- What is Kendo UI?
- Kendo UI for Angular
- NativeScript overview
- Q & A
Progress & Telerik
- Telerik is the leading .NET and JS UI component vendor
- Founded in 2002, acquired by Progress Software in 2014
- Offering UI components for:
- ASP.NET Ajax, ASP.NET MVC, and ASP.NET Core
- JavaScript (jQuery, AngularJS & Angular, and React)
- WinForms, WPF, and Universal Windows Platform (Win10)
- Xamarin
- Other tools include reporting and testing (Fiddler, Test Studio)
- Creators of NativeScript
- A JavaScript-based cross-platform native mobile app framework
What is Kendo UI?
- Originally 70+ jQuery-based UI widgets in one toolset
- Rich UI components like Grids, Scheduler, and dropdowns
- Extensive data visualization support
- Adaptive/responsive rendering
- Integration with other JS frameworks
- AngularJS & Angular, React, and more to come
- Everything you may need for your UX dev all in one package
- Three major updates a year (minor ones between)
- Fully supported through a support ticketing system
Kendo UI Flavors
-
Kendo UI was originally built against jQuery
- The default standard for JS development back in the beginnings of Kendo UI
- If you know jQuery you know Kendo UI
-
Created server-side wrappers for ASP.NET MVC, JSP, and PHP
- UI for ASP.NET MVC
- UI for ASP.NET Core
- UI for JSP
- UI for PHP
-
Currently working on native components for Angular and React
- Kendo UI for Angular
- Kendo UI for React
Kendo UI for Angular
History of Kendo UI for Angular
- Initially an AngularJS 1.x wrapper that was community driven
- Eventually official wrappers of jQuery edition implemented
- This served as our official AngularJS support for a while
- Initial beta of support for AngularJS 2.0 in November 2015
- Between beta to first RC, AngularJS 2.0 changed A LOT
- (Even between RC to RC)
- AngularJS 2.0 is now just "Angular"
- Initial RC of "Kendo UI for Angular" dropped in January 2017
- RTM released early May 2017
Kendo UI for Angular
- Truly native UI components for Angular
- Built from the ground up
- Contains:
- Grid, Charts, Buttons, DateInputs, DropDowns, Inputs
- Charts, gauges, and other data visualizations
- And more!
- Integrates with a lot of Angular core framework items
- Angular Forms for Grid editing
- Supports AoT Comp., Universal Rendering, and Tree Shaking
- More Angular integration, UI widgets, and features to come
- All handled through NPM packages
Getting Started
Set up your Angular project
Add Progress NPM registry
Add the Kendo UI Package to your project
npm install -g @angular/cli;
ng new my-first-angular2-project --style=scss;
cd my-first-angular2-project;npm login --registry=https://registry.npm.telerik.com/ --scope=@progress
npm view @progress/kendo-angular-grid versionsnpm install -S @progress/kendo-angular-buttons
// Import the ButtonsModule...
import { ButtonsModule } from '@progress/kendo-angular-buttons';Demo Time!
(Kendo UI for Angular)
Roadmap
- Large focus on "completing" the Grid and including features that still are not available
- Emphasis on form components including more date pickers etc.
- Additional chart types (catching up to the jQuery edition)
- Bootstrap 4 theme integration
- Other large components (TreeView, Scheduler, etc.)
NativeScript
"A runtime for building and running native iOS and Android apps with a single JavaScript code base"
Why NativeScript?
- Skills reuse
- JavaScript (native APIs) and CSS (styling)
- Angular support
- Code reuse
- npm modules, 3rd-party iOS, Android, and JS libraries
- Direct access to native APIs
- No wrappers to access native APIs
- Use native UI elements
- Open source
What NativeScript Isn't
!=
!=
!=
No DOM
No cross-compilation
Direct access to native APIs in JS
Demo Time!
(NativeScript)
Q & A
Kendo UI for Angular Overview with NativeScript
By Carl Bergenhem
Kendo UI for Angular Overview with NativeScript
Overview of the Kendo UI JavaScript library including a quick walk through of the cross-platform native mobile app framework NativeScript.
