# Decouvre Claude Code : ton partenaire de codage IA

C'est la lecon ou les choses deviennent excitantes. Tu es sur le point de decouvrir l'outil qui rend le vibe coding possible — Claude Code.

## Qu'est-ce que Claude Code ?

Claude Code est l'assistant de codage IA d'Anthropic, natif du terminal. Contrairement au chat avec Claude dans une fenetre de navigateur, Claude Code s'execute **directement sur ton ordinateur**. Il peut lire les fichiers de ton projet, comprendre ton codebase, et ecrire du vrai code dans ton systeme de fichiers.

<div class="concept-box">
<h4>Concept</h4>
Pense a Claude Code comme un developpeur senior assis a cote de toi — un qui ne s'enerve jamais face aux questions basiques, qui travaille aussi vite que tu peux taper, et qui a lu la documentation de chaque framework populaire. Tu decris ce que tu veux ; il le construit.
</div>

La difference cle avec le chat IA dans le navigateur :
- Il **voit ton projet** — il sait quels fichiers tu as, quel code est ecrit, quels outils sont installes
- Il **ecrit de vrais fichiers** — pas du code dans une fenetre de chat que tu dois copier-coller, mais de vrais fichiers sur ton ordinateur
- Il **execute des commandes** — il peut installer des packages, demarrer des serveurs, lancer des tests
- Il **demande la permission** — tu revises et approuves toujours les modifications avant qu'elles soient effectuees

## Installer Claude Code

**Etape 1 : Installation via ton terminal**

Ouvre ton terminal et lance :

```
npm install -g @anthropic-ai/claude-code
```

Cela installe Claude Code globalement sur ta machine.

**Etape 2 : Authentification**

Navigue vers ton dossier de projet et lance :
```
cd waitlist-wizard
claude
```

La premiere fois que tu le lances, Claude Code ouvrira ton navigateur pour t'authentifier avec ton compte Claude Pro. Connecte-toi et autorise la connexion.

**Etape 3 : Verification**

Apres l'authentification, tu devrais voir le prompt Claude Code dans ton terminal. Tape un message pour tester :

```
What's in this folder?
```

Claude devrait repondre en listant les fichiers de ton repertoire `waitlist-wizard` (juste le README.md de la derniere lecon).

<div class="try-it">
<h4>Essaie</h4>
Lance <code>claude</code> dans ton terminal, puis tape : <strong>"Create a file called index.html with a simple hello world page"</strong>. Regarde Claude creer le fichier, puis ouvre-le dans VS Code — il est vraiment la !
</div>

## Comprendre le systeme de permissions

Claude Code fonctionne sur un workflow de **revision et approbation**. Quand il veut creer ou modifier un fichier, il va :

1. Te montrer exactement ce qu'il prevoit de faire
2. Attendre ton approbation avant de faire les modifications
3. Ne proceder que lorsque tu dis oui

Cela signifie que **tu gardes toujours le controle**. Claude ne modifiera pas tes fichiers sans ta permission explicite.

Pour les taches simples ou tu fais confiance a ce qui se passe, tu peux choisir le mode "Accept all" — mais en tant que debutant, c'est une bonne pratique de revoir chaque modification pour apprendre ce qui est construit.

## Le fichier CLAUDE.md

Chaque projet peut avoir un fichier `CLAUDE.md` — une sorte de "memoire de projet" qui indique a Claude tes preferences, ta stack technique, et comment tu veux qu'il travaille.

<div class="try-it">
<h4>Essaie</h4>
Dans ta session Claude Code, tape : <strong>/init</strong>
<br><br>
Cela cree un fichier CLAUDE.md. Ensuite, edite-le (dans VS Code ou via Claude) pour inclure :
<br><br>
<code>This is a beginner project. Explain changes simply. Use Next.js with TypeScript and Tailwind CSS.</code>
</div>

Claude lira ce fichier au debut de chaque conversation, pour qu'il connaisse toujours le contexte de ton projet.

## Plan Mode : reflechir avant de construire

L'une des fonctionnalites les plus puissantes de Claude Code est le **Plan Mode**. Au lieu de se lancer directement dans le code, le Plan Mode demande a Claude d'analyser le probleme et de definir les etapes d'abord.

Quand utiliser le Plan Mode :
- Les fonctionnalites complexes qui touchent plusieurs fichiers
- Tout ce dont tu n'es pas sur
- Quand tu veux comprendre l'approche avant de t'y engager

Quand le sauter :
- Les modifications simples sur un seul fichier
- Les corrections rapides et petits ajustements

Pour entrer en Plan Mode, tape `/plan` suivi de ta demande :

```
/plan Add an email signup form to the landing page that validates the email and shows a success message
```

Claude repondra avec un plan etape par etape. Tu peux discuter, modifier ou approuver le plan avant qu'aucun code ne soit ecrit.

## Aide-memoire des commandes essentielles

| Commande | Ce qu'elle fait |
|----------|----------------|
| `/help` | Voir toutes les commandes disponibles |
| `/clear` | Demarrer une conversation vierge |
| `/compact` | Resumer la conversation pour economiser le contexte |
| `/plan` | Entrer en mode plan — reflechir avant de construire |
| `/model` | Basculer entre Sonnet (rapide) et Opus (approfondi) |

<div class="pro-tip">
<h4>Astuce pro</h4>
Utilise <strong>Sonnet</strong> pour les taches rapides comme corriger une faute de frappe ou ajouter un element simple. Utilise <strong>Opus</strong> pour les fonctionnalites complexes, le debogage de problemes difficiles, ou quand le resultat de Sonnet n'est pas tout a fait correct. Sonnet est plus rapide et moins cher ; Opus est plus intelligent et plus approfondi.
</div>

## Ta premiere vraie interaction

Faisons quelque chose de concret. Dans ta session Claude Code, essaie ce prompt :

```
Delete the index.html file and replace it with a proper Next.js project. 
We'll set that up in the next lesson, so for now, just clean up.
```

Claude supprimera le fichier de test et laissera ton projet pret pour la prochaine etape.

<div class="honest-note">
<h4>Note honnete</h4>
Claude Code est ton copilote, pas ton pilote automatique. Mieux tu communiques ce que tu veux, meilleurs seront les resultats. Des prompts vagues donnent du code vague. Des prompts specifiques et descriptifs donnent exactement ce dont tu as besoin. Nous pratiquerons cette competence tout au long du cours.
</div>

## Point cle

Claude Code est installe, authentifie et pret a l'emploi. Tu as eu ta premiere conversation, cree ton premier fichier, et appris les commandes essentielles. A partir de maintenant, Claude est ton partenaire dans la construction de Waitlist Wizard.

<div class="checkpoint">
<h4>Checkpoint</h4>
Claude Code est installe et fonctionne. Tu as cree et supprime un fichier de test, configure CLAUDE.md, et appris les commandes essentielles. Prochaine etape : choisir la bonne stack technique pour ton projet.
</div>