Roadmap développeur web 2026 : de débutant à employable

Quand j'ai commencé à apprendre le développement web, je passais autant de temps à décider quoi apprendre qu'à effectivement apprendre. Trop de ressources contradictoires, trop d'opinions sur les frameworks, trop de contenu "apprends X en 10 jours".

Cette roadmap est ce que j'aurais voulu lire. Elle n'est pas exhaustive — elle est ordonnée par valeur réelle et par prérequis logiques. Chaque étape ouvre la suivante.

Comment utiliser cette roadmap

Chaque phase a un objectif concret. Ne passez pas à la phase suivante sans avoir construit quelque chose avec la phase en cours. Lire des tutoriels sans coder n'est pas apprendre — c'est se regarder apprendre.

Temps estimé si vous consacrez 2-3h par jour : 12-18 mois pour être employable. Pas 3 mois, pas 6 semaines — peu importe ce que vous avez lu ailleurs.

Phase 1 — Les fondations (2-3 mois)

HTML / CSS

HTML est le seul prérequis strict : pas de framework, pas d'abstraction, pas d'alternative. Maîtrisez la structure sémantique avant tout.

Ce que vous devez savoir :
- Balises sémantiques : header, nav, main, section, article, footer
- Formulaires : input types, label, validation HTML native
- Accessibilité : alt text, aria-label, structure de heading h1→h2→h3
- CSS : box model, flexbox, grid, responsive avec media queries
- CSS custom properties (variables)

Projet de fin de phase : un portfolio statique multi-pages, responsive mobile-first, sans JavaScript ni framework CSS.

JavaScript fondamental

JavaScript est la langue du web. Tout le reste — React, Node.js, TypeScript — repose dessus.

Ce que vous devez savoir :
- Types, variables (const/let, oubliez var)
- Fonctions, arrow functions, closures
- Arrays et objets : map, filter, reduce, destructuring, spread
- Async/await, Promises, fetch
- DOM : querySelector, addEventListener, manipulation du DOM
- Modules ES : import/export

Projet : une application de liste de tâches (sans framework) avec fetch vers une API publique.

Le guide complet pour débuter le code détaille les premières étapes et comment structurer votre apprentissage si vous partez de zéro.

Git et GitHub

Git n'est pas optionnel. C'est l'outil de base de tout développeur et c'est nécessaire dès la phase 1.

git init
git add .
git commit -m "init"
git push origin main

Git et GitHub : le guide complet pour débutants couvre commits, branches, merge et pull requests — tout ce dont vous avez besoin à ce stade.

Phase 2 — Frontend (3-4 mois)

React ou Vue

Choisissez un framework — pas les deux. Creusez-le jusqu'à le maîtriser.

React : plus répandu sur le marché de l'emploi, plus de ressources, écosystème plus large. Choix par défaut si vous voulez maximiser vos chances d'embauche.

Vue : courbe d'apprentissage plus douce, syntaxe plus explicite, très bon pour ceux qui viennent de templates HTML. Nuxt (meta-framework Vue) est excellent.

Ce que vous devez maîtriser :
- Composants, props, state
- useEffect, useRef, useContext (React) ou Composition API (Vue)
- Fetching de données, loading states, gestion d'erreurs
- Routing côté client (React Router / Vue Router)

Projet : une application avec plusieurs pages, appels API, état local et global.

TypeScript

Introduisez TypeScript dès que vous maîtrisez JavaScript fondamental. Le marché attend TypeScript — pas JavaScript pur.

TypeScript pour les développeurs JavaScript est le guide de référence. Priorité en phase 2 : types de base, interfaces, generics simples, utility types. TypeScript avec React/Vue en priorité.

Phase 3 — Backend (2-3 mois)

Node.js et Express / Fastify

La cohérence de langage est un avantage : JavaScript/TypeScript côté serveur aussi.

Ce que vous devez savoir :
- Créer un serveur HTTP
- Routing, middlewares
- Connexion à une base de données
- Variables d'environnement
- API REST : conventions, status codes, JSON

PostgreSQL

SQL n'est pas optionnel non plus. Toutes les applications sérieuses s'appuient sur une base relationnelle.

SELECT users.name, COUNT(orders.id) as order_count
FROM users
LEFT JOIN orders ON orders.user_id = users.id
GROUP BY users.id
ORDER BY order_count DESC;

Ce que vous devez maîtriser : SELECT, INSERT, UPDATE, DELETE, JOIN, index, transactions.

Projet de fin de phase : une API REST complète avec authentification JWT, CRUD sur PostgreSQL, déployée sur un VPS.

Phase 4 — DevOps fondamental (1-2 mois)

Vous n'avez pas besoin d'être ops — vous avez besoin de pouvoir déployer votre propre travail.

Linux et ligne de commande

La ligne de commande est incontournable pour déployer sur un serveur. Vous en avez besoin dès que vous touchez un VPS.

ssh user@ip          # Se connecter
ls -la               # Lister
cd /var/www/app      # Naviguer
cat logs/error.log   # Lire un fichier
grep -r "ERROR" .    # Chercher

Docker

Docker élimine le "ça marche sur ma machine". Votre application et ses dépendances dans un conteneur reproductible.

Docker expliqué simplement est le point de départ. Maîtrisez Dockerfile, docker-compose.yml, les volumes et les réseaux.

CI/CD basique

GitHub Actions permet de tester et déployer automatiquement sur chaque push. C'est 30 lignes de YAML pour un pipeline basique.

Phase 5 — Spécialisation et IA (ongoing)

Meta-frameworks

Next.js (React) ou Nuxt (Vue) sont devenus le standard pour les projets sérieux. SSR, SSG, App Router, file-based routing — plus de configuration webpack, moins de boilerplate.

Si vous avez choisi React en phase 2 : Next.js. Si Vue : Nuxt.

IA dans vos applications

L'IA n'est plus une spécialité — c'est une compétence attendue. En 2026, ne pas savoir appeler une API OpenAI ou Claude est un désavantage concret.

IA pour développeurs : premiers pas couvre les LLMs, le prompt engineering, le function calling et les agents. Ce sont des compétences qui se superposent à votre stack existante — pas une spécialité séparée.

Ce que les entreprises attendent en 2026

J'ai parlé à des tech leads qui recrutent des développeurs junior à mid-level. Le profil qui se détache :

Fondamentaux solides — JavaScript, HTML/CSS, SQL. Plus souvent manquants qu'on ne le pense. Un dev qui connaît ses fondations apprend un nouveau framework en semaines.

Git fluide — pas juste git add . && git commit && git push. Branches, merge conflicts, rebase, PRs. C'est un outil quotidien.

TypeScript — attendu dans presque tous les postes frontend et fullstack. Pas optionnel.

Docker basique — savoir containeriser une app, lire un docker-compose.yml. Pas besoin d'être ops.

Un projet concret déployé — pas un tutorial suivi pas à pas. Quelque chose que vous avez conçu, développé et mis en ligne.

IA — capacité à intégrer des LLMs dans une application. Compétence différenciante qui devient standard.

Ce que vous pouvez ignorer au départ

Quelques sujets qui semblent importants mais peuvent attendre :

• Kubernetes — pertinent quand vous gérez plusieurs services ou une infrastructure complexe. Phase 4+ au minimum.
• Microservices — commencez par un monolithe. La décomposition vient quand le monolithe souffre.
• GraphQL — REST suffit pour 95% des cas. Apprenez GraphQL si votre projet en a un vrai besoin.
• Tests — important, mais après avoir maîtrisé ce que vous testez. Pas en phase 1.
• 3 frameworks en parallèle — choisissez un stack et creusez-le.

Planning réaliste

Total : 8-12 mois avant d'être prêt pour un premier poste junior.

Ce n'est pas le chemin le plus rapide — c'est le chemin le plus solide. Les développeurs qui brûlent les étapes se retrouvent à devoir les refaire, en pire, sous pression professionnelle.

La roadmap est un guide, pas un contrat. Si vous avez de l'expérience dans un domaine adjacent — sysadmin, data, design — certaines phases seront plus rapides. L'important n'est pas de suivre l'ordre exact à la semaine près, mais de ne jamais passer à la couche suivante avant d'avoir construit quelque chose avec la précédente.