Défi du Level 7

Tout assembler — construire un serveur complet

⏱ Estim. ~6 min

01 · Lire

C'est l'heure d'assembler tout ce que tu as appris. Dans ce défi, tu vas construire un serveur complet depuis zéro, en combinant tout ce que tu as vu au Level 7 : - Servir une page HTML - Routes de texte - Endpoint d'API JSON - Query parameters - Configuration correcte du projet avec .gitignore - Contrôle de version avec Git et GitHub

Il n'y a pas de guidage étape par étape ici. Tu as les connaissances des leçons précédentes. Si tu bloques, regarde les indices — mais essaie d'abord par toi-même.

C'est à ça que ressemble le vrai développement : tu connais chaque pièce, maintenant tu les assembles pour faire un tout complet.

Points clés

Ce défi combine tout le contenu du Level 7
Essaie chaque étape par toi-même avant de regarder les indices
Pas de souci pour revenir aux leçons précédentes comme référence
Une fois terminé, tu auras un vrai projet sur GitHub

02 · Liste de vérification

Construis un serveur avec toutes les fonctionnalités ci-dessous. Coche chaque case au fur et à mesure.

GET / sert une page HTML de bienvenue
GET /about sert une page à propos
GET /api/time renvoie du JSON avec l'heure actuelle
GET /api/greeting?name=Sara renvoie une salutation personnalisée
Un .gitignore correct, avec node_modules/ et .env
Projet poussé sur GitHub

03 · Quiz

Avant de pousser un projet Node.js sur GitHub, quel fichier faut-il créer pour éviter que node_modules soit commité ?

.env
package-lock.json
.npmrc
.gitignore

04 · Compléter

Pour renvoyer des données JSON depuis un handler de route Express, utilise res._____(data) au lieu de res.send(data).

05 · Lire

Bravo — tu viens de construire un vrai serveur web et de le publier sur GitHub.

Laisse ça infuser un instant. Il y a quelques leçons, tu installais Node.js pour la première fois. Maintenant, tu as : - Un serveur web fonctionnel qui sert des pages HTML - Des endpoints d'API qui renvoient des données JSON en temps réel - Des routes dynamiques qui répondent aux entrées utilisateur (query parameters) - Un projet correctement configuré avec contrôle de version - Du code sur GitHub que tout le monde peut voir

Ce n'est ni un jouet, ni une simulation. C'est un vrai logiciel, avec les mêmes outils et les mêmes schémas que les développeurs professionnels utilisent tous les jours.

L'insight clé du Level 7 : construire du logiciel, ce n'est pas mémoriser de la syntaxe. C'est comprendre chaque pièce — serveur, routes, réponses, formats de données — et les assembler. Tu comprends ces pièces maintenant.

Bientôt, Claude Code va t'aider à les assembler de plus en plus vite.

Points clés

Tu as construit un vrai serveur web fonctionnel depuis zéro
Tu as fait des pages HTML et des endpoints d'API JSON
Ton code est sur GitHub — un vrai projet pour ton portfolio
Prochaine étape : Claude Code va accélérer ta vitesse de dev de façon spectaculaire

06 · Quiz

Un nouveau dev rejoint ton projet. Il clone le repo depuis GitHub, lance npm install, mais le serveur ne démarre pas. Quel fichier a-t-il le plus probablement oublié de créer ?

.env, pour la configuration spécifique à l'environnement
node_modules/ — il faut le copier manuellement depuis le tien
.gitignore — le serveur ne tourne pas sans lui
app.js — le point d'entrée du serveur, qui devrait déjà être dans le repo

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.