Angular 2

Aborder sereinement ces nouveaux paradigmes

Created by CHAPELLE Quentin / @quentinchap

Communauté ? Webcomponent Dart Server side Nouveau framework Maintenabilitée Typescript Angular-cli

Angular 2 ?

ES6 Performance Compatibilité ? Mobile Réécriture application Facile à apprendre

Cas pratique

Outil de vote en ligne pour l’élection présidentielle de Groland

Les composants

Angular 2 est entièrement constitué de composants organisés de manière hiérarchique.

Angular-Cli

Client ligne de commande permettant de générer du code et d’automatiser un certain nombre d’actions.

Commandes

``` # ng new voteMachine # cd voteMachine # ng serve ```

Structure

Interpolation

app.component.html

app.component.ts

Login

Commande

```` #ng generate component login ````

Login.component.html

Event, binding & Directives de structure

Login.component.ts

Integration de notre composant

Creation d'un component avec une liste

Programmation réactive

Injection de dépendance

Introduction service & Http resquest
Utiliser un service
@Input
@Output

AngularJs to Angular 2

Utiliser des composants AngularJs

ng-upgrade

https://angular.io/docs/ts/latest/guide/upgrade.html

Angular V3/V4

Mars 2017

Ressources

Become a Ninja with Angular 2

Documentation officielle

LEARN ANGULAR 2

John papa

https://xgrommx.github.io/rx-book

RxMarbles

Available soon

https://github.com/quentinchap/VoteMachine