Le document présente Angular 2, un framework JavaScript créé par Google, mettant en avant ses avantages, son architecture et ses fonctionnalités. Il aborde des concepts tels que TypeScript, la programmation orientée composants, et décrit un exemple d'application Angular. Enfin, il fournit un aperçu d'un atelier d'introduction à TypeScript et aux fonctionnalités d'Angular 2.

1. Angular 2

2. Le Plan
 Inroduction (TypeScript)
 Présentation de Angular 2
 Les Avantages de Angular 2
 Architecture
 Exemple Complet d’une application
Angular
 Workshop

3. Introduction :
TypeScript
 Langage créé par Anders Hejlsberg en 2012
 Projet open-source maintenu par Microsoft
 Ajout de nouvelles fonctionnalités au langage
JavaScript
 Support d'ES3 / ES5 / ES2015
 Tout programme JavaScript est un programme
TypeScript

4. Présentation de
Angular 2
 Mobiles Framework créé par Google et annoncé en 2014
 Réécriture total du framework
 Reprend certains concepts d'AngularJS
 1e version beta annoncée le 23/10/2014
 Version officielle sortie en 2016
 Programmation orientée Composant
 Framework conçu pour être plus performant et optimisé
pour les mobiles

5. Les Avantages de
Angular
Augmenter les performances
Améliorer la productivité
S’adapter au mobile
Embrasser les nouveaux standards du Web

6. Architecture

7. Architecture :
regroupement d'un ensemble de fonctionnalités sous un même
Namespace.
 Les composants :
 Library Modules (barrels):
 Modules :
@angular/core, @angular/http... .
Elément graphique composé d'un template et d'une classe
 Directives composants sans template (ngFor, ngIf, ...)

8. Architecture :
 Pipe :
Métadata: Moyen d'indiquer à Angular comment utiliser la classe
Code métier implémenté dans des classes qui seront injectées
dans les différents composants.
 Services :
Elément permettant de formatter une donnée (équivalent au filter
d'AngularJS).

9. Exemple Complet

10. Workshop (15 minutes)

11. MERCI POUR
VOTRE ATTENTION !