THE FUTURE MARKETACADEMY
Your classroomRoom 01 · AI Lab
School of AI

Coder avec l'IA : votre premier projet, de l'idée à l'application fonctionnelle

Step 4 of 7 in AI Lab

Next in your path: 1.1.2 AI at Work: research, writing and analysis with AI

What you'll be able to do
  • Expliquer en mots simples ce qu'est le code, et ce que fait et ne fait pas un assistant de codage IA.
  • Décrire une petite idée d'application assez clairement pour qu'un assistant IA puisse la construire.
  • Utiliser Claude Code pour créer et ouvrir une minuscule application Web (une calculatrice de pourboire) sur votre propre ordinateur.
  • Lire, à un niveau de base, le code qu'il a écrit : fichiers, variables, fonctions et boutons.
  • Tester l'application, signaler un bogue de la bonne façon et annuler un changement qui ne vous plaît pas.
  • Savoir ce que vous devez toujours vérifier vous-même : les permissions, les secrets et si l'application fonctionne vraiment.

Avant ce cours : Command Line Basics (course 7.11). Vous devriez être capable d'ouvrir un terminal, d'utiliser pwd, cd et ls, et de savoir pourquoi vous ne collez jamais une commande que vous ne comprenez pas. Si le terminal est nouveau pour vous, suivez d'abord le cours 7.11. Ce cours est l'étape débutant qui précède Claude Code Basics (course 1.5).

Words in this course 42Open the Vocabulary Hall
01

Ce qu'est le code, et ce que fait un assistant de codage IA

In simple words

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.

Key facts
  • 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 :
LanguageJobKitchen comparison
HTMLLe contenu et la structure : titres, texte, boutons, boîtesLes ingrédients sur la table
CSSL'apparence : couleurs, espacement, policesLa façon de dresser l'assiette
JavaScriptLe comportement : ce qui se passe quand on cliqueLes é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.
Step by step
  1. Ouvrez un cahier ou un fichier texte et écrivez trois titres : HTML, CSS, JavaScript.
  2. À côté de chaque titre, écrivez dans vos mots le rôle qu'il joue (structure, apparence, comportement).
  3. 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.
  4. 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).
  5. Lisez la page Overview de la documentation de Claude Code et trouvez la liste des endroits où l'on peut l'utiliser.
  6. 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".
Watch on YouTube
What Claude Code is, in a beginner tutorialAyyazTech · YouTube · youtube.com

Videos by other creators on YouTube, for reference. They are not made by or affiliated with The Future Market.

LESSON 01Ce qu'est le code, et ce que fait un assistant de codage IA
LESSON 01 / ANIMATED LESSON / ENGLISH VOICE00:00 / 01:00
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."
Try it now

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.
Open Claude
Sources
My notes
02

Préparer votre espace de travail

This lesson is part of full access: every course and every level for one payment.

03

De l'idée à une demande claire

This lesson is part of full access: every course and every level for one payment.

04

Construire la première version et l'ouvrir

This lesson is part of full access: every course and every level for one payment.

05

Lire le code qu'il a écrit

This lesson is part of full access: every course and every level for one payment.

06

Tester, corriger et annuler en toute sécurité

This lesson is part of full access: every course and every level for one payment.

07

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

  1. Que font respectivement HTML, CSS et JavaScript?

  2. Par quelles trois phases Claude Code passe-t-il pour une tâche?

  3. Comment vérifier que Claude Code est installé?

  4. D'où devez-vous copier les commandes d'installation?

  5. Nommez les quatre parties d'une bonne première demande.

  6. Que fait le mode Plan?

  7. Qu'est-ce qu'une variable?

  8. Nommez deux cas de test en plus du cas normal.

  9. Que doit contenir un rapport de bogue?

  10. Quelle commande ou quelle touche permet de revenir à un point antérieur?

  11. Les points de contrôle remplacent-ils Git?

  12. Pourquoi les secrets comme les clés d'API ne doivent-ils jamais se retrouver dans votre code ou vos demandes?

EX

Final exam

This lesson is part of full access: every course and every level for one payment.

CE

Certificate

This lesson is part of full access: every course and every level for one payment.