¿Qué es Angular.js?

Charla introductroria sobre angular.js. Features, beneficios, recursos y ejemplos de cómo funciona este maravilloso framework

Transcript

1. ¡HOLA!
2. Amet Alvirde @Alevardi
5. • El pasado (*cof* JQuery *cof*) • ¿Qué es Angular.js? • Web declarativa • Modelos • Controladores • Scope • Servicios • Inyección de dependencias • Directivas • Filtros • Adaptabilidad • ¿Dónde nerdear aún más? Hoy hablaremos de:
6. No me malinterpreten. JQuery era cool... El pasado
7. Código inmantenible El pasado
8. Web declarativa Describir. No mandar.
9. client-side MVC* ¿Qué es Angular js? * Estrictamente no es MVC. Pero lo dejaremos así por simpleza, por el momento. ** Quizá quieras (y debas) Googlear “client-side MVC”. Es un gran consejo.
10. Sí, tal y como los imaginaste. Modelos *Son la unidad básica de información manipulada por angular.
11. Controladores Es el encargado de obtener información mediante un servicio y, manipularla como sea conveniente para su presentación al usuario final
12. M Scope V C Scope Comunicación Bidireccional ( Data binding )
13. Servicios Son responsables de la comunicación con el servidor ( backend ) para obtener información, entregarla al controlador que este la manipule, y que en conjunto con la vista, sea presentada al usuario final. MVC del lado del cliente.
14. Inyección de dependencias Angular proporciona sólo lo que necesites, en el momento indicado.
15. Directivas No existe mejor forma para describir un elemento, que explicar exactamente qué es ese elemento.
16. Filtros Explica incluso cómo se muestra la información
17. Adaptabilidad
18. ¿Dónde nerdear aún más? • Documentación oficial ( en especial ) - http://www.angularjs.org • Angular js pocket reference ( android app ) - https://play.google. com/store/apps/details?id=com.angularpocketreference.app • ng-book ( un espectacular libro introductorio ) - https://www.ng-book. com/ • Angular JS (Libro O’reilly ) - http://shop.oreilly. com/product/0636920028055.do • Egghead ( videos impartidos por un rockstar de Angular JS ) - https: //egghead.io/ • Google - http://www.google.com • Tu editor de texto y navegador favorito.
19. ¡Gracias!