Coder · 33 projets
Apprendre à coder en construisant.
Des mini-projets concrets en HTML, CSS, JavaScript et PHP, du plus simple au plus avancé : le meilleur moyen d'apprendre à coder, c'est de construire.
Comment utiliser ce parcours
- Suis les étapes dans l'ordre : chaque projet réutilise ce que tu as appris avant.
- Tape le code toi-même plutôt que de le copier : c'est là que tout se joue.
- Une fois le projet terminé, modifie-le : change le style, ajoute une fonctionnalité, casse-le et répare-le.
- Mets ta version en ligne et partage-la dans la vitrine : les abonnés votent pour le projet du mois.
Tu vises un métier de développeur ? Lis aussi le guide complet pour devenir développeur.
Étape 1 · Débutant
Premiers pas : HTML et CSS
Structurer une page et la mettre en forme, sur ordinateur comme sur mobile.
- 01 Créer une Page Web de Base avec HTML et CSS 3 min
- 02 Construire une Landing Page Réactive avec HTML et CSS 2 min
- 03 Créer une Page d'Erreur 404 Personnalisée avec HTML et CSS 2 min
- 04 Utiliser Flexbox et Grid pour des Layouts Réactifs en CSS 3 min
- 05 Utiliser les Media Queries CSS pour le Design Adaptatif 1 min
- 06 Utiliser Bootstrap pour Créer des Sites Web Réactifs 3 min
Étape 2 · Débutant
Rendre la page vivante : JavaScript
De petites applications complètes pour comprendre les variables, les évènements et le stockage.
- 07 Créer une Calculatrice Basique avec JavaScript 2 min
- 08 Développer un Chronomètre avec JavaScript 2 min
- 09 Créer une todo list en JavaScript pur (avec filtres et sauvegarde) 7 min
- 10 Créer une application de prise de notes en JavaScript 7 min
- 11 Utiliser LocalStorage en JavaScript pour Sauvegarder des Données Localement 2 min
- 12 Créer des listes déroulantes dynamiques en JavaScript (pays et villes) 4 min
- 13 Utiliser les Formulaires HTML avec JavaScript pour la Validation Client 2 min
- 14 Créer une Application de Conversion de Devises avec JavaScript 3 min
- 15 Utiliser AJAX avec JavaScript pour des Requêtes Asynchrones 2 min
Étape 3 · Intermédiaire
Composants d'interface
Les briques qu'on retrouve sur tous les sites : galeries, menus, FAQ, graphiques, cartes.
- 16 Créer une galerie d'images en HTML, CSS et JavaScript (avec visionneuse) 6 min
- 17 Construire un Carrousel d'Images avec JavaScript et CSS 2 min
- 18 Créer un Diaporama d'Images avec JavaScript et CSS 2 min
- 19 Créer un Menu de Navigation Réactif avec JavaScript et CSS 2 min
- 20 Créer une barre de navigation fixe en HTML, CSS et JavaScript 6 min
- 21 Créer une FAQ en HTML, CSS et JavaScript (accordéon accessible) 5 min
- 22 Créer une timeline interactive en HTML, CSS et JavaScript 5 min
- 23 Chart.js : créer des graphiques dynamiques en JavaScript 4 min
- 24 Construire une Carte Interactive avec JavaScript et Leaflet.js 2 min
Étape 4 · Intermédiaire
Côté serveur : PHP et MySQL
Formulaires, connexion, base de données : faire tourner un vrai site dynamique.
- 25 Créer un formulaire de contact en HTML, CSS et PHP (sécurisé) 8 min
- 26 Créer une calculatrice de prêt en PHP (mensualité et tableau d'amortissement) 7 min
- 27 Upload de fichiers en PHP : envoyer des images en toute sécurité 4 min
- 28 Développer un Système de Login Basique en PHP 3 min
- 29 Créer un Blog Basique avec PHP et MySQL 3 min
- 30 Développer un Système de Pagination avec PHP et MySQL 2 min
- 31 Mettre en Place un Formulaire de Recherche avec PHP et MySQL 3 min
- 32 Mettre en Place un Système de Commentaires avec PHP et MySQL 3 min
- 33 Mettre en Place un Système de Like avec JavaScript et PHP 3 min