Slide 1

Slide 1 text

¡HOLA!

Slide 2

Slide 2 text

Amet Alvirde @Alevardi

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

● 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:

Slide 6

Slide 6 text

No me malinterpreten. JQuery era cool... El pasado

Slide 7

Slide 7 text

Código inmantenible El pasado

Slide 8

Slide 8 text

Web declarativa Describir. No mandar.

Slide 9

Slide 9 text

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.

Slide 10

Slide 10 text

Sí, tal y como los imaginaste. Modelos *Son la unidad básica de información manipulada por angular.

Slide 11

Slide 11 text

Controladores Es el encargado de obtener información mediante un servicio y, manipularla como sea conveniente para su presentación al usuario final

Slide 12

Slide 12 text

M Scope V C Scope Comunicación Bidireccional ( Data binding )

Slide 13

Slide 13 text

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.

Slide 14

Slide 14 text

Inyección de dependencias Angular proporciona sólo lo que necesites, en el momento indicado.

Slide 15

Slide 15 text

Directivas No existe mejor forma para describir un elemento, que explicar exactamente qué es ese elemento.

Slide 16

Slide 16 text

Filtros Explica incluso cómo se muestra la información

Slide 17

Slide 17 text

Adaptabilidad

Slide 18

Slide 18 text

¿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.

Slide 19

Slide 19 text

¡Gracias!