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)

889,130+ codders inscrits à ces cours

880 leçons969 défis4,345 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çons969 défis4,345 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çons236 défis833 questions6 projets
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çons315 défis1,456 questions7 projets
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çons41 défis99 questions1 projet
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çons76 défis360 questions1 projet
2. Au-delà des bases27 leçons28 défis167 questions
99 leçons104 défis527 questions1 projet
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çons80 défis440 questions3 projets
2. Contrôle de version58 leçons55 défis370 questions2 projets
140 leçons135 défis810 questions5 projets
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çons40 défis195 questions1 projet

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

Test n°1

Test n°2

Test n°3

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!

January 2026

Quitte ou Double

Jour 5 sur 7

Gel de Série

2 left

Codez Partout

Emportez votre parcours de codage avec vous! Pas de configuration, pas de téléchargements - ouvrez et commencez à coder. Disponible sur iOS, Android et Web avec des notes de 4.9 étoiles.

250

Variables

CONTINUER

4.9

Note

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 ChallengerLes 7 premiers avancent

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Zone de promotion

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.

Certificat de Réussite

Ceci certifie queJean Duponta complété avec succès

Fondamentaux de Python

Datejanv. 2026

Ajouter à 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

Illustration des langages de programmation de Coddy

Commence le parcours Développeur Full Stack gratuitement

Commencer à apprendre