Formation Full Stack MERN – React, Node.js, MongoDB & Express

• Le point de départ : comprendre l’architecture d’une application web moderne avant d’écrire la moindre ligne. On situe le rôle du développeur full stack, on clarifie le dialogue client-serveur et la logique de la pile MERN (MongoDB, Express, React, Node.js), puis on compare les deux grands styles d’API — REST et GraphQL — pour savoir quand privilégier l’un ou l’autre. La journée installe ensuite un environnement de travail complet et outillé (Node.js, npm, Visual Studio Code, Vite) et présente les outils qui accélèrent le cycle de développement moderne (SWC, esbuild, nodemon).
• Atelier pratique : initialiser un projet full stack de zéro, configurer Vite et le rechargement automatique du serveur, et valider que le front-end et le back-end communiquent.

• Le cœur de la partie visible de l’application. On pose les fondations de React (JSX, DOM virtuel, flux de données unidirectionnel), puis on exploite les apports des versions récentes (React 19 et au-delà : Suspense, rendu concurrent, composants serveur). On structure un projet avec Vite, on met en forme l’interface (CSS Modules, Tailwind CSS) et surtout on maîtrise les hooks, véritable colonne vertébrale du React moderne : useState, useEffect, useReducer, useMemo, useCallback et la mémoïsation des composants.
• Atelier pratique : construire une interface composée de plusieurs composants réutilisables, gérer leur état local, puis traquer et supprimer les rendus superflus à l’aide des hooks de mémoïsation.

• Dès qu’une application grandit, la circulation de l’information devient l’enjeu central. On distingue l’état serveur de l’état client et on adopte les bons outils pour chacun : TanStack Query pour la donnée asynchrone (cache, revalidation, états de chargement), Redux Toolkit et son middleware pour l’état global structuré, Zustand comme alternative légère. On relie enfin l’interface au serveur en consommant des API REST et GraphQL (fetch, Axios, Apollo Client).
• Atelier pratique : brancher l’interface sur l’API du projet, mettre en cache et rafraîchir les données avec TanStack Query, puis comparer l’approche avec un store Redux Toolkit.

• Passage de l’autre côté : le serveur. On explique le modèle événementiel et non bloquant qui fait la singularité de Node.js, puis on construit une API REST avec Express.js. On met en place la chaîne de middlewares (authentification, validation, journalisation), on durcit l’API (Helmet, limitation de débit) et on ouvre sur GraphQL en créant une API avec Apollo Server.
• Atelier pratique : créer une API REST complète avec Express, y ajouter des middlewares de validation et de journalisation, puis exposer la même ressource via une requête GraphQL.

• Toute application a besoin de mémoire. On confronte l’approche documentaire de MongoDB aux bases relationnelles (PostgreSQL, MySQL) et on apprend à choisir selon le besoin. On modélise les données dans les deux paradigmes, on intègre Mongoose côté NoSQL et Prisma côté SQL, puis on aborde ce qui sépare une base lente d’une base rapide : optimisation des requêtes et stratégies d’indexation.
• Atelier pratique : modéliser le schéma du projet, réaliser les opérations de lecture et d’écriture via Mongoose puis via Prisma, et mesurer l’effet d’un index sur une requête.

• Une application connectée doit savoir qui fait quoi, et se défendre. On met en place une authentification par jeton JWT, on délègue l’identité via OAuth 2.0 (connexion Google, GitHub), on protège les mots de passe (bcrypt) et on valide systématiquement les données entrantes. On passe ensuite en revue les vulnérabilités web les plus fréquentes — injection XSS, injection SQL — et leur prévention, sans oublier la configuration CORS.
• Atelier pratique : sécuriser l’API du projet avec un flux d’authentification JWT, ajouter une connexion OAuth, puis corriger deux failles volontairement introduites (XSS et injection).

• Livrer vite suppose de pouvoir modifier sans crainte. On construit une stratégie de tests à plusieurs niveaux : tests unitaires et d’intégration avec Vitest, tests de composants avec React Testing Library, tests de bout en bout avec Cypress. On mesure la couverture, on éprouve la solidité des tests par la mutation (Stryker) et on simule les appels réseau avec MSW.
• Atelier pratique : écrire un jeu de tests couvrant un composant React et un endpoint d’API, puis automatiser un parcours utilisateur complet avec Cypress.

• Une application n’existe vraiment qu’une fois en production. On optimise d’abord la construction pour la mise en ligne (Vite, esbuild), on passe en revue les plateformes d’hébergement (Netlify, Vercel, Heroku, Render, AWS), puis on automatise tout le cycle avec un pipeline GitHub Actions. Enfin, on met en place la supervision applicative (Sentry, Datadog) pour détecter et diagnostiquer les incidents.
• Atelier pratique : construire une version optimisée du projet, la déployer via un pipeline GitHub Actions, puis brancher une remontée d’erreurs en production.

• Certaines applications doivent réagir instantanément et encaisser la charge. On implémente la communication en temps réel (WebSockets, Socket.IO), on introduit la mise en cache et les files d’attente avec Redis, on aborde la répartition de charge et le clustering, puis la gestion des tâches asynchrones et différées (Bull, Agenda).
• Atelier pratique : ajouter une fonctionnalité temps réel au projet (notifications ou messagerie instantanée), puis déporter un traitement lourd dans une file d’attente Redis.

• Le module de synthèse : faire tenir l’ensemble dans le temps. On structure un projet full stack en séparant clairement les responsabilités, on met en œuvre des patrons éprouvés (Repository, injection de dépendances), on s’ouvre à la conception orientée domaine (DDD), on externalise la configuration (dotenv) et on documente l’API pour l’équipe et les intégrateurs (Swagger, Postman).
• Atelier pratique : réorganiser le projet fil rouge selon une architecture en couches, documenter son API avec Swagger et rédiger une collection Postman de référence.

• Une pile MERN complète et à jour (React 19, Node.js, Express, GraphQL, Prisma), couverte de bout en bout.
• Environ 70 % de pratique sur un projet fil rouge : du composant d’interface jusqu’à la mise en production.
• Un spectre large — front-end, back-end, données, sécurité, tests, déploiement — pour devenir réellement autonome.
• Pensée pour un développeur souhaitant couvrir toute la chaîne JavaScript moderne.
• Petit groupe de 1 à 3 participants, session garantie dès 1 inscrit.
• Un suivi post-formation d’un mois par les formateurs MFE-IT.

À un développeur maîtrisant déjà les bases du web (HTML, CSS, JavaScript) qui veut couvrir toute la chaîne full stack JavaScript, de React à Node.js. Elle ne s’adresse pas à un débutant en programmation.

Non. React, Node.js et les ORM sont abordés depuis leurs fondamentaux. Une pratique confirmée de JavaScript (idéalement ES6 et suivantes) et des bases de programmation orientée objet suffisent à l’entrée.

Très pratique : environ 70 % du temps se passe en atelier, sur un projet fil rouge MERN construit et déployé progressivement au fil des six journées.

Les deux. Le cursus couvre l’approche documentaire avec MongoDB et Mongoose ainsi que l’approche relationnelle avec PostgreSQL et Prisma, afin de savoir choisir selon le besoin.

Non. Elle est financée directement par l’entreprise. Un devis personnalisé est établi selon le nombre de participants et le format retenu.