Vous n’avez jamais écrit une seule ligne de code de votre vie. Vous ouvrez Google, vous cherchez « comment apprendre à coder », et vous tombez sur un mur : Python, JavaScript, PHP, HTML, CSS, React, Node, SQL, Git, Docker, TypeScript, AWS… En 30 secondes vous avez envie de fermer l’onglet. C’est normal. La bonne nouvelle : l’ordre dans lequel apprendre est beaucoup plus simple qu’il n’y paraît. Cet article vous le donne clairement, sans vous noyer.
Avant tout : choisissez une destination, pas un itinéraire
La première erreur de ceux qui partent de zéro : vouloir « apprendre à coder » en général. Ce n’est pas un objectif. C’est comme vouloir « apprendre une langue » sans savoir laquelle.
Choisissez d’abord ce que vous voulez construire :
- Des sites web et interfaces visuelles → développement web front-end
- Des applications avec logique serveur, bases de données → développement back-end
- Des outils de traitement de données, automatisations → Python
- Des applications mobiles → React Native ou Flutter
Dans ce guide, je me concentre sur le développement web, qui est la voie la plus accessible et la plus demandée pour une reconversion en France en 2026. Si vous hésitez entre front et back, lisez d’abord notre article front-end, back-end ou full-stack : comment choisir.
L’ordre d’apprentissage pour le développement web
Étape 1 — HTML : la structure (2 à 3 semaines)
HTML est le langage qui décrit la structure d’une page web. Ce n’est pas vraiment un langage de programmation — c’est un langage de balisage. Pas de logique, pas de calcul. Juste « voici un titre », « voici un paragraphe », « voici une image ».
Ce que vous apprenez ici :
- Les balises de base :
h1–h6,p,a,img,ul,li,div,span - La structure d’une page :
head,body,header,main,footer - Les formulaires :
input,textarea,button,select
Objectif de fin d’étape : créer une page de CV personnel en HTML pur, sans CSS, et la mettre sur GitHub.
Ressource recommandée : OpenClassrooms « Créez votre site web avec HTML5 et CSS3 » (gratuit).
Étape 2 — CSS : la mise en forme (3 à 4 semaines)
CSS dit comment les éléments HTML doivent apparaître : couleurs, polices, marges, mises en page.
Ce que vous apprenez :
- Sélecteurs, propriétés, valeurs
- Le modèle de boîte (box model)
- Flexbox : le système de mise en page le plus utilisé aujourd’hui
- Le responsive design : adapter l’affichage au mobile et au desktop
Objectif de fin d’étape : votre page de CV stylisée, responsive, belle. Mettez-la en ligne sur GitHub Pages (gratuit).
Étape 3 — Git : versionner son code (1 semaine)
Git est l’outil qui permet de sauvegarder l’historique de votre code et de collaborer avec d’autres développeurs. Ce n’est pas optionnel. Tout le monde l’utilise, tout le temps.
Ce que vous apprenez :
git init,git add,git commit: sauvegarder son travailgit push/git pull: synchroniser avec GitHub- Les branches : travailler sur une fonctionnalité sans casser le reste
Objectif : tous vos projets doivent être sur GitHub dès cette étape. Même les plus simples.
Étape 4 — JavaScript : la programmation (6 à 8 semaines)
JavaScript est le premier vrai langage de programmation de votre parcours web. C’est là que ça devient plus exigeant — et aussi beaucoup plus puissant.
L’ordre dans JavaScript :
- Variables et types : stocker des données (nombres, texte, booléens)
- Conditions : if/else, décisions dans le code
- Boucles : répéter des actions
- Fonctions : réutiliser du code
- Tableaux et objets : organiser des données
- Le DOM : manipuler une page HTML depuis JavaScript
- Les événements : réagir à un clic, une frappe clavier
- Les requêtes asynchrones : récupérer des données depuis une API
Objectif de fin d’étape : une petite application interactive — par exemple une liste de tâches, un quiz, un convertisseur de devises — entièrement fonctionnelle, déployée en ligne.
Étape 5 — Un framework (React ou Vue.js) : 6 à 8 semaines
Un framework JavaScript comme React ou Vue.js vous permet de construire des interfaces complexes de façon organisée. La plupart des postes front-end en 2026 utilisent React.
Ne commencez pas React avant d’être à l’aise avec JavaScript de base. C’est l’erreur la plus fréquente. React sans JavaScript solide, c’est construire sur du sable.
Ce que vous apprenez dans React :
- Les composants : diviser une interface en blocs réutilisables
- Les props : passer des données entre composants
- Le state avec
useState: gérer les données qui changent useEffect: déclencher des actions au bon moment- React Router : naviguer entre les pages d’une application
Étape 6 — Les bases de données SQL (3 à 4 semaines)
Même si vous vous orientez vers le front-end, comprendre SQL est fondamental. Toutes les applications web stockent des données. Savoir interroger une base de données vous rend immédiatement plus utile en équipe.
- CREATE TABLE, INSERT INTO, SELECT, WHERE, JOIN
- Les relations entre tables (1-to-many, many-to-many)
- PhpMyAdmin pour visualiser ses données
Étape 7 — Un projet complet et déployé
Avant de postuler, vous devez avoir au moins un projet qui démontre votre capacité à livrer quelque chose de bout en bout. Pas un tutoriel. Pas un exercice. Un vrai projet avec :
- Une idée qui vient de vous (ou d’un problème que vous connaissez)
- Un front-end fonctionnel en React
- Des données persistantes (API publique ou base de données)
- Un déploiement accessible en ligne (Vercel, Netlify, GitHub Pages)
- Un README qui explique le projet, les technologies, comment l’installer
Ce que vous n’avez pas besoin d’apprendre tout de suite
Pour vous éviter la dispersion, voici ce qui peut attendre :
- TypeScript : après avoir maîtrisé JavaScript de base. Pas avant.
- Docker : utile, mais pas bloquant pour un junior.
- Cloud AWS/GCP/Azure : idem, viendra avec l’expérience.
- Les tests automatisés : important, mais pas prioritaire en phase d’apprentissage initial.
- Les algorithmes complexes : utile pour de grandes entreprises, pas indispensable pour la plupart des postes junior en agence ou PME.
Les ressources gratuites pour chaque étape
| Étape | Ressource gratuite recommandée |
|---|---|
| HTML + CSS | OpenClassrooms « Créez votre site web » |
| Git | La documentation officielle Git + « Git & GitHub for beginners » (YouTube FreeCodeCamp) |
| JavaScript | javascript.info (le meilleur site d’apprentissage JS en ligne) |
| React | La documentation officielle React (react.dev) — elle est excellente depuis 2023 |
| SQL | SQLZoo ou « Learn SQL » sur W3Schools |
| Projets | Frontend Mentor (défis front-end avec maquettes fournies) |
Combien de temps pour être employable depuis zéro ?
À 2h par jour, 5 jours sur 7 :
- Employable comme développeur front-end junior : 10 à 14 mois
- Employable comme développeur back-end junior : 12 à 18 mois
- Employable en WordPress / intégrateur : 4 à 6 mois
Si vous avez plus de temps disponible (formation à temps plein), divisez ces estimations par 2 à 3. Pour un plan détaillé semaine par semaine, consultez notre article reconversion développeur en 6 mois.
Vos projets sont prêts — passons au recrutement
Vous avancez dans votre apprentissage. La prochaine étape, c’est de postuler. Retrouvez des offres d’emploi dev pensées pour les juniors et les profils sans expérience professionnelle dans le secteur.
À lire aussi : Plan d’action 6 mois — Devenir développeur front-end — Autodidacte, bootcamp ou école ?