Les familles d'outils : en ligne, dans tes fichiers, en conversation

Claude Code, Cursor, Lovable, Bolt, ChatGPT : on les range souvent dans le même sac des « IA qui codent ». Pourtant, ils ne fonctionnent pas du tout de la même façon. Comprendre leur nature t'évite de choisir un outil qui ne correspond ni à ton projet ni à ton niveau.

Un mot d'abord : ces outils évoluent très vite. Ce qui suit décrit leur principe général. Pour les offres, les conditions d'utilisation et les fonctions exactes, consulte toujours leur site officiel au moment où tu t'inscris.

Famille 1 : les outils en ligne « décris ton site »

Exemples : Lovable, Bolt.

Tout se passe dans ton navigateur. Tu décris ton projet dans une conversation, l'outil construit le site ou l'application, et tu vois le résultat dans un aperçu à côté. Tu demandes des changements en français, il les applique. Ces outils proposent en général un moyen de publier le résultat en ligne.

Ce qui est agréable : rien à installer, un aperçu immédiat, une prise en main rapide.

Ce qu'il faut vérifier :

Où vit ton site et ce qui se passe si tu arrêtes d'utiliser l'outil.
Si tu peux récupérer ton code pour le déplacer ailleurs. Sinon, tu dépends de l'outil.
Ce que l'outil installe pour toi : base de données, comptes utilisateurs, services tiers. Plus il y a de pièces, plus il y a de choses à comprendre et à sécuriser.

Famille 2 : les assistants qui travaillent dans tes fichiers

Exemples : Claude Code, Cursor.

Ici, le site est un dossier sur ton ordinateur. L'assistant lit les fichiers de ce dossier, les crée, les modifie, et peut lancer des commandes, en te demandant ton accord selon les réglages. Claude Code, l'assistant de programmation d'Anthropic, s'utilise notamment dans un terminal (la fenêtre où l'on tape des commandes). Cursor est un éditeur de code, c'est-à-dire un logiciel pour ouvrir et modifier des fichiers de code, avec une IA intégrée.

Ce qui est puissant : tes fichiers t'appartiennent, tu peux les héberger où tu veux, les sauvegarder, les faire relire. L'assistant peut travailler sur un projet entier, pas seulement sur une page.

Ce qu'il faut accepter :

Une courbe d'apprentissage : dossiers, fichiers, parfois quelques commandes.
La mise en ligne reste à faire : l'assistant peut t'expliquer comment, mais c'est toi qui choisis l'hébergeur.
La vigilance sur ce que l'assistant modifie : relis les changements qu'il propose avant de les accepter, surtout au début.

Famille 3 : les assistants de conversation

Exemples : ChatGPT, Claude, Gemini, en mode conversation.

Tu demandes du code, l'assistant te le donne dans la conversation. Tu le copies dans un fichier sur ton ordinateur. Certains affichent un aperçu du résultat directement dans la conversation.

Ce qui est simple : tu utilises peut-être déjà l'outil. Parfait pour une page unique ou un petit outil.

Ce qui coince vite : dès que le projet a plusieurs fichiers, les copier-coller deviennent une source d'erreurs. Et l'assistant ne voit pas tes fichiers : il travaille sur ce que tu lui recolles.

Le comparatif

	Outils en ligne	Assistants dans tes fichiers	Assistants de conversation
Où est ton site	Chez l'outil, au moins au départ	Dans un dossier de ton ordinateur	Dans les fichiers où tu colles le code
Installation	Aucune	Un logiciel ou une commande à installer	Aucune
Prise en main	Rapide	Plus longue	Rapide
Aperçu	Intégré	Dans ton navigateur	Parfois intégré
Mise en ligne	Souvent proposée par l'outil	À organiser toi-même	À organiser toi-même
Projet idéal	Prototype, petite application	Site ou outil à faire durer	Une page, un petit outil
Contrôle sur le code	Variable selon l'outil	Total	Total, mais manuel

Comment choisir

Tu veux voir rapidement si ton idée tient debout : un outil en ligne.
Tu veux une seule page simple et tu n'installes rien : un assistant de conversation suffit. C'est le chemin suivi dans la leçon suivante.
Tu veux un projet qui dure, que tu peux déplacer et faire relire : un assistant qui travaille dans tes fichiers.

Mehdi, l'artisan peintre de la leçon précédente, choisit l'assistant de conversation pour son calculateur : une seule page, aucun compte, aucune donnée enregistrée. Lou, la photographe, part sur un assistant dans ses fichiers, parce qu'elle veut garder la main sur son portfolio pendant des années.

Le vocabulaire minimum

HTML : le langage qui décrit le contenu d'une page (titres, textes, images, boutons).
CSS : le langage qui décrit son apparence (couleurs, tailles, disposition).
JavaScript : le langage qui la rend interactive (un calcul, un menu qui s'ouvre).
Site statique : un site fait uniquement de fichiers qui s'affichent tels quels, sans base de données. C'est le plus simple à héberger et à sécuriser.

À toi de jouer

Reprends la phrase de ton projet écrite à la leçon précédente. Note la famille d'outils qui lui correspond le mieux, puis va lire, sur le site officiel de l'outil choisi, ses conditions d'utilisation et la page qui explique ce que tu peux faire de ton code. Note en une ligne si tu peux le récupérer.