Guide pratique · Gratuit

Configurer son IA pour apprendre à coder

Claude, ChatGPT, Copilot, Cursor : tout configurer en 10 minutes pour apprendre efficacement.

L'IA ne va pas apprendre à coder à votre place. Mais bien configurée, elle transforme l'apprentissage : elle explique, corrige, propose des exercices et répond à vos questions 24h/24. Voici comment configurer les 4 meilleurs outils pour débuter.

AI won't learn to code for you. But properly configured, it transforms the learning experience: it explains, corrects, suggests exercises and answers your questions 24/7. Here's how to set up the 4 best tools for beginners.

Claude par Anthropic

Claude est actuellement le modèle le plus performant pour apprendre à coder. Son contexte long (200K tokens) lui permet de garder en mémoire toute votre conversation, et son mode Artifacts crée du code exécutable directement dans l'interface.

Claude is currently the most capable model for learning to code. Its long context (200K tokens) lets it remember your entire conversation, and its Artifacts mode creates executable code directly in the interface.

claude.ai Claude Code (CLI)

Offres

Plans

Free — limité mais suffisant pour débuter
Pro $20/mois
Max $100–200/mois

Configuration recommandée

  • Activez le mode Artifacts pour voir le code s'exécuter en direct dans l'interface.
  • Créez un Projet dédié à votre apprentissage pour garder le contexte entre les sessions.
  • Dans les instructions du projet, ajoutez : « Tu es un tuteur patient. Explique chaque concept avant de donner du code. Pose-moi des questions pour vérifier que j'ai compris. »
  • Claude Code (terminal) est idéal si vous êtes à l'aise avec la ligne de commande.

Recommended setup

  • Enable Artifacts mode to see code run live in the interface.
  • Create a dedicated Project for your learning to keep context between sessions.
  • In the project instructions, add: "You are a patient tutor. Explain each concept before giving code. Ask me questions to check I understand."
  • Claude Code (terminal) is ideal if you're comfortable with the command line.

Le prompt idéal pour apprendre

The ideal learning prompt

Prompt à copierJe suis débutant en [HTML/CSS/JS]. Explique-moi [concept] étape par étape. Ne me donne pas la réponse directement, guide-moi avec des questions. Si je me trompe, explique pourquoi et donne-moi un indice.
Prompt to copyI'm a beginner in [HTML/CSS/JS]. Explain [concept] to me step by step. Don't give me the answer directly, guide me with questions. If I'm wrong, explain why and give me a hint.
ChatGPT par OpenAI

ChatGPT est l'outil IA le plus populaire. Les modèles GPT-4o et GPT-4.1 sont très compétents en code. Le mode Canvas permet d'éditer du code directement dans une fenêtre dédiée.

ChatGPT is the most popular AI tool. The GPT-4o and GPT-4.1 models are very capable at coding. Canvas mode lets you edit code directly in a dedicated window.

chat.openai.com Codex (agent)

Offres

Plans

Free — GPT-4o-mini, limité
Plus $20/mois
Pro $200/mois

Configuration recommandée

  • Allez dans Settings → Personalization → Custom Instructions et ajoutez : « Tu es un tuteur patient. Je suis débutant en programmation. Explique tout simplement, avec des analogies. Ne me donne pas la solution complète avant que j'aie essayé. »
  • Utilisez le mode Canvas pour l'édition de code en direct — cliquez sur l'icône code dans la barre de saisie.
  • Codex est un agent autonome qui peut créer des projets entiers — à réserver pour plus tard.

Recommended setup

  • Go to Settings → Personalization → Custom Instructions and add: "You are a patient tutor. I'm a beginner in programming. Explain everything simply, with analogies. Don't give me the complete solution before I've tried."
  • Use Canvas mode for live code editing — click the code icon in the input bar.
  • Codex is an autonomous agent that can build entire projects — save it for later.

Le prompt idéal pour apprendre

The ideal learning prompt

Prompt à copierJe suis débutant en [HTML/CSS/JS]. Explique-moi [concept] comme si j'avais 12 ans. Donne-moi un exemple simple, puis un exercice à faire moi-même. Vérifie ma réponse quand je la donne.
Prompt to copyI'm a beginner in [HTML/CSS/JS]. Explain [concept] to me as if I were 12. Give me a simple example, then an exercise to do myself. Check my answer when I give it.
GitHub Copilot par GitHub / Microsoft

GitHub Copilot est une IA intégrée directement dans votre éditeur de code (VS Code). Il complète automatiquement votre code et propose un chat pour poser des questions. Idéal quand vous êtes déjà dans l'éditeur en train de coder.

GitHub Copilot is an AI integrated directly into your code editor (VS Code). It auto-completes your code and offers a chat to ask questions. Ideal when you're already in the editor coding.

github.com/features/copilot

Offres

Plans

Free — limité, complétions basiques
Individual $10/mois
Business $19/mois

Configuration recommandée

  • Installez VS Code si ce n'est pas déjà fait (code.visualstudio.com).
  • Installez l'extension GitHub Copilot depuis le marketplace VS Code.
  • Activez les suggestions inline (paramètre par défaut) pour voir le code suggéré en gris.
  • Ouvrez le Copilot Chat (Ctrl+Shift+I) pour poser des questions sur votre code.

Recommended setup

  • Install VS Code if you haven't already (code.visualstudio.com).
  • Install the GitHub Copilot extension from the VS Code marketplace.
  • Enable inline suggestions (default setting) to see suggested code in gray.
  • Open Copilot Chat (Ctrl+Shift+I) to ask questions about your code.

Règle pour les débutants : lisez CHAQUE suggestion avant de l'accepter avec Tab. Demandez-vous « est-ce que je comprends ce que fait ce code ? ». Si non, ouvrez le chat Copilot et demandez une explication. Accepter du code sans comprendre, c'est de la dette technique dès le jour 1.

Rule for beginners: read EVERY suggestion before accepting it with Tab. Ask yourself "do I understand what this code does?". If not, open Copilot Chat and ask for an explanation. Accepting code without understanding it is tech debt from day 1.

Cursor IDE IA tout-en-un

Cursor est un fork de VS Code avec l'IA intégrée nativement. Chat, auto-complétion, refactoring, tout est dans un seul outil. C'est l'option « tout-en-un » pour ceux qui veulent un seul éditeur qui fait tout.

Cursor is a VS Code fork with AI built in natively. Chat, auto-completion, refactoring, everything in one tool. It's the all-in-one option for those who want a single editor that does it all.

cursor.com

Offres

Plans

Hobby — gratuit, limité
Pro $20/mois

Configuration recommandée

  • Téléchargez Cursor depuis cursor.com. Il importe automatiquement vos extensions VS Code.
  • Connectez votre clé API Anthropic (Claude) ou OpenAI dans Settings → Models pour choisir votre modèle.
  • Utilisez Cmd+K (Mac) ou Ctrl+K (Windows) pour modifier du code avec l'IA en sélectionnant un bloc.
  • Le Composer (Cmd+Shift+I) permet de discuter avec l'IA en contexte de votre projet entier.

Recommended setup

  • Download Cursor from cursor.com. It automatically imports your VS Code extensions.
  • Connect your Anthropic (Claude) or OpenAI API key in Settings → Models to choose your model.
  • Use Cmd+K (Mac) or Ctrl+K (Windows) to edit code with AI by selecting a block.
  • The Composer (Cmd+Shift+I) lets you chat with the AI in the context of your entire project.

Comparatif rapide

Quel outil choisir selon votre situation ?

Quick comparison

Which tool to choose based on your situation?

Outil Prix min Meilleur pour Interface
Claude Gratuit Comprendre et apprendre Web + CLI
ChatGPT Gratuit Questions rapides Web
Copilot Gratuit Coder dans l'éditeur VS Code
Cursor Gratuit Tout-en-un IDE + IA App desktop
Tool Min price Best for Interface
Claude Free Understanding and learning Web + CLI
ChatGPT Free Quick questions Web
Copilot Free Coding in the editor VS Code
Cursor Free All-in-one IDE + AI Desktop app

Notre conseil pour débuter : commencez avec Claude (gratuit) pour comprendre les concepts, puis installez VS Code + Copilot quand vous êtes prêt à coder dans un éditeur. Vous n'avez pas besoin de tout avoir dès le départ.

Our advice for beginners: start with Claude (free) to understand concepts, then install VS Code + Copilot when you're ready to code in an editor. You don't need everything from the start.

La règle d'or

L'IA ne remplace pas l'apprentissage. Elle l'accélère.

Avant de copier-coller du code généré par l'IA, posez-vous une seule question : est-ce que je comprends chaque ligne ?

Si la réponse est non, demandez à l'IA d'expliquer. C'est comme ça qu'on devient développeur — pas vibe codeur.

The golden rule

AI doesn't replace learning. It accelerates it.

Before copy-pasting AI-generated code, ask yourself one question: do I understand every line?

If the answer is no, ask the AI to explain. That's how you become a developer — not a vibe coder.

Prêt à commencer ? Le cours HTML est disponible gratuitement.

Ready to start? The HTML course is available for free.

Commencer le cours HTML

5 leçons · 100% gratuit · Aucune inscription