El documento presenta una introducción a AngularJS, un framework de JavaScript para crear aplicaciones web dinámicas. Explica que AngularJS adopta el modelo MVC, extiende HTML y promueve el uso de pruebas unitarias. Luego describe brevemente los componentes clave de AngularJS como controladores, modelos, vistas, directivas, enrutamiento y recursos. Finalmente, incluye algunos consejos sobre el uso de AngularJS y agradece a la audiencia.
4. Què es AngularJS?
●
●
●
●
●
Framework de Javascript.
Adopta el modelo MVC.
Extiende el lenguaje HTML.
Promueve el uso de unit tests.
jQuery ahorra Javascript; Angular ahorra
jQuery.
5. Por què usar AngularJS?
●
●
●
●
Plain old Javascript
KISS
Stand Alone
Full-featured
11. Modelos
● Contienen toda la informaciòn a desplegarse
en las vistas.
● Se insertan a travès de $scope.
● Pueden ser tipos primitivos, objetos, clases,
etc.
● Es buena práctica colocar los modelos
dentro de un objeto.
12. Controladores
● Encapsulan todo el comportamiento y los
modelos que debe tener una vista.
● Inyectan servicios y recursos al scope.
● Posibilidad de herencia de scope en forma
de cascada.
● Pueden emitir y escuchar eventos.
● No se debe accesar el DOM desde aquì
16. Vistas
● Despliegan la informaciòn contenida en los
modelos de un controlador en especìfico.
● Pueden declarar distintos controladores para
diferentes àreas.
17. Filtros
● Helpers para modificar modelos.
● Se pueden usar tanto en los views,
directivas y hasta desde los controladores.
19. Directivas
● Sirven para enlazar los modelos con las
vistas.
● Extienden el comportamiento de las
etiquetas HTML.
● Permiten la creaciòn de nuevas etiquetas
y/o atributos.
21. Enrutamiento
● Controla el flujo de la aplicaciòn.
● SPA (Single Page Applications).
● Ayudan a separar la aplicaciòn en
responsabilidades.
● Soporta enrutamiento de HTML5 (urls
clàsicas y history).
● Permite hacer bookmark de una url en
especìfica.
23. Resources
● Facilitan la interacciòn con servicios
basados en REST
● Permiten la definiciòn de servicios REST
con mètodos estàticos y particulares para
cada instancia.
● Permite la definiciòn de acciones.
Conectores a distintas partes de nuestros
end-points.
25. Conclusiòn
● Ya pueden borrar a EmberJS de sus discos
duros.
● No se olviden del WHERE en el DELETE
FROM.
● No le pongan el nombre de un animal extinto
a su empresa.
26. Observaciones Finales
● Usen la versión 1.2 (aunque sea inestable)
● No accesen el DOM desde los controladores
http://ruoyusun.com/2013/05/25/things-i-wish-i-were-told-about-angular-js.html
● Sigan aprendiendo
http://marcosecchi.blogspot.com/2013/08/angularjs-resource-page.html