Formation Angular : migrer de la version 16 vers la version 22

icon public

Public : Tous

icon horloge

Durée : 4 jour(s)

Syllabus de la formation Angular : migrer de la version 16 vers la version 22

Pré-requis : Pratique effective d'Angular sur une version 16 à 17 : composants, NgModule, services, injection de dépendances, routage - Bonnes connaissances de TypeScript et des bases de RxJS (Observable, opérateurs courants, pipe async) - Usage courant d'Angular CLI et d'un gestionnaire de versions Git - Formation Angular Initiation (SIT102999-F) ou expérience équivalente

Objectifs : Situer les évolutions majeures d'Angular entre les versions 16 et 22 et leur impact sur une base de code existante - Mettre en œuvre les notions introduites sur cette période : composants standalone, signaux, contrôle de flux de template, vues différées, détection de changements zoneless, Signal Forms, Angular Aria - Conduire une montée de version séquentielle avec ng update et les schematics de migration officiels - Identifier et corriger les changements cassants palier par palier, y compris ceux qu'aucune migration automatique ne couvre - Définir et défendre une stratégie de migration adaptée à la taille, au cycle de livraison et au niveau de dette technique d'un projet réel

Méthodes mobilisées :

Pédagogie Active Learning : 75 % de pratique minimum. Les Travaux Pratiques s'appuient sur un projet Angular 16 fil rouge, migré progressivement jusqu'à la version 22 au fil des trois journées. Support de cours numérique remis à chaque stagiaire.

Sanction : Attestation de fin de formation mentionnant le résultat des acquis

Référence : SIT103087-F

Accessibilité : Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins

Contact : commercial@dawan.fr

À partir de

1 275,00 CHF HT / jour

Tarif pour une personne à distance sans frais
+ 75,00 CHF HT par participant supplémentaire
+ frais en cas de formation présentielle

1 000,00 CHF HT

Pour 20 tickets de 30mn (10 heures) utilisables pendant 12 mois

Tarif présentiel

2 875,00 CHF HT

  • PC et logiciels fournis
  • Paiement à 30 jours

Tarif distanciel

2 300,00 CHF HT

  • PC et logiciels à distance fournis sur demande
  • Paiement à 30 jours
Contacter Dawan
Angular

Programme Angular : migrer de la version 16 vers la version 22

Appréhender les changements, l'outillage et la méthode de migration

État des lieux d'un projet Angular v14-17
Principe de la montée de version séquentielle
Schematics de migration : automatisé et manuel
Chaîne de build : du builder webpack au builder application
Filet de sécurité avant migration

Atelier : auditer un système existant et produire une checklist de migration

Passer à une architecture standalone

Composants standalone et retrait progressif des NgModule
Configuration applicative : bootstrapApplication et fonctions provide
Guards, resolvers et intercepteurs fonctionnels

Adapter le contrôle de flux et le chargement différé

Nouveau contrôle de flux de template
Vues différées @defer

Comprendre la réactivité par signaux

Signaux : signal, computed, effect
Entrées, sorties et requêtes de vue basées sur les signaux
Interopérabilité signaux et RxJS
Resource API et HttpClient moderne

Atelier : exercices progressifs de prise en main des signaux

Maîtriser la détection de changements Zoneless et le rendu côté serveur

Détection de changements zoneless
OnPush par défaut et stratégie Eager
Rendu serveur et hydratation

Atelier fil rouge : migrer une application de la v16 vers la v22

Intégrer les signal forms, accessibilité, tests et écosystème

Signal Forms
Angular Aria et accessibilité des composants
Migration des tests de Karma vers Vitest
Angular Material et changement de stratégie de PrimeNG

Atelier : création complète d'un Signal Form avec ses tests et l'accessibilité

Entre Angular 16 et Angular 22, le framework a changé de modèle sur presque tous ses points structurants. La réactivité passe des observables aux signaux, la détection de changements abandonne Zone.js, les NgModule cèdent la place aux composants standalone, les formulaires et l'accessibilité reçoivent des API entièrement nouvelles, et la chaîne de build comme les tests unitaires changent d'outillage. Une application restée en version 16 ou 17 cumule six paliers de retard, et son équipe fait face à des migrations que la documentation officielle traite version par version, sans vue d'ensemble.

Cette formation apporte cette vue d'ensemble et la méthode qui l'accompagne. Chaque notion introduite depuis la version 16 est d'abord présentée pour elle-même, puis reprise sous l'angle qui intéresse une équipe en poste : ce que devient le code existant, ce que les schematics officiels réécrivent automatiquement, et ce qui reste à traiter à la main. Les Travaux Pratiques suivent un projet Angular 16 réaliste, migré palier par palier jusqu'à la version 22, tests et intégration continue compris. À l'issue des quatre journées, le stagiaire sera en capacité de produire le plan de migration applicable à son propre projet.

Délai d'accès :

Le délai d’accès à la formation certifiante est de 7 jours après validation du dossier. Pour un financement CPF, la validation doit être faite 11 jours ouvrés avant le début. Hors CPF, délai de 1 à 3 semaines selon les sessions.

Méthodes mobilisées :

  • Un formateur expert ayant suivi une formation à la pédagogie et ayant au minimum 3 années d'expériences dans le domaine visé
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Un support et les exercices du cours pour chaque stagiaire
  • Synchrone en présentiel ou distanciel. Plateforme utilisée : Microsoft Teams. Pour le distanciel : diagnostic technique avec les stagiaires pour tester la connexion et les modalités pratiques.
  • Méthodologie basée sur l'Active Learning (75% de pratique minimum) et un programme pédagogique riche et interactif :
  • Expositive : Apport de contenu théorique structuré pour consolider vos connaissances.
  • Interrogative : Moments de réflexion pour questionner et approfondir vos pratiques.
  • Démonstrative : Exercices pratiques pour illustrer les concepts clés.
  • Active : Ateliers d'entraînement pour une mise en application immédiate.
  • Expérimentale : Études de cas concrets pour ancrer les apprentissages dans la réalité.
  • Collaborative : Espaces de partage et d'échange d'expériences pour enrichir la formation.
  • Un format conçu pour favoriser l'engagement, la pratique et l'impact durable dans vos activités professionnelles.

Méthodes d'évaluation :

Les évaluations en cours de formations sont réalisées par les ateliers de mise en pratique et les échanges avec les formateurs.

Un espace apprenant dédié moncompte.dawan.fr :

  • Informations relatives à la ou aux futures formations (plan, syllabus et éventuellement informations relatives à la certification)
  • Positionnement à l'entrée et à la sortie de la formation
  • Définition des besoins et attentes par l'apprenant en amont de la formation
  • Émargement en ligne
  • Évaluation à chaud
  • Évaluation à froid
  • Attestation de formation
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Certification CPF quand formation éligible

Suite de parcours et formations associées

Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.

Aucune date n’est actuellement planifiée pour cette formation. Nous pouvons toutefois organiser cette formation à la demande dans un format adapté à votre besoin, y compris dans votre entreprise.

Contactez-nous pour prévoir une session avec notre formulaire de contact ou par téléphone au 22 519 09 66