Menu
CoddyTech
Parcours d'apprentissage

Devenir développeur MERN stack : la roadmap

Des cours gratuits dans l'ordre où un développeur MERN stack en a besoin : HTML, CSS et JavaScript pour la page, React pour l'interface, puis Node.js et Express pour le serveur, MongoDB pour les données et des connexions pour sécuriser le tout. Un seul langage, JavaScript, de la première balise à la dernière route d'API, et chaque leçon s'exécute dans votre navigateur.

711,880+ codders inscrits à ces cours

718 leçons808 défis3,295 questions de quiz

La roadmap de la stack MERN, étape par étape

5 cours16 sections718 leçons808 défis3,295 questions de quiz

Chaque étape est une section d'un cours Coddy déjà existant. Suivez-les dans l'ordre ou allez directement à celle qui vous manque : votre progression est enregistrée cours par cours dans tous les cas.

  1. 1
    Commencer cette étapeDémarrerÉléments, liens, formulaires et balisage sémantique, puis sélecteurs, modèle de boîte, flexbox, grid et mises en page responsives. Plus tard, React écrit le HTML pour vous : c'est la langue qu'il parle.DémarrerPage dédiée
  2. 2
    Commencer cette étapeDémarrerVariables, fonctions, tableaux et objets, puis conditions et boucles, puis classes. C'est le seul langage que vous utilisez dans toutes les étapes suivantes, dans le navigateur comme sur le serveur.DémarrerPage dédiée
  3. 3
  4. 4
  5. 5
    Commencer cette étapeDémarrerJavaScript hors du navigateur : arguments de ligne de commande, modules, lecture et écriture de fichiers, callbacks, promesses, async et await, l'event loop et les événements. Vous construisez un outil de notes en ligne de commande.DémarrerPage dédiée
  6. 6
  7. 7
    Commencer cette étapeDémarrerDocuments et collections depuis une API Express : insertions, ObjectId, filtres, opérateurs de mise à jour, index uniques, agrégation et $lookup. Puis qui peut voir les données : mots de passe hachés, sessions, JWT, propriétaires et rôles d'administrateur, en-têtes de sécurité et limitation du débit.Démarrer
  8. 8
Ce que vous obtenez
Tout ce que vous utiliserez pour apprendre à coder

Apprendre en Faisant

Écrivez du vrai code, interrogez des bases de données, créez des sites web et maîtrisez les prompts IA. Nos leçons interactives couvrent toutes les compétences dont les développeurs modernes ont besoin.

playground.js
Éditeur de Code
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test n°1test Case Success icon
Test n°2test Case Success icon
Test n°3test Case Failure icon
Entrée
"Alex"
Sortie
"Hello, Coddy! Alex"

Construisez Votre Série

Restez constant et regardez vos progrès grandir! Suivez votre habitude quotidienne de codage, protégez votre série avec des jours de gel et gagnez des récompenses en vous connectant chaque jour.

12 jours de série

Revenez demain pour maintenir votre série!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Quitte ou Double

Jour 5 sur 7

fire Freeze icon

Gel de Série

2 left

Vous N'êtes Pas Seul

Affrontez les classements mondiaux, invitez des amis pour gagner des récompenses et célébrez les succès des autres. Coder, c'est mieux entre amis!

Ligue Challenger
Ligue ChallengerLes 7 premiers avancent
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconZone de promotionleaderboard Arrow Up icon

Apprenez comme vous voulez

Lisez, écoutez, testez-vous, demandez à l'IA ou retrouvez ce que vous avez déjà étudié. Chaque leçon s'adapte à vous.

Intro aux variables
Audio

Une variable est un conteneur nommé qui stocke une valeur réutilisable plus tard dans votre programme.

En Python, on en crée une en écrivant le nom, un signe égal, puis la valeur à stocker.

La valeur peut évoluer : réassigner le nom le fait simplement pointer vers une nouvelle valeur.

1xSarah

Certifiez-vous

Gagnez des certificats pour chaque cours terminé. Ajoutez-les à votre profil LinkedIn et CV pour montrer votre expertise en programmation aux employeurs.

CoddyCertificat de Réussite
Ceci certifie queJean Duponta complété avec succès
python iconFondamentaux de Python
Vérifié
Datejanv. 2026
LinkedInAjouter à LinkedIn

Pourquoi apprendre la stack MERN sur Coddy

  • Chaque couche tourne à côté de votre code. Les composants React s'affichent pendant que vous tapez, un serveur Express répond à une barre de requêtes où vous choisissez la méthode, les en-têtes et le corps JSON, et les requêtes MongoDB s'exécutent sur une base de données que vous pouvez ouvrir dans un onglet de données. Rien à installer : un ordinateur portable du lycée suffit.
  • Un seul langage pour toute la stack. Le parcours consacre ses premières étapes à JavaScript et au navigateur : quand Node.js arrive, le serveur apporte de nouvelles idées, pas un nouveau langage. Les mêmes fonctions, les mêmes objets, le même code asynchrone, qui répondent maintenant à des requêtes.
  • Un projet dans chaque section back end : un outil de notes en ligne de commande, un site de recettes, une API de suivi de tâches, une API d'évaluation de livres sur MongoDB et une application de notes avec des comptes. Chacun se construit leçon après leçon et il est corrigé par des vérifications qui envoient de vraies requêtes à votre serveur.
  • Des indices qui lisent votre code. Quand une route répond 404, qu'une requête ne renvoie rien ou qu'une connexion laisse entrer le mauvais utilisateur, Bugsy, le tuteur IA, regarde ce que vous avez écrit et vous montre la ligne sans écrire la correction à votre place.

Questions fréquentes sur la stack MERN

Qu'est-ce que la stack MERN ?

Une façon de construire une application web complète en JavaScript avec quatre outils : MongoDB stocke les données sous forme de documents, Express transforme un programme Node.js en serveur web et en API, React construit l'interface qui tourne dans le navigateur, et Node.js exécute JavaScript sur le serveur. Le code React du navigateur appelle l'API Express, qui lit et écrit dans MongoDB.

Que signifie l'acronyme MERN ?

MERN signifie MongoDB, Express, React et Node.js. L'ordre est celui des lettres du mot, pas l'ordre d'apprentissage : sur ce parcours, vous commencez par la page (HTML, CSS, JavaScript et React), puis vous passez au serveur (Node.js et Express) et à la base de données (MongoDB).

Que fait un développeur MERN stack ?

Il construit des fonctionnalités de la base de données jusqu'à l'écran : il conçoit les documents MongoDB, écrit les routes Express qui les créent, les lisent, les modifient et les suppriment, protège ces routes avec des connexions et construit les pages React qui les appellent. Comme les quatre outils sont en JavaScript, un seul développeur peut suivre une fonctionnalité à travers toutes les couches.

La stack MERN vaut-elle encore la peine d'être apprise ?

Oui. React et Node.js comptent parmi les outils les plus utilisés en développement web, et Express et MongoDB sont leurs partenaires les plus courants : les compétences restent utiles même dans les équipes qui utilisent une autre base de données ou un autre framework. Apprendre une stack de bout en bout montre aussi comment s'assemble n'importe quelle application web, et c'est ce que testent les entretiens.

Faut-il apprendre la stack MERN ou la stack MEAN ?

MERN, pour la plupart des personnes qui commencent aujourd'hui. Les deux stacks partagent MongoDB, Express et Node.js et ne diffèrent que par le front end : React dans MERN, Angular dans MEAN. React est le plus utilisé des deux et le plus simple pour débuter, et passer à Angular plus tard veut dire apprendre un nouveau framework, pas une nouvelle stack.

Combien de temps faut-il pour apprendre la stack MERN ?

Environ huit à dix mois, à raison d'une heure par jour, pour terminer ce parcours. HTML et CSS prennent environ six semaines, JavaScript et le navigateur deux à trois mois, React environ un mois, et les cinq sections Node.js (Node.js, Express, API REST, MongoDB, connexions) trois mois de plus. Si vous connaissez déjà JavaScript, commencez à l'étape React : comptez environ quatre mois.

Peut-on apprendre la stack MERN sans rien installer ?

Oui, sur ce parcours. Chaque leçon s'exécute dans le navigateur : React s'affiche à côté de l'éditeur, vos programmes Node.js tournent dans un terminal et vos serveurs répondent à une barre de requêtes, et la section MongoDB utilise une base de données en mémoire qui parle l'API du pilote MongoDB. Quand vous construirez votre propre application plus tard, vous installerez Node.js et MongoDB sur votre ordinateur et le code restera le même.

Est-ce que j'obtiens un certificat pour le parcours Développeur MERN Stack ?

Oui. Termine chaque étape et tu obtiens un certificat gratuit pour tout le parcours Développeur MERN Stack. Il liste chaque cours terminé en chemin, et renvoie au certificat de chaque cours, pour que chacun puisse vérifier chaque compétence qu'il mentionne. Tu peux l'ajouter à ton profil LinkedIn. C'est un certificat de réussite délivré par Coddy, pas une qualification accréditée.

Autres parcours d'apprentissage

Les mêmes cours, ordonnés pour un autre métier. La progression est conservée : un cours terminé sur un parcours compte sur tous les parcours qui l'incluent.

Tous les parcours d'apprentissage
Illustration des langages de programmation de Coddy

Commence le parcours Développeur MERN Stack gratuitement

Commencer à apprendre