Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Javascript + Angular Sesion 4

711 views

Published on

Parte 4 de 6 del curso de Javascript + Angular.

Published in: Technology
  • Be the first to comment

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

×