por un jsdummy

Angular JS

• framework de javascript
• expresivo, legible y rápido de desarrollar
• modelo MVC
• extiende el HTML

• Trabaja bien con otras tecnologías
• No necesita de un estado global
• (varias apps Angular en una misma página sin iframes)

• basada en inyección de dependencias
• nos permite cambiar el contexto de nuestros componentes
• facilita mucho los tests

• Fomenta la separación comportamiento / vista
• mocks pre-empaquetados
• inyección de dependencias
• doc con de ejemplos de test
• KARMA (E2E también)

modelo

• se almacena usando $scope
• información a usar en las vistas

vista

• los templates

Controlador

• lógica de negocio que interactua con la vista
• inicializan el $scope
• NO deben tocar el DOM

Services

• singletons
• lógica de negocio independiente de la vista
• angular trae muchos: $http, $animate, $locale...

usando servicios

• pensarlos para que sean reusables
• Solo se ejecutan cuando hay que satisfacer la dependencia
• ¡ No olvidarse de identificarlos como dependencia !

filter

• formatean expresiones para mostrarlas a los usuarios
• pueden usarse en: plantillas de vista, controladores o servicios

directivas

• extienden el html con nuestros propios atributos y elementos
• el único sitio donde se toca el DOM
• si quieres tocar el DOM ¡escribe una directiva!

nombre de directivas

• evita problemas, ponles un prefijo. Angular usa 'ng-'
• camelCase en codigo -> fchHello
• '-' en el DOM -> fch-hello

creando directivas

• acordarse: dos pasadas compile(...) y link(...)
• muchas opciones: template,transclude, replace...
• templateUrl es nuestra amiga

scope en directivas

• '@' enlaza con el valor del atributo DOM
• '=' enlace bidireccional con el atributo
• '&' ejecuta una expresion en el contexto del scope padre

¿y qué mas?

• Karma
• Yeoman

enlaces