Angular – Niveau Expert

À l’issue de la formation, les participants seront capables de :

• Concevoir des architectures évolutives et maintenables avec Angular
• Implémenter des performances optimisées et du lazy loading avancé
• Maîtriser RxJS pour des flux complexes
• Développer et tester des directives et composants réutilisables
• Gérer l’état de l’application avec NgRx
• Assurer la qualité, sécurité et testabilité du code Angular

Architecture avancée d’une application Angular

• Organisation modulaire d’un projet à grande échelle
• Utilisation des FeatureModules, CoreModule, SharedModule
• Hiérarchisation et encapsulation des dépendances
• Définition d’une architecture scalable et testable

Optimisation des performances

• Change Detection : stratégie Default vs OnPush
• Utilisation avancée de trackBy, memoization avec pure pipes
• Chargement différé des modules (PreloadingStrategy, Quicklink)
• Optimisation des cycles de vie de composants (ngOnChanges, ngDoCheck)
• Détection et élimination des fuites de mémoire

RxJS avancé pour Angular

• Composition de flux avec des opérateurs complexes : concatMap, exhaustMap, combineLatest, withLatestFrom
• Gestion d’erreurs, annulation de requêtes, retry strategies
• Création de services orientés flux de données
• Application réactive : état, UI et appels API liés par RxJS

NgRx – Gestion d’état avec Redux

• Présentation du pattern Redux et du store NgRx
• Actions, reducers, selectors, effects : architecture complète
• Gestion des effets secondaires avec @ngrx/effects
• Optimisation des performances et lazy loading du store
• Alternative légère : ComponentStore pour des scopes plus localisés

Développement de composants avancés et librairies Angular

• Création de librairies Angular (ng generate library)
• Revue des mécanismes d’encapsulation CSS (ViewEncapsulation)
• Utilisation de ContentProjection et ngTemplateOutlet
• Création de composants dynamiques avec ComponentFactoryResolver
• Packaging et distribution d’une librairie interne

Sécurité et bonnes pratiques

• Prévention des vulnérabilités XSS, CSRF dans Angular
• Stratégies de sécurisation du routing et du backend
• Gestion des tokens et headers (JWT, OAuth) via HttpInterceptor
• Audit de dépendances et mises à jour (ng update, npm audit fix)

Tests avancés (unitaires et E2E)

• Bonnes pratiques de test avec Jest ou Karma/Jasmine
• Tests de composants avec dépendances : TestBed, mock services
• Tests d’effets avec @ngrx/effects/testing
• Tests E2E robustes avec Cypress : scénarios complexes et mocks

Déploiement et intégration continue

• Build production optimisé : ng build --configuration production
• Configuration d’environnement multi-cibles (environment.*.ts)
• Intégration continue : GitHub Actions, GitLab CI/CD
• Hébergement sur Firebase, Vercel ou Docker

Atelier final – Projet complet d’entreprise

• Création d’un tableau de bord sécurisé et modulaire
• Lazy loading, NgRx, routing imbriqué, composants partagés
• Déploiement simulé et revue de qualité du code

• En cours de formation, par des études de cas ou des travaux pratiques
• Et, en fin de formation, par un questionnaire d'auto-évaluation