Este documento presenta una sesión sobre la organización de código en AngularJS. Explica conceptos como controladoras, directivas, filtros y servicios. Recomienda usar controladoras para separar funciones, dar ámbito a expresiones y organizar la información desde servicios. También cubre cómo usar filtros para formatear y filtrar datos, y servicios para compartir información de manera encapsulada y testear. Finalmente, muestra ejemplos prácticos de implementar estas ideas.

1. Organización de Código
Javascript + Angular
Sesion 4
Sergio Castillo Yrizales
@scyrizales

2. Agenda
2
 Arquitectura de Angular
 Controladoras y Directivas

3. Organización de Código
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 información desde los
servicios
 Para responder a los eventos del usuario

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. Como ordenarnos (filtros)
7
 Sirven para formatear los datos
 También se puede usar para filtrar arreglos

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. 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 más populares en Instagram
 http://jsfiddle.net/scyrizales/pC9dH/embedded/result
/
 Código:
 http://jsfiddle.net/scyrizales/pC9dH/

12. Muchas gracias
Y que esta luz os ilumine donde las otras no puedan…
12