Formation Angular moderne

Description

Cette formation Angular moderne vous permettra de faire évoluer une application Angular existante en adoptant les patterns, APIs et bonnes pratiques qui font aujourd’hui le standard du framework.

Pendant 1 jours, vous apprendrez à :

• Comprendre ce qui définit Angular moderne en 2026
• Identifier les leviers de modernisation d’une application Angular existante
• Migrer progressivement vers une architecture Standalone
• Utiliser efficacement Signals et le nouveau modèle de réactivité
• Moderniser les templates avec le nouveau control flow
• Comprendre les apports et contraintes du SSR Angular
• Évaluer l’intérêt d’un Angular Zoneless selon votre contexte

Public

Elle s’adresse à des développeur·se·s Angular expérimenté·e·s souhaitant gagner en lisibilité, maintenabilité et performance.

Formation IA-friendly

Cette formation étant IA friendly, les sessions sont adaptées aux développeur·se·s qui souhaitent utiliser de l'IA pour coder. Les exercices sont conçus pour tirer parti des IDEs agentiques. Le·a formateur·rice vous accompagnera sur les bonnes pratiques du développement assisté par IA.

Les objectifs

• Distinguer les principes d’Angular moderne et prioriser les chantiers de modernisation
• Migrer une application vers une architecture Standalone et fonctionnelle
• Mettre en œuvre une gestion d’état avec Signals et optimiser le change detection
• Configurer Angular avec ou sans Zone.js (Zoneless)
• Moderniser des templates avec le nouveau control flow
• Mettre en place un SSR avec hydration adapté au contexte projet

Pré-requis

• Avoir pratiqué Angular sur différents projets et maîtriser les notions suivantes : composants, routing, services, RxJS
• Maîtriser TypeScript moderne
• Ordinateur portable à apporter

Le programme de la formation Angular moderne

• Qu’est-ce qu’Angular moderne aujourd’hui ?
  • Évolution récente d’Angular
  • Ce qui définit Angular « moderne » en 2026
  • Ce qui reste valable vs ce qui est désormais obsolète
  • Identifier les chantiers de modernisation prioritaires
• Architecture Angular moderne : Standalone et APIs fonctionnelles
  • Limites des NgModules et des classes
  • Standalone components, directives et pipes
  • Providers, guards et resolvers fonctionnels
  • Organisation et migration progressive d’une application existante
• Réactivité Angular moderne : Signals et Zoneless
  • Limites du modèle RxJS pour le state local
  • Concepts clés : signal, computed, effect
  • Inputs, outputs et model en signaux
  • Comprendre Zone.js et comment Angular fonctionne avec ou sans
  • Lien entre Signals et Angular Zoneless
  • Impacts sur le change detection
  • Coexistence RxJS / Signals
  • Le futur avec Signal Forms et rxResource, httpResource
• Templates Angular modernes : nouveau control flow
  • @if, @for, @switch
  • Comparaison avec *ngIf / *ngFor
  • Modernisation progressive des templates
• Angular moderne côté rendering : SSR et hydration
  • Pourquoi et quand utiliser le SSR
  • Principes de fonctionnement et impacts
  • Points de vigilance architecturaux

Mises en pratique :

• Refactorisation d’une application modulaire vers Standalone
• Remplacement d’un state RxJS par une approche Signals
• Modernisation de templates Angular existants

Télécharger le programme

Formateur

Alain CHAUTARD

Alain Chautard est un formateur et consultant front-end au parcours résolument international. Développeur full-stack au début de sa carrière, il se spécialise progressivement sur les technos front (Angular, React, JavaScript/TypeScript).

Alain a formé et animé des conférences sur tous les continents (Inde, Afrique du Sud, Australie, Europe, Canada, États-Unis…), auprès de publics très variés : bootcamps de juniors, équipes seniors, reconversions complètes — avec un cas fréquent qu’il maîtrise particulièrement bien : des équipes full-stack qui veulent se spécialiser en front-end.

Sa spécificité : une expertise Angular au plus près de l’écosystème. Google Developer Expert depuis 2017, il reçoit les nouveautés en amont, contribue au feedback produit et participe régulièrement aux échanges avec les équipes Google. Il partage cette veille via une newsletter Angular hebdomadaire et des articles techniques.

En formation, Alain crée un cadre très sécurisant et interactif : beaucoup d’exemples concrets, une place centrale aux questions, et une progression qui “attise la curiosité” pour installer durablement les bonnes pratiques.

FAQ

8 raisons de participer à une formation Human Coders

• Satisfaction client élevée : Un taux de statisfaction de 4,6/5 depuis 2012 (sur 1802 sessions réalisées). 99% des participants se disent satisfaits de nos formations
• Approche pédagogique unique : Des formations en petit groupe, des formateurs passionnés et expérimentés, de véritables workshops... (Plus d'infos sur notre manifeste)
• Catalogue de formations complet : 214 formations au catalogue, de quoi vous accompagner sur tout vos projets
• Écosystème dynamique : Nous accompagnons les dev depuis 13 ans avec des initiatives comme Human Coders News, les Human Talks, le podcast ou encore notre serveur Discord
• Financement facilité : Organisme certifié Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
• Références clients prestigieuses : De nombreux clients qui nous font confiance depuis des années
• Accompagnement sur mesure : Nous vous proposons un accompagnement personnalisé par nos consultants pour vous aider dans vos projets au-delà de la formation
• Valorisation professionnelle : Remise d'un diplôme, d'une attestation et d'une certification, suivant les formations effectuées, que vous pourrez afficher sur vos CV et réseaux sociaux