AngularJS Frontenders VLC

Transcript

1. None

2. Quiénes somos? Javier Carrasco @jacarma Javier Casal @jcasalruiz

3. Qué hacemos? Solvency II Nueva ley reguladora de fondos financieros:

   Protección del consumidor Control y supervisión de las aseguradoras Fondo A Fondo B Fondo C Fondo D 50% 50% 100%

4. Qué utilizamos? Frontend?

5. Qué queremos? API REST y Framework Javascript Maduro Testable Tests,

   Mocks, etc Inyección de dependencias Modularidad Sin boilerplate

6. Elegir framework Backbone Closure Ember YUI Knockout AngularJS ¿Y vosotros?

7. Elegir framework Backbone Closure Sin bindings, verboso Poca documentación Ember

   YUI Poco maduro No es MVC Knockout AngularJS Sólo bindings

8. Lo que dicen "No es una librería" "No es un

   framework" "Angular es a los documentos dinámicos lo que HTML a los documentos estáticos" "Angular es lo que hubiera sido HTML si hubiera sido diseñado para hacer aplicaciones web"

9. Lo que pensamos "Is the Javascript framework that sucks less"

10. Creador Mysko Hevery Agile Coach en Google Autor de: Testability

    Explorer JsTestDriver

11. Madurez Angular Backbone Knockout Github 9,134 stars 1,760 forks 13,871

    stars 2,632 forks 3,632 stars 549 forks StackOverflow 4,908 preguntas 8,506 preguntas 5,335 preguntas Antigüedad Octubre 2010 Octubre 2010 Julio 2010

12. Principios No manipular el DOM directamente Todo bien separado Pensado

    para ser testeado Escribir menos código

13. Qué ofrece? • Separación "Model View Whatever" • Data binding

    • Deep linking • Inyección de dependencias • Plain javascript • Preparado para REST • Componentes reusables

14. Demo

15. Ecosistema Grunt Karma (testacular) Yeoman Angular UI Batarang http://blog.angularjs.org/2012/07/introducing-angularjs-batarang.html Screencasts

    http://www.egghead.io/

16. Demo Intro con transparencias 15 min Data binding 5m Controllers

    5m Aplicación con deep linking 5m Servicios: REST con deployd Directivas Karma Yeoman
17. None