Aller au contenu principal

Angular : Approfondissement (v21+)

Date de mise à jour :
Identifiant Offre Info : 03_261362967F
Organisme responsable : Dawan (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

À l'issue de la formation, les participants seront capables d'architecturer des applications d'envergure, de gérer des flux de données hybrides complexes et de maximiser les performances de rendu.

Programme de la formation

Appréhender la gouvernance de projet & les architectures Configuration et gouvernance : choix du builder, du package manager, conventions de code, linting/formatage, qualité. Stratégies d'architecture : feature-based vs type-based, orthogonalité des responsabilités, nomenclatures et conventions de dossiers. Rappels/remise à niveau pour homogénéiser le groupe en fonction des besoins identifiés. Atelier : poser les fondations d'un projet d'envergure (structure, conventions,…

Appréhender la gouvernance de projet & les architectures
Configuration et gouvernance : choix du builder, du package manager, conventions de code, linting/formatage, qualité.
Stratégies d'architecture : feature-based vs type-based, orthogonalité des responsabilités, nomenclatures et conventions de dossiers.
Rappels/remise à niveau pour homogénéiser le groupe en fonction des besoins identifiés.
Atelier : poser les fondations d'un projet d'envergure (structure, conventions, outillage qualité).
 
Maîtriser le State Management & RxJS
Conception d'un store personnalisé basé sur les Signals : état, sélecteurs (computed), actions.
Patterns de gestion d'état global, immutabilité, dérivations.
RxJS avancé : opérateurs de transformation (map, scan), de switch (switchMap, mergeMap, concatMap, exhaustMap), gestion fine des erreurs (catchError, retry).
Atelier : concevoir un store global signalé et y intégrer un flux RxJS complexe (recherche avec debounce/annulation).
 
Comprendre l'interopérabilité, les effets et l'optimisation du rendu
Interopérabilité Observable ? Signal : toSignal(), toObservable(), pièges et bonnes pratiques.
effect() : contextes d'injection, déclenchement, nettoyage (cleanup) et écueils à éviter.
Optimisation du rendu : blocs différés @defer et stratégies de triggers (on idle, on viewport, on interaction, prefetch).
Atelier : combiner stores, flux RxJS et @defer pour optimiser une vue à fort volume de données.
 
Mettre en place la sécurité des flux, les tests & synthèse
Functional Guards (canActivate, canMatch) et HTTP Interceptors fonctionnels modernes (auth, gestion d'erreurs, retry).
Stratégie de tests : unitaires et d'intégration adaptés aux composants Standalone et aux états signalés ; tests de services et de stores.
Mocking des dépendances, tests de composants pilotés par signaux.
Atelier : sécuriser, tester et finaliser un module applicatif d'envergure ; revue d'architecture et bilan.

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

56 h

Financement

Conventionnement
Non
Financeur
  • Bénéficiaire de l'action

    Programme : Individuel (AIF, POEI, Région individuel, autofinancement)

Conditions d'accès

Public visé

  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

Avoir suivi la formation Angular Initiation ou avoir les connaissances équivalentes : - Développeurs Angular ayant déjà une pratique des composants Standalone, des Signals et du routage. - Prérequis : maîtrise des notions couvertes par le parcours Débutants (ou expérience équivalente), bonnes bases en TypeScript et HTTP.

Lieu de réalisation de l'action

Modalités d'enseignement

Formation mixte

Adresse

62 Rue de Bonnel
69003 Lyon 3e

Responsable : Dawan

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
62 Rue de Bonnel
69003 Lyon 3e
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates permanentes