Sobre Mi
Carlos Azaustre
Ingeniero en Telemática
CTO y Cofundador en CheflyFormador Web / Tech. BloggerMentor en NodeSchool Madrid
Autor deDesarrollo web ágil con Angular.jsAprendiendo JavaScript
Me puedes leer enhttps://carlosazaustre.es
@carlosazaustre
Panorama Actual
http://angularjs.org1.x, 1.2.x
Deprecadas1.3.x
Estable1.4.x
Última versión 1.4.71.5.x, 1.6.x, ?
1.5.0 en betaPróximas versiones, para hacerel tránsito a la 2.0 máscómodo
http://angular.io2.0
Versión AlphaES6 y WebComponents
@carlosazaustre
¿Qué tenemos ahora?
ModuleControllersDirectivas
FactoryService
$scope$routeProviders
ngClickngSrc
ngClass ngHide ngShow
ngRepeat
@carlosazaustre
¿Qué ha pasado con HTML y JS este tiempo?
20092009
2011...
2015
ECMAScript 5
ECMAScript 5.1
ECMAScript 6
@carlosazaustre
¿Qué ha cambiado?
class MyComponent {constructor() {this.nombre = ‘Carlos’;
}}
Controladores y Servicios -> Clases ES6
@carlosazaustre
¿Qué ha cambiado?
import {Component, View} from ‘angular2/angular2’;
Modulos -> Módulos ES6
@carlosazaustre
¿Qué ha cambiado?
<div ng-hide=”true”> … </div>
Directivas Atributos
<div [hidden]=”true”> … </div>
@carlosazaustre
¿Qué ha cambiado?
<button ng-click=”salvar()”>Salvar</button>
Eventos
<button (click)=”salvar()”>Salvar</button>
@carlosazaustre
¿Qué ha cambiado?
<ul><li ng-repeat=”item in collection”>
{{ item }}</li>
</ul>
Directivas
<ul><li *foreach=”#item in collection”>
{{ item }}</li>
</ul>
@carlosazaustre
Demo Time
github.com/carlosazaustre/angular2-devfest-cordoba
Recommended