¿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
of 11

Por qué AngularJS

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.
Published on: Mar 4, 2016
Published in: Software      
Source: www.slideshare.net


Transcripts - Por qué AngularJS

  • 1. ¿Por qué AngularJS? En lugar de tu tecnología tradicional
  • 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. Versatilidad de Javascript ● Tizen (Samsung Wear) ● NodeJS ● Unity ● Córdova (Móvil multiplataforma) ● Windows 8 Apps ● … y web
  • 4. Potencia del full-stack JS
  • 5. AngularJS ¿Por qué?
  • 6. Angular vs jQuery Aplicación MVC Declarativo Entornos Framework Conjunto de utilidades Imperativo Selectores Librería
  • 7. Competidores reales http://aurelia.io/ http://emberjs.com/ http://backbonejs.org/
  • 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. Directivas y filtros ■ Directivas (Extensible HTML templating engine): <3dids-input name=”email”></3dids-input> ■ Filtros: {{”inicio” | translate | capitalize}}
  • 10. Desarrollos ionicframework.com http://ui.lumapps.com/ http://ngcordova.com/
  • 11. Comunidad

Related Documents