Introducción a Angular JS

INTRODUCCIÓN A

César Jefferson Aquino Maximiliano (@jovenred) #WPPERU

Nombre:César JeffersonAquino Maximiliano

Ocupación:- Web Developer Orange 612- Profesor I.S.T.P. ISMEM- Freelance- Bombero Voluntario

Twitter: @jovenredEmail: [email protected]: cesaraquino.info

</info>

<info>

¿QUÉ ES ANGULAR JS?

¿QUÉ ES ANGULAR JS?- Framework de Javascript.- Mantenido por el equipo de Google- Creado en el 2009 por Misko Hevery y Adam

Abrons- Adopta el modelo MVC, aunque ellos mismos lo

definen como MVW.- Extiende el lenguaje HTML.- Nos ayuda a desarrollar SPA.

¿SPA?

Single Page AppsAplicaciones que no refrescan toda la página

Maximizan la experiencia del usuario

Tiene Operaciones complejas:

- Manipulación DOM- Routing- Data Binding

¿POR QUÉANGULAR JS?

No manoseas el DOM para acceder al valor de un elemento.

Two-way Data bindingCon AngularJS podemos sincronizar el modelo y la vista

automáticamente. Esta sincronización es bidireccional, es decir, la información se sincroniza tanto si cambia el valor en la vista

como si lo hace el valor en el modelo.

DirectivesMediante el uso de las mismas podemos extender la sintaxis de HTML y darle el

comportamiento que deseemos. Podemos crear directives a nivel de elemento, de

atributo, de clase y de comentario.

FiltersLos filters nos permiten modificar el modo en el que se va a presentar la información al usuario.

{{ información | filter }}

ServicesLos services son los encargados de comunicarse con

el servidor para enviar y obtener información que después será tratada por los controllers para

mostrarla en las vistas.

¿Creías que eso era todo?

Reausability. Permite crear componentes

(directivas) reutilizable. Aísla su función haciendo

que no choque con otros.

Testing. Al tener componentes aislados, podemos

testear su comportamiento de manera

independiente.

Inyección de dependencias. Si necesitamos hacer

uso de un servicio, lo inyectamos en nuestro

controlador directamente y funciona.

MVC

CONTROLADOREs el código con la lógica que comunica el modelo con la vista.

MODELOSon los datos, que junto con la plantilla producen las vistas.

VISTALo que el usuario visualiza. Parte de una plantilla, se funde con el modelo y se renderiza en el árbol DOM.

… y WordPress?

Ya lo saben, es genial...

Muchas Gracias+ angular js:

www.google.com/search?q=angularjs

+ repo AngularPress:

bit.ly/angularpress

+ info:

cesaraquino.info

+ presentaciones:

speakerdeck.com/jovenred