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 fin de stage mentionnant le résultat des acquis

Type de formation

Non certifiante

Sortie

Information non communiquée