Formation Angular Avancé

NX

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

LAZY LOADING

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

OPTIMISATION DES PERFORMANCES

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

ROUTE GUARDS & RESOLVE

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

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

REACTIVE FORMS

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

TESTS UNITAIRES ET E2E

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

Modules complémentaires en Intra : 1 jour supplémentaire (2 chapitres au choix)

ANIMATIONS

• États et transitions
• Animations avec le routeur

ANGULAR MATERIAL

• Introduction
• Étude et mise en œuvre de quelques composants
• Création de vos propres librairies Material à l’aide du CDK

COMPOSANTS ET DIRECTIVES AVANCÉS

• Comprendre les cycles de vie
• Composant avec projection de contenu (ng-content, ng-container, ngTemplateOutlet, …)
• HostBinding / HostListener
• ViewChild / ContentChild
• Directives d’attributs et directives structurelles
• Renderer

INTERNATIONALISATION

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

SERVER-SIDE RENDERING : ANGULAR UNIVERSAL

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