Vibe codage

• Introduction
• Chapitre 1 Qu'est-ce que le Vibe Coding ?
• Chapitre 2 Configurer votre environnement de codage créatif
• Chapitre 3 L'art de parler à l'IA : une introduction au prompting
• Chapitre 4 Votre premier programme codé par Vibe
• Chapitre 5 Comprendre les variables et les types de données
• Chapitre 6 Prendre des décisions dans votre code avec les conditionnelles
• Chapitre 7 Répéter des actions avec les boucles
• Chapitre 8 Créer du code réutilisable avec les fonctions
• Chapitre 9 Travailler avec les listes et les dictionnaires
• Chapitre 10 Introduction à la programmation orientée objet
• Chapitre 11 Déboguer votre code avec l'aide de l'IA
• Chapitre 12 Créer votre première page web simple
• Chapitre 13 Styliser votre page web avec CSS
• Chapitre 14 Ajouter de l'interactivité avec JavaScript
• Chapitre 15 Introduction aux API et comment les utiliser
• Chapitre 16 Créer une application simple avec une API
• Chapitre 17 Contrôle de version avec Git et GitHub
• Chapitre 18 Collaborer avec d'autres sur des projets de codage
• Chapitre 19 De l'idée au prototype : un flux de travail Vibe Coding
• Chapitre 20 Affiner et améliorer le code généré par l'IA
• Chapitre 21 Créer un site web de portfolio personnel
• Chapitre 22 Créer un jeu simple
• Chapitre 23 Introduction aux données et aux bases de données
• Chapitre 24 L'avenir du Vibe Coding et de l'IA dans le développement
• Chapitre 25 Continuer votre parcours de codage

Avez-vous déjà eu une idée brillante pour une application, un site web ou un jeu, mais la perspective d'apprendre à coder vous a semblé aussi intimidante que de contempler une montagne infranchissable ? Les lignes interminables de texte cryptique, les messages d'erreur frustrants, le volume considérable de langages et de frameworks à maîtriser – tout cela peut paraître incroyablement décourageant. Pour beaucoup, la barrière à l'entrée dans le monde de la programmation est restée élevée, réservée à ceux qui possèdent un esprit particulièrement analytique et la volonté d'y consacrer d'innombrables heures à déchiffrer une syntaxe complexe. Et s'il existait une autre voie ? Une approche plus intuitive, plus créative, et osons le dire, plus amusante pour donner vie à vos idées numériques ? Bienvenue dans le monde du « vibe coding ».

Le terme « vibe coding » a été inventé pour la première fois par Andrej Karpathy dans un post sur X le 2 février 2025. Il y décrivait une nouvelle façon d'interagir avec les ordinateurs, où l'attention se déplace du métier minutieux d'écriture de code vers l'art d'exprimer une intention. Il a écrit : « Il existe un nouveau type de codage que j'appelle le "vibe coding", où l'on se laisse totalement porter par les vibes, on embrasse les exponentielles, et on oublie que le code existe même. C'est possible parce que les LLMs (par exemple Cursor Composer w Sonnet) deviennent trop bons. En plus, je parle simplement à Composer avec SuperWhisper, donc je touche à peine au clavier. Je demande les choses les plus bêtes comme "réduis le padding de la barre latérale de moitié" parce que j'ai la flemme de le trouver. Je fais "Accept All" tout le temps, je ne lis même plus les diffs. Quand j'ai des messages d'erreur, je les copie-colle simplement sans commentaire, et ça règle généralement le problème. Le code dépasse ma compréhension habituelle, il me faudrait vraiment le relire un moment. Parfois, les LLMs ne peuvent pas corriger un bug, donc je le contourne ou je demande des changements aléatoires jusqu'à ce qu'il disparaisse. Ce n'est pas trop mal pour des projets jetables du week-end, mais c'est encore assez amusant. Je construis un projet ou une webapp, mais ce n'est pas vraiment du codage – je vois des trucs, je dis des trucs, je lance des trucs, je copie-colle des trucs, et ça marche à peu près. »

Ce livre est votre introduction à ce monde. C'est un guide pour le débutant absolu, le créatif curieux, l'entrepreneur en herbe – toute personne qui a une idée et l'envie de construire, mais qui a été freinée par les complexités traditionnelles de la programmation. Nous adopterons la philosophie de Karpathy, nous laisserons porter par les vibes et nous exploiterons l'incroyable puissance de l'Intelligence Artificielle moderne pour faire le travail lourd. Vous apprendrez comment communiquer votre vision à une IA, comment la guider et comment travailler avec elle en tant que partenaire créatif pour construire de vrais logiciels fonctionnels. L'accent sera mis moins sur les règles rigides de la syntaxe et plus sur le processus fluide de la création.

Imaginez ceci : le codage traditionnel s'apparente au travail d'un maître artisan, sculptant méticuleusement une statue dans un bloc de bois, outil en main, chaque détail étant patiemment ciselé. Le vibe coding, en revanche, ressemble au rôle de réalisateur de film. Vous avez une vision, une histoire à raconter, et vous communiquez cette vision à votre distribution et à votre équipe technique – dans ce cas, un puissant Grand Modèle de Langage (LLM). Vous guidez la performance, vous prenez des décisions créatives, et vous façonnez le produit final, mais vous n'avez pas à manipuler personnellement la caméra, régler l'éclairage ou jouer chaque scène. Vous êtes le chef d'orchestre, et l'IA est votre orchestre.

Cela ne signifie pas que nous jetterons le règlement par la fenêtre. Si le « vibe » est central, comprendre les concepts fondamentaux de la programmation reste incroyablement précieux. C'est comme être un réalisateur de film qui comprend les bases de la cinématographie et du montage. Vous n'avez pas besoin d'être expert dans chaque détail technique, mais connaître le langage et les principes de base vous permet de communiquer plus efficacement et de faire de meilleurs choix créatifs. Tout au long de ce livre, nous aborderons les éléments constitutifs essentiels du code – comme les variables, les boucles et les fonctions – mais sous un nouvel angle. Nous apprendrons ce qu'ils sont et pourquoi ils sont importants, non pas en mémorisant leur syntaxe, mais en demandant à notre IA de les utiliser et en observant les résultats.

Notre parcours sera pratique. Nous ne nous enliserons pas dans de denses discussions théoriques. Au contraire, nous construirons des choses dès le début. Nous commencerons par configurer un environnement de créativité code qui met l'IA à portée de main. Ensuite, nous plongerons dans l'art du prompting – apprendre à parler à notre assistant IA de manière à obtenir les meilleurs résultats. Vous serez étonné de la rapidité avec laquelle vous pouvez passer d'une simple idée à un programme fonctionnel. Nous construirons des pages web, créerons des éléments interactifs, et nous essayerons même au développement de jeux. Chaque projet introduira de nouveaux concepts et techniques, mais toujours avec la même philosophie sous-jacente : voir des trucs, dire des trucs, lancer des trucs.

L'un des aspects les plus libérateurs du vibe coding, comme l'a souligné Karpathy, est la liberté d'expérimenter sans crainte. Quand vous ne passez pas des heures à écrire du code à la main, vous êtes plus enclin à tester cette idée folle, à prendre un risque créatif. Si cela ne marche pas, vous n'avez pas perdu des heures de travail minutieux. Vous pouvez simplement modifier votre prompt, essayer une approche différente, ou demander à l'IA de « juste faire en sorte que ça marche ». Ce processus itératif et conversationnel est au cœur du vibe coding. C'est un dialogue entre vous et votre IA, un aller-retour qui permet à votre projet d'évoluer organiquement.

Bien sûr, ce processus n'est pas toujours une ligne droite. Parfois, l'IA vous comprendra mal. Parfois, elle générera du code contenant des bugs. Et parfois, comme l'a humoristiquement souligné Karpathy, le code dépassera votre compréhension immédiate. Ce livre vous équipera pour gérer ces moments. Nous explorerons des stratégies de débogage avec l'assistance de l'IA, apprenant à décrire un problème de manière à aider l'IA à trouver une solution. Nous discuterons également de l'importance de raffiner et d'améliorer le code généré par l'IA, transformant un prototype rapide en une application plus aboutie et robuste.

Vous vous demandez peut-être si c'est du « vrai » codage. La réponse est à la fois oui et non. Ce n'est pas le codage traditionnel, ligne par ligne, qui est la norme depuis des décennies. Mais vous pratiquez toujours les activités fondamentales d'un développeur logiciel : vous résolvez des problèmes, vous concevez des systèmes, et vous créez des logiciels fonctionnels. Les outils ont changé, le processus est différent, mais l'acte fondamental de création demeure. La nature de nombreux métiers a été transformée par la technologie, et la programmation ne fait pas exception. Le vibe coding est à l'avant-garde de cette évolution.

Au fil des chapitres, vous constituerez un portfolio de projets qui mettront en valeur vos nouvelles compétences. Nous couvrirons tout, des bases du HTML et du CSS pour structurer et styliser des pages web, aux fondamentaux de JavaScript pour ajouter de l'interactivité. Nous tremperons même nos orteils dans le monde des API (Interfaces de Programmation d'Applications), qui permettent à vos créations de se connecter et d'utiliser des données d'autres services sur internet. Imaginez construire une application qui affiche la météo, ou un site web qui présente les dernières nouvelles de votre source préférée. Avec le vibe coding, ce genre de projets est largement à votre portée.

Nous aborderons également des pratiques importantes comme le contrôle de version avec Git et GitHub. Cela peut sembler intimidant, mais c'est essentiellement un moyen de sauvegarder votre travail à différentes étapes, comme créer des parties sauvegardées dans un jeu vidéo. Cela vous permet d'expérimenter librement, sachant que vous pouvez toujours revenir à une version précédente si quelque chose tourne mal. Et dans l'esprit du développement moderne, nous explorerons comment collaborer avec d'autres sur des projets de code, partager votre travail et construire des choses ensemble.

Ce livre est une rampe de lancement. Il est conçu pour vous faire passer de zéro à créateur, pour vous donner la confiance et les compétences nécessaires pour transformer vos idées en réalité. Le monde de la technologie change constamment, et l'essor de l'IA puissante est sans doute le plus grand changement que nous ayons vu en une génération. En apprenant le vibe coding, vous n'apprenez pas seulement une nouvelle compétence ; vous apprenez à collaborer avec le futur. Vous vous positionnez à la pointe d'un nouveau paradigme dans le développement logiciel.

Alors, préparez-vous à embrasser l'exponentiel l'exponentiel. Préparez-vous à vous laisser porter par les vibes. Oubliez tout ce que vous pensiez savoir sur le codage, et ouvrez votre esprit à une nouvelle façon de créer. Le voyage qui vous attend est passionnant, rempli d'expérimentation, de découverte, et de l'immense satisfaction de voir vos idées prendre vie sur l'écran. Il est temps d'arrêter de rêver à ce que vous pourriez construire et de commencer à le construire. Il est temps de commencer le vibe coding.

Alors, qu'est-ce exactement que ce « vibe coding » dont nous parlons ? Est-ce simplement une phrase accrocheuse pour une mode passagère, ou représente-t-il un changement fondamental dans notre façon de créer des logiciels ? Au cœur de tout cela, le vibe coding est une nouvelle philosophie du développement logiciel, qui donne la priorité à l'intention et à la conversation plutôt qu'à la syntaxe et à la mémorisation. C'est une méthodologie rendue possible par l'explosion récente des capacités de l'Intelligence Artificielle, plus précisément des Grands Modèles de Langage (LLM). Il s'agit de passer du statut d'auteur, qui écrit laborieusement chaque mot d'une histoire, à celui de réalisateur, guidant un acteur talentueux — l'IA — pour donner vie à votre vision.

L'essence du vibe coding réside dans l'acte délibéré de s'abstraire du code lui-même. Pendant des décennies, l'art de la programmation a été indissociable de la saisie de commandes précises dans un langage spécifique. Un point-virgule mal placé ou une parenthèse de fermeture oubliée pouvait arrêter net l'ensemble du processus. Le vibe coding propose une voie différente. Il vous encourage à « oublier que le code existe même », comme l'a formulé Andrej Karpathy. Cela ne signifie pas que le code disparaît ; il est toujours là, bourdonnant sous le capot. Cela signifie simplement que votre attention principale n'est plus portée sur le code, mais sur le résultat.

Décortiquons les principes clés de cette approche, en commençant par le plus évocateur : « se laisser pleinement porter par les vibes ». Cela peut sembler capricieux, mais cela a une signification très pratique. Cela signifie que vous partez du ressenti, de l'esthétique, de l'expérience utilisateur que vous souhaitez créer. Au lieu de penser : « Je dois écrire une règle CSS avec une propriété padding-left de 10 pixels », vous pensez : « La barre latérale semble un peu à l'étroit. Donnons-lui plus d'espace. » Vous traduisez alors ce « vibe » — le besoin de plus d'espace — en une instruction en langage naturel pour votre assistant IA.

Ce passage de la spécification technique à l'intention descriptive est la pierre angulaire de l'ensemble du processus. C'est une manière plus humaine de créer. Nous ne pensons pas habituellement en termes de codes de couleur hexadécimaux ou de valeurs de pixels précises ; nous pensons en termes de « nuance de bleu plus chaleureuse » ou de « rendre le logo un peu plus grand ». Le vibe coding vous permet de communiquer dans ces termes naturels et intuitifs. Vous êtes la source de la vision créative, du « vibe », et l'IA devient le traducteur technique infatigable qui transforme cette vision en code fonctionnel.

Le pilier suivant consiste à « embrasser l'exponentiel ». Cela fait référence à l'incroyable effet de levier et à la vitesse qu'apporte l'IA. Dans le codage traditionnel, la relation entre l'effort et le résultat est souvent linéaire. Écrire deux fois plus de code prend environ deux fois plus de temps. Avec le vibe coding, la relation est exponentielle. Une seule phrase bien formulée peut amener une IA à générer des centaines de lignes de code complexe en quelques secondes. Un petit changement dans votre description peut entraîner un changement massif dans l'application résultante.

Cette puissance exponentielle abaisse considérablement la barrière à l'expérimentation. Lorsqu'une nouvelle idée peut être prototypée en quelques minutes au lieu de plusieurs jours, vous êtes beaucoup plus enclin à explorer différentes voies créatives. Le coût de l'échec est réduit à presque zéro. Si la première tentative de l'IA ne correspond pas à votre vision, vous n'avez pas gaspillé des heures de travail manuel. Vous ajustez simplement votre prompt, clarifiez votre intention et demandez une nouvelle tentative. Cela crée une boucle itérative rapide de création et d'affinement qui était auparavant impossible.

Venons-en maintenant aux aspects plus provocants de la description de Karpathy, comme : « Je clique toujours sur "Accepter tout", je ne lis plus les diffs ». Cela représente l'extrême de la confiance en votre partenaire IA. Un « diff » (abrégé de difference, différence) est une vue qui montre exactement quelles lignes de code l'IA souhaite ajouter, supprimer ou modifier. Examiner attentivement les diffs est une bonne pratique établie de longue date dans le développement logiciel. Accepter aveuglément toutes les modifications est, selon les standards traditionnels, imprudent.

Cependant, dans le contexte de « projets jetables du week-end » ou de prototypage rapide, cette approche met en lumière un arbitrage clé : vitesse contre contrôle. En renonçant à un examen minutieux de chaque modification, vous pouvez maintenir une vélocité incroyable. Vous restez dans le flux créatif, concentré sur la vue d'ensemble plutôt que de vous enliser dans les détails. Pour un débutant, nous ne conseillerions pas de toujours cliquer sur « Accepter tout », mais comprendre la philosophie est crucial. Il s'agit d'apprendre à faire confiance à son outil et de savoir quand une implémentation « suffisante » vaut mieux qu'une « parfaite » qui prendrait dix fois plus de temps à produire.

Cela nous amène à une autre technique fondamentale : la gestion des erreurs. En programmation traditionnelle, rencontrer un message d'erreur est souvent un moment de frustration. Cela vous oblige à devenir détective, à remonter la source du problème à travers un code potentiellement inconnu. L'approche du vibe coding est différente. Lorsqu'une erreur survient, vous n'avez pas nécessairement besoin de la comprendre. Vous copiez simplement le message d'erreur dans son intégralité et le collez à nouveau dans la discussion avec votre assistant IA, parfois sans aucun commentaire supplémentaire.

Cela transforme l'IA, qui n'était qu'un simple générateur de code, en collaborateur actif et en débogueur. L'IA, ayant le contexte complet du code qu'elle vient d'écrire, peut souvent comprendre l'erreur et proposer une correction instantanément. Le flux de travail devient une conversation. Vous demandez une fonctionnalité, l'IA la fournit. La fonctionnalité contient un bug, vous montrez le bug à l'IA. L'IA s'excuse (ce qu'elles font souvent) et corrige son erreur. Cette boucle conversationnelle de prompt, génération et correction est fondamentale au processus.

Une conséquence significative, et peut-être déstabilisante, de ce flux de travail est que « le code dépasse ma compréhension habituelle ». Au fur et à mesure que vous et votre partenaire IA développez le projet, le volume et la complexité du code sous-jacent peuvent rapidement s'étendre au-delà de ce que vous pouvez garder en tête d'un seul coup. Vous pourriez regarder un fichier de plusieurs centaines de lignes de code et n'avoir qu'une idée générale de ce qu'il accomplit. C'est une rupture radicale avec l'idéal traditionnel du maître programmeur qui connaît chaque recoin de sa création.

C'est là que l'analogie du « réalisateur » prend tout son sens. Un réalisateur de film n'a pas besoin de savoir comment manipuler la caméra ou quelle fréquence spécifique le mixeur son utilise pour les dialogues. Il doit savoir que le cadrage est correct et que les dialogues sont clairs. De même, un vibe coder apprend à gérer la complexité à un niveau d'abstraction supérieur. Votre travail est de vous assurer que l'application fonctionne comme prévu, que l'expérience utilisateur est bonne et que la structure globale a du sens. Vous gérez le système, pas chaque ligne qui le compose.

Traçons donc une ligne plus nette entre le vibe coding et ce que nous pourrions appeler le codage traditionnel. Le codage traditionnel est ascendant (bottom-up). Vous apprenez les blocs de base — variables, boucles, fonctions — puis vous les assemblez en structures de plus en plus grandes jusqu'à obtenir une application complète. C'est un processus de construction minutieuse et méticuleuse, où vous êtes à la fois l'architecte et le maçon. Chaque pièce est posée à la main.

Le vibe coding est descendant (top-down). Vous partez de la vision complète — « Je veux un blog personnel au design minimaliste, en mode sombre, avec une section pour ma galerie photo » — et vous descendez en donnant des directives à votre IA. L'IA gère la « maçonnerie », assemblant les variables, les boucles et les fonctions pour vous. Votre rôle est celui de l'architecte, prenant des décisions de haut niveau et veillant à ce que la structure finale corresponde au plan dans votre esprit.

L'ensemble des compétences clés change également. Dans le codage traditionnel, la maîtrise de la syntaxe est primordiale. Vous devez connaître la grammaire précise du langage de programmation choisi. Dans le vibe coding, la compétence principale est la communication. Votre capacité à articuler clairement et efficacement votre vision à une IA devient le facteur le plus important de votre réussite. Il s'agit moins de savoir s'il faut utiliser une boucle for ou une boucle while que de savoir décrire ce que vous voulez obtenir en répétant une action.

Cela ne signifie pas que comprendre les concepts de programmation est inutile. Bien au contraire, cela rend votre communication avec l'IA beaucoup plus efficace. Si vous savez ce qu'est une variable, vous pouvez demander à l'IA de « créer une variable pour stocker le nom de l'utilisateur ». Si vous comprenez ce qu'est une API, vous pouvez demander à l'IA de « récupérer les données de l'API météo et afficher la température actuelle ». Vous n'avez pas besoin de savoir comment écrire le code pour ces choses, mais savoir quoi demander est un superpouvoir.

Soyons également clairs sur ce que le vibe coding n'est pas. Ce n'est pas une baguette magique capable de créer une application complexe et aboutie à partir d'une seule pensée vague. La qualité du résultat est directement proportionnelle à la qualité de votre entrée. L'IA est un outil puissant, mais ce n'est pas un lecteur de pensées. Elle nécessite des directives, des clarifications et une vision claire de votre part, l'utilisateur. Le « vibe » doit être traduit en instructions cohérentes.

De plus, ce n'est pas une excuse pour la paresse. Si la description de Karpathy mentionne avec humour être « trop paresseux pour trouver » un réglage, le processus lui-même est hautement engageant. Il déplace simplement l'effort de la frappe et de la vérification de syntaxe vers la direction créative et la résolution de problèmes. C'est la différence entre creuser un fossé avec une pelle et piloter une pelleteuse. Les deux demandent de l'habileté et de l'attention, mais l'une vous donne un pouvoir exponentiellement plus grand.

Le flux de travail principal, comme nous l'avons évoqué, peut se résumer en une boucle simple : voir, dire, lancer, recommencer. Vous voyez une opportunité pour une nouvelle fonctionnalité ou un changement que vous souhaitez apporter. Vous dites ce que vous voulez en langage naturel à votre outil IA. Vous lancez le code ou l'application pour voir le résultat du travail de l'IA. Puis vous recommencez le processus, affinant vos instructions en fonction du résultat jusqu'à ce qu'il corresponde à votre vision. C'est le rythme du vibe coding.

Tout ce processus repose sur un changement mental significatif. Il nécessite de lâcher prise sur le besoin de contrôle absolu. Vous devez vous sentir à l'aise avec le fait de ne pas comprendre chaque détail d'implémentation. Vous devez apprendre à faire confiance à votre nouveau collaborateur non-humain. Pour beaucoup qui ont essayé la programmation traditionnelle et ont rebondi, cela peut être incroyablement libérateur. La peur de « mal faire » disparaît en grande partie, remplacée par un sentiment d'expérimentation ludique.

L'attention se déplace de la correction vers la progression. Le nouveau code fait-il ce que je voulais ? Oui ? Super, passons à la suite. Non ? Dites à l'IA ce qui n'allait pas et demandez-lui de réessayer. Cette approche conversationnelle à faible enjeu fait que le processus de création ressemble moins à une discipline d'ingénierie rigide et plus à une session de jam créative. Vous improvisez avec l'IA, rebondissez sur les idées de l'autre, et voyez ce que vous pouvez créer ensemble.

En fin de compte, le vibe coding reflète une tendance plus large dans la technologie. Nous construisons constamment des outils plus puissants qui nous permettent d'opérer à des niveaux d'abstraction de plus en plus élevés. Nous n'avons plus besoin d'inverser des bits individuels pour programmer un ordinateur ; nous avons des langages de programmation. Nous n'avons plus besoin de gérer l'allocation mémoire manuellement ; nous avons des ramasse-miettes (garbage collectors). Le vibe coding est l'étape logique suivante de cette évolution, où nous abstraisons l'écriture même du code.

Il représente une démocratisation de la création logicielle. En supprimant la courbe d'apprentissage abrupte de la programmation traditionnelle, il ouvre la porte à une toute nouvelle classe de créateurs : artistes, designers, entrepreneurs, amateurs, et toute personne ayant une idée et la volonté de la poursuivre. C'est la reconnaissance que la capacité à créer dans le monde numérique ne devrait pas être limitée à ceux qui ont maîtrisé la syntaxe ésotérique des langages de programmation.

Le voyage que vous vous apprêtez à entreprendre avec ce livre est un voyage d'autonomisation (empowerment). Vous apprendrez à exploiter la puissance de l'IA en tant que partenaire créatif. Vous apprendrez les concepts fondamentaux qui sous-tendent tous les logiciels, non pas en mémorisant des règles, mais en les mettant en pratique dans des projets concrets et pratiques. Vous apprendrez à diriger, à guider et à façonner vos idées en applications tangibles et fonctionnelles. Vous êtes sur le point d'apprendre l'art et la science d'avoir une vision et de la faire exister par la parole.