WHY ANGULARJS ??

STATIC	
  

BUT	
  
FEATURES
•  MVC
•  DI (DEPENDENCY INJECTION)
•  ENHANCE HTML TO SUPPORT NEW FEATURES
•  MINIMIZE DIRECT DOM MANIPULATION
•  EMBRACE DE-COUPLING & RE-USABILITY
•  TESTING ISN’T AN AFTER-THOUGHT	
  
There	
  are	
  3	
  important	
  things	
  that	
  happen	
  during	
  the	
  app	
  bootstrap:	
  
	
  
1.  The	
  injector	
  that	
  will	
  be	
  used	
  for	
  dependency	
  injec8on	
  is	
  created.	
  
2. 

The	
  injector	
  will	
  then	
  create	
  the	
  root	
  scope	
  that	
  will	
  become	
  the	
  
context	
  for	
  the	
  model	
  of	
  our	
  applica8on.	
  

3. 

Angular	
  will	
  then	
  "compile"	
  the	
  DOM	
  star8ng	
  at	
  the	
  ngApp	
  root	
  
element,	
  processing	
  any	
  direc8ves	
  and	
  bindings	
  found	
  along	
  the	
  
way.	
  
TESTS
hEp://docs.angularjs.org/tutorial/	
  
	
  
hEps://github.com/angular/angular-­‐
phonecat.git	
  
	
  
CURIOSITIES
Social	
  network	
  informa8on	
  

Jéferson Machado
Agile	
  coach	
  

http://twitter.com/jefersonm

https://github.com/jefersonm/

http://facebook.com/jefe.machado

http://slideshare.net/jefersonm

AngularJS

  • 2.
  • 4.
    FEATURES •  MVC •  DI(DEPENDENCY INJECTION) •  ENHANCE HTML TO SUPPORT NEW FEATURES •  MINIMIZE DIRECT DOM MANIPULATION •  EMBRACE DE-COUPLING & RE-USABILITY •  TESTING ISN’T AN AFTER-THOUGHT  
  • 5.
    There  are  3  important  things  that  happen  during  the  app  bootstrap:     1.  The  injector  that  will  be  used  for  dependency  injec8on  is  created.   2.  The  injector  will  then  create  the  root  scope  that  will  become  the   context  for  the  model  of  our  applica8on.   3.  Angular  will  then  "compile"  the  DOM  star8ng  at  the  ngApp  root   element,  processing  any  direc8ves  and  bindings  found  along  the   way.  
  • 7.
  • 8.
  • 9.
  • 10.
    Social  network  informa8on   Jéferson Machado Agile  coach   http://twitter.com/jefersonm https://github.com/jefersonm/ http://facebook.com/jefe.machado http://slideshare.net/jefersonm