Svelte : Un framework JavaScript léger et réactif
- Durée
- Durée :3 jours
- Niveau
- Niveau :Intermédiaire
- Certification
- Certification :Non
1990€ HT
Prochaine session :
JavaScript avec Nx : Accélérez et structurez vos développements
Mettre en place des workspaces Nx scalables pour industrialiser des projets JavaScript et TypeScriptDescription de la formation Nx JavaScript
Qu’est-ce que Nx et l’approche Monorepo ?
Nx est un outil avancé de gestion de workspaces JavaScript et TypeScript permettant de structurer efficacement des architectures complexes en monorepo ou polyrepo. Il fournit un ensemble de mécanismes pour organiser le code, partager des bibliothèques, visualiser les dépendances, optimiser les builds et industrialiser les workflows de développement et d’intégration continue.
Pourquoi suivre une formation JavaScript avec Nx : Accélérez et structurez vos développements ?
Lorsque les produits et les équipes grandissent, la multiplication des repositories, la duplication de code et la complexité des pipelines CI/CD deviennent des freins majeurs. Cette formation permet de comprendre les avantages et limites des approches monorepo et polyrepo, de mettre en place Nx de manière pragmatique et d’organiser des workspaces capables de passer à l’échelle.
Programme de la formation
Objectif opérationnel :
Savoir concevoir, structurer et industrialiser un workspace Nx scalable pour optimiser le développement et l’intégration continue de projets JavaScript et TypeScript.
Objectif pédagogiques :
À l'issue de cette formation JavaScript avec Nx : Accélérez et structurez vos développements, vous aurez acquis les connaissances nécessaires pour :
- Comprendre les avantages et inconvénients des approches Monorepo & Polyrepo
- Mettre en place, configurer et utiliser Nx
- Organiser un workspace qui “scale”
- Partager du code et des composants entre plusieurs produits
- Formaliser et renforcer le contrat d’API entre frontend et backend via des outils comme OpenAPI
- Optimiser le workflow de développement et l’intégration continue avec Nx
Jour 1 - Bases et Premiers Gains
Cas d’usage
Panorama des principales fonctionnalités
Présentation de la structure d’un workspace Nx
Intégration dans l’IDE avec Nx Console
Exercice : Contrat d’API frontend/backend avec OpenAPIJour 2 - Organisation et Architecture
Exercice : Utilisation de la lib dans les apps
Graphe de dépendance : fonctionnement et intérêts
Les différentes stratégies d’organisation du workspace
Les erreurs communes
Les différents outils et règles à mettre en place pour assurer le respect des “boundaries”
Exercice : Mise en place de “boundaries” avec Nx & ESLint pour valider l’organisation
Exercice : Mise en place d’une architecture hexagonale / DDD light
Exercice : Utiliser un plugin avec inférence
Exercice : Implémenter un plugin d’inférence
Exercice : Implémenter un plugin de gestion de libs implicitesJour 3 - Personnalisation et Industrialisation
Exercice : Implémentation d’un plugin Nx
Exercice : Implémentation d’un générateur personnalisé
Déploiement continu avec Nx
Conventional Commits, Semantic Versioning et changelog automatisé
Exercice : Publication automatisée avec nx release
Automatisation de la génération de code avec les “sync generators”
Exercice : Implémentation de sync generators
Exercice : Mise en place de Nx sur un workspace existant
Introduction à Nx
Contexte et genèseCas d’usage
Panorama des principales fonctionnalités
Monorepo vs Polyrepo
Comparaison des deux approches : coûts implicites, surface de couplage, release management et Single Version PolicyPremiers Pas avec Nx
Exercice : Création d’un workspace NxPrésentation de la structure d’un workspace Nx
Intégration dans l’IDE avec Nx Console
Développement Frontend avec Nx
Exercice : Création d’applications web avec NxDéveloppement Backend avec Nx
Exercice : Création d’un service Fastify avec NxExercice : Contrat d’API frontend/backend avec OpenAPIJour 2 - Organisation et Architecture
Testing
Exercice : Ajout de tests avec Vitest & PlaywrightPartage de code
Exercice : Création d’une libExercice : Utilisation de la lib dans les apps
Graphe de dépendance : fonctionnement et intérêts
Structure et organisation des workspaces
Découpage en apps, libs et modulesLes différentes stratégies d’organisation du workspace
Les erreurs communes
Les différents outils et règles à mettre en place pour assurer le respect des “boundaries”
Exercice : Mise en place de “boundaries” avec Nx & ESLint pour valider l’organisation
Exercice : Mise en place d’une architecture hexagonale / DDD light
Project Crystal & Libs Implicites
Project Crystal et Nx Implicit Libraries : harmonisation des configurations, scalability et alternative à la démultiplication des fichiers de configurationExercice : Utiliser un plugin avec inférence
Exercice : Implémenter un plugin d’inférence
Exercice : Implémenter un plugin de gestion de libs implicitesJour 3 - Personnalisation et Industrialisation
Personnalisation et homogénéisation des workspaces Nx avec les plugins
Intérêt et fonctionnement des plugins NxExercice : Implémentation d’un plugin Nx
Exercice : Implémentation d’un générateur personnalisé
CI/CD et Automatisation
Optimisation de la CI grâce au caching et au graphe de dépendanceDéploiement continu avec Nx
Conventional Commits, Semantic Versioning et changelog automatisé
Exercice : Publication automatisée avec nx release
Automatisation de la génération de code avec les “sync generators”
Exercice : Implémentation de sync generators
Stratégie d’adoption
Adoption progressiveExercice : Mise en place de Nx sur un workspace existant
Public cible :
Cette formation s'adresse aux développeurs JavaScript/TypeScript, lead developers, architectes logiciels et équipes techniques souhaitant structurer des workspaces modulaires et optimiser leurs pipelines CI/CD.
Prérequis :
Pour suivre ce cours, il faut une bonne connaissance de JavaScript et TypeScript (syntaxe, modules, npm/yarn/pnpm), une connaissance de bases du développement web frontend et/ou backend, et une familiarité avec Git.
J'évalue mes connaissances pour vérifier que je dispose des prérequis nécessaires pour profiter pleinement de cette formation en faisant le test de prérequis.
Date de mise à jour du programme : 03/02/2026
Dates et lieux
Période souhaitée
Lieux
Type d'affichage