Workflows Modernos con AngularJS


Origami Academy




Quien soy yo


Alberto Cole

twitter|github ==> @hybrisCole 
mail ==> acpii2005@gmail.com
Skype: alberto.cole


Quienes son ustedes???!!11111!!1

1. nombre

2. en que trabaja?

3. Experiencia con Front-end

4. que espera del curso?

5. alguna otra cosa que quiera agregar? :)




Que es SPA?

Rapidez = $$$ 


Experiencia de Desktop App en Web 


Request <-> Response / Recarga de la Pagina



Primer Carga de la Pagina







Que es SPA?

Interacción con el Servidor (AJAX, WebSockets)


Navegabilidad entre Secciones


Experiencia de Usuario


Flash - Applets - JavaScript

Que es MVC?

Arquitectura 


SmallTalk


MVC del lado del Servidor



MVC del lado del Cliente

Que es mvc?

Modelo


Vista 


Controlador


Variantes

en que CIRCUNSTANCIAS nace jQuery?

Arquitectura Façade / Cross-Browser


Manipulación del DOM


AJAX


Eventos


EN QUE CIRCUNSTANCIAS NACE JQUERY?

Animaciones


Applets 


Flash


Abstracción de JavaScript


En que circunstancias nace angularJS?

Modularizacion / Encapsulamiento


MVC del lado del Cliente


Uso de los futuros features de la web ahora


Data Binding


EN QUE CIRCUNSTANCIAS NACE ANGULARJS?

Inyeccion de Dependencias


Comunicacion con el Servidor (REST)


Deep Linking / Routing


Validación de Formularios

EN QUE CIRCUNSTANCIAS NACE ANGULARJS?

Filtros


Templating


Animaciones


Servicios


angularjs vs jquery?


Manipulación del DOM


jQuery Spaghetti 


"Callback Hell" y Promises


Organización del Código



Angularjs vs jquery

Unit Testing


Directivas


Cantidad de Codigo


jqLite - jQuery2 custom build 

Estructura de un SPA con angular



Revisemos el codigo de 

https://github.com/hybrisCole/77angulardemo



Ok, a lo que vinimos! 

Programemos un poco!

Links de interes

http://www.egghead.io/
http://shop.oreilly.com/product/0636920028055.do
https://twitter.com/hybrisCole/following
http://www.smashingmagazine.com/
http://www.netmagazine.com/
http://www.envato.com/
http://www.youtube.com/channel/UCbn1OgGei-DV7aSRo_HaAiw

Workflows Modernos con AngularJS

By Alberto Cole

Workflows Modernos con AngularJS

  • 966