Ce qu'est le code, et ce que fait un assistant de codage IA
Le code est une liste d'instructions qu'un ordinateur suit, comme une recette. Un assistant de codage IA est un aide qui peut écrire la recette, la cuisiner et la goûter, mais c'est vous qui décidez quel plat faire et s'il est bon.
- Le code est un ensemble d'instructions écrites pour un ordinateur. Un programme ou une application est du code qui s'exécute. Un bogue est une erreur dans le code qui fait que l'application fait la mauvaise chose.
- Une petite page Web utilise trois langages que tous les navigateurs comprennent :
| Language | Job | Kitchen comparison |
|---|---|---|
| HTML | Le contenu et la structure : titres, texte, boutons, boîtes | Les ingrédients sur la table |
| CSS | L'apparence : couleurs, espacement, polices | La façon de dresser l'assiette |
| JavaScript | Le comportement : ce qui se passe quand on clique | Les étapes de cuisson |
- Un fichier contient du code. Un dossier (aussi appelé répertoire) contient des fichiers. Vous avez appris les deux dans Command Line Basics.
- Anthropic décrit Claude Code comme un outil de codage agentique. Quand vous lui donnez une tâche, il travaille en trois phases qui se fondent l'une dans l'autre : il rassemble du contexte (lit vos fichiers), passe à l'action (modifie des fichiers, exécute des commandes) et vérifie les résultats (par exemple en lançant des tests). Vous pouvez l'interrompre à tout moment.
- Claude Code peut lire le dossier de votre projet, modifier des fichiers et exécuter des commandes dans votre terminal. Il peut se tromper, et c'est pourquoi vous restez dans la boucle : il propose, vous approuvez.
- Claude Code fonctionne dans le terminal, dans VS Code et JetBrains, dans une application de bureau et sur le Web à claude.ai/code. Le moteur derrière est le même.
- Un assistant IA n'élimine pas le besoin de comprendre le résultat. Il vous évite de taper. C'est encore vous qui décidez quoi construire et qui vérifiez que ça fonctionne.
- Ouvrez un cahier ou un fichier texte et écrivez trois titres : HTML, CSS, JavaScript.
- À côté de chaque titre, écrivez dans vos mots le rôle qu'il joue (structure, apparence, comportement).
- Ouvrez n'importe quelle page Web dans votre navigateur, faites un clic droit sur un bouton et choisissez Inspect (les noms peuvent varier selon le navigateur). Repérez les balises HTML.
- Notez une chose de cette page qui est du HTML (un titre), une qui est du CSS (une couleur) et une qui est du JavaScript (quelque chose qui change quand on clique).
- Lisez la page Overview de la documentation de Claude Code et trouvez la liste des endroits où l'on peut l'utiliser.
- Vérification : vous pouvez expliquer les trois langages avec la comparaison de la cuisine, et vous pouvez dire ce que signifie "rassembler du contexte, passer à l'action, vérifier".
Videos by other creators on YouTube, for reference. They are not made by or affiliated with The Future Market.
Read the video script
[Host] "Qu'est-ce que le code? C'est une liste d'instructions qu'un ordinateur suit, comme une recette."
[Text on screen: HTML = structure | CSS = apparence | JavaScript = comportement] "Une page Web utilise trois langages. HTML, c'est la structure, CSS, c'est l'apparence, JavaScript, c'est ce qui se passe quand on clique."
[Screen: Claude Code lit des fichiers dans un dossier de projet] "Un assistant de codage IA comme Claude Code peut lire vos fichiers, les modifier et exécuter des commandes."
[Text on screen: Rassembler du contexte, passer à l'action, vérifier] "Il travaille en boucle : il regarde autour de lui, fait un changement, vérifie le résultat."
[Host] "C'est toujours vous le patron. Vous décidez quoi construire et si ça fonctionne."
Choisissez une page Web que vous utilisez tous les jours. Notez trois éléments qui sont du HTML, deux qui sont du CSS et deux qui sont du JavaScript. Ensuite, écrivez une phrase : "Un assistant IA peut m'aider avec ___, mais je dois quand même vérifier ___."
ClaudeStuck? Copy a ready-made prompt for Claude
Copy this, open Claude, paste it, and Claude will walk you through the lesson step by step.
For a grown-up: Claude is for adults (18+). Copy this, paste it into Claude, and use the answer to explain the lesson to your child.
I'm learning "Coder avec l'IA : votre premier projet, de l'idée à l'application fonctionnelle" on The Future Market. Lesson 1: "Ce qu'est le code, et ce que fait un assistant de codage IA". What the lesson teaches: - Le code est un ensemble d'instructions écrites pour un ordinateur. Un programme ou une application est du code qui s'exécute. Un bogue est une erreur dans le code qui fait que l'application fait la mauvaise chose. - Une petite page Web utilise trois langages que tous les navigateurs comprennent : - Language - Job - Kitchen comparison - HTML - Le contenu et la structure : titres, texte, boutons, boîtes - Les ingrédients sur la table - CSS - L'apparence : couleurs, espacement, polices - La façon de dresser l'assiette - JavaScript - Le comportement : ce qui se passe quand on clique - Les étapes de cuisson - Un fichier contient du code. Un dossier (aussi appelé répertoire) contient des fichiers. Vous avez appris les deux dans Command Line Basics. The exercise I'm working on: Choisissez une page Web que vous utilisez tous les jours. Notez trois éléments qui sont du HTML, deux qui sont du CSS et deux qui sont du JavaScript. Ensuite, écrivez une phrase : "Un assistant IA peut m'aider avec ___, mais je dois quand même vérifier ___." I'm stuck. Please: 1. Explain the main idea in plain, simple words with one everyday example. 2. Walk me through the exercise one small step at a time. Ask me what I've done so far before giving the next step. 3. Don't just give me the final answer. Help me do it myself, and check my work when I share it.
I'm a parent helping my child (about 8 years old) with a lesson called "Ce qu'est le code, et ce que fait un assistant de codage IA" from the course "Coder avec l'IA : votre premier projet, de l'idée à l'application fonctionnelle". Here's what the lesson says: Le code est une liste d'instructions qu'un ordinateur suit, comme une recette. Un assistant de codage IA est un aide qui peut écrire la recette, la cuisiner et la goûter, mais c'est vous qui décidez quel plat faire et s'il est bon. The activity: Choisissez une page Web que vous utilisez tous les jours. Notez trois éléments qui sont du HTML, deux qui sont du CSS et deux qui sont du JavaScript. Ensuite, écrivez une phrase : "Un assistant IA peut m'aider avec ___, mais je dois quand même vérifier ___." Please explain this so an 8-year-old understands: short sentences, a fun everyday example, and no hard words. Then give me 3 simple questions I can ask my child to check they understood, and a way to do the activity together, one tiny step at a time.
Sources
- Claude Code docs, How Claude Code works (the agentic loop): code.claude.com/docs/en/how-claude-code-works
- Claude Code docs, Overview: code.claude.com/docs/en/overview
- MDN Web Docs, What is JavaScript?: developer.mozilla.org/en-US/docs/Learn_web_development/Core/Scripting/
Préparer votre espace de travail
This lesson is part of full access: every course and every level for one payment.
De l'idée à une demande claire
This lesson is part of full access: every course and every level for one payment.
Construire la première version et l'ouvrir
This lesson is part of full access: every course and every level for one payment.
Lire le code qu'il a écrit
This lesson is part of full access: every course and every level for one payment.
Tester, corriger et annuler en toute sécurité
This lesson is part of full access: every course and every level for one payment.
Rester en sécurité, sauvegarder votre travail et planifier le prochain projet
This lesson is part of full access: every course and every level for one payment.
Final project
This lesson is part of full access: every course and every level for one payment.
Quiz
Que font respectivement HTML, CSS et JavaScript?
HTML, c'est la structure, CSS, c'est l'apparence, JavaScript, c'est le comportement.
Par quelles trois phases Claude Code passe-t-il pour une tâche?
Rassembler du contexte, passer à l'action, vérifier les résultats.
Comment vérifier que Claude Code est installé?
Ouvrir un nouveau terminal et lancer claude --version.
D'où devez-vous copier les commandes d'installation?
Uniquement de la documentation officielle.
Nommez les quatre parties d'une bonne première demande.
Ce que c'est, ce que fait l'utilisateur, ce qu'elle affiche et les règles.
Que fait le mode Plan?
Claude fait ses recherches et rédige un plan; les modifications sont bloquées jusqu'à votre approbation.
Qu'est-ce qu'une variable?
Une boîte nommée qui contient une valeur.
Nommez deux cas de test en plus du cas normal.
Saisie vide, lettres au lieu de nombres, zéro, décimales bizarres.
Que doit contenir un rapport de bogue?
Ce que vous avez fait, ce que vous attendiez, ce qui s'est passé et tout message d'erreur.
Quelle commande ou quelle touche permet de revenir à un point antérieur?
/rewind (ou Esc deux fois quand la zone de saisie est vide).
Les points de contrôle remplacent-ils Git?
Non. Git est votre vrai historique.
Pourquoi les secrets comme les clés d'API ne doivent-ils jamais se retrouver dans votre code ou vos demandes?
Quiconque les voit peut en abuser; gardez-les dans l'environnement, pas dans des fichiers que vous partagez.
Final exam
This lesson is part of full access: every course and every level for one payment.
Certificate
This lesson is part of full access: every course and every level for one payment.