Formation Angular 2+ : développement d’applications Web

1/ Introduction

• Décryptage de la philosophie voulue par Google

• Les apports d’Angular dans le monde du développement web

• Versionning : d’AngularJS à Angular

• Comprendre la notion de Web components du W3C (custom elements, shadow DOM, HTML templates et imports)

2/ Présentation du Framework

• La nouvelle version d'Angular

• Les nouveautés de TypeScript 3.8

• Le nouveau moteur d'Angular 9 : Ivy

• Compilation AOT vs JIT

• Outils et IDE

3/ La structure du framework

• Concepts fondamentaux et vue d’ensemble de l’architecture : composants, services, vues…

• Comment est organisée une application Angular ?

• Organisation du code avec les modules : les conteneurs NgModules et l’encapsulation

• Templates, les nouvelles syntaxes

• Fonctionnement du databinding pour gérer les données dynamiques

• Rôles des pipes et directives

• Principes de l’injection de dépendances avec Angular

• Les packages à installer, les nouvelles fonctionnalités d’Angular CLI et l’intérêt de Webpack

4/ TypeScript et ES6

• Installation TypeScript

• Transpiler EcmaScript

• Let, variables locales et constantes

• Typage et types natifs

• Paramètres optionnels, valeurs par défaut

• Classes et interfaces

• Gestion des modules

• Arrow functions

• Décorateurs

5/ Templates

• Interpolation / expression

• Binding et interactions

• Variables locales

• Symbole *, directives de structure

• Pipes, filtres

6/ Gestion des formulaires

• FormControl et FormGroup

• Validation et gestion d'erreur personnalisée

• Gestion des modifications

• Groupes de champs avec FormBuilder

7/ Composants et services

• Cycle de vie et structure des Angular components

• Directives : selectors, inputs, outputs, cycle de vie, providers

• Composants : templates, styles, directives, pipes

• Visibilité des composants

• Services, injectable

8/ Les Observables et la bibliothèque RxJS

• Concepts de programmation réactive

• Angular et RxJS (Reactive Extensions for JavaScript)

• Comprendre et utiliser les observables et observateurs

• L’intérêt des Subjects

• Les principaux opérateurs : map(), filter(), throttleTime(), scan() et reduce()

• Gestion des requêtes HTTP avec l’API HttpClient

9/ Routing

• Concepts de routage

• Router providers et config

• Router directives

• Méthodes de routage et paramètres

10/ Requête HTTP

• HTTP providers

• Requêtes

• Transformation des données et observables

• Options de requêtes

11/ Tests et requêtes HTTP

• Migration

• Composants Angular

• ng-upgrade : coexistence des différentes version

• ng-forward