Javascript + Angular Sesion 4

628 views
543 views

Published on

Parte 4 de 6 del curso de Javascript + Angular.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
628
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
38
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Javascript + Angular Sesion 4

  1. 1. Organización de Código Javascript + Angular Sesion 4 Sergio Castillo Yrizales @scyrizales
  2. 2. Agenda 2  Arquitectura de Angular  Controladoras y Directivas
  3. 3. Organización de Código 3
  4. 4. Ejercicio Previo 4  Carrito de compras:  http://jsfiddle.net/scyrizales/ykAyS/  Realizar un Fork
  5. 5. Como ordenarnos (Controladoras) 5  Controladoras para separar funciones  Para dar ámbito a las expresiones  Para organizar el paso de información desde los servicios  Para responder a los eventos del usuario
  6. 6. Controladoras (Ejemplo) 6  Escribir la controladora para el listado de productos Ejemplo de cómo escribir una controladora respetando la inyección de dependencias (DI)
  7. 7. Como ordenarnos (filtros) 7  Sirven para formatear los datos  También se puede usar para filtrar arreglos
  8. 8. Como ordenarnos (servicios) 8  Los servicios son la mejor forma de compartir información  Permiten encapsular funcionalidad  Gracias a la DI se pueden testear sin problemas  Los servicios se manejan como Singletons
  9. 9. Ejercicio Resuelto 9  http://jsfiddle.net/scyrizales/QmJEH/
  10. 10. Servicios Internos 10  Tenemos variados servicios internos  $http, $log, $rootElement, $rootScope y muchos otros que se pueden ver en la referencia:  http://docs.angularjs.org/api
  11. 11. Ejemplo $http 11  Construiremos un Instagram feed usando $http para traer las fotos más populares en Instagram  http://jsfiddle.net/scyrizales/pC9dH/embedded/result /  Código:  http://jsfiddle.net/scyrizales/pC9dH/
  12. 12. Muchas gracias Y que esta luz os ilumine donde las otras no puedan… 12

×