Presentacion de AngularJS

1. SPA + AngularJS
Desarrollo web refactorizado: desarrollo de
aplicación web de una sola pagina con AngularJS

2. carlos.uscamayta
uscamayta.carlos@gmail.com
@carlosUscamayta
Carlos Álvaro Uscamayta.
Team Development Member
INNOVISION S.A.
Geovanna.serrranov
Yovi2009.gs@gmail.com
@GSYovi
Geovanna Serrano.
Team Development Member
INNOVISION S.A.

3. Desarrollo Web sin SPA
VIEW1 VIEW2
VIEW3
VIEW4

4. SPA – Single Page Aplication
VIEW1
VIEW3VIEW4
VIEW2

5. Desafío de SPA

6. Y ahora quien podrá ayudarnos?
OH!!

7. YO!!!!!!

8. DIRECTIVE
CONTROLLER ?

10. Empecemos…
• Fase 0
• Directives, filters & data bindings
• Views, controllers & scope
• Modules, routes & factories

11. Que la fuerza os acompañe

12. FASE 0

13. Descargar
https://angularjs.org

14. Instalar

15. DIRECTIVES, FILTERS AND
DATA BINDINGS

16. Directives & binding
Directives

17. Iterando con la directiva ng-repeat

19. Usando filters

21. VIEWS, CONTROLLERS
AND SCOPE

22. Views

23. Controller

24. The ‘GLUE’
Scope
VIEW
CONTROLLER

25. Creando un controller

26. MODULES, ROUTES &
FACTORIES

28. Modules & containers

29. Creando un modulo
Que es
esto?
Nuestro módulo depende de otro
módulo

30. Creando un controller en un módulo
Definimos nuestro
controller

31. El rol de los routes
VIEW1 VIEW2
VIEW3VIEW4
/view4
/view3
/view2
/view1

32. Definiendo Routes

33. Usando factories & services

34. El rol de las factories

35. Demostración
https://github.com/cuscamayta/AngularJSDemo

36. Conclusión

37. GRACIAS!!!