Angular js Frontenders Valencia

17

Click here to load reader

description

Presentación para Frontenders Valencia con @jacarma

Transcript of Angular js Frontenders Valencia

Page 1: Angular js Frontenders Valencia
Page 2: Angular js Frontenders Valencia

Quiénes somos?

Javier Carrasco @jacarmaJavier Casal @jcasalruiz

Page 3: Angular js Frontenders Valencia

Qué hacemos? Solvency II

Nueva ley reguladora de fondos financieros:Protección del consumidorControl y supervisión de las aseguradoras

Fondo A

Fondo B

Fondo C Fondo D

50%50%

100%

Page 4: Angular js Frontenders Valencia

Qué utilizamos?

Frontend?

Page 5: Angular js Frontenders Valencia

Qué queremos?

API REST y Framework Javascript

MaduroTestable

Tests, Mocks, etcInyección de dependencias

ModularidadSin boilerplate

Page 6: Angular js Frontenders Valencia

Elegir framework

Backbone Closure

Ember YUI

Knockout AngularJS

¿Y vosotros?

Page 7: Angular js Frontenders Valencia

Elegir framework

Backbone ClosureSin bindings, verboso Poca documentación

Ember YUIPoco maduro No es MVC

Knockout AngularJSSólo bindings

Page 8: Angular js Frontenders Valencia

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"

Page 9: Angular js Frontenders Valencia

Lo que pensamos

"Is the Javascript framework that sucks less"

Page 10: Angular js Frontenders Valencia

Creador

Mysko HeveryAgile Coach en Google

Autor de:Testability Explorer

JsTestDriver

Page 11: Angular js Frontenders Valencia

MadurezAngular 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

Page 12: Angular js Frontenders Valencia

Principios

No manipular el DOM directamente

Todo bien separado

Pensado para ser testeado

Escribir menos código

Page 13: Angular js Frontenders Valencia

Qué ofrece?

● Separación "Model View Whatever"● Data binding● Deep linking● Inyección de dependencias● Plain javascript● Preparado para REST● Componentes reusables

Page 14: Angular js Frontenders Valencia

Demo

Page 15: Angular js Frontenders Valencia

Ecosistema

GruntKarma (testacular)YeomanAngular UIBatarang http://blog.angularjs.org/2012/07/introducing-angularjs-batarang.html

Screencasts http://www.egghead.io/

Page 16: Angular js Frontenders Valencia

Demo

Intro con transparencias 15 minData binding 5mControllers 5mAplicación con deep linking 5m

Servicios: REST con deploydDirectivasKarmaYeoman

Page 17: Angular js Frontenders Valencia