Le décodeur : comprendre les mots du code sans coder

La métaphore de la maison : Le gros œuvre (les murs et la structure)

Le HTML (HyperText Markup Language) est le squelette de n'importe quelle page web. Sans lui, rien n'existe. Il définit où se trouvent les titres, les paragraphes, les images et les boutons.

💡 Ce que ça signifie pour vous : Quand v0 ou Bolt génèrent du HTML, ils construisent simplement la structure brute de votre page.

La métaphore de la maison : La peinture et la décoration

Le CSS (Cascading Style Sheets) gère toute l'apparence visuelle. C'est lui qui définit les couleurs, la taille des textes, l'espacement entre les éléments, les polices de caractères et la disposition responsive (l'adaptation aux écrans de smartphones).

💡 Ce que ça signifie pour vous : Si vous demandez à l'IA de 'mettre le bouton en bleu avec des coins arrondis', elle va modifier le code CSS.

La métaphore de la maison : L'électricité et la plomberie

Le JavaScript est le langage qui apporte de la vie et de l'interactivité. C'est lui qui fait qu'un bouton déclenche une action, qu'un menu s'ouvre au clic, ou qu'un calcul se fasse en temps réel sur la page sans avoir à la recharger.

💡 Ce que ça signifie pour vous : Dès que votre application doit 'réagir' à une action de l'utilisateur, l'IA écrit du JavaScript.

La métaphore du meuble en kit pré-assemblé

React est une bibliothèque JavaScript créée par Facebook, devenue le standard mondial pour concevoir des interfaces web.

Au lieu de fabriquer chaque planche et chaque vis à la main (en HTML/JS brut), React permet à l'IA d'assembler des composants pré-fabriqués (un bouton de recherche, une carte de produit, un menu de navigation) pour construire votre application dix fois plus vite.

💡 Ce que ça signifie pour vous : Des outils comme v0 ou Lovable génèrent du code React. C'est ce code moderne et modulaire qui sera ensuite exécuté dans votre navigateur.

La métaphore de la commande au restaurant

Le Prompt est l'instruction en langage naturel que vous donnez à l'IA. C'est votre cahier des charges. Un bon prompt est précis, donne du contexte et décrit le résultat attendu, tout comme vous décririez précisément la cuisson de votre viande au serveur.

La métaphore du coffre-fort intelligent

Supabase est un service qui gère la base de données et l'authentification (connexion des utilisateurs). C'est l'arrière-boutique sécurisée où sont stockées les informations de votre application. Il est très souvent utilisé en duo avec Lovable.

La métaphore de la machine à remonter le temps

GitHub est la plateforme où les développeurs stockent leur code. C'est un historique complet qui sauvegarde chaque modification. Si l'IA casse votre application, GitHub vous permet de revenir à la version précédente en un clic.

La métaphore de l'ouverture du magasin au public

Le Déploiement (ou Hébergement) est l'action de mettre votre application sur un serveur connecté à Internet pour que tout le monde puisse y accéder via une adresse web (URL). Tant que l'application n'est pas déployée, elle n'existe que sur votre ordinateur.

La métaphore du vêtement sur-mesure

Le design Responsive signifie que votre application s'adapte automatiquement à la taille de l'écran (ordinateur, tablette, smartphone). Les éléments se réorganisent pour rester lisibles et utilisables partout.