• NEW

Formation JavaScript avec Nx : Accélérez et structurez vos développements

Mettre en place des workspaces Nx scalables pour industrialiser des projets JavaScript et TypeScript
Durée 3 jours
Niveau Intermédiaire
Classe à distance
Possible

Vous pouvez suivre cette formation en direct depuis votre domicile ou votre lieu de travail. Plus d'informations sur notre solution de classe à distance...

Référence JANX
Éligible CPF Non

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. 

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

Public :

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 ce test.

JOUR 1 Bases et Premiers Gains

Introduction à Nx

Contexte et genèse
Cas 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 Policy

Premiers Pas avec Nx

Exercice : Création d’un workspace Nx
Pré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 Nx

Développement Backend avec Nx

Exercice : Création d’un service Fastify avec Nx
Exercice : Contrat d’API frontend/backend avec OpenAPI
JOUR 2 Organisation et Architecture

Testing

Exercice : Ajout de tests avec Vitest & Playwright

Partage de code

Exercice : Création d’une lib
Exercice : 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 modules
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

Project Crystal & Libs Implicites

Project Crystal et Nx Implicit Libraries : harmonisation des configurations, scalability et alternative à la démultiplication des fichiers de configuration
Exercice : Utiliser un plugin avec inférence
Exercice : Implémenter un plugin d’inférence
Exercice : Implémenter un plugin de gestion de libs implicites
JOUR 3 Personnalisation et Industrialisation

Personnalisation et homogénéisation des workspaces Nx avec les plugins

Intérêt et fonctionnement des plugins Nx
Exercice : 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épendance
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

Stratégie d’adoption

Adoption progressive
Exercice : Mise en place de Nx sur un workspace existant
Date de mise à jour du programme : 03/02/2026

Dates et lieux

Du 28 au 30 avril 2026
Lieu
Distanciel
Durée
3 jrs
2400 € HT
Du 28 au 30 avril 2026
Lieu
Paris
Durée
3 jrs
2400 € HT
Du 19 au 21 mai 2026
Lieu
Distanciel
Durée
3 jrs
2400 € HT
Du 19 au 21 mai 2026
Lieu
Paris
Durée
3 jrs
2400 € HT
Du 28 au 30 septembre 2026
Lieu
Distanciel
Durée
3 jrs
2400 € HT
Du 28 au 30 septembre 2026
Lieu
Paris
Durée
3 jrs
2400 € HT

Ces formations peuvent aussi vous intéresser :

Angular et React

  • Niveau : Intermédiaire
  • Référence : IJSO1

Les frameworks JavaScript, Angular, NodeJS, ExpressJS

  • Niveau : Intermédiaire
  • Référence : IEAN

Développez des applications web dynamiques avec AngularJS V1

  • Niveau : Intermédiaire
  • Référence : IAJS

  • Niveau : Intermédiaire
  • Référence : ANGR


Formations Informatique
et Management
en ligne à ce jour

+
Stagiaires dans nos salles
de cours sur
l'année

4,7/5
95% de nos participants
sont satisfaits ou
très satisfaits


Formateurs experts
validés par
PLB

%
Des participants
recommandent
nos formations