Angular : Maîtriser le framework Front-End de Google

Développer avec JavaScript : rappels

• Présentation des bonnes pratiques ECMAScript 5

• Présentation générale de ES7/ES6/ES2015

• Nouveautés syntaxiques : portée, « template string », « arrow functions », les promesses

• Le développement JavaScript Objet avec la syntaxe de class

• Le patron de conception observer/observable (ES7)

• La librairie RX.js

• Outils indispensables: Babel, Traceur et Typescript

• Ypescript en détail

• ES6/2015: approche modulaire

• ES7: gestion des traitements asychrones: await async

• « Modules Loaders » : Webpack, “import/export”

Passer d’AngularJS 1.x à Angular

• Comparaison des concepts

• Processus de migration

• Structure d’une application Angular

• Les principaux modules d’Angular

• Principe de l’injection de dépendance

• Classification des directives : composant, attribut, structure

• Les décorateurs : définition des hiérarchies

L’utilitaire ng ou @angular/cli

• Utilisation de l’utilitaire en ligne de commande

• Scaffolder une structure de projet

• Configuration des utilitaires de tâches

• Lancer un serveur de développement/production (build)

• Compilation Ahead of Time

• La notion de “Tree Shaking”

• BootStrap d’application

Définition de composants

• Comprendre les Web Components

• Angular Compiler : Change Detection

• Syntaxe des templates : interpolation/expression, « Binding » et filtres

• Directives de transformation : ngIf, ngFor, ngSwitch…

• Variables locales et variables de Template

• Classe de composants

• Directives de configuration : selector, provider

• Événements utilisateur et événements logiques personnalisés : EventEmitter

Classifications des composants applicatifs

• Module, RouterModule, SharedModule

• Component, Directive, Pipe, Service, Guard

• Présentation de l’injection de dépendances

• Création de services injectables

• Classification des services

•  Configuration de l’injecteur

• Les décorateurs

• @Host, @ContentChild, @ViewChild

• JavaScript Pure function, PurePipe

Gestion des formulaires, « Routing » et requête HTTP

• FormControl et FormGroup

• TDF versus DDF : Template Driven Form et Data Driven Form

• Validation et gestion d’erreur personnalisée

• Liaison de données via HTTP

• Gestion et configuration des échanges HTTP au niveau applicatif

• Création de routes

• Intercepter les paramètres de routage et wildcard

• Ciblage, « router-outlet » événements de routage

• Gestion et configuration de routes dans l’arbre des composants

Tests unitaires

• Configurer l’environnement de test

• Présentation de Karma et de Jasmine

• Écrire les tests avec Jasmine

• Écrire des tests d’intégration avec protractor

• Couverture du code

• Indices du code-coverage

• BDD (Behaviour Driven Developpemnt), TDD (Test Driven Developpement)

• Cas de test : pipe, composant, application

• Angular « Coding guide Style ».