Angular | Développement avancé Mixte : présentiel / à distance

A l'issue de la formation, e stagiaire sera capable d'utiliser les fonctionnalités avancées d'Angular pour développer des applications web évolutives.

• Connaître l'architecture et les fonctionnalités avancées d'Angular
• Maîtriser les grands principes de la programmation réactive
• Développer une application web dynamique et performante
• Réaliser des tests unitaires

Architectes, développeurs, chefs de projets

Jour 1 – Architecture modulaire & composants avancés

Objectifs du jour :

• Structurer une app scalable et performante
• Maîtriser la détection de changement, Ivy, les décorateurs avancés

Contenu :

• Structure modulaire avancée :
  • Partage de services vs isolation,
  • Chargement différé lazy loading
  • Guards sur modules
• Composants et décorateurs spécifiques :
  • @HostBinding (styles dynamiques)
  • @ContentChild (projection)
  • @Directive créant un attribut réutilisable
  • Composants dynamiques avec ComponentActionResolver
• Détection de changement
  • Stratégie OnPush
  • Marquage manuel avec ChangeDetectorRef
  • Différences Zone.js vs Angular signal
• Moteur Ivy :
  • Compilation juste-à-temps vs AOT
  • Diagnostics avancés
• Pipes & directives personnalisées :
  • Création
  • Pureté
  • Branchement à l'injection hiérarchique.

• Atelier pratique fil rouge :
  • Refactoriser une app existante en modules lazy + pipe custom.

Jour 2 – State, RxJS & sécurité

Objectifs du jour :

• Gérer des flux complexes avec NgRx ou Signals
• Protéger l'application par des stratégies de sécurité et des tests automatisés

Contenu :

• Gestion d'état :
  • Comparaison NgRx vs Signals
  • Store : cycle action, reducer, selector, devtools et side-effect.
• RxJS expert :
  • Opérateurs “higher-order”
  • Gestion de flux annulables, Subject, Scheduler.
• Sécurité front-end :
  • Guards de route, interceptor rafraîchissement JWT, contextes rôle.
  • Content Security Policy, sanitization DOM, configuration Angular strict-XSS
• Tests avancés Angular :
  • TestBed with Harnesses, mocks HttpClient, spies sur store
  • Introduction ) Cypress ou Playwright pour les tests end-to-end
  • Seuil de couverture sup à 80 %. 

• Atelier pratique fil rouge :
  • Implémenter store panier avec NgRx et guard rôle
  • Ecrire 2 tests Jest et 1 test end-to-end.

Jour 3 – Optimisation des performances & Pipeline CI/CD

Objectifs :

• Optimiser le bundle : taille et rapidité d'exécution
• Automatiser le pipeline.

Contenu :

• Optimisation build :
  • Lazy loading avancé, tree shaking, ESBuild, budgets,
  • Elargissement pré-rendu SSR / SSG
  • Pré-chargement critique
• Web Vitals :
  • Suivi LCP, TBT, INP avec API performance + Lighthouse
  • Détection des memory leaks
• Bundling ressources : compression Brotli, images AVIF/WebP, service-worker offline cache.
• CI GitHub :
  • GitHub Actions
  • Workflow étapes distinctes
  • Artefacts versionnés, rollback auto
• LLM pratique :
  • Prompt pour générer script YAML ou test Jest
  • Checklist RGPD
  • Retrait secrets avant push

• Atelier pratique fil rouge :
  • Réduire bundle 10 %
  • Générer via LLM un workflow CI, l'ajuster puis déployer automatiquement
  • Présenter le code, l'audit RGPD

Docaposte Institute propose plusieurs dispositifs pédagogiques adaptés aux apprenants :

• Formation en présentiel
• En groupe (inter-entreprises ou intra-entreprise)
• En individuel (monitorat)
• En journée ou en cours du soir (sur demande spécifique)
• Formation en distanciel
• Distanciel synchrone
• Distanciel asynchrone

• Apports des connaissances communes.
• Mises en situation sur le thème de la formation et des cas concrets.
• Méthodologie d'apprentissage attractive, interactive et participative.
• Equilibre théorie / pratique : 60 % / 40 %.
• Supports de cours fournis au format papier et/ou numérique.
• Ressources documentaires en ligne et références mises à disposition par le formateur.
• Pour les formations en présentiel dans les locaux mis à disposition, les apprenants sont accueillis dans une salle de cours équipée d'un réseau Wi-Fi, d'un tableau blanc ou paperboard. Un ordinateur avec les logiciels appropriés est mis à disposition (le cas échéant).

En amont de la formation :

• Recueil des besoins des apprenants afin de disposer des informations essentielles au bon déroulé de la formation (profil, niveau, attentes particulières...).
• Auto-positionnement des apprenants afin de mesurer le niveau de départ.

Tout au long de la formation : 

• Évaluation continue des acquis avec des questions orales, des exercices, des QCM, des cas pratiques ou mises en situation...

A la fin de la formation : 

• Auto-positionnement des apprenants afin de mesurer l'acquisition des compétences.
• Evaluation par le formateur des compétences acquises par les apprenants.
• Questionnaire de satisfaction à chaud afin de recueillir la satisfaction des apprenants à l'issue de la formation.
• Questionnaire de satisfaction à froid afin d'évaluer les apports ancrés de la formation et leurs mises en application au quotidien.

• Admission sans disposition particulière