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

Validation et sanction

Attestation

Type de formation

Non certifiante

Sortie

Information non communiquée