Défi du Level 8
Construire et mettre en ligne un projet complet avec Claude Code
⏱ Estim. ~7 min
01 · Lire
Place au sérieux. Tu vas construire une app complète de gestion de favoris à partir de zéro avec Claude Code — et la push sur GitHub quand elle sera finie.
Pas de guidage étape par étape. Pas de simulation. Tu as toutes les compétences : - Terminal (Level 2) — naviguer et lancer des commandes - Système de fichiers (Level 3) — créer et organiser des fichiers - Git (Level 4) — versioning et GitHub - Bases du web (Level 5) — HTML, CSS, JavaScript - Node.js (Level 7) — construire des vrais projets - Claude Code (Level 8) — dev assisté par IA
Chaque case ci-dessous est une fonctionnalité à ajouter. Construis-les une par une avec Claude Code. Relis chaque changement avec git diff. Utilise des branches de feature. C'est le workflow pro.
Prends ton temps. Pas de précipitation. L'objectif n'est pas la vitesse — c'est de construire quelque chose de vrai et qui fonctionne.
02 · Liste de vérification
Construis le gestionnaire de favoris à partir de zéro avec Claude Code. Termine chaque fonctionnalité dans l'ordre. Utilise le workflow itératif que tu as appris : donne un prompt à Claude, relis les changements, commit, passe à la suivante.
- Créer un nouveau dossier de projet et l'initialiser avec npm
- Avec Claude, construire : une page HTML avec un formulaire (champs URL + titre + catégorie)
- Avec Claude, ajouter : persistance via localStorage
- Avec Claude, ajouter : affichage des favoris groupés par catégorie
- Avec Claude, ajouter : fonctionnalité de recherche / filtre
- Avec Claude, ajouter : fonctionnalités de suppression et d'édition
- Relire chaque changement avec git diff
- Utiliser une git branch par fonctionnalité
- Push le projet terminé sur GitHub
03 · Quiz
Dans le workflow pro Claude Code, qu'est-ce qui vient après avoir construit une fonctionnalité ?
- Déployer tout de suite
- Relire les changements avec git diff
- Supprimer la branche
- Commencer une nouvelle fonctionnalité
04 · Compléter
Après que Claude Code a modifié tes fichiers, relis-les toujours avec git _____ avant de commit.
05 · Lire
Bravo. Tu viens de construire et de mettre en ligne une vraie app avec Claude Code.
Laisse ça infuser. Au début de ce cours, tu ne savais pas ce qu'était un terminal. Maintenant tu as : - Navigué dans le système de fichiers en ligne de commande - Créé et géré des fichiers et dossiers - Utilisé git pour le versioning - Compris comment fonctionnent les sites web et les serveurs - Construit des projets Node.js à partir de zéro - Construit une app complète avec un binôme de pair programming IA - Push ton travail sur GitHub pour que le monde le voie
Tu n'as pas seulement suivi des tutos. Tu construis des choses. C'est ça, la différence entre apprendre à coder et savoir coder pour de vrai.
Le gestionnaire de favoris sur ton profil GitHub en est la preuve. C'est toi qui l'as construit. Avec de vrais outils. En suivant un workflow pro.
Et ce n'est que le début.
Points clés
- Tu as construit une vraie app fonctionnelle à partir de zéro
- Tu as utilisé Claude Code comme un vrai outil de dev pro
- Tu as suivi le workflow branch-build-review-commit
- Ton projet est sur GitHub — un vrai portfolio
- Prochaine étape : Level 9 — apprendre à Claude ton workflow avec des skills personnalisés
06 · Quiz
Claude Code a ajouté une fonctionnalité, mais il a aussi modifié des fichiers que tu ne lui avais pas demandé de toucher. Que faire ?
- Tout accepter — Claude sait probablement mieux
- Supprimer le projet entier et tout recommencer
- Utiliser git checkout pour annuler les fichiers indésirables, et garder le reste
- L'ignorer et push quand même sur GitHub
07 · Compléter
Avant de construire une nouvelle fonctionnalité, crée une nouvelle branche en lançant : git checkout -b _____
Autres leçons de ce chapitre
⚠ L'expérience interactive complète nécessite JavaScript. Active-le et recharge la page.
※ Ce site est un projet éducatif indépendant — pas un produit officiel d'Anthropic. Claude™ est une marque déposée d'Anthropic, PBC.