1. Organizacin de Cdigo Javascript + Angular Sesion 4 Sergio Castillo Yrizales @scyrizales

2. Agenda 2 Arquitectura de Angular Controladoras y Directivas 3. Organizacin de Cdigo 3 4. Ejercicio Previo 4 Carrito de compras: http://jsfiddle.net/scyrizales/ykAyS/ Realizar un Fork 5. Como ordenarnos (Controladoras) 5 Controladoras para separar funciones Para dar mbito a las expresiones Para organizar el paso de informacin desde los servicios Para responder a los eventos del usuario 6. Controladoras (Ejemplo) 6 Escribir la controladora para el listado de productos Ejemplo de cmo escribir una controladora respetando la inyeccin de dependencias (DI) 7. Como ordenarnos (filtros) 7 Sirven para formatear los datos Tambin se puede usar para filtrar arreglos 8. Como ordenarnos (servicios) 8 Los servicios son la mejor forma de compartir informacin Permiten encapsular funcionalidad Gracias a la DI se pueden testear sin problemas Los servicios se manejan como Singletons 9. Ejercicio Resuelto 9 http://jsfiddle.net/scyrizales/QmJEH/ 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. Ejemplo $http 11 Construiremos un Instagram feed usando $http para traer las fotos ms populares en Instagram http://jsfiddle.net/scyrizales/pC9dH/embedded/result / Cdigo: http://jsfiddle.net/scyrizales/pC9dH/ 12. Muchas gracias Y que esta luz os ilumine donde las otras no puedan 12