Formation Angular : développement avancé et performance – certification en option

– Architecture applicative Angular : organisation d’un projet standalone-first, suppression des NgModules et structuration par feature
– Injection de dépendances avancée : InjectionTokens personnalisés, providers hiérarchiques, stratégies d’encapsulation des services
– Workspace Nx : introduction au monorepo, génération de projets et gestion des dépendances entre librairies
– Composants avancés : projection de contenu (ng-content), vues dynamiques (NgComponentOutlet), décorateurs @ViewChild et @ContentChild

– Zone.js : rôle historique dans la détection de changements et limites de performance
– Mode Zoneless : architecture sans Zone.js pour un rendu plus rapide et un contrôle explicite des mises à jour
– Stratégies de détection : Default vs OnPush, utilisation de ChangeDetectorRef pour le contrôle manuel
– Optimisation des cycles de rendu : identification et suppression des re-rendus inutiles, impact sur les performances réelles

– Writable signals : gestion de l’état local des composants avec signal(), set(), update()
– Computed signals : réactivité fine avec computed(), dépendances automatiques et évaluation paresseuse
– Effects et linkedSignal : effect() pour les effets de bord, linkedSignal pour la synchronisation d’état dérivé
– Inputs signalés : communication parent/enfant via input signals comme alternative aux décorateurs @Input classiques
– Interopérabilité RxJS/Signals : toSignal(), toObservable(), stratégies de migration progressive depuis les Observables

– Subjects spécialisés : BehaviorSubject, ReplaySubject et AsyncSubject — cas d’usage et choix du bon type
– Opérateurs avancés : switchMap, mergeMap, concatMap, exhaustMap pour l’orchestration de flux asynchrones
– Combinaison de flux : combineLatest, forkJoin, withLatestFrom pour synchroniser des sources de données multiples
– Gestion des souscriptions : stratégies d’unsubscribe, takeUntilDestroyed et bonnes pratiques pour éviter les fuites mémoire
– Marble testing : tests d’Observables avec la syntaxe marble pour valider les comportements asynchrones

– Architecture NgRx : Store, Actions, Reducers et le flux unidirectionnel de données
– Effects : gestion des effets de bord (appels HTTP, navigation) de manière déclarative
– Selectors avancés : composition de sélecteurs, mémoïsation et optimisation des performances
– API standalone : provideStore() et provideEffects() pour une intégration sans NgModule
– NgRx et Signals : utilisation conjointe de NgRx pour l’état global et des Signals pour l’état local des composants

– Configuration avancée du Router : provideRouter() avec options, secondary routes et named outlets
– Guards fonctionnels : CanActivate, CanActivateChild, CanDeactivate sous forme de fonctions standalone
– Resolvers : pré-chargement de données avant la navigation pour une expérience utilisateur fluide
– Lazy loading avancé : loadComponent(), loadChildren(), stratégies de pré-chargement et redirections asynchrones

– SSR Angular : rendu côté serveur activé par défaut dans les nouveaux projets, configuration et bénéfices
– Hydration incrémentale : réactivation progressive des composants côté client pour un temps d’interactivité optimal
– Event replay : capture et rejeu des interactions utilisateur pendant la phase d’hydration
– Prérendu statique : génération de pages HTML statiques pour les contenus peu dynamiques

– Jest ou Vitest : configuration comme runner de tests moderne en remplacement de Karma
– TestBed avancé : tests de composants standalone, mocking de services et de HttpClient, tests asynchrones
– Marble testing : validation du comportement des Observables et des flux NgRx avec la syntaxe marble
– Optimisation de production : tree-shaking, bundle analysis, directives @defer pour le chargement conditionnel
– Profiling : utilisation d’Angular DevTools pour identifier les goulots d’étranglement et mesurer l’impact des optimisations