Formation Angular — Expert
Version du programme : 1
Type de formation
MixteDurée de formation
14 heures (2 jours)Formation Angular — Expert
Cette formation de 2 jours s'adresse aux développeurs ayant suivi la formation Angular — Perfectionnement ou possédant une solide expérience Angular en contexte professionnel. Elle aborde les sujets les plus avancés du framework : Zoneless Angular, Signal Store, Nx monorepo, SSR complet, SEO dynamique, internationalisation, schematics custom et stratégie de tests avancée. Les fils rouges LLM Driven Development, Clean Code, accessibilité WCAG 2.2 et écodéveloppement atteignent leur niveau d'exigence maximal. Chaque notion est justifiée par un impact mesurable sur la performance, la maintenabilité et l'empreinte carbone de l'application. En 2 jours, la densité maîtrisée des notions abordées favorise un taux de rétention significativement supérieur aux formations plus longues. Chaque concept est immédiatement appliqué, ce qui permet aux participants d'être opérationnels dès leur retour en entreprise. ECODEVELOPPEMENT Moins de cycles CPU = moins de consommation énergétique. Sur une app avec de nombreux utilisateurs, la réduction de 30-40% des cycles de détection apportée par Zoneless se traduit en kilowattheures économisés. C'est mesurable avec des outils comme GreenFrame. Projet fil rouge — mini CRM expert 70 % pratique / 30 % théorie. Les participants repartent avec une application complète intégrant Nx monorepo, Zoneless Angular, Signal Store, SSR, SEO dynamique, internationalisation et une suite de tests complète générée et validée avec l'IA.
Objectifs de la formation
- Migrer une application Angular vers le mode Zoneless et en mesurer l'impact
- Concevoir et utiliser un Signal Store pour la gestion d'état avancée
- Structurer un monorepo Nx avec des libs taggées, des contraintes d'import et des schematics custom
- Mettre en oeuvre le SSR complet avec hydration incrémentale et optimisation SEO dynamique
- Internationaliser une application Angular avec ngx-translate et les ICU expressions
- Appliquer la pyramide de tests de Mike Cohn à une architecture Angular complète
- Générer et comprendre les tests unitaires, d'intégration, E2E et de régression visuelle assistés par l'IA
Profil des bénéficiaires
- Développeurs Angular expérimentés souhaitant maîtriser les patterns avancés, l'architecture à grande échelle et les techniques de performance et de qualité au niveau expert.
- Avoir suivi la formation Angular — Perfectionnement ou posséder une expérience solide sur Angular avec une maîtrise des Signals, des interceptors, du routing avancé, des resolvers, d'OnPush et de @defer.
Contenu de la formation
Jour 1 — Réactivité et architecture
- Rappel et élévation des règles LLM Driven Development, Clean Code, accessibilité, écodéveloppement
- Zoneless Angular — provideZonelessChangeDetection(), migration depuis Zone.js, impact tests, argument écodéveloppement
- afterNextRender / afterEveryRender — intégration libs tierces, phases write/read, différence avec ngAfterViewInit en SSR
- Signal Store — signalStore(), withState(), withComputed(), withMethods(), withHooks()
- Nx monorepo — workspace, libs taggées (feature, data-access, ui, util), affected commands, cache distribué, contraintes d'import
- InjectionToken — provide de constantes dans Nx, découplage apps/libs
- Schematic custom assisté par l'IA — générer une feature complète dans les libs Nx
- Pluralisation — ICU expressions : plural, select
- Internationalisation runtime — ngx-translate, fichiers JSON, changement de langue, intégration Signal Store
Jour 2 — SSR, SEO, performance, tests
- SSR complet — provideServerRendering(), TransferState, isPlatformBrowser
- Hydration incrémentale, SSG avec withPrerender(), preloading strategies custom
- Router expert — RouteReuseStrategy, secondary routes, TitleStrategy custom, Meta service
- SEO dynamique — title et meta description dynamiques, Open Graph, routes dynamiques avec resolver + SSR
- Overlay CDK — PositionStrategy, ScrollStrategy, PortalOutlet
- Dashboard avec charts — Signal Store + @defer + afterNextRender + Zoneless + SSR
- Web Workers — ng generate web-worker, déport de calculs lourds hors du thread principal
- Analyse bundle — esbuild-bundle-analyzer, tree-shaking, budgets angular.json
- Pyramide de tests Mike Cohn — stratégie par couche Angular : Signal Store, guards, resolvers, interceptors, composants
- Tests unitaires assistés par l'IA avec Vitest
- Tests d'intégration assistés par l'IA avec TestBed et provideZonelessChangeDetection()
- Tests E2E assistés par l'IA avec Playwright
- Visual regression testing Playwright — dashboard charts
Équipe pédagogique
Suivi de l'exécution et évaluation des résultats
- Feuille de présence signée en demi-journée, Évaluation des acquis tout au long de la formation, Questionnaire de satisfaction, Attestation de stage à chaque apprenant.
Ressources techniques et pédagogiques
- Moyens pédagogiques : Réflexion de groupe et apports théoriques du formateur, Travail d'échange avec les participants sous forme de réunion-discussion, Utilisation de cas concrets issus de l'expérience professionnelle, Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation et des jeux pédagogiques, Remise d'un support de cours.
- Moyens techniques en Présentiel : Accueil des stagiaires dans une salle dédiée à la formation, équipée d'ordinateurs, d'un vidéo projecteur d'un tableau blanc et de paperboard.
- Moyens techniques en Distanciel : A l'aide du logiciel Teams, un micro et une caméra pour l'apprenant, Suivez une formation en temps réel et entièrement à distance. Lors de la classe en ligne, les apprenants interagissent et communiquent entre eux et avec le formateur. Les formations en distanciel sont organisées en Inter-Entreprise comme en Intra-Entreprise. L'accès à l'environnement d'apprentissage (support de cours, labs) ainsi qu'aux preuves de suivi et d'assiduité (émargement, évaluation) est assuré.