Formation TDD et Clean Architecture dans le monde Web avec Typescript Angular et NgRx (en option)

Programme et méthode pédagogique

Objectifs de la formation

• Expliquer les principes fondamentaux du Test-Driven Development (TDD) et de la Clean / Hexagonal Architecture dans un environnement Angular
• Identifier les causes principales de la complexité accidentelle dans un projet logiciel et mettre en œuvre des pratiques permettant de la prévenir.
• Concevoir et développer un FrontEnd Angular from scratch en suivant une méthodologie professionnelle basée sur le TDD Outside-In.
• Structurer une application en Clean Architecture avec séparation claire entre cas d'usage, modèles métier, générateur de View Models, et adaptateurs.
• Comprendre l'intérêt d'un state manager tel que NgRx ou équivalent
• Mettre en place une stratégie de tests complète combinant tests unitaires, intégration (tests d'adaptateurs secondaires) et end-to-end in-memory (tests de composants Angular).
• Analyser et comparer les différents types de tests afin de comprendre leur rôle dans la conception logicielle et la robustesse du système.
• Refactorer du code existant pour améliorer sa lisibilité, sa testabilité et son expressivité métier.
• Remettre en question les croyances courantes liées au TDD et la Clean Architecture à travers des exercices et échanges interactifs.
• Être capable de transformer un FrontEnd legacy en architecture hexagonale testable.
• Utiliser un assistant IA (Claude Code) pour produire du code conforme aux principes du Software Craftsmanship (TDD, Clean Architecture) et vérifier sa qualité par les tests.

Durée

14 heures

Date

Lundi 13 avril - 09h15 / 17h00
et mardi 14 avril 2026 - 09h15 / 17h00

Lieu

Visio par Zoom.

Public visé

Particuliers et professionnels :

• CTO / Technical Leader
• Développeur FrontEnd
• Développeur Full Stack
• Architecte technique

Prérequis

• Bonne maîtrise d'Angular ou d'écosystème similaire comme React ou Vue.js.
• Connaissances d'un state manager est un plus (NgRx / Redux / Autre)
• Bonnes connaissances en programmation orientée objet et fonctionnelle
• Capacité à écrire un simple test unitaire avec Vitest (Jest)

Déroulé de la formation

Jour 1

• Tour de table initial pour partager les attentes, objectifs personnels et niveaux des participants
• Questions ciblées sur le TDD et la Clean Architecture afin d'ajuster la direction pédagogique au niveau réel du groupe
• Présentation du projet fil rouge : FrontEnd Angular / Typescript réaliste inspiré d'un cas métier rencontré en entreprise ambitieuse (pas de kata simpliste)
• Identification des règles de gestion, scénarios principaux et invariants métier
• Introduction au NoEstimates et à l'importance de travailler en itérations très courtes (« minimum learnable »)
• Démarrage du live coding en Test-Driven Development en approche outside-in sur l'architecture hexagonale, en partant des ports primaires, avec un style majoritairement classicist adapté aux cas métier réels
• Explication de la bonne utilisation des mocks et distinction entre solitary unit tests et sociable unit tests afin de comprendre leur rôle dans la conception logicielle et la testabilité
• Illustration en live coding de l'impact des choix de tests sur l'émergence du design et la qualité de l'architecture
• Démonstration de Mutation Testing avec Stryker (pour JS) afin d'assurer la pertinence du TDD
• Intégration d'un State Manager comme NgRx/SignalStore pour comprendre son intérêt par rapport à une solution sans ce dernier
• Mise en évidence de l'émergence naturelle de la Clean / Hexagonal Architecture par la pratique rigoureuse du TDD et l'inversion de dépendances
• Approfondissement du projet avec des cas métier plus complexes et refactoring d'architectures naïves ou legacy vers des architectures robustes et évolutives
• Démonstration de Claude Code avec agents et skills conçus par Michaël AZERHAD afin d'utiliser l'IA tout en respectant les principes du Software Craftsmanship
• Phases de mob programming, questions ouvertes et revue de code pour ancrer les apprentissages
• Évaluation des acquis par échanges, revue de code et auto-évaluation des capacités développées

Jour 2

• Récapitulatif du travail accompli la veille pour garantir la compréhension de tous les apprenants
• Démonstration concrète de l'inversion de dépendances avec Angular ou NgRx et intégration dans une architecture hexagonale
• Intégration d'une API tierce dirigée par une suite de tests d'intégration
• Continuité des exercices avec refactoring de code legacy simulé ou évolution avec du nouveau code, au choix
• Démonstration de Claude Code avec agents et skills conçus par Michaël AZERHAD afin d'utiliser l'IA pour l'infrastructure et les tests end-to-end, d'intégration et de journey tout en respectant les principes du Software Craftsmanship
• Phases de mob programming, questions ouvertes et revue de code pour ancrer les apprentissages
• Évaluation des acquis par échanges, revue de code et auto-évaluation des capacités développées
• Mise en place du canal Slack privé WealCome pour assurer un suivi post-formation de chaque stagiaire et accompagner la mise en pratique sur des projets réels

Capacités développées

• Concevoir un use case métier en Typescript en appliquant une démarche TDD Outside-In sans adhérence aux composants Angular.
• Écrire des tests exprimant clairement des règles de gestion métier.
• Écrire des tests dirigeant la génération de View Models.
• Utiliser le refactoring avec le mindset "Mikado" pour éviter de se retrouver en "chantier" avec une application temporairement non fonctionnelle.
• Identifier les causes de la complexité accidentelle et appliquer des pratiques pour la prévenir.
• Structurer une application en Clean / Hexagonal Architecture avec séparation claire entre domaine, cas d'usage, View Models et adaptateurs.
• Développer un FrontEnd Angular réaliste avec complètement dirigé par les tests.
• Mettre en place une stratégie de tests combinant tests unitaires, tests d'intégration (adaptateurs secondaires), et end-to-end in-memory (depuis les composants Angular).
• Patterns de refactoring de tests de sorte à améliorer la lisibilité, la concision et donc la productivité.
• Analyser la qualité d'une architecture existante, code possiblement legacy, et proposer des améliorations concrètes.
• Argumenter des choix de conception logicielle auprès d'une équipe technique.
• Identifier et remettre en question les fausses croyances courantes liées au TDD et à la Clean Architecture.

Méthodes pédagogiques

• Des apports théoriques sur le processus
• Des exemples concrets
• Des démonstrations complètes par le formateur en live coding
• Exercices réalisés en live par les participants afin de s'exercer sur cette application d'entreprise.
• Challenges proposés quant au TDD, Clean Archi et au refactoring de code (modification de structure du code)

La formation inclut une démonstration guidée de Claude Code, reposant sur des agents et skills conçus par le formateur, afin d'illustrer une pratique assistée par IA alignée avec TDD, DDD et Clean/Hexagonal Architecture. Les participants observent puis reproduisent les étapes (prompting, itérations, validation par tests, refactoring), sur un cas métier réaliste.

Modalités d'évaluation

• QCM en fin de formation
• Exercices de code en live avec éventuellement Pull Requests
• Échanges et discussions

Documents et supports pour les apprenants

• Supports de cours en markdown très complets
• Claude Code : Agents et Skills personnels du formateur optimisés pour du TDD efficace en autonomie
• Projet Git du live coding avec X branches
• Partage de ressources (articles/blogs/discussions de forums Tech)
• Discussion privées sur le canal Slack dédié au mini-groupe post-formation

Encadrement pédagogique

La formation sera assurée par Michaël AZERHAD
Profil et qualité : Président de S.A.S.U WealCome et architecte / expert technique depuis plus de 20 ans

Modalité d'accès

Contactez-nous par mail : contact@wealcomecompany.com

Délais d'accès

Nous pouvons programmer les formations en fonction de vos contraintes et de nos disponibilités.

Accessibilité handicap

Nos formations sont accessibles aux personnes en situation de handicap.
Les aspects, l'accessibilité et le type de handicap au regard des modalités pédagogiques sont à évoquer impérativement au cours de l'entretien préalable à toute contractualisation afin de pouvoir orienter ou accompagner au mieux les personnes en situation de handicap.