Parcours d'apprentissage

Devenir développeur full stack : la roadmap

Des cours gratuits dans l'ordre où un développeur web full stack en a besoin : HTML, CSS et JavaScript pour la page, TypeScript et React pour l'interface, Next.js pour le serveur, SQL pour les données, puis Linux, Git et Docker pour mettre le tout en ligne. JavaScript tourne des deux côtés : vous apprenez un seul langage et vous l'utilisez de bout en bout. Chaque leçon s'exécute dans votre navigateur et chaque section de cours se termine par un certificat gratuit.

COMMENCER À APPRENDRE(c'est gratuit)

830,387+ codders inscrits à ces cours

880 leçons883 défis4,346 questions de quiz

Adapté aux débutants
Aide au codage assistée par IA
Leçons interactives et pratiques
Narration audio dans chaque leçon
Quiz pour tester vos connaissances
16 certificats gratuits tout au long du parcours

Le parcours développeur full stack, étape par étape

7 cours16 sections880 leçons883 défis4,346 questions de quiz

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

1
Étape 1
HTML et CSS : la pagePage dédiée
Commencer cette étapeDémarrerÉléments, liens, formulaires et balisage sémantique, puis sélecteurs, modèle de boîte, flexbox, grid, mises en page responsives et transitions sur deux sections CSS. Les formulaires que vous écrivez ici sont ceux que votre serveur lira plus loin dans le parcours.Démarrer Page dédiée
3 sections, dans l'ordre
179 leçons215 défis833 questions
2
Étape 2
JavaScript et TypeScriptPage dédiée
Commencer cette étapeDémarrerFondamentaux, logique et structures de contrôle, objets et classes en trois sections, puis TypeScript : types, interfaces, génériques et lecture des erreurs du compilateur. C'est le langage que vous écrivez dans le navigateur et sur le serveur : il reçoit donc plus de temps que toute autre étape.Démarrer Page dédiée
4 sections, dans l'ordre
271 leçons288 défis1,457 questions
3
Étape 3
JavaScript dans le navigateurPage dédiée
Commencer cette étapeDémarrerLe DOM, les événements, les formulaires et leur validation, puis des patterns front end concrets comme les onglets, les modales, les thèmes et la navigation responsive. HTML, CSS et JavaScript deviennent une seule page qui répond à celui qui l'utilise.Démarrer Page dédiée
2 sections, dans l'ordre
1. JavaScript en action27 leçons27 défis163 questions
2. Front-end pratique35 leçons34 défis197 questions
62 leçons61 défis360 questions
4
Étape 4
ReactPage dédiée
Commencer cette étapeDémarrerComposants, JSX, props, état, événements, listes et formulaires contrôlés, pour finir par une petite carte sociale que vous construisez pas à pas. React est la couche d'interface que l'étape suivante exécute sur le serveur.Démarrer Page dédiée42 leçons37 défis65 questions
5
Étape 5
Next.js : la moitié serveurPage dédiée
Commencer cette étapeDémarrerRoutage et layouts, composants serveur et client, récupération des données côté serveur, route handlers pour vos propres endpoints d'API, server actions pour les formulaires, états de chargement et d'erreur, puis une application de restaurant en neuf étapes avec panier, filtres, avis et recherche en direct. C'est ici que vous écrivez le back end.Démarrer Page dédiée47 leçons32 défis99 questions
6
Étape 6
SQL : la base de donnéesPage dédiée
Commencer cette étapeDémarrerDes requêtes sur de vraies tables : filtrage, tri, jointures, regroupements et agrégats, puis sous-requêtes, fonctions de fenêtrage, CASE et expressions de table communes. Toute application full stack stocke ses données dans une base de données, et SQL est la façon de l'interroger.Démarrer Page dédiée
2 sections, dans l'ordre
1. Les fondamentaux72 leçons72 défis360 questions
2. Au-delà des bases27 leçons28 défis167 questions
99 leçons100 défis527 questions
7
Étape 7
Linux et GitPage dédiée
Commencer cette étapeDémarrerFichiers, permissions, pipes et scripts shell dans un vrai terminal Linux, puis commits, branches, fusions, conflits et dépôts distants. Les serveurs tournent sous Linux, et toute équipe garde son code dans un dépôt Git.Démarrer Page dédiée
2 sections, dans l'ordre
1. Fondamentaux82 leçons68 défis440 questions
2. Contrôle de version58 leçons46 défis370 questions
140 leçons114 défis810 questions
8
Étape 8
DockerPage dédiée
Commencer cette étapeDémarrerImages, conteneurs, Dockerfiles, volumes et réseaux. Un conteneur embarque votre application avec tout ce dont elle a besoin pour tourner, et c'est ainsi que la plupart des applications web sont livrées sur un serveur aujourd'hui.Démarrer Page dédiée40 leçons36 défis195 questions

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

Test #1

Test #2

Test #3

Input

"Alex"

Output

"Hello, Coddy! Alex"

Build Your 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!

January 2026

Double or Nothing

Day 5 of 7

Streak Freeze

2 left

Code Anywhere

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.

250

Variables

CONTINUE

4.9

Rating

You're Not Alone

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

Challenger LeagueTop 7 advance

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Promotion zone

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

Earn a Certificate

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

Certificate of Completion

This certifies thatJohn Doehas successfully completed

Python Fundamentals

DateJan 2026

Add to LinkedIn

Pourquoi apprendre le développement full stack sur Coddy

Un seul langage des deux côtés. Le parcours enseigne JavaScript et TypeScript pour le navigateur, puis utilise le même langage côté serveur avec les route handlers et les server actions de Next.js : le back end apporte de nouvelles idées, pas un second langage à apprendre de zéro.
Rien à installer. Le HTML et le CSS s'affichent en direct à côté de votre code, le SQL s'exécute sur de vraies tables, et les étapes Linux, Git et Docker vous donnent un vrai terminal dans le navigateur. Vous pouvez étudier toute la stack sur un ordinateur portable qui n'a jamais accueilli un outil de développement.
Des indices IA qui lisent votre code. Quand un composant ne s'affiche pas, qu'une requête renvoie les mauvaises lignes ou qu'une commande échoue, Bugsy regarde ce que vous avez écrit et vous oriente vers la correction sans vous donner la réponse.
L'ordre fait toute la différence. La plupart des formations full stack foncent vers un framework dès la deuxième semaine ; ce parcours consacre trois sections à JavaScript et une quatrième au navigateur avant l'arrivée de React, parce qu'un framework ne devient lisible qu'une fois le langage qui le porte maîtrisé.

Questions fréquentes pour devenir développeur full stack

Qu'est-ce qu'un développeur full stack ?

Un développeur capable de construire les deux moitiés d'une application web : le front end, qui s'exécute dans le navigateur (HTML, CSS, JavaScript et un framework comme React), et le back end, qui s'exécute sur un serveur (traitement des requêtes, logique métier et base de données). En pratique, la plupart des développeurs full stack sont plus solides d'un côté, mais ils savent livrer une fonctionnalité de la table de la base de données jusqu'au bouton qui l'utilise sans la confier à quelqu'un d'autre.

Comment devenir développeur web ?

Apprenez HTML, CSS et JavaScript assez bien pour construire une page à partir d'un fichier vide, ajoutez un framework (React), apprenez comment un serveur répond aux requêtes et comment les données sont stockées (Next.js et SQL dans ce parcours), apprenez Git, et réalisez des projets que vous pouvez mettre en ligne et expliquer. Les employeurs recrutent sur ce que vous pouvez leur montrer : les projets comptent donc plus que n'importe quel certificat. Ce parcours est cette séquence, dans cet ordre, et il est gratuit.

Faut-il commencer par le front end ou par le back end ?

Par le front end. Vous voyez à l'écran le résultat de chaque ligne, ce qui rend les erreurs évidentes et entretient la motivation, et le back end est beaucoup plus facile à comprendre une fois que vous avez construit la page qui l'appelle. C'est pourquoi ce parcours passe ses quatre premières étapes dans le navigateur avant d'aborder le serveur et la base de données.

Pourquoi ce parcours utilise-t-il JavaScript côté serveur plutôt que Python ?

Parce que JavaScript est le seul langage qui s'exécute dans le navigateur : l'utiliser aussi côté serveur, c'est un seul langage pour toute la stack. Next.js, construit sur React, permet au même code de rendre des pages côté serveur, de répondre aux requêtes d'API et de traiter l'envoi de formulaires. Si vous préférez écrire le back end en Python, le parcours Développeur Backend de Coddy enseigne cette voie.

Faut-il un bootcamp pour devenir développeur full stack ?

Non. Un bootcamp vous apporte un planning, une promotion et un accompagnement vers l'emploi, et il les fait payer ; les compétences elles-mêmes sont celles que ce parcours enseigne, et les ressources gratuites les couvrent bien. Ce qu'un bootcamp ne peut pas raccourcir, c'est la pratique : des centaines de petits exercices et quelques vrais projets. Si vous tenez une heure par jour sans qu'un formateur vous suive, un parcours gratuit vous mène au même endroit.

En combien de temps devient-on développeur full stack ?

Comptez neuf à douze mois à raison d'une heure par jour pour atteindre un niveau junior. Dans ce parcours, HTML et CSS prennent ensemble six à huit semaines, JavaScript et le navigateur deux à trois mois, TypeScript et React environ six semaines, Next.js un mois, SQL trois à quatre semaines, et Linux, Git et Docker un mois de plus. Construire votre propre projet en parallèle des dernières étapes, c'est ce qui transforme ce temps en portfolio.

Ce parcours couvre-t-il Node.js, Express, l'authentification ou le déploiement ?

Pas encore sous forme de cours dédiés, et nous préférons le dire plutôt que de gonfler la page. Le code serveur de ce parcours s'écrit avec les route handlers et les server actions de Next.js, qui tournent sur Node.js, mais il n'y a pas de cours Express, ni de cours sur la connexion d'une application à une base de données de production avec un ORM, ni sur l'authentification ou le déploiement sur une plateforme d'hébergement. Ils figurent sur la feuille de route du programme et rejoindront ce parcours comme nouvelles étapes à leur sortie.

Cette formation full stack est-elle gratuite, avec un certificat ?

Oui. Tous les cours du parcours sont gratuits, y compris les leçons, les éditeurs et le terminal dans le navigateur, les indices IA et les certificats. Chaque section de cours se termine par un certificat gratuit, vérifiable à sa propre URL, que vous pouvez ajouter à LinkedIn ou à votre CV.

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 Développeur Full Stack gratuitement

Commencer à apprendre