¿Por qué
AngularJS?
En lugar de tu tecnología tradicional
Frontend desacoplado
● Capa de abstracción
○ Aislar errores
○ Segmentar responsabilidades
○ Funcionalidad desacoplada
○ De...
Versatilidad de Javascript
● Tizen (Samsung Wear)
● NodeJS
● Unity
● Córdova (Móvil multiplataforma)
● Windows 8 Apps
● … ...
Potencia del full-stack JS
AngularJS
¿Por qué?
Angular vs jQuery
Aplicación MVC
Declarativo
Entornos
Framework
Conjunto de utilidades
Imperativo
Selectores
Librería
Competidores reales
http://aurelia.io/ http://emberjs.com/ http://backbonejs.org/
Two-way binding
<input type="number" ng-model ="a" placeholder="a">
<input type="number" ng-model ="b" placeholder="b">
<p...
Directivas y filtros
■ Directivas (Extensible HTML templating engine):
<3dids-input name=”email”></3dids-input>
■ Filtros:...
Desarrollos
ionicframework.com http://ui.lumapps.com/ http://ngcordova.com/
Comunidad
Próxima SlideShare
Cargando en…5
×

Por qué AngularJS

409 visualizaciones

Publicado el

Presentación realizada en algunas empresas de desarrollo software de Alicante para exponer lo conveniente que es aplicar la arquitectura a tres capas con AngularJS y el resto del fullStack Javascript.

Publicado en: Software
0 comentarios
1 recomendación
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
409
En SlideShare
0
De insertados
0
Número de insertados
5
Acciones
Compartido
0
Descargas
11
Comentarios
0
Recomendaciones
1
Insertados 0
No insertados

No hay notas en la diapositiva.

Por qué AngularJS

  1. 1. ¿Por qué AngularJS? En lugar de tu tecnología tradicional
  2. 2. Frontend desacoplado ● Capa de abstracción ○ Aislar errores ○ Segmentar responsabilidades ○ Funcionalidad desacoplada ○ Desarrolladores más independientes ● Backend independiente y accesible ○ Múltiples frontends: web, desktop, móvil, wereable… ○ Integración con terceros ○ Estructura basada en los datos
  3. 3. Versatilidad de Javascript ● Tizen (Samsung Wear) ● NodeJS ● Unity ● Córdova (Móvil multiplataforma) ● Windows 8 Apps ● … y web
  4. 4. Potencia del full-stack JS
  5. 5. AngularJS ¿Por qué?
  6. 6. Angular vs jQuery Aplicación MVC Declarativo Entornos Framework Conjunto de utilidades Imperativo Selectores Librería
  7. 7. Competidores reales http://aurelia.io/ http://emberjs.com/ http://backbonejs.org/
  8. 8. Two-way binding <input type="number" ng-model ="a" placeholder="a"> <input type="number" ng-model ="b" placeholder="b"> <p> a + b = {{a + b}} </p> <button ng-click ="randomize()">Randomize</button> $scope.randomize = function() { $scope.a = Math.random()*10; $scope.b = Math.random()*10; }; Vista Controlador
  9. 9. Directivas y filtros ■ Directivas (Extensible HTML templating engine): <3dids-input name=”email”></3dids-input> ■ Filtros: {{”inicio” | translate | capitalize}}
  10. 10. Desarrollos ionicframework.com http://ui.lumapps.com/ http://ngcordova.com/
  11. 11. Comunidad

×