Angular avancé : Concevoir et optimiser des applications web complexes

Objectifs

À l'issue de la formation, vous serez capable de :

   
• Maîtriser l'architecture avancée : Comprendre en profondeur l'architecture interne d'Angular, la gestion fine du cycle de vie des composants et les stratégies d'optimisation de l'application.


   
• Pratiquer la programmation réactive : Maîtriser les grands principes et les opérateurs complexes de RxJS, ainsi que le nouveau paradigme des Signals pour une gestion d'état performante.


   
• Développer pour la performance : Concevoir des applications web dynamiques, fluides et optimisées (stratégies de détection de changements OnPush, lazy loading avancé).


   
• Sécuriser les développements : Identifier les failles de sécurité courantes (XSS, injections) et implémenter les mécanismes de protection natifs (guards, intercepteurs, assainissement de contenu).


   
• Garantir la qualité par les tests : Concevoir et réaliser des tests unitaires et d'intégration robustes sur les composants, services, et flux asynchrones à l'aide de Jasmine et du TestBed.

Programme de la formation

Jour 1 : Architecture Standalone & Signals

• Architecture : Configuration d'applications 100% Standalone via les API de boot (provideHttpClient, provideRouter).
• Signals : Maîtrise de la réactivité fine : signaux commutables (writable), dérivés (computed) et effets de bord (effect).
• Pratique : Initialisation d'un projet Standalone, création d'un store local avec les Signals et tests unitaires réactifs.

• Design System : Intégration d'Angular Material, imports ciblés et customisation de thèmes graphiques (SASS).
• PWA : Configuration du Service Worker (@angular/pwa), mise en cache, mode hors-ligne et stratégies de mise à jour.
• Librairies : Création de sous-projets via la CLI, gestion de l'API publique (public-api.ts) et packaging de directives.
• Pratique : Activation d'une PWA et déploiement d'une directive métier dans une librairie partagée.

• Sécurité & Boot : Intercepteurs HTTP fonctionnels (JWT), hooks (ngOnInit/ngOnDestroy) et pré-chargement via APP_INITIALIZER.
• RxJS Avancé : Gestion des souscriptions (takeUntilDestroyed), manipulation des Subject et BehaviorSubject.
• Pipelines : Requêtes parallèles (forkJoin, combineLatest) et stratégies de flattening (switchMap, mergeMap).
• Pratique : Écriture de tests unitaires (Mocks HttpClient, Subjects) sur des services combinant plusieurs flux RxJS complexes.

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique