Menu
Coddy logo textTech
Parcours d'apprentissage

Devenir développeur JavaScript : la roadmap

Ce qu'il faut apprendre, dans l'ordre, pour travailler comme développeur JavaScript : le langage et TypeScript, la ligne de commande, Git et SQL, puis les structures de données et algorithmes que testent les entretiens, et enfin du code qu'une équipe peut maintenir. Le même socle sert au frontend, au backend et au full-stack. Gratuit, pratique, dans ton navigateur.

503,064+ codders inscrits à ces cours

651 leçons577 défis2,785 questions de quiz

La roadmap du développeur JavaScript, étape par étape

17 cours7 sections651 leçons577 défis2,785 questions de quiz

Chaque étape est composée de cours Coddy qui existent déjà, et chaque bouton Démarrer les ouvre en JavaScript. Suis les étapes dans l'ordre, ou commence par celle qui te manque ; ta progression est enregistrée cours par cours.

  1. 1
    Commencer cette étapeDémarrerQuatre sections. Fondamentaux couvre les variables, l'égalité stricte et l'égalité faible, la coercition de type, les fonctions et les fonctions fléchées, et les tableaux ; Logique & Flux couvre les chaînes, JSON et les objets, l'opérateur de décomposition, les ensembles et les méthodes de tableau map, filter, reduce et sort ; Introduction à TypeScript couvre les types de base, les tuples, les unions, les interfaces, les enums, les génériques et les gardes de type ; Programmation Orientée Objet couvre this, les modules, les classes, les champs privés, l'héritage et la composition. Apprends-le en profondeur : chaque framework que tu rencontreras ensuite est du JavaScript en dessous, et ses règles laxistes, == à côté de === et la conversion de type silencieuse, ne sont des pièges que tant que tu ne les connais pas.DémarrerPage dédiée
  2. 2
    Commencer cette étapeDémarrerChemins et fichiers, caractères génériques, grep, pipes et redirections, permissions, variables d'environnement et scripts shell. L'outillage JavaScript vit dans le terminal : npm install, npx, les serveurs de développement, les builds et les lanceurs de tests sont des commandes, les scripts de package.json sont des commandes shell, et les secrets parviennent à une application Node.js sous forme de variables d'environnement, via process.env.DémarrerPage dédiée
  3. 3
    Commencer cette étapeDémarrerStaging, commits, .gitignore, branches, fusions et conflits, annulation d'erreurs et dépôts distants. Dans un projet JavaScript, node_modules/ est ignoré dès le premier commit et package-lock.json est versionné, et c'est souvent sur ce lockfile très sollicité que les branches parallèles entrent en conflit. Des hébergeurs comme Vercel et Netlify déploient à chaque push : dans beaucoup d'équipes web, une fusion dans main est une mise en production.DémarrerPage dédiée
  4. 4
    Commencer cette étapeDémarrerFiltrage, tri, jointures, regroupements, agrégats, sous-requêtes, clauses WITH et fonctions de fenêtrage, sur de vraies tables. Le JavaScript full-stack suppose une base de données derrière l'API, souvent PostgreSQL ou MySQL, atteinte via un ORM ou un query builder comme Prisma ; lire le SQL qu'il envoie, c'est ce qui te permet de découvrir pourquoi un endpoint est lent.DémarrerPage dédiée
  5. 5
    Commencer cette étapeDémarrerPile, file, liste chaînée, arbre binaire et table de hachage, chacune construite de zéro en JavaScript puis appliquée à des problèmes. Ce sont les formes sur lesquelles tournent déjà les applications JavaScript : l'historique d'annulation est une pile, la boucle d'événements traite une file, et un menu imbriqué ou un document JSON est un arbre.Démarrer
  6. 6
    Commencer cette étapeDémarrerDéfis de récursivité, puis tri à bulles, par sélection, par insertion, fusion et rapide en JavaScript, chaque tri étant associé au visualiseur d'algorithmes de Coddy. La récursivité fait partie du JavaScript de tous les jours, pour parcourir un objet imbriqué ou un arbre de composants, et elle a un plafond : descends trop loin et V8, le moteur de Chrome et de Node.js, lève RangeError: Maximum call stack size exceeded. Cette étape t'apprend à le voir venir.Démarrer
  7. 7
    Commencer cette étapeDémarrerUn projet orienté objet mené de bout en bout et une banque de problèmes de programmation, tous deux en JavaScript. Prettier règle la mise en forme et ESLint signale certaines erreurs ; le nommage, la taille des fonctions et la répartition des responsabilités te reviennent, et c'est sur eux que portent les commentaires des relecteurs.Démarrer
Ce que vous obtenez
Tout ce que vous utiliserez pour apprendre à coder

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js
Code Editor
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Input
"Alex"
Output
"Hello, Coddy! Alex"

Build Your Coding Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

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

Double or Nothing

Day 5 of 7

fire Freeze icon

Streak Freeze

2 left

Code Anywhere, Anytime

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

Python
7Streak
250Score
5Energy
Variables
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
CONTINUE
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Journey
Goals
Leaderboard
Profile
4.9
StarStarStarStarStar
Rating

You're Not Alone in This

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger League
Challenger LeagueTop 7 advance
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 iconPromotion zoneleaderboard Arrow Up icon

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables
Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Prove Your Skills

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

CoddyCertificate of Completion
This certifies thatJohn Doehas successfully completed
python iconPython Fundamentals
Verified
DateJan 2026
LinkedInAdd to LinkedIn

Pourquoi suivre cette roadmap JavaScript sur Coddy

  • Un seul langage pour tout le web. JavaScript tourne dans chaque navigateur, et avec Node.js il fait aussi tourner des serveurs, des outils de build et des scripts : les postes frontend, backend et full-stack partent donc tous du socle que construit cette roadmap, avant de se séparer.
  • TypeScript dès la première étape. Le cours JavaScript comprend une section TypeScript complète, des types de base et des unions jusqu'aux interfaces, aux enums et aux génériques : le JavaScript typé qu'écrivent beaucoup d'équipes professionnelles fait partie du langage que tu apprends, au lieu d'être une surprise à ton premier poste.
  • L'entraînement aux entretiens, en JavaScript. Les structures de données, les défis de récursivité et les cinq tris sont tous enseignés en JavaScript : tu répètes tes entretiens dans le langage qu'on te demandera vraiment d'utiliser.
  • Évalué, avec des indices, sans rien à installer. Chaque leçon se termine par un défi JavaScript évalué par des cas de test, et Bugsy, le tuteur IA, te montre ce qui ne va pas sans écrire la correction. La plupart des cours délivrent un certificat gratuit à la fin, et il n'y a ni Node.js ni éditeur à configurer : tout tourne dans le navigateur.

Questions fréquentes sur le métier de développeur JavaScript

Combien de temps faut-il pour devenir développeur JavaScript ?

Six à douze mois, à raison d'environ une heure par jour, c'est une fourchette raisonnable pour passer de zéro à un entretien junior. Sur cette roadmap, le cours JavaScript, section TypeScript comprise, prend huit à dix semaines ; la ligne de commande, Git et SQL, environ un mois à eux trois ; les étapes de structures de données et de tri, deux mois de plus. Vient ensuite la spécialité, un framework comme React ou un backend Node.js, mise en œuvre dans un ou deux projets que tu peux montrer.

JavaScript est-il un bon premier langage pour devenir ingénieur logiciel ?

Oui, avec une réserve. Il tourne partout, affiche des résultats immédiatement dans le navigateur et mène directement à du travail rémunéré sur le web. La réserve, c'est que JavaScript pardonne des erreurs que d'autres langages refusent : == convertit les types avant de comparer, et une propriété manquante vaut undefined au lieu de provoquer une erreur. C'est pourquoi la première étape de cette roadmap inclut TypeScript, et pourquoi les étapes de structures de données te font construire chaque structure toi-même.

Que doit savoir un développeur JavaScript en plus de JavaScript ?

La ligne de commande, Git et SQL, que couvre cette roadmap, puis la plateforme pour laquelle tu écris, qu'elle ne couvre pas : HTML, CSS, le DOM et un framework comme React dans le navigateur, ou Node.js, npm et HTTP côté serveur. Le parcours Frontend de Coddy couvre le côté navigateur, React compris, et prend le relais là où cette page s'arrête.

Faut-il apprendre TypeScript ou JavaScript en premier ?

JavaScript d'abord, et TypeScript peu après. TypeScript, c'est JavaScript avec des types en plus, et ses erreurs n'ont de sens qu'une fois que tu sais ce que fait le JavaScript en dessous. Le cours JavaScript suit cet ordre : deux sections de JavaScript pur, puis la section TypeScript, puis la programmation orientée objet.

Quel cours de cette roadmap n'est pas enseigné en JavaScript ?

Un seul : le cours de code propre n'est enseigné qu'en Python pour l'instant ; il figure donc après les étapes, et non à l'étape sept. Son sujet, le nommage, la taille des fonctions et la structure, se lit de la même façon dans tous les langages, et les linters comme ESLint n'en attrapent qu'une partie. Toutes les étapes, projet orienté objet et problèmes de programmation compris, sont en JavaScript.

Cette roadmap JavaScript est-elle gratuite ?

Oui. Tous les cours qui la composent sont gratuits : les leçons, l'éditeur et le terminal Linux dans ton navigateur, les défis évalués par des tests, les indices de Bugsy et les certificats. Pro supprime la limite d'énergie quotidienne et ajoute une aide IA illimitée, et rien sur cette roadmap ne l'exige.

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
Coddy programming languages illustration

Commence le parcours Ingénieur logiciel gratuitement

Commencer à apprendre