Roadmap Développeur Web Débutant v2

Module 01 HTML & CSS — Structure et style 3–4 semaines

Compétences

›HTML sémantique : titres, liens, listes, images, formulaires
›CSS : sélecteurs, couleurs, typographie, box model
›Flexbox & Grid pour la mise en page
›Responsive design (media queries)
›Git init, commit, push — création du compte GitHub

VS Code Git GitHub Terminal (bases)

🎯 Projet 1

Page de présentation personnelle — photo, bio, compétences, liens

Premier commit GitHub. Design 100% HTML/CSS sans JS.

🐙 Premier repo GitHub créé et publié — l'apprenant a son URL en ligne

Module 02 JavaScript — Logique et interactivité 4–5 semaines

Compétences

›Variables, types, conditions, boucles
›Fonctions, tableaux, objets
›Manipulation du DOM (querySelector, events)
›ES6+ : arrow functions, template literals, destructuration
›Fetch API + JSON (appel d'une API externe)
›Git branches, merge, bonne pratique de commit

🎯 Projet 2

App Météo — saisir une ville, afficher météo via API (OpenWeatherMap)

Appel API + affichage dynamique + gestion d'erreurs. Poussé sur GitHub.

Module 03 PHP — Programmation côté serveur 4–5 semaines

Compétences

›Syntaxe PHP : variables, conditions, boucles, fonctions
›PHP dans le HTML (pages dynamiques)
›Formulaires : GET / POST + validation
›Sessions et cookies
›Include / require, organisation des fichiers
›Serveur local avec XAMPP / Laragon

XAMPP / Laragon PHP 8

🎯 Projet 3

Site multi-pages PHP — navigation dynamique, formulaire de contact avec validation et envoi d'email

Première page vraiment "serveur". Repo GitHub dédié.

Module 04 MySQL — Bases de données relationnelles 3–4 semaines

Compétences

›Modèle relationnel : tables, colonnes, clés primaires/étrangères
›SQL : SELECT, INSERT, UPDATE, DELETE
›Jointures (JOIN), filtres (WHERE), tri (ORDER BY)
›Connexion PHP ↔ MySQL avec PDO
›Prévention des injections SQL
›phpMyAdmin pour visualiser la DB

🎯 Projet 4

Système de gestion d'une liste de contacts — CRUD complet (Créer, Lire, Modifier, Supprimer) avec PHP + MySQL

Premier vrai projet avec base de données. Schéma de DB inclus dans le README GitHub.

Module 05 PHP Avancé — Auth & Architecture MVC 3–4 semaines

Compétences

›Authentification : inscription, connexion, sessions sécurisées
›Hachage de mot de passe (password_hash)
›Introduction à l'architecture MVC (Model View Controller)
›PHP Orienté Objet (classes, méthodes, héritage)
›Composer (gestionnaire de paquets PHP)

🎯 Projet 5

Mini blog PHP/MySQL — inscription, connexion, création/suppression d'articles selon l'utilisateur connecté

Architecture MVC maison. Prépare directement à Laravel.

Module 06 React — Interfaces modernes 5–6 semaines

Compétences

›Composants, props, état (useState, useEffect)
›Rendu conditionnel, listes et clés
›React Router (navigation multi-pages)
›Appels API avec fetch / axios
›Tailwind CSS pour le styling
›Déploiement sur Vercel

Vite Tailwind CSS Vercel

🎯 Projet 6

Dashboard de tâches — gestion de to-do avec filtres, priorités, données depuis une API REST

SPA complète déployée sur Vercel + lien dans le profil GitHub.

Module 07 Laravel — Framework PHP professionnel 6–7 semaines

Compétences

›Installation, structure d'un projet Laravel
›Routes, Controllers, Views (Blade)
›Eloquent ORM (modèles, relations)
›Migrations et Seeders
›Authentification avec Laravel Breeze
›API REST avec Laravel (optionnel : Sanctum)

Laravel 11 Blade Artisan CLI Railway / Render

🎯 Projet 7

Plateforme de réservation — gestion utilisateurs, créneaux, tableau de bord admin avec authentification complète

Premier projet fullstack "professionnel". Déployé en ligne.

Module 08 WordPress — CMS & développement de thèmes 4–5 semaines

Compétences

›Installation et configuration WordPress
›Thèmes enfants (child themes)
›Développement d'un thème personnalisé (PHP + WP API)
›Plugins incontournables (ACF, Yoast, WooCommerce intro)
›Types de contenu personnalisés (CPT)
›WP REST API — consommer WP depuis React

LocalWP ACF Pro WP CLI

🎯 Projet 8

Site vitrine d'une entreprise fictive avec thème WordPress 100% custom — pages, blog, formulaire de contact

Logique acquise en PHP/MySQL directement réutilisée dans WP.

Module 09 Projet Capstone — Portfolio final 4–5 semaines

Objectifs

›Choisir une idée de projet personnel ou client réel
›Planifier : wireframes, modèle de données, découpage en tickets
›Choisir la stack adaptée (Laravel, React, WP…)
›Développer, tester, documenter (README complet)
›Déployer en production
›Présenter comme en situation professionnelle

🏆 Projet Final

Son idée, son projet — résoudre un vrai problème avec les technos apprises

Pièce maîtresse du portfolio GitHub. Ce projet = sa carte de visite de développeur.

🏅 À la fin : un GitHub avec 9 projets publics, des projets déployés en ligne et une vraie stack maîtrisée