AngulaJS VS Dojo Toolkit 
RALUCA GIMBUTA 
@ CODECAMP IASI 2014
Despre ce vom vorbi? 
 Ce este AngularJS? 
 Two way binding 
 Directive 
 Incarcare date asincron 
 Formulare si validare 
 Broadcasting 
 AngularUI 
 Mobile support 
 MVC in Angular 
 Cand sa folosim? 
 Ce este Dojo Toolkit? 
 Dojo-data-props 
 Dojo Widgets 
 Datastore 
 Formulare si validare 
 Dojo topic 
 Dojo themes 
 Mobile Support 
 MVC in Dojo
Ce este … 
Angular 
Superheroic Javascript MVW Framework 
Dojo 
Javascript Framework targeting he many needs of 
large-scale client-side web development 
 Dojo, Dijit, Dojox, Util
Startup 
Angular 
<script 
src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular. 
min.js"></script> 
and ng-app 
Dojo 
<script 
src="//ajax.googleapis.com/ajax/libs/dojo/1.10.1/dojo/dojo.js" 
data-dojo-config="async: true"> 
</script> 
and require([])
Data binding 
Angular 
ng-model & $scope 
Dojo 
dojo-data-props & dojox/mvc
Directive & Widgeturi 
Angular Directives 
ng-app, ng-contoller, ng-model … 
Dojo Widgets 
dojox/widget
AJAX 
Angular 
$http & $resource 
Dojo 
dojo datastore
Formulare si validari 
Angular 
ng-show, $error, $invalid, $dirty 
Dojo 
dojox/validate
Broadcasting data 
Angular 
$on, $broadcast, rootScope 
Dojo 
dojo/topic
User Interface 
Angular 
Just plain old normal CSS 
AngularUI 
Dojo 
(Customizable) Dojo Themes 
Dojo Bootstrap
Mobile Support 
Angular 
Mobile Angular UI 
Dojo 
dojox/mobile
MVC 
Angular 
ng-controller, ng-model, plain javascript objects 
Dojo 
dojox/mvc
Cand si de ce sa folosim? 
Angular Dojo 
 Cand vrem sa 
dezvoltam ceva rapid 
 Cand avem nevoie de 
ceva lightweight 
 Multa documentatie si 
comunitate mare 
 Se impaca bine cu 
jQuery 
 Cand vrem browser 
compatibility (IE8) dar 
si ultimul build. 
 Cand nu vrem sa 
folosim biblioteci 
aditionale. 
 Foloseste AMD 
 Nu necesita folosirea 
altor biblioteci
Sfarsit 
Va multumesc!

Angularjs vs Dojo toolkit | SuperSpeaker@CodeCamp Iasi 2014

  • 1.
    AngulaJS VS DojoToolkit RALUCA GIMBUTA @ CODECAMP IASI 2014
  • 2.
    Despre ce vomvorbi?  Ce este AngularJS?  Two way binding  Directive  Incarcare date asincron  Formulare si validare  Broadcasting  AngularUI  Mobile support  MVC in Angular  Cand sa folosim?  Ce este Dojo Toolkit?  Dojo-data-props  Dojo Widgets  Datastore  Formulare si validare  Dojo topic  Dojo themes  Mobile Support  MVC in Dojo
  • 3.
    Ce este … Angular Superheroic Javascript MVW Framework Dojo Javascript Framework targeting he many needs of large-scale client-side web development  Dojo, Dijit, Dojox, Util
  • 4.
    Startup Angular <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular. min.js"></script> and ng-app Dojo <script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.1/dojo/dojo.js" data-dojo-config="async: true"> </script> and require([])
  • 5.
    Data binding Angular ng-model & $scope Dojo dojo-data-props & dojox/mvc
  • 6.
    Directive & Widgeturi Angular Directives ng-app, ng-contoller, ng-model … Dojo Widgets dojox/widget
  • 7.
    AJAX Angular $http& $resource Dojo dojo datastore
  • 8.
    Formulare si validari Angular ng-show, $error, $invalid, $dirty Dojo dojox/validate
  • 9.
    Broadcasting data Angular $on, $broadcast, rootScope Dojo dojo/topic
  • 10.
    User Interface Angular Just plain old normal CSS AngularUI Dojo (Customizable) Dojo Themes Dojo Bootstrap
  • 11.
    Mobile Support Angular Mobile Angular UI Dojo dojox/mobile
  • 12.
    MVC Angular ng-controller,ng-model, plain javascript objects Dojo dojox/mvc
  • 13.
    Cand si dece sa folosim? Angular Dojo  Cand vrem sa dezvoltam ceva rapid  Cand avem nevoie de ceva lightweight  Multa documentatie si comunitate mare  Se impaca bine cu jQuery  Cand vrem browser compatibility (IE8) dar si ultimul build.  Cand nu vrem sa folosim biblioteci aditionale.  Foloseste AMD  Nu necesita folosirea altor biblioteci
  • 14.