Angular : Approfondissement

Objectifs

Découvrir les techniques et fonctions avancées d'Angular - Utiliser les Guards - Décomposer un projet en Modules - Tester son application Angular

Programme de la formation

 Les composants interactifs

Cycle de vie des composants

Transmettre des paramètres vers une variable ou un mutateur

Les Décorateurs @Input et @Output

Notifier un composant avec EventEmitter

Composant(s) enfant(s): @ViewChild et @ViewChildren

Les guards

Présentation et utilité des guards

Liste des Guards (CanActivate, CanActivateChild, etc)

Gestions des types de retour

Créer des redirections à l'aide de l'UrlTree
Atelier: Restreindre l'accès aux Routes

Architecture en Module

Décomposer le projet en Module

Navigation entre module

Le chargement fainéant: forRoot & forChild

Restreindre l'accès à l'aide du guard canLoad

Stratégie de préchargement

Personnalisé les strategies de préchargement
Atelier: Découper le projet en Module

HttpClientModule

Rappel Module HttpClient

Présentation des Interceptors

Logique de manipulation des interceptors

La classe HttpEvent

Gestion de la mise en cache des requêtes
Atelier: Manipuler les interceptors 

Rendu côté serveur

Intérêt du server-side Rendering

Présentation de Node Express

Utiliser le Server-side Rendering à l'aide du composant Universal

Tester l'application

Fondamentaux des tests avec Jasmine

Automatisation des tests avec Karma

Tester des composants simples

Tester des composants avec services asynchrones

Tester des formulaires
Atelier : Multiples exemples de tests

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique