Kendo UI with AngularJS 
K. 
Sco' 
Allen 
Ode 
To 
Code 
sco'@odetocode.com 
@odetocode 
Jesse 
Liberty 
Master 
Consultant 
Falafel 
So?ware 
jesse@falafel.com 
@jesseliberty
Am I In The Right Presenta;on? 
Know 
Angular 
Know 
Kendo 
Know 
Neither
What We Will Cover 
• Very 
brief 
introducFon 
to 
Kendo 
• Very 
brief 
introducFon 
to 
Angular 
• Kendo 
UI 
controls 
with 
Angular 
• SeIng 
properFes 
in 
Angular 
• Working 
with 
DataVisualizaFon
Brief Introduc;on to Kendo UI 
• Library 
for 
creaFng 
great 
looking 
applicaFons 
• Core 
library 
(free): 
40+ 
widgets 
• Professional: 
70+ 
widgets 
+ 
support
Kendo UI 
• Also 
MVC 
Wrappers 
• PHP 
Wrappers 
• JSP 
Wrappers 
Each 
$999 
h"p://kendoui.com
Brief Introduc;on to Kendo UI 
• UnFl 
recently, 
Kendo 
UI 
+ 
jQuery 
• Now 
fully 
integrated 
AngularJS 
• New 
AngularJS 
features 
for 
Kendo 
coming 
in 
Nov.
Brief Introduc;on to AngularJS 
• Library 
for 
creaFng 
Single 
Page 
ApplicaFons 
(SPA) 
• AngularJS 
is 
strictly 
client-­‐side 
• Key 
is 
adding 
"DirecFves" 
to 
HTML5
Brief Introduc;on to AngularJS 
• Rather 
than 
finding 
a 
widget 
and 
manipulaFng 
it, 
Angular 
modifies 
the 
widget 
with 
a'ributes 
• EssenFally, 
extends 
HTML5 
• Create 
dynamic 
views 
• Extensible
Kendo UI With Angular 
• Modify 
the 
element 
• Angular 
code 
to 
support 
• No 
direct 
use 
of 
jQuery
Demos, Demos, Demos
Ques;ons?
Contact Us 
• Jesse 
Liberty 
• Falafel 
So?ware 
• jesse@falafel.com 
• @jesseliberty 
K. 
Sco' 
Allen 
Ode 
To 
Code 
sco'@odetocode.com 
@odetocode

AngularJS and Kendo UI - Jesse Liberty | FalafelCON 2014

  • 1.
    Kendo UI withAngularJS K. Sco' Allen Ode To Code sco'@odetocode.com @odetocode Jesse Liberty Master Consultant Falafel So?ware jesse@falafel.com @jesseliberty
  • 2.
    Am I InThe Right Presenta;on? Know Angular Know Kendo Know Neither
  • 3.
    What We WillCover • Very brief introducFon to Kendo • Very brief introducFon to Angular • Kendo UI controls with Angular • SeIng properFes in Angular • Working with DataVisualizaFon
  • 4.
    Brief Introduc;on toKendo UI • Library for creaFng great looking applicaFons • Core library (free): 40+ widgets • Professional: 70+ widgets + support
  • 5.
    Kendo UI •Also MVC Wrappers • PHP Wrappers • JSP Wrappers Each $999 h"p://kendoui.com
  • 6.
    Brief Introduc;on toKendo UI • UnFl recently, Kendo UI + jQuery • Now fully integrated AngularJS • New AngularJS features for Kendo coming in Nov.
  • 7.
    Brief Introduc;on toAngularJS • Library for creaFng Single Page ApplicaFons (SPA) • AngularJS is strictly client-­‐side • Key is adding "DirecFves" to HTML5
  • 8.
    Brief Introduc;on toAngularJS • Rather than finding a widget and manipulaFng it, Angular modifies the widget with a'ributes • EssenFally, extends HTML5 • Create dynamic views • Extensible
  • 12.
    Kendo UI WithAngular • Modify the element • Angular code to support • No direct use of jQuery
  • 14.
  • 16.
  • 17.
    Contact Us •Jesse Liberty • Falafel So?ware • jesse@falafel.com • @jesseliberty K. Sco' Allen Ode To Code sco'@odetocode.com @odetocode