angularjs and kendo ui - jesse liberty | falafelcon 2014

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