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.

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