Formation - Angular 2+ - Développements avancés

1 - NX

• Introduction au cli Nx
• Définition d’un monorepo
• Création d’un workspace
• Architecture applicative

2 - Lazy Loading

• Améliorer les performances de démarrage
• Route integration : loadChildren
• Preloading Strategy: PreloadAllModules et autres pistes

3 - Optimisation des performances

• Component-level Lazy Loading
• Data Binding, mode manuel : ChangeDetectorRef
• trackBy pour *ngFor
• Budgets
• Gestion des souscriptions RxJS

4 - Route guards et Resolve

• Les différents types de Guards
• CanActivate, CanActivateChild : protéger une route
• CanDeactivate : sécuriser la sortie
• Pre-fetching avec resolve

5 - NGRX (Workflow redux)

• Mise en place de Redux dans une application Angular avec la plateforme @ngrx
• Gestion de l’état applicatif (store)
• Debugging avec @ngrx/store-devtools
• Création d’actions asynchrones avec @ngrx/effects

6 - Reactive Forms

• FormControl et FormGroup
• Contrôles personnalisés (ControlValueAccessor)
• Validateurs personnalisés et validateurs asynchrones

7 - Tests unitaires et E2E

• Tests unitaires avec Jest
• Code coverage
• Tests e2e avec Cypress

8 - Angular Standalone

• Pourquoi cette nouveauté ?
• Mise en place d’un component standalone
• Une nouvelle architecture sans module
• Passage d’une architecture modulaire à un 100% standalone

9 - Internationalisation

• Internationalisation : i18n marker
• Gestion des textes à traduire
• Gestion du pluriel

10 - Server Side Rendering : Angular Universal

• ServerModule
• Moteur back-end (Node.js et autres) : @nguniversal/express-engine