Coder avec l'IA, pour les curieux · Premiers pas sans être informaticien · Leçon 1 sur 14
Ce qu'est un programme, et pourquoi l'IA peut l'écrire
À faire
Cette leçon n'est pas encore ouverte
Vous n'avez jamais écrit une ligne de code. Ce n'est plus un obstacle. Aujourd'hui, vous comprenez ce qu'est un programme, et vous voyez l'IA en écrire un devant vous. Cinq lignes, qui font une vraie chose. Vous restez la personne qui décide.
Objectif : À la fin, vous saurez expliquer en une phrase ce qu'est un programme, et dire ce que l'IA écrit à votre place.
La vidéo
Transcription (le texte de la vidéo)
Dans cette leçon, vous allez comprendre ce qu'est un programme. Et vous verrez l'IA en écrire un devant vous, en cinq lignes. À la fin, vous saurez l'expliquer en une phrase, et dire ce que l'IA écrit à votre place. Vous ne taperez aucune ligne de code, ici ni ailleurs dans cette voie. Vous dialoguez, elle écrit.
Un programme est une suite d'instructions. La machine les exécute dans l'ordre, sans réfléchir. Comme une recette de cuisine. Pesez la farine, cassez deux œufs, mélangez. Une différence compte. La machine ne devine rien. Si une étape manque, elle s'arrête. Ces instructions s'écrivent dans une langue précise, qu'on appelle un langage de programmation. Pour les pages web, trois noms reviennent. Le HTML décrit le contenu. Le CSS décrit l'apparence. Le JavaScript décrit ce qui bouge. Le mot code désigne ce texte d'instructions, rien de plus.
L'IA a lu énormément de programmes, publiés librement sur internet. On appelle cela du code open source. Du code que son auteur laisse lire et réutiliser. À force, elle en a appris la grammaire. Une calculatrice de partage, un convertisseur, un quiz : cela a été écrit des milliers de fois. Elle le refait sans effort. Mais elle a ses limites. Elle invente parfois une fonction qui n'existe pas. Elle produit parfois un programme juste sur vos exemples et faux sur un cas rare. D'où la règle de cette voie. L'IA écrit, vous décidez, et vous essayez le résultat.
Regardez l'écran. Nous demandons à ChatGPT le plus petit programme possible qui affiche une phrase dans une page web. Cinq lignes au plus, puis l'explication de chaque ligne en français. La réponse arrive. Cinq lignes, des mots anglais entre chevrons, et notre phrase en clair au milieu. L'IA explique. La première ligne annonce une page web. La deuxième ouvre la partie visible. La troisième affiche le grand titre. Les deux dernières referment ce qui a été ouvert. Nous demandons une autre phrase, elle la change. Nous enregistrons le texte dans un fichier, nous double-cliquons, la page s'ouvre. Trois minutes.
À vous maintenant. Ouvrez votre assistant. Demandez le plus petit programme qui affiche votre propre phrase dans une page web. Cinq lignes au plus. Demandez l'explication de chaque ligne, en français, sans mot technique. Puis demandez quelle ligne changer pour écrire autre chose. Enregistrez le texte, ouvrez-le d'un double-clic. Vous ne pouvez rien casser.
Retenez ceci. Un programme est une suite d'instructions, et le code est le texte de ces instructions. L'IA a appris à l'écrire en lisant des millions d'exemples. Elle écrit, vous décidez, et vous essayez toujours le résultat. Dans la prochaine leçon, nous demanderons un premier outil qui sert vraiment. Une calculatrice de partage pour un repas entre amis.
L'idée
Un programme est une suite d'instructions écrites pour la machine. L'IA en a lu des millions : elle sait les écrire. Moi, je décide et je vérifie.
La démonstration
Voici l'exemple, entièrement fait sous vos yeux, avant que vous ne le fassiez vous-même.
Nous ouvrons ChatGPT et nous tapons : « Je n'ai jamais programmé. Écrivez le plus petit programme possible qui affiche une phrase dans une page web. Cinq lignes au plus. Puis expliquez chaque ligne en français, en une phrase. »
Exemple de réponse : « Voici la page complète.
<html> <body> <h1>Bonjour Marie</h1> </body> </html>
Ligne 1 : html annonce le début d'une page web. Ligne 2 : body ouvre la partie visible. Ligne 3 : h1 affiche un grand titre, ici Bonjour Marie. Les deux dernières lignes referment ce qui a été ouvert. »
Nous regardons ce texte. Aucune formule mystérieuse : des mots anglais entre chevrons, qui ouvrent et referment des blocs. Le contenu, lui, est en clair au milieu.
Nous continuons : « Remplacez Bonjour Marie par Bonjour les rosiers, et ajoutez une deuxième ligne de texte dessous. » L'IA renvoie la page modifiée. Nous copions le tout dans un fichier, nous l'enregistrons sous le nom essai.html, et nous double-cliquons. La page s'ouvre dans le navigateur, avec notre phrase.
Voilà le cycle complet, en trois minutes. Demander. Lire l'explication. Modifier. C'est tout ce que nous ferons pendant quatorze leçons, avec des outils de plus en plus utiles.
L'exercice guidé
Vous ne pouvez rien casser.
Vous ne pouvez rien casser. 1. Ouvrez votre assistant habituel dans le navigateur : ChatGPT, Gemini ou Claude. 2. Collez la demande ci-dessus en remplaçant ce qui est entre crochets par votre phrase. 3. Lisez l'explication ligne par ligne, puis demandez quelle ligne changer pour écrire autre chose. 4. Enregistrez le texte proposé dans un fichier, puis ouvrez-le d'un double-clic. 5. Notez sur un papier votre réponse à la question : un programme, qu'est-ce que c'est ?
La consigne à copier :
Je n'ai jamais programmé. Écrivez le plus petit programme possible qui affiche [une phrase de votre choix : Bonjour les rosiers, Bienvenue chez Marie] dans une page web. Cinq lignes au plus, rien d'autre. Puis expliquez chaque ligne en français, en une phrase, sans mot technique. Enfin, dites-moi comment enregistrer ce texte sous le nom [essai.html] et comment l'ouvrir sur un [ordinateur Windows ou Mac].
Copié ! Collez-la dans votre assistant.Trois vérifications
Cochez chaque phrase quand elle est vraie pour vous :
Le quiz de la leçon
5 questions. La réponse est expliquée tout de suite. Vous pouvez réessayer autant de fois que vous voulez : aucune note n'est gardée.
1. Vous voulez une petite calculatrice pour partager l'addition d'un repas entre amis. Par où commencez-vous ?
Un outil de ce genre a été écrit des milliers de fois, et l'IA le refait en quelques secondes. Vous décrivez, elle écrit, vous essayez. Réflexe : je décris en français avant de chercher plus loin.
2. L'IA vous rend un programme de dix lignes que vous ne comprenez pas. Que faites-vous ?
L'explication ligne à ligne coûte une seule demande et vous rend maître de votre outil. Supprimer au hasard casse le programme sans rien vous apprendre. Réflexe : je me fais expliquer avant de garder.
3. Votre voisin vous demande pourquoi une IA sait écrire un programme. Que lui répondez-vous ?
Beaucoup de programmes sont publiés en open source, c'est-à-dire libres à lire et à réutiliser. L'IA s'en est nourrie pendant son apprentissage. Réflexe : elle imite ce qu'elle a lu, elle ne devine pas la machine.
4. L'IA vous rend un convertisseur. Il donne le bon résultat pour dix euros. Que faites-vous ensuite ?
Un programme peut marcher sur un exemple et se tromper sur un autre, surtout avec les virgules et les cases vides. Demander à l'IA de se relire ne remplace pas l'essai. Réflexe : j'essaie avec des valeurs dont je connais la réponse.
5. Vous ouvrez Claude et un message annonce que votre quota de messages du jour est atteint. Que faites-vous ?
Nos exercices sont écrits pour marcher avec les trois assistants en version gratuite. Un quota atteint chez l'un se contourne en changeant d'outil, ou en attendant le lendemain. Réflexe : je change d'assistant plutôt que de payer.
Garder votre place
Et maintenant
D'ici demain, ouvrez votre assistant et posez-lui une seule question : « expliquez-moi en trois phrases ce qu'est le HTML, comme à quelqu'un qui n'a jamais programmé ». Lisez la réponse à voix haute. Nous vous reposerons une question dans 3 jours.
Comment avez-vous trouvé cette leçon ?
Deux questions, dix secondes. Vos réponses servent à corriger les leçons suivantes : c'est notre seul moyen de savoir ce qui passe mal.
Les mots de cette leçon
- Programme
- Une suite d'instructions que la machine exécute dans l'ordre, sans rien deviner.
- Code
- Le texte de ces instructions, écrit dans un langage précis. Il se lit et se corrige.
- Langage de programmation
- La langue dans laquelle un programme s'écrit. HTML, CSS et JavaScript servent aux pages web.
- Open source
- Du code que son auteur publie librement, pour que d'autres le lisent et le réutilisent.
- Navigateur
- Le programme qui affiche les pages web : Chrome, Edge, Safari ou Firefox.