Angular 2 is comingGDG #DevFestCordoba - Noviembre 2015

@carlosazaustre+CarlosAzaustre

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?

@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

¿Cómo usarlo ahora?

@carlosazaustre

¿Cómo usarlo ahora?

@carlosazaustre

Demo Time

github.com/carlosazaustre/angular2-devfest-cordoba