Codage Vibe avec Windsurf : conception Web sans code pour les débutants | Coder avec l'IA

1. Introduction: Bienvenue dans le futur. C'est votre chance de passer au niveau supérieur pour apprendre quelque chose qui améliorera considérablement votre vie. Et c'est le Vibe Coding. Et c'est parce que vous n'avez plus besoin d'être un développeur avec des tonnes d'années d' expérience pour créer un site Web, une application, une entreprise. Nous utiliserons une plateforme appelée windsurf AI et la puissance de l' intelligence artificielle pour nous aider à créer des sites Web Vous l'imaginez, vous le décrivez, vous comprenez. Vous le peaufinez, vous le lancez, vous apprenez, et enfin, vous gagnez. Cela peut vous prendre quelques essais et peut-être quelques mois, mais le Vibe coding vous donne une chance incroyable de créer vous-même une entreprise fantastique Je pense que c'est le meilleur moyen pour la plupart des gens de créer un revenu solide et fiable. Et je le répète, sans être technique, sans savoir coder, c'est le futur. Dans ce cours, nous allons créer un site Web à partir de zéro. Nous allons le lancer sur notre propre domaine étape par étape à l'aide de l'IA. Ça ne va pas être super facile. Ça va parfois être frustrant, et c'est parce que nous sommes en avance. Mais notre principal avantage est d'arriver tôt. Imaginez avoir investi dans Apple 20 ans ou acheté a 20 ans ou acheté du Bitcoin lors de son lancement. Bien sûr, il va y avoir l'incertitude au début, non ? problèmes, toutes sortes de problèmes, mais n'attendez pas que cela se généralise. C'est votre boutique. Dans ce cours, je vais vous expliquer tout ce que vous devez savoir. Vous venez de démarrer et de lancer le premier site Web en un rien de temps. Je vais vous apprendre en anglais simple ce que signifient l'IA, LLM, les MCP et tout cela Je suis designer, et si vous avez déjà suivi mes cours de design, vous savez que je me concentre sur l'obtention résultats rapides, sans théorie ennuyeuse. Je ne vais pas vous remplir la tête de termes et de concepts compliqués. Non, encore une fois, je ne suis pas développeur, et c'est un énorme avantage. Je me concentre plutôt sur des exemples et des exercices amusants. Investissez dans votre avenir. C'est l'une des meilleures choses que vous puissiez apprendre en ce moment. Pour garantir votre avenir et avoir un revenu fantastique. Commencez dès aujourd'hui. N'attendez pas C'est ta chance. 2. Qu'est-ce que le windsurf et le codage vibrant avec Skill: Bon retour. Dans cette citation, nous allons utiliser le windsurf to vibe code, mais qu'est-ce que le windsurf et le vibe coding, n' est-ce Tout d'abord, la planche à voile est une plateforme qui vous aide à créer des logiciels grâce à la puissance de l'IA, et ce, sans savoir comment coder Il vient d'être acheté par Open AI, l'origine de Chat GPT, pour 3 milliards de dollars Oui, c'est un milliard de dollars. C'est 15 dollars par mois, et ce que vous recevez en retour change complètement la donne. Avec Winserf, vous travaillez côte à côte avec l' intelligence artificielle Cela comprend votre projet, suit vos instructions et crée votre application pour vous, presque comme par magie. Tu écris ce que tu veux. C'est ce qu'on appelle le prompt. Peut-être que vous décrivez les applications que vous utilisez. Ensuite, l'IA prend relais et fait le gros du travail. Bref, que peut réellement construire Windserf ? Eh bien, nous pouvons créer des applications mobiles, à la fois pour IOS et Android, tout comme les applications que vous pouvez obtenir dans l'App Store ou sur Google Play. Vous pouvez créer n'importe quoi, qu'il s' agisse d'un tracker d'activité , d'une application de chat ou même d'un outil financier professionnel. Quoi que tu puisses penser , tu peux le construire. Bien entendu, vous pouvez créer des sites Web comme nous allons le faire dans ce cours, tels que des sites Web de présentation, des portfolios , des blogs personnels, etc. Il peut gérer les pages de destination pour les produits, pour les startups, pour les événements, etc. Tout est rapide, réactif, propre. Il n'y a aucun inconvénient. Bien entendu, vous pouvez créer des produits SAS. Cela signifie le logiciel en tant que service. Et la planche à voile peut vous aider à y parvenir. Cela peut vous aider avec le front-end, le back-end, la base de données, etc. Vous n'avez donc pas besoin de savoir tout cela. Dites-lui simplement ce qu'il doit faire, et il résoudra les choses compliquées. Et une dernière chose. Vous pouvez créer des plugins et divers outils. Vous pouvez créer des extensions Chrome. Vous pouvez créer des robots Discord. Vous pouvez créer des outils internes pour votre équipe ou votre entreprise. Bon sang, vous pouvez même créer des plugins de presse Web. S'il se trouve dans un navigateur ou s'il s'exécute sur un ordinateur, il y a de fortes chances que Winserf puisse le créer Maintenant, voici la grande idée. Winserf se connecte directement à certains des modèles d'IA les plus intelligents au monde Cela signifie donc qu'il sait comment écrire Python, Javascript, React, next JS, node, peu importe. C'est comme avoir une équipe senior de développeurs 24 heures sur 24, 7 jours sur 7, avec une patience infinie, prête à coder ce que vous voulez sur place. Vous lui dites ce que vous voulez, puis il commence à coder. Vous passez en revue les résultats, vous donnez votre avis et les choses s'améliorent instantanément. Encore une fois, c'est sans que vous sachiez comment coder sans toutes ces choses que j'ai mentionnées précédemment. C'est donc l'essentiel. Alors imaginez ça. Vous avez une idée pour le produit, n'est-ce pas, pour le plug-in, une application, un outil qui résout un problème que vous rencontrez peut-être depuis des années. Normalement, vous aurez besoin de plusieurs mois de développement. Vous auriez besoin d'une équipe, c'est vrai, d'un budget, de réunions interminables. Et le fait est que ce n'est plus nécessaire à Windsor. Vous décrivez simplement l'idée, et en quelques minutes, vous avez quelque chose de réel, quelque chose de fonctionnel, quelque chose que vous pouvez tester, améliorer, puis peut-être enfin lancer après quelques travaux. C'est donc du Vibe Coding. Donc, le Vibe Coding consiste à dire au programme ce que vous voulez faire dans un anglais simple et simple, puis la plateforme l' exécute C'est ce qui rend la planche à voile si puissante. Cela ne vous aide pas à écrire du code. Non, cela vous aide à créer des produits. Il résout les problèmes et vous aide à passer de l'idée à l'exécution plus rapidement que jamais. Téléchargez la pièce jointe et inscrivez-vous à la planche à voile Alors allez-y, inscrivez-vous, et lors de la prochaine conférence, nous allons installer la planche à voile ensemble. Allons-y. 3. Vous installez Windsurf et définissez vos attentes: Bon retour. L'installation d'une planche à voile est assez simple car il s'agit d'un simple programme Il ne se passe rien de spécial, mais pendant que je m'en occupe en arrière-plan, laissez-moi définir vos attentes, n'est-ce pas ? Nous sommes en avance. Les choses évoluent rapidement. Chaque semaine environ, peut-être toutes les deux semaines, il y a de grandes nouvelles, des améliorations. Et c'est un peu inconfortable, non ? De nouvelles fonctionnalités sont en train de sortir, et je suis sûr que ce cours sera dépassé, même si je vais faire de mon mieux pour le maintenir à jour. Maintenant, mon objectif est de vous apprendre à apprendre et à utiliser ces outils. Je vais vous enseigner des principes qui ne seront pas dépassés, et c'est là la véritable valeur de ce cours. Revenons à ce changement constant d'améliorations, n'est-ce pas ? Maintenant, c'est le prix à payer pour être en avance. Il faut beaucoup de patience. Vous devez laisser votre frustration vous envahir. Et c'est parce que je te promets que tu vas rester coincé. Je te le promets. Et il ne s'agit pas de ce cours, mon style d'enseignement ou de mes connaissances. Non, j'ai eu d'innombrables cas où le guide officiel disait cliquer sur le bouton bleu. Mais il n'y en avait que des rouges. Ou le guide disait de cliquer sur le bouton Enregistrer, mais il n'y en avait pas. C'est tellement embêtant quand ça arrive. J'ai eu des problèmes où je ne pouvais plus travailler à cause de problèmes avec mon VPN. Mais je n'utilise pas vraiment de VPN. Il disait que je n'avais pas Internet, mais tout fonctionnait bien. J'ai suivi chaque étape de chaque guide officiel et je me suis retrouvée confrontée à un problème obscur. J'utilise trois ordinateurs différents et j'ai trois problèmes différents. Maintenant, je pourrais continuer pendant des lustres. Cela va forcément se produire. Et mon conseil, utilisez le guide en pièce jointe pour obtenir de l'aide. Maintenant, la plupart du temps, vous devrez faire beaucoup de recherches et de réparations vous-même. Je suis là pour t'aider. Tu peux compter sur moi. Mais certains problèmes seront très spécifiques à votre ordinateur. Et il faut avoir de la patience pour les résoudre. C'est donc l'inconvénient, n'est-ce pas, d'être si tôt dans le jeu Maintenant, quel est l'avantage d'être si tôt ? Eh bien, tu as une longueur d' avance dans la course. Que ce soit pour le travail, indépendant ou la création d'une entreprise, c'est énorme Tu apprends de tes erreurs. Vous voyez des problèmes courants et vous prenez de l'avance. Vous devancez tous ceux qui ne veulent pas subir toute cette douleur d'être en avance, de voir les choses ne pas fonctionner. Tu les devances. Comme je l'ai dit, c'est comme investir dans Apple il y a 20 ans. Personne ne savait que ce serait une si grande entreprise, n'est-ce pas, un tel succès. Mais ici, je te le promets, il n'y a rien de plus grand. Et tout est entre tes mains. C'est le truc. Tu peux créer des choses incroyables. Ou tu pourrais simplement le reporter. Vous pouvez attendre que les choses soient très claires et faciles pour tout le monde. Plus de bugs, plus de problèmes. Et puis quoi ? Eh bien, vous allez avoir 100 fois plus de concurrents, non ? C'est aussi simple que cela. Si vous investissez maintenant dans Apple ou Bitcoin ou autre, sûr, vous pourriez bien vous en sortir. Mais si vous aviez été là au début, les récompenses auraient été infiniment plus élevées Alors, s'il te plaît, comprends pourquoi tu vas souffrir. Vous aurez des maux de tête et beaucoup de frustration. Mais c'est pour ton futur. Et si vous pouvez y faire face, si vous pouvez continuer à persévérer, si vous pouvez continuer à persévérer, la récompense sera énorme. C'est pourquoi j'aime tant le vibe coding. C'est exactement le bon niveau de difficulté, non ? Si c'était trop difficile, ce ne serait que du codage classique. La façon classique d'étudier pendant quatre, peut-être six ans, étudier, de travailler constamment, d'être junior, monter de niveau lentement mais sûrement Donc quatre à six ans. Ce serait donc la solution la plus difficile. Mais si c'était trop facile, tout le monde serait là. Tout le monde le ferait. La récompense serait donc quasiment nulle. Ce niveau de difficulté est fantastique. C'est exactement le bon niveau de difficulté. Alors revenons-y. Tu ne vas pas vraiment coder, n'est-ce pas ? Vous n'avez pas besoin de connaître un quelconque langage de programmation. Vous devrez être patient et être capable d' expliquer clairement l'idée de votre esprit à l'ordinateur. Et c'est une compétence que vous allez développer tout au long de ce cours et grâce à la pratique. Mais encore une fois, vous ne coderez pas et vous ne lirez pas le code. Vous n'êtes pas censé comprendre tout ce qui se passe pendant que vous faites de la planche à voile en arrière-plan sur votre projet Non, l'un des principes clés que je veux vous enseigner est que vous pouvez passer toute la journée à créer des mèmes à partager avec vos amis et à rire ou, inversement, vous pouvez créer une plateforme de planche à voile qui permet aux utilisateurs de créer des mèmes, et ensuite vous pouvez en tirer une source de revenus C'est donc l'un des points les plus importants du cours. Tout dépend de ce sur quoi vous vous concentrez et de la manière dont vous pouvez trouver des idées et les mettre en œuvre. Je vais faire une conférence à ce sujet, alors restez connectés. Mais maintenant, vous devez installer une planche à voile. J'ai configuré notre interface sur le schéma de couleur foncée et nous sommes sur le point de créer notre premier projet. Oui, nous allons bientôt en créer un. Maintenant, une dernière remarque. Je vais simplifier beaucoup de choses, afin que ce soit facile à comprendre pour tout le monde, non ? Mais si vous êtes un codeur possédant de vastes connaissances, sachez que lorsque vous dites que planche à voile est un fork du code VS, cela ne dit pas grand-chose à la plupart des gens Ou lorsque vous dites quelque chose comme ouvrir votre terminal et exécuter ce script Python rapide. Encore une fois, c'est un peu accablant pour la plupart des gens. Je ne vais pas faire ça. Je vais peut-être trop simplifier les choses, mais il s'agit d'un cours pour débutants qui ne sont pas techniques Nous allons donc y aller doucement et étape par étape OK, sur ce, je vais te voir dans une seconde. 4. Notre premier site web en matière de surf à vent: Bon retour. Créons notre premier site Web dans Windserf Maintenant, avant de commencer, regardez cette conférence deux fois. La première fois, il suffit regarder et de voir ce qui se passe. Puis revenez en arrière depuis le début et faites une pause pour continuer. Vous allez devoir appuyer sur pause assez souvent. N'essayez pas de vous embrouiller lors de votre première visite. Tu ne pourras pas suivre le rythme. Encore une fois, regardez deux fois, et la deuxième fois, faites une pause aussi souvent que nécessaire. Bon, maintenant, tous nos projets doivent être organisés dans des dossiers. Ouvrons donc notre ordinateur et créons un nouveau dossier. Si vous utilisez Windows, essayez d' éviter la partition principale sur laquelle Windows est installé , car cela peut parfois créer des problèmes pour certaines personnes . OK, appelle-le comme tu veux. Je vais utiliser Wind One, mais le nom n'a pas vraiment d'importance. Ensuite, lançons la planche à voile et nous allons ouvrir ce dossier Rien de spécial pour l'instant, non ? Attendez une seconde jusqu'à ce que l'interface soit chargée. Mais oui, c'est ça. Nous avons maintenant notre premier projet. Joint au cours, vous allez avoir ce fichier texte avec une tâche. C'est quelque chose de super simple, d'assez basique. C'est ce que nous collons ici sur le côté droit en cascade. C'est une cascade sur le côté droit. Maintenant, nous sommes en mode écriture, et à partir de cette liste déroulante, je vais utiliser ce modèle. Veuillez utiliser le même, ou s'il n'est pas disponible, vous pouvez utiliser n'importe lequel de ces outils à l'écran. D'accord, je vais tout expliquer en détail plus tard. Alors, s'il te plaît, continuons. Maintenant, le message, la tâche sont les suivants. Créez une page d' accueil de portfolio moderne pour moi, Chris Barron 36 ans de Bucarest en Roumanie J'ai 14 ans d'expérience dans le design. Je vais devenir professeur certifié Dobe et je me spécialise dans la conception de sites Web et d'applications Je préfère un schéma de couleurs rouge et noir, belles animations et une section portfolio composée de cinq catégories. Utilisez des images de remplacement pour le moment. Il s'agira d'une page unique avec un menu principal en haut qui vous mènera à cette section particulière. L'adresse de mon bureau est celle-ci, et veuillez ajouter des commentaires factices Ajoutez un formulaire de contact permettant aux gens de m' envoyer un message et d'afficher mon numéro de téléphone. Afficher également mes profils sur les réseaux sociaux. Utilisez les meilleures pratiques pour créer cette page de destination. OK, c'est donc la tâche. Vous devriez utiliser le même, mais sachez qu'il est tout à fait normal que votre design soit différent du mien. C'est exactement ainsi que fonctionne l'IA. Ce n'est pas une erreur. C'est ainsi que cela fonctionne. Maintenant, au cas où quelque chose ne fonctionne pas du tout, il se bloque. Ne t'inquiète pas pour ça. Passez à la prochaine conférence où nous allons tout configurer, puis nous reviendrons et nous allons réessayer. Donc, encore une fois, si vous n'êtes pas en mesure de l'exécuter du tout, passez à la leçon suivante, puis revenez. OK, une fois que nous avons appuyé sur Enter, nous partons pour les courses. Remarquez cette zone ici. Cela indique qu'il fonctionne. Et vous pouvez également remarquer ce cercle vert en dessous. Au cas où vous voudriez l'arrêter, vous devez arrêter l'IA. Vous pouvez utiliser ce bouton rouge, mais vous ne le ferez pas réellement. Maintenant, dans ce panneau, vous pouvez voir comment pense le modèle. Certains modèles sont assez descriptifs. Ils expliquent tout en détail. Ici, ce modèle indique qu'il va créer un site Web assez basique en utilisant HTML et du CSS plus un peu de JavaScript. OK. Et les fichiers apparaissent, à commencer par le fichier d'index, qui est essentiellement la page d'accueil Vous pouvez voir les fichiers sur le côté gauche de l'écran, et vous pourriez éventuellement les ouvrir ici à l'avant et au centre. Mais 99 % du temps, vous allez vraiment vous concentrer sur le bon côté. Maintenant, je vais accélérer cet enregistrement car cela peut parfois prendre un certain temps, surtout avec certains modèles. Maintenant, ne soyez pas surpris de voir que le modèle peut faire une erreur, non ? Le modèle signifie simplement l'IA, d'ailleurs. Maintenant, par exemple, ici, il a essayé de générer trop de code à fois et cela s'est retourné contre lui. Il n'a pas pu le faire. Mais il s'est rendu compte de son erreur, il a donc cherché une solution différente, puis il l'a déjà appliquée. Et c'est sans que nous intervenions, sans que nous fassions quoi que ce soit. C'est donc très sympa. Ensuite, il a essayé de démarrer Python, afin que nous puissions réellement voir le site Web. Vous n'avez pas besoin de connaître Python, mais nous devons l'installer. Maintenant, vous pouvez voir que c' est là que nous devons décider. Maintenant, allons-nous installer Python ou devons-nous essayer une autre méthode ? C'est ce que nous demande l' IA. Et je voudrais te montrer quelque chose. Disons-lui d'installer Python tout seul, non ? Ce serait génial, non ? Mais non, ça ne marchera pas vraiment. Et nous en parlerons dans une conférence séparée. Bref, cela nous simplifierait la vie, mais cela constituerait un problème de sécurité majeur. Ce ne serait pas sûr. Maintenant, pour y revenir, disons qu'il doit continuer. Mais voilà le truc. J'ai été trop vague dans mon message. Poursuivre. Il ne sait donc pas quoi faire, n'est-ce pas ? J'ai donc vérifié pour Python. Encore une fois, je voulais vraiment l'autre option. C'est donc de ma faute. Maintenant, vous devez toujours être précis dans vos instructions. Dites-lui exactement ce que vous voulez. Ne soyez pas à court de choses. Mais en fait, ça ne marchera pas non plus. Installons donc Python car c'est en fait assez simple. Nous ne le ferons qu'une seule fois, puis le modèle s' occupera de tout. OK, alors faites défiler l'écran vers le haut et cliquez sur ce lien. Ne vous inquiétez pas pour le message d'avertissement. Nous voici sur le site officiel, donc tout est beau et sûr. Faites défiler la page vers le bas et recherchez votre système d'exploitation. Comme vous pouvez le constater, c'est celui qui est recommandé. Nous allons donc le télécharger et l'installer. Maintenant, avant de choisir quoi que ce soit, le modèle indiquait que nous devions activer une fonctionnalité spécifique, et c'est cette deuxième case à cocher ici Mais il vaut mieux vérifier les deux. OK, maintenant, soyez patient et faites une pause aussi souvent que nécessaire pour continuer à travailler. OK, maintenant, installons-le, et cela ne prendra qu'une minute environ. Maintenant, parfois cela ne fonctionne pas correctement, et j'ai une conférence pour ce cas précis. Mais oui, c'est fait. Revenons à la planche à voile Disons au modèle que Python est installé, et disons-lui de continuer. Immédiatement, je reçois une commande indiquant que Winserf n'est pas configuré pour fonctionner seul Mais ce n'est pas un problème. Nous allons cliquer sur ce bouton sauf sur le bouton nous-mêmes. Et après la seconde, voici une autre. Cliquez à nouveau sur Accepter. Et juste comme ça, nous devrions être prêts avec Python, et c'est parti. Maintenant, mon ordinateur Windows demande la permission, et bien sûr, nous allons dire oui. Nous pouvons maintenant consulter notre site Web en utilisant cette adresse. Copions-le puis collons-le dans n'importe quel navigateur. Mais vous pouvez également utiliser un navigateur ouvert et externe. Maintenant, je vais utiliser Microsoft Edge sur cet ordinateur, mais vous pouvez utiliser ce que vous voulez. Oui, c'est un beau site web. C'est noir et rouge parce que c'est ce que j'ai demandé. Maintenant, à y regarder, est-ce spectaculaire ? Non, bien sûr, mais nous avons fait fonctionner en quelques clics. Notez que je n'ai aucune photo car nous n'en avons pas fourni. Encore une fois, le modèle ne téléchargerait rien tout seul. Mais allons encore plus loin. Changeons le noir avec une belle nuance de bleu, et peut-être ajoutons-nous la carte au lieu de simplement montrer l'adresse, n'est-ce pas ? Maintenant, encore une fois, saisissez-le, et cela peut prendre un certain temps, mais je vais accélérer. Maintenant, lorsque toutes les modifications sont effectuées, veuillez utiliser le bouton Tout accepter à partir d'ici. N'utilisez pas celui qui se trouve dans la partie centrale de l'écran. Non, concentrez-vous toujours sur le panneau de droite et acceptez toutes les modifications une fois le modèle terminé. Notez qu'il n'y a pas de cercle vert ni de bouton rouge pour l'arrêter. Cela signifie donc que c'est arrêté, et nous pouvons accepter. OK, jetons un coup d'œil et voyons voir. Oui, c'est solide. Il est maintenant bleu, et nous avons une carte. Nous avons quelque chose sur lequel travailler, et il doit être réactif. Nous pouvons cliquer avec le bouton droit de la souris et dans cette liste, nous pouvons choisir inspecter. Dans ce nouveau panneau, nous recherchons cette icône, qui va faire passer notre navigateur en mode mobile. Oui, c'est génial. Félicitations. Encore une fois, ce n'est pas parfait. Je sais que j'ai des choses à améliorer. Mais c'est la rapidité avec laquelle vous pouvez être opérationnel en un rien de temps avec la planche à Ce que je veux, c'est que vous créiez votre propre version, commençant par mon fichier texte Créez un nouveau dossier sur votre ordinateur, puis accédez au menu supérieur et utilisez Ouvrir un dossier. C'est aussi simple que cela de démarrer un tout nouveau projet. Remplacez le nom dans le fichier texte, modifiez vos informations, puis créez-le. Lorsque vous avez terminé, prenez une capture d'écran de l'ensemble du design et publiez-la pour que je puisse le voir. Si vous n'arrivez pas à faire une capture d'écran, ne vous inquiétez pas. Il suffit de prendre une photo avec votre téléphone. Si vous rencontrez des problèmes et que vous ne parvenez pas à les résoudre, utilisez le PDF joint pour obtenir de l'aide. Avant de terminer, pour certaines personnes, Python ne s'installe pas correctement, et cela risque de ne pas fonctionner. Si c'est vous, ne soyez pas déçus. Nous avons une conférence où nous avons tout mis en place. Donc, si vous n'avez pas de site Web pour le moment, laissez un commentaire pour que je sache à quel problème vous êtes confronté, puis passez à la conférence suivante. OK, je vais te voir dans une seconde. 5. Que pouvez-vous construire avec le codage vibe dans Windsurf: Bon retour. Avant de continuer avec la planche à voile, vous vous demandez peut-être, Chris, que dois-je construire ? J'ai compris. Je sais que vous n'êtes peut-être pas un entrepreneur doué, mais laissez-moi vous aider avec quelques idées rapides. Maintenant, avant cela, je dois vous dire une chose importante. L'exécution est essentielle. Les idées ne valent rien. Je vais le répéter. Tout tourne autour de l'exécution. Ce n'est pas la qualité de l'idée. Je vais développer cela alors. Commençons donc par ce site Web. Je suis lovemg.com, non ? Ce site Web réduit vos images. Si vous avez déjà travaillé avec Photoshop, par exemple, vous savez que cela peut parfois vous donner des fichiers de grande taille, comme deux, trois ou 5 mégaoctets, Maintenant, avec cette plateforme, vous faites tomber les images en dragon, et c'est tout. Vous réduisez leur taille de 80 % sans perdre en qualité. Et cela peut également vous aider à redimensionner rapidement les images. Encore une fois, glissez, déposez, et c'est tout, non ? Et vous avez quelques autres fonctionnalités ici. Mais le prix est de quatre à sept dollars par mois. Ce n'est rien. Même moi je me suis inscrit. C'est donc une idée. Et voici une plateforme qui transforme votre PDF en fichier Excel, afin que votre comptable puisse l'utiliser plus facilement. C'est une super niche, non ? C'est uniquement pour un groupe restreint de personnes, mais cela rapporte 38 000 dollars par mois. 38 000$ par mois. Des trucs dingues. Et c'en est une autre qui fonctionne très bien. Cela renomme toutes vos photos, et c'est tout. Le tout. C'est l'ensemble de la plateforme. Donc, au lieu de les appeler IMG 010203, cela leur donne un nom propre, ce qui est génial pour les cas où vous partez vacances et que vous avez des milliers de photos qui traînent, n'est-ce pas ? Encore une fois, il s'agit d'un service très spécifique. Ensuite, utilisons ce poly.com, qui vous permet de publier et de planifier votre contenu sur tous vos réseaux sociaux Cette plateforme a une seule personne, un seul homme gagne million de dollars australiens par an, mais quand même, et maintenant c'est Channel se. Maintenant, faisons une pause. Ce ne sont pas des idées incroyables. Ils ne viennent pas de génies du monde des affaires, n'est-ce pas ? Ce sont des gens ordinaires qui ont eu une idée. Ils avaient un problème, et ils l'ont résolu. Ils ont mis en œuvre cette idée, et ils l'ont bien fait. Il existe peut-être 50 autres plateformes comme Poly, par exemple. Donc plus cher, d'autres moins cher. C'est pourquoi j'ai dit que tout tournait autour de l'exécution. Et mon conseil, concentrez-vous sur le côté design. Prenez quelque chose qui a déjà été fait 100 fois, ajoutez-y un beau design, une petite touche d'originalité, et vous aurez une entreprise. Bien sûr, vous devez toujours en faire la promotion. Vous devez faire de la publicité, mais c'est une autre histoire. Maintenant, permettez-moi de continuer avec quelques autres exemples , un peu plus haut. Voici donc la caméra de base, une plateforme apparemment compliquée qui se concentre sur une seule chose : les messages. Cela vous permet essentiellement de créer une liste de tâches d'une manière très similaire à Notion. Bien entendu, ces plateformes offrent bien plus que cela, beaucoup plus de fonctionnalités. Mais ensuite, vous partez d'une idée simple, puis vous la développez, vous la faites grandir. Par exemple, créez une application qui vous rappelle de vous lever de votre fauteuil toutes les heures, n'est-ce pas ? C'est un business. C'est un service. C'est une application, c'est une plateforme. Et cette petite idée peut vous donner une autre source de revenus, façon de la monétiser, créer une audience Encore une fois, c'est différent. C'est en plus des scores. Mais je vous promets qu'il existe des tonnes de plateformes construites autour d'une idée très simple. Voici une extension WordPress qui vous permet simplement d' insérer des publications sur les réseaux sociaux sur votre site Web. Super facile, et ils gagnent beaucoup d' argent, principalement de manière passive, non ? Maintenant, j'ai vu des extensions WordPress payantes qui vous permettent d'ajouter une barre avec un message personnalisé en haut ou en bas de votre site Web. C'est ça. C' est tout. C'est le point central de toute l'entreprise. Le fait est que le ciel est la seule limite. Il s'agit de résoudre des problèmes, des problèmes auxquels vous savez que vous tenez à cœur, que vous voulez résoudre vous-même. Toujours sur WordPress, il existe une application qui vous permet insérer le code Google Analytics ou le suivi des publicités Facebook. Et c'est aussi simple que cela. Rien de trop compliqué. Maintenant, a guy vibe a codé une plateforme d'horoscope en direct sur TikTok, et elle fonctionne très, très bien Hodoscop, peu importe. Cela n'a aucun sens. Ce n'est pas pour moi, mais c'est peut-être pour toi. Maintenant, un autre gars a créé une application de fond d'écran, mais uniquement pour le type spécifique d'anime. Vous n'êtes pas obligé de prendre le prochain Uber ou la prochaine porte. Vous atteignez un, cinq, dix mille dollars par mois. Vous devez en fait résoudre un problème pour un petit groupe de personnes. Mais disons que vous n'avez aucune de ces idées, n'est-ce pas ? Eh bien, nous avons créé le site Web du portfolio, non ? Pourquoi ne pas proposer ce service à certaines entreprises locales ? Trouvez-en 100 dans votre région, dans votre ville, dans votre pays et demandez-leur 1 000 ou 80 dollars par mois Et vous venez d'apporter une bonne partie du changement. Il existe d'autres plateformes qui vous proposent des listes de tous les dentistes de votre ville ou pays de York. Maintenant, ce qui compte, c'est trouver la bonne approche. Leur envoyez-vous un e-mail ? Tu les appelles ? Est-ce que vous vous présentez à l'entreprise ? Est-ce que vous facturez 1 000$ ou 800$ ? Et bien sûr, vous n'êtes pas obligé de le faire uniquement avec les dentistes. Pensez à toutes les autres entreprises votre région qui gagnent beaucoup d'argent, mais qui ont des sites Web horribles. Dans ma région du monde, ce sont les restaurants, les avocats, les magasins de services, les vétérinaires. La liste s'allonge encore et encore. Ils ont d'innombrables agences de conception Web, bien sûr. Mais le vôtre peut être différent car vous pouvez vous spécialiser dans un domaine que vous connaissez peut-être très bien. Ou que tu es sur le point d'apprendre très bien. Vous offrez un bon site web déjà codé avec peu ou pas de maintenance. C'est pourquoi c'est une course, car de plus en plus de personnes vont commencer à proposer la même chose, non ? Parce que si vous pouvez créer un site Web en cinq, dix, 15, 20 minutes, bien sûr, quel est le mot, n'est-ce pas ? Allez-vous facturer peut-être 600 dollars ? Le prochain gars va facturer 400$ et tout d'un coup, à partir de 1 000$, vous commencez à les offrir pour quelques centimes Le temps presse donc. C'est pourquoi j'ai dit que c'était payant d'être en avance. Mais bien sûr, il n'y a pas lieu de paniquer. Il y en a plus qu'assez pour que tout le monde puisse s'y déplacer. Donc, avant de créer quoi que ce soit que vous voulez vendre, je vous conseille créer quoi que ce soit que vous voulez vendre, commencer par quelques petits projets amusants. Maintenant, faisons une pause. J'espère que vous pouvez maintenant voir qu'il existe un monde d'opportunités, mais vous n'avez pas à viser le chiffre d'affaires de 100 000 000$ Résolvez simplement de petits problèmes tels que transformation des coins carrés d' une image en coins arrondis, n'est-ce pas ? Et cela peut être un financement de 100 dollars par mois. Cela semble stupide, je sais, mais les réseaux sociaux regorgent d'histoires comme celle-ci C'est ce qu'on appelle construire en public, et c'est un excellent moyen de faire de la publicité. Vous publiez constamment des articles sur votre voyage. Cette intégration du mouvement public est fantastique , car vous pouvez réellement vous inspirer de leurs projets et vous pouvez également tirer des leçons de leurs erreurs afin de les éviter. Quand vous voyez leurs profils, vous pouvez voir que ce ne sont que des personnes ordinaires. C'est ainsi que vous pouvez trouver de l'inspiration. Le gars qui a codé ply.com a documenté chaque étape de son parcours et comment il l'a développé au fil des années Il était totalement seul. Il a tout codé, à l'ancienne. Il était le seul développeur. Mais maintenant, vous êtes peut-être seul, mais vous avez les connaissances et le pouvoir de 100 à 1 000 développeurs qualifiés, pour 15, 20 ou 25 dollars par mois, n'est-ce pas ? Il ne vous faudra donc pas des années pour construire votre projet. Vous pouvez échouer en marketing, mais vous pouvez le faire une autre fois, une autre fois et une autre fois. Tu peux réessayer. Tu peux échouer rapidement. Tu peux apprendre. Et puis, à un moment donné, vous allez réussir. Que ce soit grand ou petit, c'est à vous de décider. C'est entre tes mains. Mais oui, maintenant la question est que voulez-vous construire ? C'est peut-être stupide. Il est peut-être petit. Mais si tu continues d'essayer et d'apprendre, je te promets que tu auras des résultats. Continuons avec Windsor. 6. Se déplacer en planche à voile: Bon retour. Lancez Windserf afin que nous puissions explorer son interface Cela peut changer de votre côté, mais les bases seront toujours là. Nous avons un menu principal en haut que nous n'utiliserons pas vraiment, un panneau de serviettes sur le côté gauche et sur le côté droit, nous avons notre magnifique panneau en cascade, où nous parlerons au programme et lui demanderons de créer des éléments. Lorsque vous démarrez un projet, vous devez créer un dossier quelque part sur votre ordinateur, puis vous devez utiliser le bouton Ouvrir un dossier. Maintenant, juste au cas où vous auriez travaillé sur un autre projet par le passé, vous les verrez peut-être ici. Et dans ce panneau de droite appelé cascade, je peux commencer à donner des instructions petit petit en utilisant ce champ ici, ou je peux reprendre une conversation précédente en cliquant dessus ici. Maintenant, ne travaillez pas ensemble, observez simplement ce qui se passe. Donc, si l'on se lance dans un projet actif, il y a beaucoup de choses à examiner, n'est-ce pas ? Mais changeons d'équipe car vous voudrez peut-être changer d'interface, n'est-ce pas ? Allez donc dans le menu supérieur pour archiver. À partir de là, allez dans les préférences. Recherchez ensuite Team. Enfin, ici, cliquez sur Color team. heure actuelle, après avoir cliqué sur l'un d'entre eux, la fenêtre se ferme, ce qui n'est pas idéal, mais ouvrez-la à nouveau. Préférences de fichier, équipe de couleur, équipe et choisissez l' une d'entre elles. OK, super. Ensuite, pour mieux voir l'interface, vous pouvez utiliser Control plus pour augmenter la taille du texte. Maintenant, vous n'êtes pas obligé de le faire, mais si le texte est difficile à lire, c'est une option. Donc, Control plus. Pour le réduire, utilisez Control minus. Maintenant, pour en revenir à un vrai projet, vous n' avez pas besoin de lire de code. L'interface est assez impressionnante, mais en fait 90 % du temps, sinon plus, vous allez vous concentrer ici sur le bon côté, sur la cascade. C'est donc ici que vous verrez comment pense l' intelligence artificielle et sur quoi elle travaille. Il vous indiquera quand il y a erreurs et, en gros, ce qu'il a fait. Maintenant, dans le reste de l' interface, vous avez un fichier explosé ici à travers lequel vous pouvez voir tous les fichiers du projet, et ceux-ci sont en fait ouverts ici dans la partie principale de l'écran. Ainsi, lorsque vous cliquez sur les fichiers sur la gauche, ils s'ouvrent ici au centre de l'écran. Notez les onglets qui s'ouvrent, très similaires à ceux de votre navigateur. Vous pouvez donc les parcourir rapidement. Maintenant, est-ce que tu vas le faire ? Non, 99 % du temps, non. Encore une fois, nous allons nous concentrer sur le bon côté de la cascade. OK, c'est à peu près la même chose avec le panneau inférieur. Problèmes, sorties, terminal, etc. Nous n'utiliserons pas vraiment ce bit. Le terminal peut être utile, mais oui, nous allons y aller étape par étape. Alors que tout semble si intimidant pour la personne ordinaire qui a encodé, c'est en fait assez simple parce que vous en supprimez la majeure partie. Vous parlez à l'IA ici sur la droite, alors c'est tout. Maintenant, il y a un paramètre important ici, écrire et discuter. Nous utiliserons toujours l'écriture, ce qui signifie simplement que l'IA va tout créer. Désormais, les codeurs expérimentés voudront peut-être simplement parler à l'IA pour obtenir des conseils, etc. Ce n'est pas le cas chez nous. Nous voulons que l'IA fasse tout. C'est du codage. Donc, pour nous, non merci. Nous allons nous en tenir au mode écriture. D'accord, une chose à garder à l'esprit est l'IA ne fonctionnera que sur les fichiers de ce dossier spécifique. Ainsi, chaque site Web, chaque projet a besoin de son propre dossier. C'est ainsi que vous pouvez garder les choses clairement séparées. Vous ouvrez ce dossier et faites de la planche à voile. Vous avez votre conversation sur le côté droit, et elle va créer ou modifier des fichiers à partir de ce dossier spécifique, rien d'autre. Maintenant, le dernier paramètre important ici est cette partie où vous choisissez votre modèle. Cela va changer radicalement les résultats. Parlons donc des modèles dans la prochaine conférence. Pour l'instant, veuillez changer l'interface pour une nouvelle équipe et créer un nouveau dossier sur votre ordinateur , puis ouvrez-le et faites planche à voile juste pour vous habituer à ce flux C'est ainsi que vous créez de nouveaux projets, et c'est ce que nous ferons également. 7. Se déplacer en planche à voile: Bon retour. Il existe certains outils que vous pouvez installer sur votre ordinateur planche à voile peut donc faire un meilleur travail, surtout si vous souhaitez effectuer le moins de travail possible Maintenant, nous n'allons pas céder contrôle total à une IA. Au lieu de cela, nous allons installer outils logiciels très connus qui aideront Winserf à mieux fonctionner Maintenant, nous avons déjà installé Python, mais si ce n'est pas le cas, veuillez le faire. À la fin, je vais vous montrer un problème et ses effets potentiels. Maintenant, pour vérifier si votre installation est bonne, ouvrez votre menu Démarrer et tapez CMD CMD est l'abréviation de Command. C'est ce que tu veux. Invite de commande. Ici, saisissez cette commande. Et si tu vois quelque chose comme ça, tu es prêt à y aller. Maintenant, très probablement, vous aurez une version plus récente, mais c'est très bien. Tant qu'il n'y a aucun avertissement ou problème, vous êtes prêt à partir. Maintenant, au cas où vous n'y arriveriez pas, vous pouvez accéder à la planche à voile dans le menu supérieur du terminal Ici, commencez-en un nouveau. Ce sera juste ici, en bas. Tapez la même chose et voyez si cela fonctionne. Tout va bien de mon côté. Maintenant, avant de continuer, je dois dire que je n'expliquerai pas chaque logiciel parce qu'il est contre-productif Au lieu de cela, je vais joindre un fichier contenant quelques détails sur chaque programme. Maintenant, ce que je veux faire, c'est me concentrer sur les choses pratiques. Pour moi, l'objectif est simple. Créez des sites Web le plus rapidement possible. Apprendre à utiliser Python dès maintenant ne va pas aider. Ça va te faire tourner la tête. Je vais donc être aussi bref que possible. Oui, Python est rayé de ma liste. Idéalement, vous devriez redémarrer votre ordinateur pour des raisons de sécurité après chaque étape. Ici, je vais continuer, même si cela peut poser quelques problèmes. Mais oui, allons-y. La prochaine chose sur ma liste est celle-ci. Maintenant, pas de version JS LTS. C'est un autre must. Et pendant le processus d'installation, il vous demandera si vous souhaitez installer quelques autres doubles. Maintenant, une chose, assurez-vous de cocher cette option. Cela va afficher une autre fenêtre avec beaucoup de textes, et je veux dire beaucoup. Maintenant, de mon côté, il dit qu'il ne trouve pas Python, même si je viens de l'installer. Le redémarrage de mon ordinateur aurait pu résoudre ce problème. Je sais qu'il est installé. Je vais continuer. Mais le truc, c'est qu'au bout d'un moment, ça s'arrête. Mais voilà le truc. Ouvrez une note d' invite de commande et tapez nœud V. Vous n'avez d'ailleurs pas à mémoriser aucune de ces commandes. Ils sont tous attachés au cours. Et oui, je vois ma version ici, donc je suis prêt à partir. J'ai donc coché deux programmes. Le prochain sur ma liste, Power Shell Seven. Nous sommes sur le Microsoft Store officiel, et cela nous indique qu'il existe nombreuses façons d'installer Power Shell Seven. Maintenant, cela semble accablant, mais c'est en fait assez simple. Nous utiliserons cette méthode, Win Get, quelle est la méthode recommandée ? Ici, en fait, il n'y a que deux étapes. Cela semble compliqué, mais c'est en fait assez simple. C'est le premier. Vous ouvrez donc Command Prompt. Vous cliquez ici pour copier ce texte, puis vous le collez simplement avec Control V. Vous allez avoir une question ici, tapez Y comme oui, puis appuyez sur Entrée. Il semble qu'il existe deux versions disponibles. L'aperçu signifie quelque chose comme Bêta. C'est donc une version un peu expérimentale, généralement moins stable. n'est pas ce que nous voulons. Nous voulons donc l'autre. C'est donc la deuxième étape. Pour l' installer, copiez cette commande. Encore une fois, pas la version d'aperçu, c'est un peu plus bas, puis collez-la dans l'invite de commande. Et après quelques secondes, cela va s'installer. Maintenant, testez-le, ouvrez à nouveau votre menu étoile et tapez « push ». Mais au lieu d'un U, utilisez un W, et vous devriez voir Powershell Seven disponible Maintenant, nous nous en sortons plutôt bien. Continuons avec GitHub. Nous avons besoin d'un compte, mais comme tout le reste, c'est totalement gratuit. Entrez votre adresse e-mail, puis au bout d'un moment, vous devrez la vérifier, et c' est tout, nous sommes prêts à partir. Github est très utile, même s'il peut être très intimidant Comme vous allez le voir, nous allons nous concentrer sur l'essentiel, et bientôt, vous serez à l'aise avec cela. OK, des trucs géniaux. Ensuite, nous allons installer Docker Ceci est considéré comme facultatif, mais j'ai eu pas mal de problèmes parce que je ne l' avais pas installé, donc je préférerais que vous l'installiez également. C'est l'un des programmes les plus lents à installer, mais il n'y a en fait pas grand-chose à faire C'est juste lent à installer. Mais oui, une fois que ce sera enfin prêt et qu'il y aura quelques minutes, faudra être patient. Vous allez devoir créer un compte. En fait, au départ, je voulais créer un compte, mais voici le truc avec Qull Certains de ces outils vous permettent de vous inscrire en utilisant Giild Hub Donc, parce que nous venons de créer un compte sur GID Hub, pourquoi ne pas l'utiliser, n'est-ce pas ? C'est beaucoup plus rapide. Et il y a quelques autres choses ici. Mais pendant que je travaille en arrière-plan, laissez-moi vous expliquer ce qui se passe. Nous sommes donc sur le point de préparer de nombreux plats dans la cuisine, non ? Ce sera le petit-déjeuner, le déjeuner et le dîner. Ce seront des desserts. Ce seront des snacks. Ce seront des repas complets, non ? Maintenant, cela signifie que nous avons besoin d' un réfrigérateur et d'ustensiles bien approvisionnés Nous avons besoin des ingrédients, des couteaux, des fourchettes, des cuillères, des ustensiles, n'est-ce pas ? C'est ce que nous sommes en train de faire en ce moment. Allons-nous utiliser absolument chacun d'entre eux dans chaque plat ? Non, bien sûr, mais il est beaucoup plus facile de tout préparer dès maintenant que d'essayer de les trouver en cuisinant. Si vous obtenez une erreur après une erreur en planche à voile parce que vous manquez ceci ou cela, vous allez perdre du temps Vous allez utiliser des crédits, qui sont essentiellement de l'argent. Vous perdez de l'énergie et de l'élan. C'est pourquoi je vous suggère fortement de tout installer dès maintenant. Vous faites une pause, bien sûr, vous vous retrouvez à l'esprit. Mais une fois que cela sera fait, vous volerez. C'est donc ce que nous faisons en ce moment. Bien, installons maintenant quelque chose appelé Git pour Windows. Cela va avoir beaucoup de paramètres, mais nous n'allons en fait utiliser les valeurs par défaut à chaque étape. Maintenant, n'hésitez pas à faire une pause, mais je vais simplement tout accepter car la planche à voile va tout gérer Maintenant, je me rends compte que cette liste n'est pas très confortable, mais elle permettra à l'IA faire beaucoup plus avec moins d'instructions avec moins d'interventions de notre part Cela va donc être un peu plus indépendant. OK, avance vite, et il ne nous reste plus que trois comptes à créer. Mais tout cela se fait en un instant. Versell est le premier. Nous l'utiliserons pour héberger nos sites Web afin que tout le monde puisse les voir, n'est-ce pas ? Maintenant, encore une fois, c'est gratuit, donc ne vous inquiétez pas. Inscrivez-vous en utilisant Github pour simplifier le processus. OK, super. Ensuite, nous utiliserons le renvoi pour envoyer des e-mails C'est totalement gratuit pour un maximum de 3 000 e-mails par mois. Génial pour commencer. Enfin, nous allons créer un compte avec Super base, ce qui est fantastique pour nos bases de données pour des projets plus complexes, ce que nous ferons peut-être plus tard. Mais bon, ce n'est qu'un clic, alors mettons-nous de côté. Et oui, dans l'ensemble, croyez-le ou non, nous en avons fini avec ces outils. Maintenant, il y a quelques autres paramètres que nous allons traiter dans la prochaine conférence. Pour l'instant, faites une pause, installez tout et ne continuez qu'après avoir suivi cette liste de contrôle Je te verrai dans un moment quand tu auras fini. Mettez le cours en pause dès maintenant et installez tout. 8. Configurer des MCP et des règles dans Windsurf - la manière simple: Bon retour. Nous avons installé pas mal de choses comme Python, NoJS, Power Shell Mais il y a certaines choses que nous pouvons également configurer dans WinSerf Le premier concerne les règles. Vous pouvez accéder à cette section en concentrant sur ce coin et sur WinSerf Et dans le cadre de la personnalisation, nous avons quelques onglets, règles, flux de travail et mémoires. Maintenant, je vais faire en sorte que ce soit aussi simple que possible. Ce qui nous intéresse, c'est les règles mondiales. Cliquez donc ici et vous obtiendrez un document vide dans cette partie centrale. Ici, utilisez le fichier joint pour simplement copier-coller ces règles. En bref, nous expliquons à Winsorf comment il doit agir. C'est comme dire à quelqu'un comment vous voulez que votre café soit cuit, non ? Et dans le cadre des règles, nous avons des éléments de base tels que nous voulons être efficaces, nous voulons utiliser les meilleures pratiques. Nous voulons qu'il soit sûr et qu' cache des informations sensibles, etc. Vous pouvez trouver de nombreux modèles de règles sur le Web, ou vous pouvez simplement utiliser le mien. Je l'ai aussi trouvé sur le Web. Maintenant, nous utilisons des règles globales, car nous voulons que planche à voile les applique à chaque projet Les règles de l'espace de travail seraient spécifiques à ce seul projet, que nous ne voulons pas. Par exemple, si nous passons à un projet d'application mobile sur IOS, par exemple, nous pouvons avoir des règles différentes. Donc oui, dans ce cas, cela aurait du sens. Mais oui, dans l'ensemble, ce qui est écrit ici est mondial. Il suffit donc de le copier-coller, appuyer sur Contrôles, et vous pouvez utiliser cette icône pour rafraîchir les choses. Au bout de quelques secondes, vous devriez le voir ici. OK, maintenant nous allons cliquer sur les plugins. C'est cette icône juste là. Ce sont les MCP, et pour être bref, c'est nous qui donnons plus de contrôle à l'IA Si nous ne voulons pas les utiliser, nous devrons travailler beaucoup plus, écrire du code nous-mêmes, écrire plus de commandes. Cela représente essentiellement plus de travail pour nous, et nous voulons plutôt que l'IA fasse la majeure partie du travail, n'est-ce pas ? Maintenant, ce qui est génial, c'est qu'il s'agit d'une liste officielle. C'est sûr. C'est bon d'y aller. Maintenant, de votre côté, vous en avez peut-être d'autres disponibles car ils sont absolument fantastiques, et Winsurf en ajoute de plus en plus. Mais oui, commençons. Le premier souvenir. Cliquez dessus. Bien que vous puissiez utiliser cette icône de téléchargement, je préfère utiliser la partie centrale ici et appuyer sur Installer. Et en gros, c'est ça. Il n'y a aucun autre paramètre pour celui-ci. Même chose pour la pensée séquentielle. Cela aidera l'IA à décomposer la tâche en plus petits éléments, à en assurer le suivi et à nous donner de bien meilleurs résultats. OK, continuons comme ça. Activons Git. Voici quelque chose qui peut arriver et qui va être assez ennuyeux. Même si j'ai correctement installé Git pour Windows lors de la session précédente, cela indique que cela ne fonctionne pas. Nous y reviendrons donc à la fin. C'est une chose qui se produira forcément de votre côté également. Dans les tutoriels, cela semble si simple. Tu fais tout ce qu'il faut. Mais voilà, de ton côté, ça ne marche pas. Vous suivez chaque étape de la vidéo, mais de votre côté, cela ne fonctionne pas. Je sais que c'est frustrant, mais ne t'inquiète pas. Nous ferons de notre mieux pour y remédier. Ensuite, le système de fichiers MCP. Cela permet à l'IA de créer des dossiers, déplacer des fichiers, de faire des copies, etc. Parce qu'elle veut que vous vous sentiez en sécurité, elle vous demande exactement où vous souhaitez obtenir l'autorisation. Maintenant, je vous conseille de le régler sur l'ensemble du disque. Si vous êtes nerveux, vous pourriez éventuellement lui donner un dossier, peut-être à l'intérieur d'un dossier, mais cela pourrait créer des problèmes par la suite. Maintenant, je vais toujours configurer l'intégralité de mon Drive, pas seulement un seul dossier car je suis très confiante à ce sujet. Ensuite, activons Suba Base, qui est en fait très utile pour les projets sérieux Maintenant, cela nous demande le jeton, et c'est en fait assez courant. Rien de trop compliqué. Cliquez ici et vous serez redirigé vers cette page précise. Une chose, ne montrez jamais vos clés à qui que ce soit. C'est comme si vous indiquiez votre numéro de carte de crédit sur le Web. Toutes sortes de mauvaises choses peuvent arriver. C'est pourquoi vous ne pourrez pas le voir une fois que vous aurez quitté cette page. Tu ne le verras qu'une fois. Alors dis ça dans un endroit sûr. Je vais juste le coller dans une planche à voile. OK, continuons comme ça, mais veuillez faire une pause aussi souvent que nécessaire lors de votre deuxième visionnage. C'est parti pour GitHub. Auparavant, c'était Git, ce qui est une chose. Maintenant, c'est Github, ce qui est différent Cela nous demande le jeton. Vous pouvez utiliser Google pour rechercher Github, un jeton d'accès personnel Ou tu peux le faire. Accédez à votre navigateur, accédez à github.com, puis aux paramètres du compte Maintenant, à partir d'ici sur le côté gauche , en bas, vous trouverez les paramètres du développeur. Et dans cette nouvelle fenêtre, vous verrez exactement ce que nous voulons comme jeton d'accès personnel. Nous voulons le classique. Créé, mais sachez que vous devrez définir un nom, une date d'expiration. 90 jours, c'est ce que je recommande, mais vous devrez absolument tout vérifier vous-même. Je sais que tu en as assez d'organiser les choses, mais je te promets que cela va nous faciliter la vie. Ne sautez aucune étape. C'est très important. Mais oui, dans l'ensemble, maintenant prêt pour le rock and roll. Tout est mis en place. La liste complète est cochée de mon côté. Une chose, cependant, c'est qu'il semble que Github ne fonctionne pas. Le problème a quelque chose à voir avec Docker, ce qui est un peu étrange Dans tous les cas, voilà le truc. Lorsque vous redémarrez votre ordinateur, Docker peut ne pas démarrer tout seul. Dans ce cas, je vais le lancer, puis je vais attendre une minute jusqu'à ce qu'il se charge. Ensuite, je vais actualiser en utilisant l'icône en haut à droite. Une chose, cependant, soyez patient avec Docker. Quel que soit votre ordinateur, il se charge assez lentement. OK, ça a commencé, alors actualisons-nous. Et oui, voilà. Nous sommes bons. Tout cela va bien. Vous pourriez dire : Qu'en est-il d'autres ici à Windsor, d' autres MCP ? Eh bien, pour le moment, si vous essayez d'en activer plusieurs, vous allez avoir une erreur. Je suis sûr que dans un avenir proche, nous serons en mesure d'en ajouter de plus en plus. Mais pour le moment, ça y est. Une liste assez courte, plutôt décevante. Mais oui, maintenant tu peux faire une pause, tout configurer de ton côté, pour être à jour. Mais si quelque chose ne va pas de votre côté, vous pouvez passer à la vidéo suivante. 9. Comment résoudre les problèmes: Tout fonctionne, vous pouvez passer à la vidéo suivante. Mais au cas où quelque chose ne tournerait pas rond, de votre côté, continuez à regarder. C'est mon cas. Pour une raison ou une autre, le serveur Git MCP ne fonctionne pas, et il indique que c'est à cause de Python Nous avons installé Python et tout semblait correct, non ? J'ai donc copié l'erreur et j'ai utilisé Google. J'ai trouvé quelques trucs sur Stack Overflow. J'ai essayé de nombreuses solutions, mais elles n'ont pas fonctionné. Pour être clair, je ne suis pas développeur. Je ne sais pas quel est le problème. façon dont vous gérez ces problèmes lorsqu'ils se présentent déterminera votre niveau de réussite. Je le répète donc. Vous suivez toutes les instructions, que ce soit celles du cours ou du Web, mais les choses ne fonctionneront pas. C'est comme ça que ça se passe en ce moment. façon dont vous gérez cette situation déterminera donc votre succès. Ici, j'ai essayé quelques trucs, puis je suis passé au chat GPT Vous pouvez l'utiliser totalement gratuitement, ou vous pouvez vous inscrire. Je vous recommande de vous inscrire, même s'il s'agit d' un autre abonnement, 20 dollars de plus par mois ou quoi que ce soit d'autre , de votre côté. Mais je l'utilise assez souvent, donc je peux honnêtement le recommander. fait, vous n'en aurez pas besoin dans le cadre de ce cours. C'est juste quelque chose de bien à avoir. OK, j'ai utilisé ce modèle, qui est très bon pour penser et raisonner. J'ai dit exactement ce qui se passait. Bonjour, j'utilise Windsurf AI et je reçois cette erreur La solution amusante que cela m'a donnée était assez compliquée. À mon goût, j'ai répondu : « Non, merci ». C'est un peu délicat. Je suis donc passé au second Ici, je n'avais aucune idée de ce que cela signifiait, mais j'ai juste commencé à les coller dans ma fenêtre CMD La première ligne n'a donc pas semblé aider. Alors j'ai essayé le second, l'autre. Et oui, après quelques secondes, il a installé quelque chose, et j'ai eu l'impression que cela fonctionnait. Je suis retourné à Windsor. Je me suis rafraîchi. Et oui, tout va bien. Mais voici un autre cas sur un autre ordinateur. Le Git NCP ne fonctionne pas, mais pour une autre raison, je ne sais vraiment pas ce que cela signifie, et pour être totalement transparent, je n'ai pas l'intention de l'apprendre Au lieu de cela, je vais utiliser la même méthode. Je vais demander à Chat GPT OT à propos de. Je vais utiliser 03 car c'est le modèle de raisonnement le plus avancé du moment, et pour moi, c'est gratuit. Je paie 20 dollars par mois, donc j'ai droit à des discussions illimitées. Maintenant, si vous n'avez pas accès à CHA GPT pour une raison quelconque, utilisez la cascade, et il est fort probable que vous obteniez la même réponse Maintenant, ici dans CHA GPT, j'ai dit que c'était en train de se passer Et puis après environ 90 secondes, cela m'a donné un plan étape par étape. Donc, tout d'abord, je dois installer quelque chose en utilisant Power Shell. Et voici la commande exacte. OK, donc c'est assez simple. Je vais utiliser le menu Démarrer, puis je vais taper push mais avec un W. Maintenant, dans Power Shell, je vais copier, coller cette commande et entrer. OK, maintenant, il s'agit d'installer quelque chose. Il fait différentes choses. Et d'accord, oui, il semble que c'est bon d'y aller. OK, plutôt cool. Passons maintenant à l'étape suivante, il m' a donné une commande différente, mais il insiste pour que j' ouvre un nouveau terminal. OK, plutôt bien. Je vais taper push encore une fois et coller cette commande. Mais bien sûr, cela soulève un problème. J'ai copié deux lignes différentes, ce qui n'est pas correct. Mais je vais quand même coller, et il semble que tout va bien. Maintenant, la deuxième étape consiste à redémarrer la planche à voile. Ne l'ignorons pas. Je suis content ne pas avoir à redémarrer mon ordinateur maintenant, je vais devoir attendre une seconde jusqu'à ce qu'il se réchauffe Je vais appuyer sur le bouton d'actualisation en haut à droite, et gagner. Des trucs géniaux. Maintenant, de votre côté, je suis sûr que vous allez avoir des problèmes différents, des problèmes différents. Mais souvenez-vous d'une chose. Une fois que vous les aurez résolus, vous serez prêt à partir. Tu vas voler. C'est l'essence même du vibe coding Vous n'avez pas besoin de savoir coder. Vous devez avoir des patients A, B, poser les bonnes questions, et C, le plus important, essayer des choses jusqu'à ce que cela fonctionne. Maintenant, voici le truc. J'aurais pu poser ma question en cascade et en planche à voile. Mais puisque j'ai déjà le chat GPT, pourquoi ne pas l'utiliser, non ? Je préfère de loin obtenir une réponse gratuite plutôt que de gaspiller des crédits et de faire de la planche à voile Pour conclure, voici comment se produisent les maux de tête. En fait, c'est un simple ABC et un succès, non ? Dans votre cas, il se peut que vous passiez des heures à l'étape B, que vous soyez bloqué et que vous ne puissiez pas continuer. Tant que vous gardez mes conseils à l'esprit, que vous êtes patient, posez les bonnes questions et que vous essayez des choses jusqu'à ce que cela fonctionne, tout ira bien. N'oubliez pas que c'est le prix à payer pour être arrivé si tôt. Être en avance, c'est éviter les bugs et les autres problèmes, mais c'est un petit prix à payer pour votre avenir. Et avec ça, continuons. 10. Claude et GPT: Reviens. Les LLM sont de grands modèles linguistiques, et ils constituent le principal outil utilisé par la planche à voile Toute l'intelligence provient donc de ces LLM, plupart des gens appellent des modèles. C'est donc un modèle. Maintenant, soyons clairs, la planche à voile est le programme principal, mais l'essentiel de son intelligence provient de ces modèles de différentes entreprises La planche à voile est donc comme une pipe. Les modèles sont l'eau. Maintenant, l'eau pourrait-elle s'écouler sans le tuyau ? Bien sûr, mais c'est peut-être partout. planche à voile vous permet donc d'obtenir plus de ce que vous voulez, et c'est pourquoi nous en utilisons Sinon, nous pourrions simplement nous inscrire auprès d' une entreprise en particulier et utiliser ce modèle spécifique, n'est-ce pas ? Mais cela serait beaucoup plus contraignant et nettement plus coûteux. C'est pourquoi la planche à voile est un bien meilleur choix. Ainsi, grâce à Winsurf, vous avez accès à la plupart des entreprises et à la plupart des modèles disponibles. C'est pourquoi, lorsque vous cliquez ici dans le panneau en cascade, vous pouvez en choisir un certain nombre. Et maintenant, la question est : si c'est si important, lequel devriez-vous choisir, n'est-ce pas ? Et la réponse courte est que cela dépend vraiment. Je vais confier la même tâche aux premiers afin que nous puissions comparer les résultats et décider ensemble. Mais encore une fois, vous allez voir que cela dépend vraiment. Maintenant que la tâche est attachée, vous devez faire de même. Lors de votre deuxième visionnage, vous devriez l'essayer sur votre propre ordinateur pour vérifier que vous avez la même expérience. Maintenant, voici pourquoi cela peut être différent de votre côté. Les modèles changent souvent. Donc, ce qui est lent aujourd'hui peut être assez rapide demain. Gardez donc cela à l'esprit. Bien, commençons par une table rase. Lorsque vous démarrerez la planche à voile, vous obtiendrez le projet précédent Mais vous pouvez accéder au menu supérieur pour archiver. À partir de là, cliquez sur Nouvelle fenêtre. Génial. Nous pouvons maintenant utiliser la fonction d' ouverture de dossier, et je vais naviguer jusqu'à un emplacement À partir de cette fenêtre, je vais créer un nouveau dossier et je vais l'appeler par le nom du modèle. Cette option est facultative. Le nom n'a pas vraiment d'importance. C'est à nous de nous organiser. Nuage 37. OK, super. Sélectionnez ce dossier, et nous allons charger notre tout nouveau projet à Windsor. Au fait, si vous ne pouvez pas vous en sortir, accédez au lecteur de votre ordinateur et créez un dossier de la manière la plus simple. Je vais également ajouter quelques images à ce dossier. Maintenant, le moyen le plus rapide est de cliquer dans ce panneau et de sélectionner Reveal Explorer. Ensuite, je vais simplement copier-coller le dossier avec quelques images. Pour m'assurer que le modèle sait qu'ils sont là, je vais cliquer avec le bouton droit de la souris et choisir Copier comme chemin. Nous devons coller cette adresse dans le fichier texte. Si vous n'avez pas copié de chemin, ce n'est pas un problème. Cliquez ici et copiez l'adresse. C'est exactement la même chose. Faites une pause aussi souvent que nécessaire, mais nous le ferons plusieurs fois au cours de cette conférence, donc ne vous inquiétez pas. D'accord, les images sont, bien sûr, jointes. Le modèle est réglé sur le cloud. Maintenant, je vais coller la tâche et je vais démarrer le chronomètre. OK, eh bien, ça marche. Laissez-moi vous dire ceci. Winserf est un peu comme une voiture Quels pneus devriez-vous bien enfiler , cela dépend vraiment de vous. Existe-t-il une marque et un modèle de pneus en particulier qui sont absolument les meilleurs sur le marché ? Non, bien sûr que non. Il existe des marques haut de gamme, des marques de taille moyenne et, bien sûr, des marques bon marché. Ce n'est donc pas une chose claire. Il n'y a pas de gagnant clair. Il en va de même dans le football avec les téléphones, avec Coke et Pepsi, avec à peu près tout Il y a une bataille entre deux, trois, cinq entreprises très bien établies. C'est donc toujours quelque chose où il y a beaucoup de concurrence, et vous pouvez choisir parmi de nombreuses options. Et c'est pareil ici avec ces modèles d'IA. Et voici un tableau qui vous indique quels modèles sont actuellement disponibles. Anthropic est une entreprise. L'IA ouverte, bien sûr, en est une autre. Google joue un rôle, mais il y a aussi Twitter , appelé X AI. Et c'est Deep Sky. Il y a des entreprises chinoises, et il est inévitable que quelques autres apparaissent ici. Maintenant, cela peut vous faire prendre tellement de choix, n'est-ce pas ? Qui plus est, ils ont tous des coûts et des capacités différents. Et ce que nous voyons ici, c'est que certains modèles sont très intelligents, mais ils sont assez lents. Certains sont intelligents, mais ils sont très chers. C'est exactement comme acheter une voiture ou un téléphone. Bien sûr, ils font tous un peu la même chose, non ? Certains ne jurent que par BMW. D'autres personnes ne conduiraient rien d'autre qu'une Mercedes. Certaines personnes excentriques pourraient préférer Lexus. Il en va de même pour ces modèles. Chacun d'entre eux a des fans inconditionnels. Mais voici le point fort. Les nouvelles versions sortent toujours et assez rapidement. Alors, qu'est-ce que je recommande ? Je dis de t'en tenir aux meilleurs. Essayez-les et découvrez les personnalités. Parce que oui, ils ont une personnalité. Maintenant, ce que j'ai beaucoup utilisé est le suivant. Il s'agit du Cloud 3.7, du GPT 4.1 sur quatre Mini high et du Gemini 2.5 pro Cela est appelé à changer au cours des prochaines semaines ou des prochains mois, mais voici ce que vous devez retenir. Vous devez les tester, et c'est ce que nous faisons dans cette conférence. Oh, au fait, jetons un coup d'œil. C'est donc sur un nouvel ordinateur avec une configuration très basique, pas ce que nous faisions auparavant au début du cours. Nous n'avons donc aucun outil installé. Claude a donc commencé immédiatement. Il propose une approche très solide avec une belle pile de texte, React et next JS. Il n'est pas nécessaire de savoir ce que cela signifie, mais c'est un signe très positif que le modèle applique meilleures pratiques de la technologie moderne. Maintenant, voici la première chose à faire dans le terminal, nous devons appuyer sur Entrée, sinon cela ne continuera pas. Cela n'est peut-être pas très évident pour la plupart des gens. C'est l'un de ces cas où vous ne devriez pas vous concentrer uniquement sur le bon panneau. En bas, le terminal est également très important de temps en temps. Maintenant, il installe tout un tas de choses. Mais j'attends ici, et il semblerait que tout soit bloqué. Il est gelé. Je ne sais pas ce qui se passe. Voici donc le truc. Arrêtons ça. Et maintenant, pour le reprendre, il faut dire « continuer ». OK, quand un bouton d'acceptation apparaît dans le panneau de droite, je vais appuyer sur Accepter assez rapidement. Maintenant, vous allez en remarquer un tas, même si le modèle a absolument tout fait, et il semble qu'il a de nouveau cessé de fonctionner. Je vais donc utiliser une troisième invite et dire «   continuer » une fois de plus. Mais cette fois, Claude a abandonné les normes. Il n'essaie plus d' utiliser cette balise de texte depuis le début. Non, c'est passé à quelque chose de beaucoup plus simple. Cela fonctionnera toujours, mais ce n'est pas une bonne pratique. Il s'agit de passer d'une voiture neuve à une voiture datant de 1999. Il fait en quelque sorte la même chose, bien sûr, mais il va manquer de fonctionnalités. Et je dois dire qu'au bout de cinq minutes, je suis très déçue. Il avance beaucoup plus lentement que ce à quoi je m'attendais. Je vais zoomer, et au bout de 7,5 minutes environ, c'est fait. Nous pourrions utiliser ce bouton appelé Ouvrir un navigateur externe, mais cette fois-ci, je vais aller dans son dossier et rechercher le fichier d'index, de la manière classique. Et voici à quoi ressemble le site Web. Rien de fou, mais ça a l'air plutôt bien. C'est un état de survol. La police est belle et épaisse. Il a suivi nos instructions. Oui, dans l'ensemble, j'en suis plutôt content. Et je pense que la version mobile est également assez solide. Rien d'autre à redire que du solide. Maintenant, comparons-le à quelque chose. Passons à GPT 4.1. Je vais ajouter toutes mes étapes de configuration dans un fichier joint. OK, veuillez le revoir. Je vais donc avancer à toute vitesse. 4.1 propose également quelque chose d' assez fort : react and vet, puis tailwind CSS Encore une fois, c'est très bien si vous ne savez pas ce que cela signifie, mais c'est solide. C'est bon signe. La version 4.1 extrait les images et crée des fichiers assez rapidement. Moins d'une minute et je suis très content. Mais voilà le truc. Voici ce qui se passe. Elle descend en spirale. Erreur après erreur. Et cela continue pendant un certain temps. Et puis j'ai été très surprise. Il a cessé de fonctionner sans rien dire. J'ai cherché un fichier d'index, mais il n'y en avait pas. C'est donc ce que j' entends par personnalité. En général, Claude me dit toujours ce qui se passe ? Quelle est la situation ? Et souvent, il fait de nombreuses étapes sans s'arrêter pour me demander des choses. Mais j'ai entendu dire que ce modèle, 4.1 d'Open AI, est beaucoup plus nerveux. Il fait souvent des pauses et a tendance à consommer beaucoup plus de crédits car il veut que nous confirmions si nous voulons continuer. Bien entendu, nous voulons continuer. Plus d'informations sur les coûts ultérieurement. Mais oui, c'est plus cher. Cela va demander plus d'argent. Mais oui, pour y revenir, j'ai dû donner une seconde invite pour que nous puissions continuer. Acceptez tout, puis une dernière demande, la troisième, continuez. Mais oui, je pense que c'est déjà fait. C'est très intéressant. OK, alors ce n'est que maintenant qu'il m'a donné l'adresse du site Web, son hébergeur local. Comme il utilisait un texte différent, une approche différente, il n'a en fait pas créé de fichier d'index. Intéressant OK, maintenant restons simples. Ouvrons-le, mais il ne se charge pas. Maintenant, voici le voyant jaune dans cette zone. Maintenant, cela signifie que quelque chose essaie de fonctionner. Ouvrons donc le terminal. Et ici, on dirait que cela me demande d'exécuter une commande, taper moi-même et de l'exécuter moi-même, ce qui est un peu frustrant. J'aurais aimé qu'il le fasse tout seul ou du moins qu' il le dactylographie. Mais c'est ce que c'est. OK, laisse-moi le taper. OK, lancez-le, puis quelques problèmes, et il me dit ce que je dois faire pour le réparer. Encore une fois, il s'agit d'un simple copier-coller. Ce n'est rien de grave. Mais au début, je ne savais pas que je devais le faire moi-même. Alors, d'accord, passons à la quatrième invite pour continuer. Maintenant, je pense que le serveur est opérationnel et que nous pouvons le vérifier. D'accord, oui, jetons un coup d'œil. Le design semble tout à fait correct. Il fait beaucoup plus sombre, et voici un truc amusant. Je voulais un fil Instagram, même si je savais que ce serait très difficile à mettre en œuvre. Il en a ajouté un, mais c'est un hasard, pas celui que j'ai mentionné. Alors, est-ce une victoire ? Non, je ne suis pas sûr. Dans l'ensemble, c'est un design décent réalisé avec une bonne balise tex, et la version mobile est également assez décente. Ce sont donc des instructions GPT 4.14 au total, des résultats décents, mais nous voyons déjà une grande différence entre celui-ci et Claude Continuons après la pause rapide. Ne travaillez pas tout de suite. Laisse-moi aussi m' occuper des autres. 11. GPT vs Gemini vs Grok: Bon retour. Continuons à comparer ces modèles. Alors allons-y avec GPT 04. Maintenant, pendant que je configure cela, permettez-moi d'expliquer rapidement la version 4.1 par rapport à la version 04. En bref, chaque modèle est construit autour du cas d'utilisation. Il s'agit d'une voiture de sport par rapport à un SUV à sept places. Ils excellent dans différents domaines. Ils sont destinés à différents usages, non ? 04 est très axé sur le codage. Il ne prend pas en charge les images. Il se concentre sur le raisonnement, la logique, ce qui signifie essentiellement qu'il est excellent pour le codage, n'est-ce pas ? Maintenant, d'un autre côté, la version 4.1 est universelle. C'est une berline typique que la plupart des gens peuvent utiliser pour à peu près tout. Maintenant, cela signifie-t-il qu'il excelle dans tous les domaines ? Non, bien sûr que non. En étant d'accord avec tout, il n'est doué pour rien, non ? Il ne s'agit évidemment pas d'une comparaison complète entre les deux, mais j'espère que vous comprenez pourquoi une entreprise propose des modèles différents, exactement comme les marques automobiles. Ils proposent une voiture de sport à deux places, une berline, un VUS, une camionnette, etc., différents cas d'utilisation répondant à des besoins différents. Mais oui, pour y revenir, 04 c'est vraiment réfléchir. Maintenant, là où les autres modèles ont été lancés immédiatement, celui-ci hésite Au bout de 2 minutes, il n'a rien fait de productif. Je viens de voir mes images dans le dossier, et c'est tout. C'est donc un peu décevant. Et cette lenteur continue, et c'est en fait assez agaçant Gardez à l'esprit que pour le moment, le prix est un peu inférieur à celui des autres. Cela représente en fait 25 % du coût par rapport au cloud, par exemple. Mais voilà le truc. C'est en fait assez lent. Mais étonnamment, après environ 4 minutes, le site Web est bel et bien terminé. Le projet est terminé. Maintenant, jetons un coup d'œil, et, vous savez, le site Web n'est pas très bon. D'ailleurs, le modèle ne nous a pas dit ce qu'il utilisait. Quel cadre a-t-il utilisé ? Il n'a pas dit qu'il n'avait pas réussi à utiliser ce que les précédents faisaient, comme les suivants JS ou VT, peu importe. Mais oui, il n'y a pas vraiment pensé. Il ne nous a rien dit et ne nous a rien demandé. Maintenant, parce qu'avec les codeurs Knot, c'est en fait un mauvais signe car nous n'avons aucun contexte On ne peut pas vraiment demander de l'aide. Nous ne savons pas vraiment ce qui se passe avec notre projet. Il l'a construit, mais nous n'avons aucun contexte, aucune idée. Et pour ce qui est du design. Dans la version mobile, nous pouvons voir comment le texte touche les côtés, ainsi que les cartes. Ils n'ont aucune marge de manœuvre sur les côtés. Donc oui, ça a fait le job. Il l'a fait en une seule invite, peu importe. Mais je ne pense pas que ce soit génial. Mais oui, dans l'ensemble, c'est 04. Et voilà le truc. Lorsque vous le recherchez sur un graphique, il semble que ce soit l'un des meilleurs. Mais je pense que dans ce cas, c'est assez bas sur la liste. C'est lent. Cela ne nous a rien dit. Donc, dans l'ensemble, je ne peux pas dire que je suis heureuse. En fait, je l' ai essayé ces derniers jours. En fait, je crois que c'était environ une semaine, sans arrêt, seulement 04 heures. Et, mec, c'est bien trop lent. Même si c'est intelligent, cela ne compense pas. Bien sûr, je suis content qu'il ne fasse pas beaucoup d'erreurs, mais oui, dans l'ensemble, c'est bien trop lent. D'accord, passons à X AI, sur Twitter. Ils ont un modèle appelé Glock. Je vais donc passer exactement à la même tâche, aux mêmes étapes. D'accord, Glock Three dit qu' il veut utiliser React et Type Script, et cela explique pourquoi. C'est plutôt bon. Cela commence fort en créant un tas de fichiers, mais il y a quelque chose de louche. Comme vous pouvez le voir ici, les evos arrivent, et il y en a pas mal les uns après les Bien sûr, ce n'est pas génial. donc passé quelque chose ici. Date limite dépassée. Je n'ai aucune idée de ce que c'est. Mais tu ne nous as rien demandé, alors ça continue. Je pense donc que cela nous a rappelé l'objectif, qui est plutôt bon. Et oui, il s'agit de refaire les fichiers par le haut, ce qui était contre , encore une fois, plus qu'ici Ce n'est donc pas bon signe, mais tant que ça marche, tu sais, je peux m'en occuper. Et voici le problème, même si mon ordinateur n'est pas configuré parce que je répète qu'il ne l'est pas, c'est pareil pour tous les modèles, non ? Il s'agit donc d'une comparaison équitable, car tous les modèles ont reçu exactement la même tâche sur le même ordinateur. Maintenant, grog semble penser qu' il y a un problème avec création de fichiers et cherche des options Il a donc décidé d'utiliser une structure plus simple contenant uniquement les fichiers essentiels. Le déclassement n'est donc pas idéal, mais voyons voir. Donc, après une seule invite, il nous a donné notre résultat. OK, jetons-y un œil. C'est un design basique. Il n'utilise pas le textag qu'il avait initialement annoncé qu'il utiliserait. Et en ce qui concerne le design lui-même, eh bien, c'est le seul qui a réussi à implémenter les bons flux Instagram, donc c'est le seul qui fonctionne réellement. Mais cela dit, il manque les photos respectives des produits. Donc, dans l'ensemble, d'après ce que je vois ici, l'arbre Glock, c'est un peu raté Je ne peux pas dire que c'est mon préféré, mais ce n'est pas pire que 04. J'aime bien sa personnalité, mais encore une fois, tu vas devoir décider toi-même. Maintenant, un dernier test. Passons à Gemini depuis Google, sur lequel la plupart des gens parient Même étapes que précédemment, rien n'a changé. Alors allons-y et jetons un coup d'œil. Donc, immédiatement, il dit qu'il va créer un site Web de base, sans balise de texte. Pas génial. Mais cela nous parle très bien. Il explique qu'il voit huit images et qu'il est heureux de pouvoir créer une grille parfaite de quatre par deux. C'est une belle idée. C'est très intéressant. Il ne nous demande rien. Il continue de fonctionner. Et ça marche assez vite, au moment où ça se voit. Au bout d'une minute et demie , c'est prêt. Waouh. OK, assez vite. Et jetons-y un coup d'œil. OK, oui, c'est solide. Rien à redire, bien sûr, mais la tâche était assez vague Je suis donc content du résultat. Le fil Instagram n' est cependant pas réel. C'est très intéressant. Il a donc utilisé mes photos pour en créer une fausse, ce qui est une approche très intéressante. Mais je ne suis pas sûr d' avoir confiance en cela. J'aurais préféré qu'il dise : «   Hé, je ne peux pas le faire avec quelque chose ». Mais oui, je viens d'en inventer un. OK. La carte n'est pas aussi belle que celle de Claude, et les images sont un peu modestes. Ils sont assez petits et ne s'ajustent pas bien. De plus, l'ensemble du site Web est très large. OK. Google vient de lancer un nouveau modèle, un nouveau modèle Gemini, mais il n'est pas encore disponible Mais oui, dans l'ensemble, c'est ce que l'actuel peut faire assez rapidement. Alors, dans l'ensemble, quel est le gagnant ? Eh bien, c'est sujet à débat. Tu dois le tester toi-même. Mais je peux clairement dire que 04 est bien trop lent. Et Grock a oublié l'une des choses les plus importantes : les photos des produits GPT 4.1, je pense, est le seul à utiliser réellement le serveur local, et il a utilisé l' excellent textag avec React VT et Tailwind CSS, J'aimerais dire qu'en tant que non-codeur, en tant que personne qui n' est pas technique, je pense que c'est un gros avantage parce que je ne sais pas ce que je veux demander, n'est-ce pas ? Lorsque le modèle me guide, je pense que c'est mieux parce que, encore une fois, je ne sais pas quoi demander. C'est donc en fait très bien. De plus, en vedette, il s'est intégré au fil Instagram, même si ce n' était pas le bon produit provenant d'une entreprise prise au hasard. Mais oui, dans l'ensemble, c'est le test. Elle n'est pas définitive. Il n'est pas exhaustif. Si vous donnez de meilleures instructions aux modèles, si vous avez mieux configuré votre système, vous obtiendrez peut-être des résultats totalement différents. De plus, chaque fois que vous l'exécutez, il y a de fortes chances que vous obteniez autre chose. Ne considérez donc pas ces résultats comme définitifs. Non, j'ai eu beaucoup de mal avec GPT 4.1 avec mes applications Android. Il oubliait ce que j'ai essayé il y a deux ou trois minutes, et il tournait en rond. Je suis ensuite passé au Cloud, et cela a immédiatement fonctionné dès le départ. Il n'y a donc pas de réponses définitives. Je change constamment au cours d'un projet lorsque je suis bloqué, mais le plus souvent, je pars d'un objectif clair. Hé, je vais construire ce projet avec le Model X, avec Claude, avec Gemini, peu importe En effet, lorsque vous changez de modèle au cours d'un projet, il se peut que le nouveau modèle ne soit changez de modèle au cours d'un projet, il pas comme le précédent. Oui, ça arrive. En fait, c'est assez drôle. Faites-lui des critiques. Oh, mec. Il y a du désordre ici. Je dois réparer tout ça. Laisse-moi m'en occuper, mec. Celui qui a travaillé ici a fait un travail terrible. Donc, quand vous voyez l'IA dire des choses comme ça, c'est en fait assez drôle. Mais oui, pour conclure, j'espère que vous avez maintenant une idée de la façon dont ces modèles se comparent. Maintenant, vous avez un point de vue différent, pas seulement le graphique que je vous ai montré. Au fait, il existe de nombreux graphiques. n'est que l'un d' entre eux. Alors, mon conseil, essayez-le vous-même. Utilise mon invite. Vous l'avez attaché, et vous voyez ce que c'est. Dites-moi ensuite vos résultats dans la zone des commentaires. J'adorerais connaître votre expérience. Donne-moi ton meilleur modèle, tu es le pire, et tu es le plus banal. N'oubliez pas, amusez-vous bien avec. Des problèmes ne manqueront pas de se poser. Restez au frais, détendez-vous et profitez du processus. Vous aurez vos propres favoris. Ce qui compte, c'est que vous atteigniez votre objectif, peu importe ce que vous utilisez. Bonne chance. 12. Les coûts expliqués de manière simple: Bon retour. Je voudrais aborder un point très important, à savoir l' aux fourchettes, l'anxiété liée au crédit. Et voilà le truc. Votre plan mensuel comprend un certain nombre de crédits, 500 crédits pour le moment. Vous payez une certaine somme et vous pouvez utiliser ces crédits. C'est 15 dollars pour le moment, donc 15 dollars pour 500 crédits. Maintenant, voici comment cela se passe. Cliquez ici pour y jeter un œil. Vous pouvez le constater, le coût varie. Certains d'entre eux sont très chers et personne ne les utilise. De temps en temps, il y a aussi des promotions. Par exemple, Open AI a donné les versions 4.1 et 04 gratuitement, totalement gratuites pendant une dizaine de jours. Pour le moment, ils sont moins chers que le Cloud. Claude possède également deux versions pour le moment. Cela semble donc assez compliqué, non ? Et c'est parce que vous donnez parfois à un modèle une invite, une tâche. Et puis le modèle fait 20 choses l'une après l' autre, n'est-ce pas, complètement seul, et vous n'êtes qu'un passager, et c'est un mérite, n'est-ce pas ? Il décompose une tâche énorme en tâches plus petites, puis, petit à petit, il les exécute. Il fonctionne tout seul. Génial. Mais les autres modèles sont différents. Vous lui donnez un message et il ne fait qu'une seule étape. Donc, un seul crédit, mais ce n'est en fait qu'une étape. Parfois, il vous indique ce que vous devez faire, ce qui est très frustrant. C'est pourquoi le coût est relatif. Vous pouvez dire : OK, disons que la version 4.1 est super bon marché, n'est-ce pas ? Mais s'il est amnésique et qu'il a besoin que vous lui teniez la main à chaque étape, vous devez lui donner quatre ou cinq instructions, alors que pour Claude, vous n'avez qu'à lui en donner une seule Alors, le coût a-t-il vraiment un sens ? Peux-tu réellement comparer les deux ? Non, pas vraiment. autre côté, certains modèles sont incroyablement chers, voire dix fois plus chers. Maintenant, cela signifie-t-il qu'ils sont dix fois plus bons ? Non, ce n'est pas le cas. Encore une fois, je pense que les choses évoluent rapidement et que ces modèles vont s' améliorer de plus en plus et devenir moins chers. Maintenant, voici ce dont je veux vraiment que vous preniez note. Être à court de crédits n' est pas un gros problème. Tu as ce joli chiffre rond 500. Mais la toute première fois que vous l'utilisez, il descend à 499, puis à 498. Et après les quelques jours de ce cours, vous en aurez 450, puis 390. Et puis la panique commence à s'installer. Et si je réduisais tout le plan, 500 crédits ? Que se passera-t-il alors ? J'ai eu exactement la même idée, puis j'ai découvert le jeu. Même si vous parcourez les 500 crédits et que vous n'avez pas de projet terminé, ce qui est presque impossible, d'ailleurs, vous pouvez toujours en acheter d'autres. Et le prix actuel est de dix dollars pour 250 crédits. C'est 0,04$ par bal de fin d'année que vous prendriez. Alors 0,04$, non ? Encore une fois, un seul crédit peut parfois vous apporter beaucoup de progrès. Mais d'autres fois, ce n'est peut-être pas le cas. Cela dépend vraiment de la clarté de vos instructions, leur degré de détail. Mais même si vous avez des résultats moyens, accord, disons-le ainsi. C'est 0,04$, non ? Donc, dix instructions, dix tâches, vous coûteront 0,40 100, ça veut dire quatre dollars. Et je pense qu' au début, vous dépenserez moins de 50 dollars par jour, surtout si vous utilisez certains des modèles les moins chers en mode promotion. Maintenant, c'est là que cela fonctionne enfin, et où, pour moi, cela avait tout à fait du sens. Notre objectif est de créer des sites Web puis de gagner de l'argent, n'est-ce pas ? Construisez des projets qui nous permettront d'être embauchés comme indépendants, nous obtenir un emploi stable, de lancer une entreprise C'est le but, non ? OK, si vous vouliez engager un codeur, croyez-moi, vous ne paieriez pas deux, trois ou quatre dollars par jour. Non. Je parle d'un codeur moyen, non ? Mais ici, vous avez accès à certains des meilleurs codeurs au monde pour quelques centimes, littéralement des centimes Maintenant, une page de destination moyenne devrait vous envoyer entre 2030 invites et peut-être 100 au maximum Dans notre exemple, nous utilisons moins de cinq, non ? Mais même si vous en utilisez 50, non ? Croyez-moi, cela n'a rien à voir dans le grand schéma des choses. Lorsque vous vendez ce site Web pour n'importe quel prix, disons 500 dollars sur le bas de gamme, n'est-ce pas ? Est-ce vraiment important que vous ayez dépensé deux dollars pour y parvenir, bien sûr que non. Donc, cette crainte de manquer de crédits n'est en fait pas rationnelle. La plupart des codeurs demandent entre 25 et 100 dollars heure sur les plateformes de freelancing Winsurf est moins cher, plus rapide, meilleur et c'est sous votre contrôle Vous n'utiliserez pas des centaines de crédits par jour, surtout au cours des premiers mois. Maintenant, gardez à l'esprit autre chose. Au début, vous ne savez pas ce que vous faites, n' est-ce pas ? C'est bon. Vous risquez de brûler certains crédits. Les 20 ou 30 premiers. C'est très bien. C'est normal. C'est comme ça qu'on apprend, non ? Mais au fur et à mesure que vous vous améliorez, vous utiliserez les crédits de plus en plus judicieusement. Mais pour l'instant, faites des folies. Utilisez-les. Ne t'inquiète pas pour eux. Il s'agit d'un investissement dans votre avenir. Vous achetez un cours, vous achetez plusieurs abonnements, mais le coût global n'est rien comparé à la hausse. J'ai créé de véritables entreprises dans le secteur alimentaire. J'ai créé des entreprises dans le secteur de la technologie. J'ai eu des équipes de dizaines de personnes. Les coûts sont immenses. loyer, les services publics, les salaires, l'équipement coûteux, le revers de la médaille planche à voile payante Ce n'est pas une meilleure offre que le Vibe Coding pour le moment. Avec quelques dollars, vous pouvez accomplir tant de choses. En résumé, ne protégez pas vos crédits. Ne les chérissez pas. C'est un investissement dans votre formation. Utilisez-les. OK, continuons. 13. Les dangers cachés du codage dynamique et de l'accès complet à l'IA: Bon retour. Parlons de quelque chose qui n'est pas très amusant, mais c'est une sécurité très importante. Plus précisément, que se passe-t-il lorsque nous diffusons du code par vibration ? Vous savez, lorsque nous sommes dans la zone, impatients d'essayer nos nouveaux agents d'IA, nous pouvons installer une tonne de choses gauche et à droite sans hésiter, n'est-ce pas ? Mais voici le problème. Chaque fois vous exécutez un script que vous avez trouvé sur ce câble, lisez ou que vous le lisez ailleurs, chaque fois que vous donnez un accès complet à un agent, à un mannequin, à une entreprise, vous remettez les clés de votre ordinateur Et laissez-moi vous expliquer ce que cela signifie. Imaginez que votre ordinateur est votre appartement, n'est-ce pas ? Et à l'intérieur, tu as des affaires privées. identifiant bancaire, vos plans d'affaires, vous avez des fichiers créatifs, monnaie cryptée, des cartes de crédit, des photos privées, votre passeport, votre carte d'identité, les œuvres. Maintenant, imaginez ça. Vous sortez déjeuner et vous laissez la porte de votre appartement grande ouverte. Pire encore, vous collez votre clé sur la porte d'entrée pour que tout le monde puisse l'utiliser pour n'importe qui, non ? Maintenant, c'est exactement ce qui se passe lorsque nous laissons quelqu'un ou quelque chose contrôler notre ordinateur sans aucun doute. Cela se produit souvent avec le codage Vibe , car parfois l'IA ne tient pas compte de ces problèmes Il enregistre parfois les mots de passe, tous les mots de passe des projets dans un fichier texte appelé mots de passe. Je n'exagère pas. Eh bien, je le suis un peu, mais pas beaucoup. Les méchants savent ce genre de choses. Ces modèles ne pensent pas à la sécurité, sauf si vous le leur demandez. Et quand vous laissez un programme faire ce qu'il veut avec votre ordinateur, encore une fois, c'est comme si vous disiez : « Hé, n'hésitez pas à visiter ma maison, à prendre ce que vous voulez ». Maintenant, voici le truc. Nous ne voulions pas installer Python nous-mêmes. Nous ne voulions pas réparer l'installation alors qu'elle ne fonctionnait pas, n'est-ce pas ? Nous ne voulions pas nous renseigner sur quatre salles envoyer des tickets d'assistance et demander aux gens de nous aider, n'est-ce pas ? Ce n'est pas ce que nous voulions faire. Nous préférerions l'IA se contente de le réparer, qu'elle le fasse d'elle-même. Mais c'est comme ça que ça doit être, même si c'est frustrant. Je sais que nous voulons tous un robot personnel qui fasse les choses automatiquement de manière parfaite, un clone de GPT, quelque chose Peut-être qu'il tape pour vous, peut-être qu'il installe des programmes. Ça a l'air trop cool, non ? Mais voilà le truc. Donner le contrôle total à l' IA n'est pas comme engager un assistant personnel. Non, c'est comme donner à un étranger votre carte de crédit, les clés de votre maison, votre passeport et lui dire : « Hé, fais ce que tu penses être le mieux ». Voilà le truc. Nous n'y sommes pas encore. Bien que cette technologie soit impressionnante, elle est fantastique. La partie sécurité est encore très fragile. Donc, oui, je suis tout à fait pour l'IA. J'adore l'utiliser pour accélérer mon travail. Je suis d'accord pour donner un certain contrôle, mais je ne vais donner le contrôle à aucun type de MCP, à aucun type d' agent ou quoi que ce soit d'autre, n'est-ce pas ? Encore un peu de travail pour mes mains. Bien sûr, c'est très bien. Installer les outils manuellement, vérifier les autorisations, lire quelques instructions, ce n'est pas la fin du monde. Bien sûr, cela prend plus de temps, mais cela peut aussi vous donner le contrôle. Et lorsqu'il s'agit de lancer un projet sérieux, qu'il s'agisse d'une application, d'un site Web ou d'une start-up, peu importe, la sécurité ne doit jamais être une question secondaire. Nous en reparlerons plus tard. Mais pour le moment, je voulais vous dire que nous allons travailler un peu nous-mêmes, mais je voulais vous dire tout cela parce que je pense que c'est très important. Tout ce que nous avons installé est excellent. C'est officiel. Ce sont des programmes très connus. Mais vous allez trouver sur le Web d'autres choses qui ne sont pas officielles, pour ainsi dire. Vous allez trouver un logiciel créé par qui dans une autre partie du monde qui prétend pouvoir faire fonctionner automatiquement votre ordinateur. OK, qui est cette personne ? Quels sont ces développeurs ? Qui est cette entreprise ? Tu ne peux pas donner à tes clés un tel salaire. Donc, encore une fois, tout ce que nous avons installé jusqu'à présent et tout ce que nous sommes sur le point de faire est vérifié. C'est quelque chose de sûr et vous ne devriez avoir aucun problème. Mais ne tombez pas dans ce piège où vous voyez quelque chose sur TikTok et, hé, regardez, mon ordinateur fonctionne automatiquement Ne l'installez pas encore. Utilisez quelque chose de très connu. Utilisez les meilleures pratiques. OK, continuons. 14. 80 %-20 %: Bon retour. Permettez-moi d'être clair. Vous ne gagnerez pas 1 000 000 000 000 de dollars par vous-même avec le codage Vibe, mais vous pouvez lancer des produits, des sites Web, des applications qui génèrent L'un des principaux problèmes est d'obtenir les dix à 20 % restants que vous pourriez souhaiter. Et cette dernière étape peut vous prendre un temps incroyable. Et beaucoup de frustration. Alors faisons-le. En pièce jointe, vous avez ce dossier. C'est l'un de nos sites Web précédents. Et il y a cette fiche produit qui a l'air correcte, mais peut-être voulons-nous la rendre un peu plus belle, non ? C'est donc l'objectif. Rendez ça plus beau. Maintenant, c'est le genre de chose qui peut très bien ou très mal tourner en planche à voile Alors mettons notre chance à l'épreuve. Accédez au menu principal pour accéder au fichier, puis ouvrez ce dossier. Vous avez joint une archive que vous devez d'abord extraire. OK, maintenant, voilà le truc. Nous allons utiliser Cloud 3.7 pour le moment, mais vous aurez une expérience similaire avec plupart des modèles, même les plus récents. Maintenant, vous voudrez peut-être ouvrir ce site Web pour voir à quoi ressemble ma carte existante, et je veux l'utiliser comme point de référence, n'est-ce pas ? Quelque chose comme ça me ferait plaisir. OK, maintenant nous pourrions potentiellement écrire toutes les modifications que nous voulons, ce qui nous permettrait d'économiser des crédits. Mais je vais y aller étape par étape. Cela vous donne généralement de meilleurs résultats. Disons que pour les avis figurant sur les fiches produits, ajoutez le score du produit à deux chiffres. Mettez le score en gras. OK, c'est parti pour les courses. Cela demande un certain temps d'analyse, mais c'est généralement le cas lorsque vous importez un projet. Il va parcourir le code dans son intégralité et essayer de comprendre ce qui se passe. OK, avance vite. Et c'est bon, c'est fait. Et voici exactement ce que je veux dire. C'est tout ce que je veux dire. Cela ne ressemble pas à ce que j' ai affiché sur mon site Web en direct. Maintenant, est-ce que ça a l'air horrible ? Non, bien sûr, mais ce n' est pas ce que je veux. Et si vous êtes perfectionniste, ce genre de choses peut vous rendre fou Si vous voulez que les choses soient d'une manière très spécifique, cela peut vous demander beaucoup de bals et beaucoup d'efforts OK, continuons. Écrivons ceci. Ajoutez un texte d'affichage détaillé en orange et en gras, sans arrière-plan, et ajoutez un bouton Ajouter à la carte avec un fond orange et un texte blanc Ces deux boutons doivent être placés côte côte sous le classement. OK. Maintenant, c'est une question. Pourrais-tu mieux le décrire  ? C'est une autre discussion. Mais oui, tu as une idée en tête. Dans ce cas, nous avons l'avantage de voir réellement la version live. Mais oui, tu dois juste faire de ton mieux et décrire ce que tu veux. Et voyons comment cela se passe. OK, au bout d'un moment, c'est fait. N'oubliez pas de toujours appuyer sur Accepter toutes les modifications. Nous pouvons maintenant l'actualiser. Ouais Encore une fois, c'est plutôt bon. Est-ce exactement ce que je veux ? Non, pas vraiment. C'est tout ce dont tu dois te rendre compte. Bien sûr, c'est une question concernant la qualité de mes instructions ou de mon invite. Je pourrais décrire ce que je veux de manière beaucoup plus détaillée, non ? Peut-être fournir une image comme référence, peut-être lui montrer un design que j'ai créé Figma Bien sûr. Cela pourrait potentiellement fonctionner. Et je ne suis pas contre l'augmentation du travail, mais ce n'est pas ce que j'essaie de dire. J'essaie de dire que vous devez être prêt à faire face à cette charge de travail. Vous y arrivez de 80 % à 90 %, mais pour le reste, c'est vraiment difficile. Laisse-moi essayer un dernier message. Déplacez le poids du produit le côté droit du prix, alignez le poids avec le bouton Ajouter à la carte, arrondissez complètement le bouton Ajouter à la carte, modifiez le poids des informations de l'affichage en gras au normal. Donc, comme vous pouvez le voir, je suis en train d' empiler les instructions, n'est-ce pas ? Un seul crédit, mais j' essaie de régler plusieurs problèmes. Vous pouvez, bien sûr, le faire, voyons comment cela se passe. D'ailleurs, même si vous pouvez créer une boutique à 100 % avec Winserf, je pense que j'utiliserais toujours WooCommers basé sur WordPress, mais peut-être ShopII pour un tel projet, simplement parce qu'ils sont Bien sûr, s'il s'agit d'une simple boutique proposant seulement un ou deux produits, quelque chose d'assez petit, vous pouvez tout aussi bien travailler dans WinSerf, à 0,02$. La seule exception serait une boutique très simple basée sur très peu de produits. Mais oui, y revenir, c'est, encore une fois, décent. Ce n'est pas exactement ce que je veux. Nous pourrions dépenser dix, 15 ou 20 crédits supplémentaires, ou nous pourrions essayer différentes approches pour nous rapprocher de ce que je veux, mais je préférerais en finir avec cela. Sois content de ça. Cela ne fera ni réussir ni défaire votre projet. Ne soyez pas perfectionniste. Lancez le projet dès que possible, voyez comment il se déroule, découvrez ce que les gens en disent, puis peaufinez-le. Encore une fois, après cela, vous devriez le polir. Il est si facile de se focaliser sur ces détails, mais je te promets que tu seras tout simplement perdant à long terme Et je parle par expérience car je suis aussi perfectionniste C'est difficile, mais il faut l'accepter. Lancez-le, puis polissez-le. Et avec ça, continuons. 15. De Figma à Windsurf ?: Bon retour. Le rêve de coder un design réalisé Figma en quelques secondes ne s'est pas encore concrétisé. Du moins, pas la planche à voile. Nous avons un MCP Figma grâce auquel vous pouvez donner accès à vos créations à la planche à voile. Ça a l'air génial. Vous devez configurer un jeton et vous disposez des paramètres Figma. Ce n'est pas trop compliqué, mais il faut être un peu patient. Au fait, ne travaillez pas ensemble, s'il vous plaît. Maintenant, voici le truc. Ça a l'air génial. L'IA peut désormais analyser toutes nos décisions de conception et les mettre en œuvre parfaitement au pixel près. Après tout, c'est ce à quoi nous sommes confrontés, n'est-ce pas ? Cela dure dix ou 20 %, les détails, mais ça ne marche pas. À la date de cet enregistrement, il fait vraiment un travail horrible, quel que soit le modèle que vous utilisez. Je l'ai essayé avec Claude, avec Gemini, avec GPT, et les résultats vont de mauvais à l'impossibilité de terminer la tâche, et je veux vraiment dire Le flux est simple. Vous créez une jolie page dans Figma, n'est-ce pas ? Vous sélectionnez le cadre entier. Ensuite, vous copiez cette page spécifique en cliquant avec le bouton droit de la souris et en choisissant Copier le lien vers la sélection. OK. Vous pouvez ensuite démarrer un nouveau projet et une nouvelle fenêtre, créer un dossier, comme toujours, puis indiquer au modèle de votre choix d'implémenter cette conception en utilisant du CSS, du HTML et du JavaScript. Donc des trucs très basiques pour ne pas compliquer les choses, non ? Ensuite, vous ajoutez le lien. Cela devrait être aussi simple que cela. Mais pour une raison ou une autre, cela ne fonctionne pas. Encore une fois, c'est tellement mauvais que ça ne vaut même pas la peine de le montrer. C'est tout simplement horrible. Cela ne fonctionne pas. Maintenant, voici le truc. Quand les choses changeront et que vous ferez de la planche à voile, je vous le ferai savoir Mais pour l'instant, je ne pense pas que ce soient des crédits bien dépensés. D'un autre côté, je recommande vivement mes cours de conception de sites Web. Et ce n'est pas parce que vous devez apprendre à utiliser le figma, mais parce que les principes du design font toute la différence, comme le contraste Ainsi, les gens voient ce qui compte vraiment hiérarchie pour guider l'œil, grands titres, des boutons effacés, de grands espaces. Plus c'est évidemment mieux. Ne regroupez pas les choses. Symétrie, alignement, gardez-le net, gardez-le propre. Typographie, pas seulement de belles polices, mais aussi des tailles, un poids et un espacement appropriés Tels sont les principes que j'enseigne. Et comme vous le découvrez, ces plateformes de codage nous aident à résoudre tous les problèmes de code complexes. Mais si vous voulez un design raffiné, vous devez connaître ces principes afin de pouvoir guider le modèle. Il faut savoir quoi demander. Par exemple, augmenter le rembourrage la carte ou définir ce texte H deux, puis ce texte H trois, peu importe, utiliser ce code couleur ou indiquer comment certains boutons doivent être remplis alors que d'autres doivent être du texte pur Ce sont les choses que je vous enseigne dans mes cours de design, et je vous promets que ce n'est pas publicité. C'est ce dont tu as besoin. Faites passer vos conceptions au niveau supérieur pour améliorer vos instructions, vos instructions, afin d' obtenir de meilleurs résultats C'est ce dont vous avez besoin pour mieux décrire vos idées. Cela étant dit, Figma et planche à voile ne fonctionnent pas, alors continuons 16. Présentation générale: Bon retour. Jusqu'à présent, nous avons appris que le codage Vibe a pratiquement tué le design Web en termes de méthode de travail classique Wireframes, conceptions haute fidélité et figma, préparation du fichier pour le codage, puis enfin, un code arrive et implémente le projet sur un site Web fonctionnel Maintenant, l'ensemble de ce flux prendrait de quelques jours à quelques mois, et ce n'est plus le cas. Et cela me fait vraiment mal de le dire, car je suis actif dans ce domaine depuis de nombreuses années. Mais voilà le truc. En tant que designer, j'ai beaucoup d'expérience dans le transfert d'idées de mon esprit vers une page blanche. Je sais généralement ce que je veux. Je sais ce qui semble beau et ce que les clients veulent habituellement. Tout ira bien pour moi. Je ne suis pas totalement à l'aise avec cette vague d'IA, mais parce que j'y participe, j'apprends, je grandis. Je pense qu'il y a en fait plus d'opportunités qu'avant. Je pense que je surfe sur cette vague, même si je vais perdre de nombreux projets. Je pense que je vais avoir beaucoup de succès avec le vibe coding. Maintenant, ce qui m' inquiète en fait, c'est de savoir comment mes amis qui s'intéressent au codage vont s'adapter. Vous voyez, au moins dans mon pays, plus personne n'embauche de développeurs. Les seuls emplois disponibles concernent des postes de très haut niveau et d'autres postes où une personne recevrait généralement, disons, 3 000 dollars par mois, ne se disons, 3 000 dollars par mois, voient actuellement offrir que 2 000 dollars Il s'agit d'un changement important, car la plupart des entreprises ne peuvent pas s'adapter aussi rapidement. Ils voient comment des entreprises de plusieurs milliards de dollars se concentrent sur l'IA, par exemple, le double jargon, Mais la plupart des entreprises ne peuvent pas réellement le faire. Sans beaucoup de fonds, sans un grand nombre de développeurs expérimentés qui surveillent de près l'IA, choses sont vouées à mal tourner, et la plupart des entreprises ne peuvent pas se le permettre, ne peuvent pas se permettre de gâcher quelque chose avec l'IA. Leur réputation est primordiale, non ? Cela signifie donc que la plupart des entreprises sont pratiquement bloquées. Ils ne peuvent pas vraiment embaucher des personnes de la manière classique, les développeurs parce que cela semble dépassé. Les investisseurs, les actionnaires de toutes sortes, les banques pourraient les considérer comme s'ils achetaient des télécopieurs. Cela aurait évidemment du sens, mais d'un autre côté, mais d'un autre côté, ils ne peuvent pas vraiment passer à l'IA non plus, car, encore une fois, c'est trop sensible. Il est encore tôt et des erreurs sont inévitables. Cela signifie donc que le marché du travail pour les développeurs est fondamentalement en pause, moins dans ma région du monde. C'est pourquoi je m' inquiète encore une fois pour les designers, car je pense qu'ils peuvent pivoter. Ils sont généralement débrouillards et agiles. J'espère que les développeurs seront capables de faire de même. Mais oui, dans l'ensemble, c'est comme ça que je vois les choses. Certaines opportunités sont perdues, mais les nouvelles sont bien plus intéressantes. Donc, dans l'ensemble, je pense que tout ira bien. Et avec ça, continuons. 17. De l'idée à Windsurf en passant par Vercel et au site web en direct: Bon retour. Laissez-moi vous expliquer le processus de création d'un site Web en ligne avec votre propre nom de domaine en très peu de temps. Nous allons donc commencer par un projet totalement vierge et faire de la planche à voile. Créez une version fonctionnelle de ce site Web qui s'exécute localement sur notre propre ordinateur, rien de plus. Lorsque nous en serons satisfaits, nous l' enverrons ensuite dans le cloud, sur Github, sur Internet Vous pouvez penser à GitHub comme Drawbox ou Google Drive. Il s'agit d'un endroit sur Internet où vous stockez vos fichiers. Cela signifie que vous pouvez y accéder depuis n'importe quel appareil, et si vous le souhaitez, vous pouvez les partager avec tout le monde. C'est assez facile à faire. Ainsi, une fois le site Web sur Github, nous l'enverrons à Versell, une plateforme qui nous aidera à publier afin que tout le monde puisse le voir Bref, Versell remplace une société d'hébergement. C'est l'essence même de tout cela. Voilà le truc. Une fois que vous aurez importé le site Web de Github vers Versell, il fonctionnera plutôt bien, mais vous aurez un lien moche, quelque chose comme ça, non ? Mais dans l'ensemble, il est toujours accessible à tous. Vous pouvez donc le partager avec vos amis, votre famille, vous pouvez le montrer à votre client, qu'il fasse le travail. Mais si vous voulez passer à l'étape suivante, vous pouvez acheter un nom de domaine directement dans Versell, attendre quelques minutes, peut-être quelques heures, et vous aurez alors votre propre adresse, comme cresbarn.com C'était déjà pris, alors j'ai acheté Cresbarndt Donc, une fois que tout est configuré et fonctionne, vous pouvez bien sûr revenir à Winserf et continuer à apporter génial, c'est que vous pouvez demander à Winserf de mettre à jour Github, et il le fera automatiquement Et puis Verslls fonctionnera également automatiquement. Donc, en fait, c'est assez facile. Le plus dur a été de tout mettre en place dès le début du cours. Maintenant, c'est une méthode qui permet de suivre les mouvements et de déboguer, résoudre les petits problèmes qui se présenteront Maintenant, ces problèmes peuvent nous prendre cinq, six, dix instructions, peut-être dix, 15, 20 minutes, ou vous n'avez peut-être pas Peut-être aurez-vous besoin de 20 instructions, peut-être de quelques heures. Mais dans tous les cas, vous y arriverez. C'est ce que nous allons faire dans cette partie du cours. Donc, pour récapituler, nous allons commencer par une bonne invite, quelque chose avec une bonne quantité de détails, puis nous allons commencer à construire dans Windsorf Ensuite, lorsque nous aurons terminé, nous publierons sur Github. Ensuite, à Versell. Il sera donc en direct et partageable avec tout le monde. Étape facultative : à la toute fin, nous pouvons acheter notre propre nom de domaine. Mais encore une fois, c'est facultatif. Une chose rapide. Pourquoi nous sommes-nous inscrits à Superbase ou l'avons-nous renvoyé ? Eh bien, le renvoi sera utile dans ce projet car nous aurons un formulaire de contact, et le renvoi est nécessaire pour Lorsque quelqu'un utilise le formulaire de contact sur le site Web, nous voulons que le client reçoive ce message, n'est-ce pas ? C'est donc à cela que sert le renvoi. SupaBase est idéal pour donner aux utilisateurs la possibilité de créer un compte Il gérera tous les éléments complexes de la base de données, et grâce à la façon dont nous avons tout configuré, il le fera automatiquement. Supabse, c'est pour plus tard. Pour l'instant, nous allons terminer un site Web solide du début à la fin, puis nous pourrons discuter davantage de sujets complexes tels que les bases de données, les paiements, l'inscription, etc. Pour l'instant, mettons-nous au travail. Publions notre premier site Web. 18. Comprenons l'invite: Bon retour. Voici l'invite que nous allons utiliser tous les deux. Vous l'avez attaché. Et pour ce qui est des détails, je dirais que c'est un six sur dix. Si vous prenez cette invite naturelle et essayez de l'améliorer dans le chat GBT, par exemple, vous obtiendrez une invite beaucoup plus détaillée que technique En général, cela aide, mais une demande compliquée serait un peu écrasante, alors j'ai décidé de m'en tenir à quelque chose qui semble naturel. Nous marchons, puis nous courons pas à pas, non ? Maintenant, l'un des problèmes est le suivant en termes simples, je dis bleu, droit, bleu et blanc. C'est la palette de couleurs. Mais généralement, vous devez fournir des codes de couleur. Le bleu peut signifier absolument n'importe quoi , du bleu ciel super clair au bleu marine foncé et intense. Gardez donc cela à l'esprit. Plus vous donnez de détails, meilleur est le résultat. Je tiens à vous rappeler que même si vous faites tout parfaitement, même si vous copiez-collez mon message, votre site web sera différent du mien. Et c'est ainsi que fonctionnent ces modèles. Et autre chose, il est fort probable que vous ayez des problèmes différents de ceux que je vais avoir. Et c'est tout à fait normal. Encore une fois, je n'ai pas de boule de cristal, mais je travaille à Windsor depuis longtemps, donc je sais que c' est inévitable. OK, alors configurez un nouveau dossier et le nouveau projet dans Windsurf, les bases Assurez-vous d'avoir effectué toute la configuration dès la première partie du cours. GitHub, Python, pas de JS, The Works, Power Shell, Docker, etc. En parlant de technologie, j'ai écrit quelques informations dans l'invite, utilisé next JS et tailwind, renvoie pour le formulaire, puis GitHub et Versell J'ai donc clairement mentionné ces choses, et voici pourquoi. Donc, lorsque vous commencez, vous rédigez une demande de base, créez un site Web, n'est-ce pas ? Et vous voyez comment certains modèles, du moins les plus intelligents, vous parlent. Nous avons déjà vu comment certains ont choisi le HTML, le CSS et le JavaScript de base , tandis que d'autres plus intelligents, ont recommandé exactement ce que j'ai écrit ici. Voici donc le truc. Si un modèle préfère utiliser ce textag, prenez-le en note Et puis la prochaine fois , suggérez-le. Et c'est exactement ce que j'ai fait. J'ai parlé à quelques codeurs, des plus expérimentés, et je leur ai demandé pourquoi Tailwind Pourquoi pas ça ? Pourquoi pas ça ? Pourquoi réagir ? Pourquoi pas ça ? Pourquoi pas ça ? Bref, ces codeurs m'ont dit ce qui suit. Chacun a ses propres préférences. Donc, comme BMW Pepsi et Android, d'autres personnes comme Mercedes, Doctor Pepper et IOS. Qui a raison ? Personne, bien sûr. C'est ce que tu préfères. C'est pareil ici. Donc, si ce modèle préfère utiliser ces balises de texte spécifiques , d' accord, allons-y. Maintenant, à propos de l'invite, j'ai demandé un PRD, un document sur les exigences du produit C'est pour que le modèle puisse clairement nous indiquer ce qui va se passer. Le PRD semble sophistiqué, mais c'est un peu comme une liste de contrôle, si vous voulez, pour que vous sachiez où vous en êtes C'est donc le PRD. Ça ne fait pas mal, alors gardez-le toujours dedans. Ensuite, j'ai voulu ajouter des images. Bien que nous puissions utiliser un MCP pour en télécharger automatiquement. En fait, j'ai fait ce splash.com. J'ai sélectionné quelques photos qui pourraient convenir à un dentiste. Au fait, n' oubliez pas qu'il s'agit d'un filtre. Certaines photos sont gratuites, d'autres payantes, alors assurez-vous d'utiliser le filtre. OK. Ensuite, je passe aux gens pour obtenir des photos pour toutes les critiques. Ainsi, après avoir configuré votre projet sur votre disque dur, vous devez copier l'adresse et la coller ici dans l'invite. C'est donc quelque chose que tu dois faire. Tu dois le remplacer. C'est le premier ici, et voici le second. Ce que j'ai fait, c' j'ai mis un dossier dans le dossier principal. Pour être clair, vous téléchargez des photos depuis Osplash. Vous les placez n'importe où dans le dossier. J'ai appelé le TMG, et je l'ai mis sur mon bureau ici Ensuite, nous devons déplacer ce dossier du bureau vers l'endroit où le projet dans WinSerf est configuré Dans mon cas, le projet de Winserf est mis en place dans D Dentist C'est donc là que nous devons coller ce dossier. Maintenant, pour obtenir une adresse depuis n'importe quel endroit, utilisez cette zone. Dans mon cas, c'est D Dentist IMG. Copiez-le donc avec Control C, puis passez au fichier prom et collez-le. Ici, c'est déjà configuré, mais je vais le coller en dessous pour que vous puissiez le voir, pour qu'il fonctionne. C'est comme ça qu'on obtient l'adresse. Et n'oubliez pas qu'à Winserf, nous avons ouvert un dentiste. C'est pourquoi nous y ajoutons les photos. C'est pourquoi nous ne les laissons pas sur le bureau. Et pour les critiques, c'est pareil. Accédez au dossier et cliquez ici pour voir le chemin. Copiez-le puis collez-le dans le fichier texte. OK, continuons. D'accord, le reste de l'invite ne contient que des informations de base. La seule chose importante que je demande est un formulaire pour prendre rendez-vous, mais il ne possède aucune fonctionnalité avancée. Je n'ai donc pas inclus de liste déroulante pour les services que le client pourrait souhaiter. Je n'ai pas inclus l'heure qui nous obligerait à connaître l'horaire du médecin lorsqu'il est occupé, lorsqu' il est disponible. J'ai donc choisi la version la plus simple, un simple formulaire de contact. De plus, j'ai ajouté le numéro de téléphone pour qu'ils puissent répondre aux appels de cette façon. L'idée est la suivante, vous pourriez vendre ce site Web. Tant que quelqu'un répond à leurs téléphones et à leurs e-mails, un formulaire de contact de base fonctionnera. Je te le promets. Désormais, le cabinet peut rappeler le client pour lui demander plus d'informations et fixer un rendez-vous. Je le répète donc, même s'il s' agit de la forme de base, de la forme la plus simple, de la version la plus simple, vous pouvez toujours la vendre. Mais bien entendu, vous pouvez également ajouter d'autres caractéristiques et fonctionnalités. Vous pouvez vous en servir comme base, puis probablement l'adapter, vendre aux vétérinaires, aux restaurants, aux avocats, tout ce que vous pouvez imaginer. Encore une fois, cette page de destination est polyvalente et vous pouvez la faire fonctionner. Allons-y. 19. Démarrez le projet: Reviens. Pour ce projet, je vais utiliser ce modèle car j'aime bien sa personnalité. Si aucune version beaucoup plus récente n'est disponible, veuillez utiliser la même. Quoi qu'il en soit, vous allez rencontrer des problèmes qui pourraient ne pas apparaître de mon côté. Soyez donc patient et demandez de l'aide. OK, commençons. C'est parti pour les courses. C'est fascinant de voir comment le modèle pense et comment il commet souvent des erreurs. Par exemple, il essaie de créer une liste de contrôle, mais il n'a pas créé le dossier en premier, qui est assez stupide, mais c'est le pire que cela puisse être . Gardez cela à l'esprit. Dans quelques mois, cela va décoller, et ce modèle ressemblera à Windows 95 si vous êtes si vieux. D'accord, nous avons le PRD, et celui-ci est en fait assez détaillé Je peux voir dans les exigences techniques qu'il a bien compris ce que je voulais utiliser. Ensuite JS, Tailwind, et ainsi de suite. Encore une fois, je ne suis pas développeur, mais si ce modèle aime travailler avec ces technologies, bien sûr, pourquoi pas ? OK, je les ai vérifiés. Ils sont modernes et présentent de nombreux avantages par rapport aux simples sites Web CSS et HTML de base. Donc oui, dans l'ensemble, tout va bien. OK, nous avons une première commande pour le terminal. Vous pourriez éventuellement configurer la planche à voile, de sorte que toutes ces activités fonctionnent toutes seules. Mais j'aime les examiner et les accepter individuellement, un par un. C'est une bonne façon d' apprendre. Une seule chose Si vous voyez du jaune ici, cela signifie que vous devez attendre. Mais jusqu'à présent, j'ai vu d'innombrables cas où le terminal venait de s'arrêter. Et, tu sais, on attend juste. Rien ne se passe réellement. OK, le modèle fonctionne, mais rien ne se passe dans le terminal. Il n'installe rien, il ne déplace rien. C'est bloqué. Donc, dans les cas où je suis bloqué, voici ce que j'aime faire je tape une seule lettre dans le terminal et j'appuie sur Entrée. D'habitude, j'utilise Z. Ce n'est évidemment pas une commande correcte, mais cela semble réveiller le modèle Si vous vérifiez maintenant la couleur, elle est verte, ce qui signifie que c'est fait et que vous pouvez continuer. C'est donc sans arrêter le modèle ni redémarrer. Pour être honnête, je ne sais pas si cette approche est valable. J'ai essayé de voir si je pouvais l'empêcher, si je pouvais empêcher le terminal de geler, mais je n'ai rien trouvé. J'ai donc trouvé quelque chose par moi-même, j'ai saisi n'importe quelle lettre et j'ai appuyé sur Entrée. Mais c'est là que tu dois faire attention. Vous devez en fait appuyer sur Entrée dans le terminal. Le modèle a écrit la commande, mais elle attend que nous appuiions sur Entrée. Ce n'est pas très évident , car d'autres fois, nous n' avons rien à faire. C'est donc quelque chose dont tu dois être conscient. Si rien ne se passe, mais que le modèle fonctionne toujours, il se peut qu'il vous attende. OK, alors vérifiez le terminal et voyez s'il y a des instructions ou si vous êtes simplement censé appuyer sur Entrée. Maintenant, au bout d'un moment, la même chose se reproduit. C'est bloqué. Alors je sors avec mon Ziki, je le tape, j'appuie sur Entrée, et juste comme ça, le modèle continue Pour y revenir, j'aime bien ce modèle car il est assez indépendant. Une invite peut vous donner des dizaines d'actions d'affilée. Il sait ce que je veux. Il a le PRD, il exécute donc les choses étape par étape Mais c'est marrant, au bout de 20 étapes, il faut lui dire de continuer. Ce serait mauvais pour les affaires si un seul crédit vous permettait d'obtenir un site Web complet, n'est-ce pas ? Ainsi, lorsque vous cliquez sur Continuer, vous allez utiliser un autre crédit. Maintenant, pour être honnête, nous ne devrions pas nous enliser dans l'utilisation du crédit. Cela n'a pas vraiment d'importance. Il suffit de les utiliser. Ne faites pas comme s'ils étaient précieux. Ils sont destinés à être utilisés. La seule fois où j'ai été vraiment contrariée, c'était par un modèle d'IA ouvert qui disait constamment qu'il allait faire des choses, mais qui ensuite ne le faisait pas. Ou il n'arrêtait pas de me dire de le faire moi-même, même s'il était plus que capable de le faire tout seul. C'est donc quelque chose que vous avez l'impression d'avoir scanné, vous savez ? Mais ce modèle, il suffit de regarder nombre d'étapes qu'il a franchies sans s'arrêter. Imaginez que nous passions à un endroit où il faudrait lui tenir la main à chaque étape, exemple continuer après chaque pas, ce serait dommage. Mais oui, voici un problème. J'ai fait l'éloge de ce modèle, vous savez, mais maintenant il installe Super Base, je crois. Et c'est bizarre parce que je ne lui ai pas dit de le faire. Et voici un autre arrêt automatique. Donc, après une vingtaine d'étapes, vous devrez appuyer vous-même sur Continuer. Je vais également accepter toutes les modifications apportées jusqu'à présent. C'est ce que je vous recommande de faire également. Maintenant, voici le truc. J'ai décidé d'attendre la pause naturelle , puis de poser des questions sur Superbse, qui ne figure pas dans les exigences Maintenant, je pourrais l'arrêter tout de suite, mais il est possible que cela produise plus de bugs, plus de problèmes. Et je pense avoir fait le bon choix, car le modèle semble avoir encore beaucoup de travail à faire. C'est une question de réflexion, et l'arrêter pour supprimer Super Base pourrait en fait interférer avec lui. Bien entendu, même si vous redémarrez votre ordinateur ou quoi que ce soit d'autre, vous avez l'historique de vos conversations, et n'importe quel modèle peut consulter l'intégralité de la base de code et cela peut continuer à fonctionner. Mais j'ai trouvé que c'était idéal. Tu le laisses terminer le fil de ses pensées. Il semble qu'il y ait environ 15 autres étapes, donc je vais m'en remettre à autre chose. Bon, maintenant voici la partie intéressante. En fait, j'ai réalisé un projet plus important pour un dentiste, et j'ai utilisé le même modèle et le même programme Wser. Je pense que j'ai peut-être utilisé un nom similaire pour le dossier Maintenant, la planche à voile a cette capacité de créer des souvenirs. Donc, une fois que cela fonctionnera pendant un certain temps et qu'il aura obtenu certains résultats, il créera un souvenir Cela lui permet de consommer moins de ressources. Alors pensez-y comme ça. Supposons qu'il ne se souvienne que 100 messages de notre conversation, n'est-ce pas ? Ceci n'est qu'un exemple pour que vous puissiez comprendre comment cela fonctionne. Ainsi, lorsque vous ajoutez cinq autres messages, les cinq premiers, les cinq premiers se perdent. C'est comme un brouillard de guerre si vous aimez les jeux de stratégie. Mais que se passerait-il si ces cinq premiers messages contenaient quelque chose d'important ? Eh bien, c'est là qu'un souvenir entre en jeu. Vous stockez ces informations clés séparément, indépendamment de ces 100 messages, ce qui rend tout plus intelligent. D'une certaine manière, c'est comme si vous disiez à votre médecin que vous êtes vraiment allergique aux crustacés, n'est-ce pas ? Le médecin peut oublier d'autres choses que vous dites, mais lorsqu'il vérifiera ses notes, il constatera que vous êtes allergique et il agira en conséquence. Il s'agit, bien sûr, d' une explication simplifiée à l'extrême, mais j'espère qu'elle a du sens C'est ce que font les souvenirs. Ils aident la planche à voile à mémoriser les informations clés. Maintenant, ici, lorsque j'utilise Supabse, j'ai eu beaucoup de problèmes avec celui-ci Cela ne fonctionnait pas bien. Le mannequin m'a vu avoir du mal à le gérer. Il n'arrêtait pas d'essayer de le faire fonctionner, ça n'allait pas bien. Super Base ne fonctionnait pas bien. Et après avoir essayé pendant un moment, je m'en suis souvenu. Et maintenant, ce souvenir est entré en jeu. C'est vraiment super excitant et fascinant, même si ce n'est pas idéal pour notre projet. Faisons une pause, puis je vais continuer dans un instant. 20. Comment gérer les insectes: Bon retour. Les bugs sont inévitables. On pourrait dire que si l'intelligence artificielle doit l'écrire, elle fera correctement à 100 %, n' est-ce pas ? Mais ce n'est pas le cas. Pas dans l'état actuel des choses. Les bogues sont inévitables, mais la bonne nouvelle est qu'ils sont assez faciles à corriger. Pour en revenir au projet, notre modèle a fait un très bon travail. Il a créé l'ensemble du site Web avec très peu de promotions. Ainsi, sans dépenser beaucoup d'argent, vous pouvez voir que c'est fait lorsque vous voyez un aperçu de ce que cela a réussi à faire. Certains modèles n' offrent pas cet aperçu, mais celui-ci oui. Vous pouvez également voir ces deux boutons importants, ouvrir l'aperçu ou ouvrir dans un navigateur externe. Maintenant, j'aime utiliser un navigateur externe car c'est ainsi que la plupart des gens verront le site Web. Je préfère donc ce look épuré et sans distractions. OK, c'est une erreur, mais nous allons la corriger dans une seconde. Revenons donc à Windsor pour le moment. Maintenant, dans l'aperçu, vous pouvez voir que le modèle nous indique que les prochaines étapes (deux et trois) sont toutes bonnes. Github et Versel. D'accord ? Testez ensuite le formulaire pour qu'il fonctionne correctement. Cool. Mais la première étape n'a aucun sens. Superbse ne devrait pas être là, même si vous n'êtes pas technique Vous pouvez clairement voir que c'est un problème car il n'a été mentionné nulle part. Mais disons que vous n'en avez aucune idée, n'est-ce pas ? De la même manière, vous ne connaissez pas React Next JS, Tailwind, peu importe Si le modèle les choisit, il sait peut-être mieux, non ? Eh bien, voilà le truc. Parlez-lui comme vous parleriez à un développeur. Demandez-lui exactement ceci. Pourquoi avez-vous utilisé Super Base ? Pour le formulaire, j'ai dit que nous devrions utiliser le renvoi. Et puis voyez ce que ça dit, non ? Au fait, c'est comme ça que j'ai appris. Je l'ai posé sur React, Next JS, VT, Tailwind, toutes ces choses J'ai interrogé le mannequin à ce sujet. Pourquoi l'as-tu utilisé ? Et le mannequin a dit : «   C'est un excellent choix. C'est une bonne pratique, etc. Elle présente de nombreux avantages. OK, donc le mannequin peut dire : «   Hé, j'ai pris la bonne décision. J'ai fait le bon choix si cela a du sens, non ? Eh bien, ici, c'est plutôt drôle. Cela dit que j'ai tout à fait raison. Et je m'excuse pour cette confusion. Il a implémenté Super Base raison de ses mémoires. Et voilà le truc. Il va corriger le code tout seul. Remarquez, il ne nous demande même pas de le valider. Il sait ce qu'il a fait de mal. Il sait ce qu'il doit faire, et il le fait tout simplement. Et maintenant, de nombreux fichiers sont en cours d'édition. Maintenant, je suis sûr que vous n'allez pas avoir ce type de problème, mais je voulais vraiment vous montrer cette affaire. Je voulais vous montrer que certains problèmes sont totalement inattendus. Mais oui. OK, continuons. Avancez vite, et c'est fait. Il a donc remplacé beaucoup de choses. Il a mis à jour la documentation, pas mal de choses. Maintenant, je vais l'accepter, bien sûr, mais voilà le truc. Je parie que l'erreur est toujours présente dans mon navigateur. Alors, jetons-y un coup d'œil. Rafraîchissez toujours, d'ailleurs. Mais oui, il est toujours là. Voici donc ce que vous devez faire. Sélectionnez donc tout ce texte et collez-le simplement dans Windsurf Avec ou sans contexte, cela ne fait pas vraiment de différence dans ce cas Maintenant, voici le truc. Le modèle comprend immédiatement le problème et commence à le résoudre. En attendant, parlons du renvoi. Maintenant, pour faire court, nous devons connecter notre projet pour le renvoyer C'est comme le brancher. Maintenant, pour que cela se produise pour le connecter, nous avons besoin de la clé. Notre site Web va donc utiliser cette clé pour accéder au renvoi. Cela signifie qu'il pourra parler pour renvoyer, ce qui permettra d' envoyer des e-mails dans les Maintenant, pour obtenir la clé récente, il suffit de cliquer sur un bouton. Comme je l'ai déjà dit, en général, on ne le voit qu'une seule fois. Si tu le perds, tu devras en créer un autre. Maintenant, pas de soucis. C'est gratuit, mais ce n'est pas une bonne idée de revenir pour renvoyer 15 clés, et vous ne savez pas laquelle est laquelle, n'est-ce Lequel est pour ce projet spécifique. OK, maintenant, autre chose, je vais brouiller mes clés parce que c'est similaire à mon numéro de carte de crédit Oui, une fois que vous l'avez, vous devez l'ajouter ici et vous avez un projet. Vous pouvez en fait demander à Winserf de l'ajouter pour vous, ou vous pourriez éventuellement trouver ce fichier vous-même et le coller dedans Habituellement, toutes les informations sensibles sont stockées dans un fichier appelé point ENV C'est ici que je vais coller ma clé. Maintenant, il y a deux autres champs ici. Ils sont spécifiques pour le renvoi. Depuis le courrier électronique, c'est notre site Web. Vous pouvez voir qu'en fait le modèle a créé un faux e-mail pour cela, mais ce n'est évidemment pas réel. Ça ne marchera pas. c'est par e-mail que le formulaire enverra le message, essentiellement au dentiste, à la réceptionniste, Donc, dans ce second, je vais mettre mon adresse e-mail afin que nous puissions la tester. Et dans le premier cas, nous devrons utiliser une adresse spéciale appelée delivered at resend point V. Lorsque vous déciderez d'utiliser Super Base ou Firebase ou une adresse récente ou autre, vous devrez en apprendre un peu plus sur cette plateforme vous-même Bien, revenons à notre site Web. C'est donc maintenant en ligne. Mais est-ce ce que nous voulons ? Jetons-y un coup d'œil dans une seconde. Faisons une petite pause. Y y 21. Faire en sorte que la forme fonctionne correctement: Bon retour. Notre site Web s' affiche bien au premier coup d'œil, n'est-ce pas ? Ce que nous voyons ici est donc professionnel, assez propre, très bien adapté au dentiste. Il y a quelques problèmes avec le texte. C'est un peu trop clair et tu ne peux pas le lire. Et les photos ne semblent pas se charger correctement. Le site est en anglais, mais les prix et les noms sont dans ma langue locale. Je suppose qu'il l'a fait parce qu' il a vu l'adresse du cabinet. Un changement d'entreprise, quelque chose à corriger, mais néanmoins intéressant. La barre adhésive en bas est cool. La carte fonctionne bien. Donc, dans l'ensemble, cela me rend heureuse. C'est un bon début. Maintenant, la première chose que je veux faire est de m'assurer que les images se chargent et que le formulaire fonctionne correctement. Alors saisissons-le. Maintenant, voici le deal. Vous pouvez fournir une liste des modifications en une seule invite. Vous pourriez même écrire dix ou 20 choses que vous voulez changer, et il y a de fortes chances que cela les exécute correctement, n'est-ce pas ? Mais si vous voulez être en sécurité, vous devez procéder étape par étape. En général, le modèle se concentre un peu mieux et vous obtenez des résultats plus prévisibles OK, mon message est prêt. Voyons ce qui va se passer. assurez-vous de travailler fait, assurez-vous de travailler sur votre deuxième visionnage. OK. Au fait, vous avez peut-être vu quelque chose où vous pouvez parler à un micro, et puis la planche à voile comprend Vous pouvez donc parler directement à l'IA. Mais en fait, je ne le recommande pas. qui concerne le codage de l'ambiance, il est conseillé d'écrire vos pensées, de les revoir, apporter des modifications, d'ajouter plus de détails, supprimer des éléments, puis de soumettre votre demande. Parler peut être une bonne chose dans les autres cas, mais je n'aime pas m' en servir pour coder l'ambiance Bon, maintenant pour les photos, je pense que ça va les réparer assez rapidement. Mais au bout d'un moment, je pense que nous aurons le même problème de suspension. Oui, voilà. Le terminal s'est arrêté. Nous pouvons voir qu'il a copié tous les fichiers. OK, tout va bien. Alors, qu'est-ce qu'on attend ? Encore une fois, tapez n'importe quelle lettre Z ou autre, tapez Enter. Et maintenant, oui, tout est revenu sur les rails. Il semblerait que c'était un peu plus compliqué que je ne le pensais. De nombreux fichiers doivent être ajustés. Mais oui, dans l'ensemble, nous ne nous en soucions vraiment pas tant que ça, non ? Cela ne fait même pas une demi-heure, et nous avons déjà quelque chose de super solide. Continuons donc. Avançons rapidement. Le modèle est donc terminé, non ? Il a apporté de nombreux changements. Il a ajouté ma clé pour le renvoi et ainsi de suite. Je l'ai brouillé. Mais comme c'est fait, je suis vraiment tentée de retourner dans mon navigateur et de rafraîchir ma page. C'est instinctif, non ? Mais voilà, ça ne marchera pas. C'est un excellent moment d'enseignement. Si vous n'y prêtez pas attention, vous risquez de vous disputer avec Windserf Hé, ça ne marche pas. C'est une page blanche. Quoi de neuf ? Mais voilà le truc. En fait, il a redémarré le serveur local et a légèrement modifié le lien C'est pourquoi vous devez utiliser navigateur Open External au cas où cela se produirait. OK, testons rapidement le formulaire et voyons s'il fonctionne. Les images, je suis sûr qu'elles vont bien, ne devraient pas poser de problème. Je vais brouiller mes informations car le navigateur a enregistré mes informations réelles. OK, mais voilà le truc. En fait, cela ne fonctionne pas. Il y a un problème. Vous pouvez le voir en bas à gauche. Un seul problème. Alors cliquez dessus, et nous verrons qu'il y a un message ici. Le message n'a pas beaucoup de sens, mais copions-le dans Windsurf. Et voilà le truc. Même si le message n' est pas très utile, le modèle peut revoir l'ensemble du code. Il peut examiner un tas de fichiers. Et oui, c'est exactement ce qui se passe ici, étape par étape, en vérifiant les éventuels problèmes. Et en fait, j' adore cette approche. Je pense que c'est fantastique. Et oui, il a constaté qu' il y avait un problème, et il s'agit du nom de domaine. Ce n'est pas vérifié et le renvoi ne le permet pas, ce qui, encore une fois, est génial car il s'agit d'une solution très rapide Dans la partie centrale, vous pouvez voir comment la ligne originale avec smile care.com, qui n'existe pas, est surlignée en rouge Cela signifie qu'il va être retiré. La suivante est avec cette adresse e-mail lors de l' embarquement à resend point DV Des trucs géniaux. Pour être clair, je n'ai pas fait attention et j'ai laissé ce nom de domaine qui n'existe pas, smileca.com C'est un faux domaine qui n'existe pas, que le modèle a créé lui-même. Bien entendu, le renvoi ne l' autorisera pas car il n'est pas vérifié C'est un faux domaine, non ? Mais nous avons eu la chance car Winserf a remplacé le faux domaine par le bon par celui de la documentation par le domaine officiel C'est pourquoi cela ne fonctionnait pas à cause de cette fausse adresse, smilecare.com Pour être honnête, c'est là que j'ai commis une petite erreur. Je discutais avec Winserf que cela ne fonctionnait toujours pas, mais voici le deal J'ai de nombreuses adresses e-mail. J'ai oublié lequel j'ai utilisé pour ce compte de renvoi. Ainsi, à des fins de test, vous êtes autorisé à envoyer des e-mails à l'adresse que vous avez utilisée pour vous inscrire. Maintenant, comme je me suis trompé, j'ai essayé encore quelques fois, et j'ai eu la même erreur. Finalement, j'ai fait ce changement. Pour envoyer un e-mail, dans le deuxième champ, j'ai configuré le bon e-mail. J'ai utilisé celui que j'ai utilisé lorsque je me suis inscrit à Resend. C'était donc le problème. C'est donc l'un des dangers dont je parlais. Tu fais des bêtises. C'est entièrement de ta faute. C'est ton problème, mais tu continues de parler à Winserf. Tu n'arrêtes pas de parler au mannequin, non ? Et le mannequin n'en a aucune idée. Il essaie de revoir le code, il essaie de trouver des correctifs potentiels, de contournement, il va essayer diverses choses Mais évidemment, cela va échouer. Ça ne va pas réussir. C'est de ton côté. C'est ton problème. Maintenant, la bonne nouvelle est que vous pouvez voir le message ici même dans le terminal. Hé, vous ne pouvez envoyer des e-mails de test qu'à cette adresse, et elle vous indique en fait l'adresse e-mail. Donc, tant que vous gardez l'esprit ouvert et que vous ne laissez pas la frustration prendre le dessus, tout devrait bien se passer. J'étais plutôt détendu. Je regardais le terminal sur le côté droit. J'explorais des solutions potentielles. Mais le fait est que si vous vous énervez et que vous commencez à voir du rouge, vous risquez de rester coincé ici pendant des heures, voire des jours. Mais je suis heureuse de dire que vous ne commettrez cette erreur qu'une seule fois. Vous pouvez désormais utiliser le renvoi pour tous vos projets sans vous inquiéter Et juste pour confirmer que cela fonctionne, j'ai ouvert mon e-mail personnel, et oui, l'e-mail est arrivé , vous pouvez également renvoyer et vous pouvez également le confirmer Alors pourquoi avons-nous fait tout cela ? Parce que s'il s'agissait d'un vrai client, d'un vrai dentiste, bien sûr, il préférerait recevoir tous ses messages par e-mail, n'est-ce pas ? Alors félicitations. Le formulaire fonctionne. Le renvoi fonctionne. N'oubliez pas d'ajouter la clé au projet et de la garder privée. Utilisez leur adresse e-mail spéciale dans le premier champ. Et pour le second champ, utilisez votre adresse e-mail, celle que vous avez utilisée pour vous inscrire pour le renvoi. OK, des trucs géniaux. Continuons après la pause rapide. 22. Télécharger votre site web sur GitHub b: Bon retour. Le site a air plutôt bien et fonctionne bien. Nous avons testé le formulaire, et c'est bon. Maintenant, nous pourrions potentiellement améliorer le design, mais c'est assez simple. Vous revenez à la planche à voile et vous dites ce que vous voulez changer, et c'est tout Maintenant, c'est ce que nous allons faire à la toute fin. Mais pour l'instant, je veux vous montrer comment nous pouvons le mettre en ligne en quelques étapes. Le premier est donc GitHub. N'oubliez pas que ce site fonctionne, mais qu'il n'est disponible que sur notre ordinateur local. Pour le publier, nous utiliserons Versell, mais Github constitue une étape intermédiaire Plus d'informations à ce sujet dans une seconde. Pour l'instant, disons au modèle que nous sommes prêts à passer à autre chose. C'est exactement ce que je vais dire. Passons aux étapes suivantes. Merci de le télécharger sur Github. Je vais faire une pause. Ici, je veux faire le moins de travail possible, non ? Je préfère donc dire au modèle d'utiliser Github MCP. Cela représente moins de travail et moins de problèmes potentiels. Sinon, cela peut nous demander d'y aller, créer un nouveau projet, de faire quelques réglages, etc. Je ne veux pas faire ça. OK. Ensuite, je vais indiquer au modèle que je vais utiliser Versell pour le publier, afin qu'il puisse me guider au cas où je serais bloqué Désormais, le partage excessif n'est plus un problème. Non, loin de là. Plus il y a de détails, mieux c'est. OK, et nous partons pour les courses. Il va examiner mon compte, mon compte Github, voir ce qui se passe et créer un nouveau projet de son propre chef. C'est ce qu'on appelle un dépôt. C'est le bon terme «   dépôt » ou « dépôt ». D'accord, mais tu peux t'en souvenir comme si c'était un projet. Project, repo, c'est pareil. Maintenant, malheureusement, comme toujours, le modèle est bloqué. Mais revenons-en à une commande aléatoire dans la section du terminal. OK, comme ça avec BO Track. Voici donc ce qui se passe. Nous téléchargeons tous nos fichiers depuis notre ordinateur, de notre ordinateur local vers le Cloud vers Github, clonant essentiellement Maintenant, vous ne connaissez peut-être pas Github. Moi non plus. Je ne suis pas codeur. Mais voici le truc cool. Vous n' avez pas besoin de savoir quoi que ce soit à propos de Github Vous allez simplement utiliser le modèle dans Winserf. Maintenant, si vous êtes curieux, vous pouvez accéder à vos référentiels et rechercher ce projet, qui devrait être le seul dans votre cas En fait, j'en ai beaucoup chargé car j'utilise beaucoup Github Mais oui, une fois que vous l'avez vu, vous pouvez voir tous les fichiers ainsi que certaines instructions que le modèle a écrites pour vous avec d'autres personnes. Maintenant, c'est fantastique. Maintenant, pourquoi Github aide-t-il ? Eh bien, c'est là GitHub devient bien plus qu'un simple intermédiaire Lorsque votre projet est sur Github, vous avez créé une sauvegarde de contrôle de version publique ou privée selon votre choix Alors, étape par étape, qu'est-ce que le contrôle de version ? Disons que c'est Virgin O. Avec un formulaire aussi simple que possible. Rien de si chic, non ? Maintenant, nous pouvons créer un formulaire beaucoup plus avancé où le visiteur, je ne sais pas, peut choisir les services, il peut choisir l'heure et la date, etc., n'est-ce pas ? Quelque chose d'un peu plus avancé. Et voilà le truc. nous qui le faisons. Nous l'apportons ensuite au client. Tu le fais vivre. Mais au bout d'un moment, tu reçois ce redoutable appel téléphonique. Hey, Chris, tu sais quoi ? Le nouveau formulaire ne fonctionne pas. En fait, j'ai de moins en moins de rendez-vous. Les gens ne l'utilisent pas pour quelque raison que ce soit. Revenons donc à l'ancienne, car les gens ne l'aiment tout simplement pas. Vous pouvez demander : est-ce cassé ? Cela ne fonctionne pas ? Non, non, c'est bon, mais les gens préfèrent l'ancien. Peux-tu ramener l'ancien ? Ah. OK, ce serait douloureux. Il faudrait retourner à la planche à voile, supprimer tout ce code supplémentaire Cela peut produire des bugs. Le formulaire peut se casser. L'ensemble du site Web peut tomber en panne , mais ce n'est en fait pas un problème du tout. C'est là que le contrôle de version entre en jeu. Avec GitHub, il vous suffit de revenir à la version précédente ou à n'importe quelle version, pour être honnête, car vous pouvez en avoir plusieurs. Vous pouvez également avoir des versions distinctes, basées sur un schéma de couleurs, sur la base de fonctionnalités, de mises en page Tu peux faire ce que tu veux. Ton nom. Github vous aide donc à organiser tout cela Vous pouvez revenir à une version qui date d' hier , d'une semaine, d' un mois, d'il y a cinq ans, c'est vraiment aussi simple que cela. Et c'est exactement comme ça. Maintenant, est-ce incroyablement simple ? Non, mais ce n'est pas un problème, parce que voilà le truc. Tu as de la planche à voile Vous avez l'IA de votre côté. Dites-lui simplement de faire ce que vous voulez. Retournez au vent rouge, retournez voir la Vierge avec le formulaire de contact de base. C'est ainsi que cela fonctionne. C'est le contrôle de version. GitHub nous donne le contrôle des versions. Maintenant, public ou privé. OK, le public signifie que d'autres personnes peuvent vous voir au travail, voir ce projet. Et c'est très utile si vous voulez obtenir un emploi, ou si vous voulez collaborer avec d'autres personnes, peut-être une équipe, quelque chose comme ça, non ? Mais si vous voulez le vendre, si vous voulez avoir des clients par vous-même, si vous voulez avoir une agence ou quelque chose comme ça, si vous voulez devenir indépendant, vous allez probablement le garder privé Donc, oui, c'est le choix, public ou privé. OK. Contrôle de version, public ou privé. C'est GitHub. Il a beaucoup plus de fonctionnalités, mais en bref, c'est le truc. Mais pour en revenir à notre histoire de l'IA, voici le scoop, le plus important GitHub est le pont parfait entre votre code local en planche à voile et son déploiement en ligne sur Versell . Voici la situation. Des plateformes comme Versell sont profondément intégrées à Github. Ainsi, lorsque votre site est prêt à être mis en ligne, Versell regarde simplement Github et il voit  : « Oh, d'accord, voici tous vos fichiers Voici tous vos paramètres. Je vois les derniers changements. Laissez-moi le dire en direct. Cela signifie que vous n' avez pas à télécharger de fichiers. Il n'est pas nécessaire de modifier les paramètres. Tu n'as rien à faire. Il vous suffit de connecter Versell à votre dépôt Github, et c'est tout Au fait, nous allons le faire dans quelques minutes. Nous allons les connecter. Mais oui, c'est ainsi que votre site Web sera mis en ligne. C'est puissant car cela permet de tout automatiser et de tout nettoyer. Si vous apportez des modifications à votre projet ultérieurement en planche à voile sur votre ordinateur, il vous suffit de demander au modèle de mettre à jour le projet Github Et lorsque vous le faites , un signal est automatiquement envoyé à Versell pour mettre à jour la version en ligne de votre site Web Avec ce code supplémentaire. C'est fantastique. Il n'y a aucune étape supplémentaire. Vous tapez quelque chose en planche à voile et dans l'ensemble, en quelques secondes, peut-être quelques minutes, c'est en direct, et vous n'avez pas à vous en soucier Tout est connecté. Donc, en termes simples, planche à voile est l'endroit où vous créez le site Web Github est l'endroit où vous le stockez sur le Web, puis Versell est l'endroit où vous faites vivre pour que le monde entier puisse le voir Pensez-y comme à une société d'hébergement. Au fait, vous avez des instructions étape par étape dans la cascade, vous pouvez donc les lire et les suivre lentement. OK, excellent travail jusqu'à présent. Je suis vraiment contente que tu en sois arrivée là. Faisons une petite pause, et je te verrai dans une seconde. N'oubliez pas de travailler sur votre deuxième visionnage. 23. Publiez votre site web avec Vercel et corrigez les bugs: Bon retour. Récapitulons Nous avons donc créé un site Web en utilisant la technologie moderne. Nous nous sommes assurés que cela fonctionne bien. Nous l'avons ensuite téléchargé sur Github, et nous sommes maintenant prêts à publier afin de pouvoir le partager avec le monde entier Maintenant, les développeurs ne disent pas vraiment de publier. Ils disent de déployer. Déployons donc avec Versll devriez déjà avoir un compte si vous m'avez suivi Maintenant, dans Versell, on vous demandera peut-être de vous connecter à Github, mais c'est très simple Il suffit de quelques clics. Rien de majeur, pas de clé, rien de tel. Tant que tu restes connecté, tu es en or. OK, c'est ici que le fonds commence. Nous voulons importer le projet car nous avons connecté Versell à Github, nous voyons tous nos projets. C'est mon nom ici. Eh bien, le nom que j'ai mis dans Github, donc je le reconnais. Et en plus de cela, je peux voir qu'il y a un nouveau projet que je viens de mettre en ligne. Donc, ce que je vais faire, c'est appuyer sur Importer. Ici, nous n'avons que quelques points à régler. Versell donne donc lui-même un nom de projet , et c'est très bien. Il reconnaît le cadre. Suivant JS. OK, de bonnes choses. Nous ne nous en soucions pas vraiment. La seule chose que nous devons ajouter , ce sont ces variables d' environnement. Cela semble compliqué, mais c'est en fait ce que le windsurf nous dit de faire Alors revenez-y et vous verrez que vous devez ajouter la clé API et deux champs de courrier électronique et de courrier électronique. C'est donc en fait assez simple. C'est une question de copier-coller, et l'IA vous indique exactement ce que vous devez coller Donc, la première partie dans le champ de gauche, le nom de l'objet, et sur le côté droit, la valeur, c'est-à-dire la clé. Alors laisse-moi faire exactement ça. Encore une fois, je vais brouiller ma clé pour des raisons de sécurité. Oh, assurez-vous d'utiliser les valeurs recommandées. Donc, dans le champ de courrier électronique, il s'agit de l'adresse par défaut. Livré par resend point Dev ici, j'ai été confondu par Windsurf et j'ai utilisé une autre adresse, mais je pense que cela fonctionne aussi OK. Et dans les deux e-mails, il s'agit de l'e-mail que vous utilisez pour vous inscrire pour le renvoyer Nous sommes maintenant prêts à être déployés. Utilisez ce gros bouton pour publier notre site Web. Mais voilà le truc. Sachez que cela prend quelques minutes. Parfois deux, trois, quatre, ça dépend vraiment. Maintenant, si vous faites défiler l'écran vers le bas, vous pouvez voir un chronomètre et l'état actuel. Si nous avons de la chance, nous recevrons peut-être un message de confirmation dans environ 40 à 50 secondes. Mais dans la plupart des cas, pour être honnête, les aliments vont manquer à quelques reprises. Maintenant, voyons si nous avons de la chance. OK, non, ça a vraiment échoué. Nous pouvons voir qu'il y a quelques problèmes. Mais voilà le truc. Nous avons une icône de copie en haut à droite, alors utilisons-la. C'est marrant, je vois que c'est lié aux témoignages. J'ai connu quelque chose de similaire dans le passé. Voici les trucs marrants. Ainsi, lorsque vous ajoutez des témoignages, vous ajoutez généralement une citation pour mettre en valeur ce que les gens disent de l'entreprise, n'est-ce pas ? Une citation, non ? Eh bien, ces guillemets, ce caractère, eh bien, s'il n'est pas formaté correctement, ces caractères cassent le code C'est donc vraiment stupide, mais oui, j'ai dû utiliser cinq à dix instructions juste pour revoir l'ensemble du projet et le nettoyer Bien que certains de ces modèles soient incroyablement intelligents, ils commettent parfois des erreurs stupides Mais oui, revenons-y. Voici ce qui se passe. Windsurf consiste donc à vérifier les fichiers et à réparer à peu près tout Une fois satisfait, il sera transféré sur Github, ce qui signifie qu'il mettra à jour GitHub avec le dernier code avec tous les correctifs Bien sûr, le terminal peut s'arrêter, mais tapez n'importe quoi, appuyez sur Entrée et il devrait reprendre. OK, c'est bon d'y aller. Mais oui, une fois le code téléchargé de notre ordinateur sur Github, Versll recevra également le nouveau code automatiquement OK, le modèle dit que c'est fait, et il dit que nous devrions réessayer dans Versell OK, je vais cliquer ici sur GoTo Project. Ici, je sais que c'est votre première fois, mais c'est en fait assez simple. Si vous remarquez cette partie, elle est jaune, ce qui signifie qu'elle essaie à nouveau de créer le projet. Il s'agit donc d'un processus actif. Mais oui, après quelques secondes, ça échoue à nouveau, donc c'est rouge. Encore une fois, c'est typique. Alors, cliquons pour voir le journal. Cela semble très similaire. Oui, c'est probablement le même problème, mais voilà le truc. Ne vous embêtez pas à trop lire le journal. Il suffit de le copier-coller dans Winserf et nous verrons ce que c'est. Prends ton temps avec ça. Et maintenant, vous devriez être habitué à ce flux où Winserf corrige des problèmes, le terminal se bloque, vous le reprenez, puis tout est rechargé sur Github Bien, maintenant, revenons à Versell et voici sur quoi vous devriez vous concentrer Voici mon compte, voici le projet en cours, et voici le déploiement en cours, qui a échoué. Nous revenons donc au projet en cliquant ici sur le nom du projet. N'oubliez pas de faire une pause aussi souvent que nécessaire avant de regarder la vidéo pour la deuxième fois. OK. Maintenant, une fois que vous avez cliqué, vous pouvez voir que la nouvelle version est en train d'essayer de se créer. Parce que nous avons mis à jour GitHub, Versel l'a vu, et il le publie automatiquement Maintenant, bien sûr, tu peux arrêter ça, mais oui, c'est généralement ce que tu veux faire. Maintenant, voyons si nous avons de la chance. Nous pouvons attendre ici ou cliquer dessus. Voyons ce qu'il y a à l'intérieur. Le statut est donc en jaune, nous devons donc attendre encore un peu. Mais oui, après environ une minute, d' accord, encore quelques problèmes. Encore une fois, classique. C'est marrant, il s'agit de Super Base. OK, je pensais que nous l'avions supprimé, mais il semblerait que certains fichiers contiennent encore quelque chose à ce sujet. Maintenant, c'est un peu frustrant, non ? L'IA a fait beaucoup de mauvaises choses dans notre projet. Maintenant, de votre côté, je suis sûr que vous n'aurez pas ce problème spécifique. Peut-être que tu as eu de la chance et que ça a marché la première fois. Mais d'un autre côté, je pense que c'est utile. Vous pouvez voir le débogage en action. Maintenant, je ne voulais pas supprimer ces problèmes de l'enregistrement du cours, car je pense qu'il est essentiel que vous compreniez que c'est normal. C'est tout à fait normal. C'est prévu. Au fur et à mesure que vous serez à l'aise avec ce flux, vous serez prêt à tout. Mais tu dois être détendu. Tu n'as pas à être nerveux. Tu n'as pas besoin de voir du rouge. Tu n'as pas à te mettre en colère. Vous n'avez pas à vous soucier des crédits et de la façon dont vous consommez de l'argent. Cela n'aidera pas. Mais oui, avance rapide et nouvel échec, mais je ne désespère pas. Je vais continuer à y travailler, et je vais continuer à le mettre à jour. Je vais continuer à le réparer. Même si cela me coûte quelques crédits et quelques minutes, je suis d'accord Essayez de travailler avec un freelance d' une autre partie du monde pour, disons, 50 dollars de l'heure et vous verrez rapidement en quoi c' est infiniment mieux Ce n'est pas génial. Ce n'est pas une promenade dans le parc, mais l'alternative est bien pire. Mais oui, après tant de tracas, nous avons enfin le feu vert Le site Web est prêt. C'est en direct. Vous pouvez maintenant cliquer dessus ici et le voir en action. Et le voici dans toute sa splendeur. Vous pouvez désormais le partager avec vos amis et votre famille. Mais voilà le truc. Avant de faire quoi que ce soit, voyons si le mail arrive. Wserf l'a donc suggéré. N'oubliez pas que nous avons utilisé un e-mail différent que nous n'avons pas utilisé pour livrer Nous avons utilisé l'onboarding. Jetons donc rapidement un coup d'œil et voyons si cela fonctionne. Et oui, la victoire. Le formulaire fonctionne toujours. Le site Web est en ligne. Le formulaire fonctionne. Félicitations. OK, continuons après la pause rapide. 24. Publier le site web sur votre propre nom de domaine: Bon retour. Nous avons réussi à télécharger notre site Web sur GitHub, puis à le déployer avec Versell Si vous retournez à Versell, vous pouvez voir une adresse temporaire ici Ce n'est pas beau à regarder, bien sûr, mais c'est en direct. Cela fonctionne. Vous pouvez le partager avec d'autres personnes. Vous pouvez maintenant vous arrêter, retourner Winserf et apporter quelques autres modifications pour améliorer le site Web, ajouter plus de pages, plus de fonctionnalités, améliorer le design, le traduire votre propre langue, les œuvres, n' Mais au cas où vous seriez curieux, je voudrais vous montrer comment vous pouvez passer d'une adresse temporaire, d'un lien moche à quelque chose comme cresbarn.com Donc, votre propre nom de domaine. Retournez à Versell pour accéder à votre projet, et vous aurez ce qu'on appelle un domaine Cliquez dessus. C'est exactement ce que nous recherchons. Ici, je peux voir celui que Versell a fait pour moi tout seul. Encore une fois, ce n'est pas mal, mais je veux quelque chose qui m'appartienne. Cliquons donc sur Par domaine. Et au bout de quelques secondes, vous allez pouvoir rechercher quelque chose, votre propre nom de domaine. Maintenant, les meilleurs, bien sûr, sont déjà pris, mais vous pouvez utiliser votre propre nom. Je vais donc écrire à Chris Barn, mais je sais que .com est déjà pris parce que je l'ai déjà acheté Maintenant, ce que j'aime chez Versell c'est qu'il vous montre de nombreuses options potentielles entre from.ai et quelque chose d' un peu plus classique comme .net Ce sont tous ceux qui sont disponibles, et vous pouvez prendre une décision éclairée car les prix sont clairs comme le jour. De toute évidence, Chris Barry and.ai à 149 dollars est un peu trop cher. Je vais donc opter pour autre chose. Passons à FYI, ce qui signifie en fait pour votre information, FYI Cela n'a pas beaucoup de sens, mais bon, c'est 6 ou 6 dollars Alors cliquons dessus et achetons. Comme vous pouvez le voir, c'est six dollars et un peu de monnaie. OK, c'est par an. OK, des trucs sympas. Je vais cliquer ici pour l'acheter, et maintenant je dois confirmer en cliquant à nouveau. OK, pas de soucis. Je vais maintenant devoir ajouter ma carte de crédit et mes informations de facturation. Cela va prendre un certain temps. Mais oui, pas de soucis. C'est simple. Je dois également vérifier auprès de ma banque, bien sûr, confirmer la transaction, les travaux. Rien de trop important. C'est comme n'importe quel autre achat en ligne. Maintenant, voici le truc. Cela m'a en fait transmis ce message, qui n'est pas bon. Mais voilà le truc. J'ai vu que l'argent avait été pris, mais oui, Versll m' a donné cette erreur Maintenant, dans ces cas-là, tu dois rester calme. Ce sont des entreprises sérieuses et ne vous inquiétez pas. Revenons donc aux domaines. Alors oui, voici le mien. Chris Barron pour info. Tout va bien. Je tiens à vous rappeler que Versell remplace votre hébergeur Il n'est donc pas nécessaire d' acheter un plan d'hébergement, un VPS, un serveur partagé ou quoi que ce soit d'autre. OK, maintenant revenons-y. Revenons à notre projet en cliquant ici en haut à gauche. Je n'ai qu'un projet de dentiste, alors cliquons dessus. OK, on est prêts à partir. Maintenant, cliquons sur Domaines et nous reviendrons au point de départ. Mais cette fois-ci, nous n'en achèterons pas. Nous allons en ajouter un. Alors cliquez ici et choisissez celui que vous venez d'acheter. Pour moi, c'est Chris Barron pour info. Il y a un paramètre qui est recommandé ici . Laissez-le coché. OK, maintenant je ne vais pas entrer dans les détails de ce que cela signifie parce que cela va nous distraire. Laissez-le coché. OK, cliquez sur Ajouter un domaine, et vous devrez choisir version du projet que vous souhaitez publier. Bien entendu, nous allons garder les choses simples pour ce qui est actuellement en production. Faites preuve de prudence et nous avons maintenant quelques instructions à nous donner. Rien de grave, mais nous devrons faire quelque chose par nous-mêmes. Jusqu'à présent, la navigation a été facile, mais c'est maintenant à nous d' ajouter ce record de nom C. Encore une fois, vous n'avez pas besoin de savoir ce que c'est. Laissez-moi vous guider étape par étape. Donc, ce que vous devez faire, c'est prendre note de ces trois bits, de ces trois éléments. Vous pouvez les copier dans un bloc-notes ou autre. Maintenant, la première ligne est déjà définie, donc ne vous inquiétez pas. Nous n'avons qu'à faire le second. Maintenant, si vous êtes curieux et que vous voulez vérifier le statut sans rien faire , cela ne marchera évidemment pas. Configuration non valide, bien entendu. De toute évidence, cela ne fonctionne pas parce que nous ne l'avons pas configuré. Voici donc ce que vous devez faire. Retournez à la page des domaines. Regardez la navigation ici. Vous devriez le trouver sans trop de problèmes. Utilisez ensuite les points sur le côté droit de votre nom de domaine. Ici, nous voulons le configurer. Nous voulons le mettre en place. Faites défiler un peu vers le bas, et sous DNS DNS, nous avons ces champs pour lesquels nous pouvons ajouter les détails précédents. Pour être honnête, Verl aurait pu le faire tout seul, mais bon, c'est bon Entrez donc WWW dans le premier champ. Ensuite, dans le menu déroulant, sélectionnez le nom C. Enfin, pour la valeur, ajoutez ce texte, mais assurez-vous d'ajouter le point à la fin. Le point est vraiment nécessaire. OK, ne changez rien d'autre. Cliquez plutôt sur Ajouter et croyez-le ou non, c'est tout. Vous allez recevoir un message de confirmation en bas à droite, et vous pourrez voir que l'entrée est maintenant enregistrée. Maintenant, voici le truc. Vous êtes peut-être impatient d'aller visiter votre propre nom de domaine, n'est-ce pas ? Mais il n'est pas prêt. C'est dans le four. Cela prend un certain temps. Généralement, de 4 heures à 24 heures. C'est le guide officiel. Ne soyez donc pas déçus si cela ne fonctionne pas immédiatement. Pour moi, cela m'a pris environ dix à 15 minutes. Mais n'oubliez pas que vous devez être patient. N'allez pas changer des choses. Ne vous plaignez pas à Windsor pour un vaisseau qui ne fonctionne pas. Prends ton temps avec ça. Reste calme. Mais oui, voilà. Laisse-moi avancer rapidement. Chris Barron est désormais en ligne. Le site Web a l'air bien. Nous sommes en or. Félicitations. Vous avez désormais votre propre site Web du début à fin sans savoir comment coder. Ah, un. Vous pouvez vous rafraîchir comme un fou, n'est-ce pas, dans les premières secondes ou les premières minutes. L'installation du SSL prend quelques minutes. Votre antivirus peut donc vous afficher à nouveau quelques avertissements au début, ou vous pouvez avoir un site Web défectueux si vous atteignez constamment un cinq lors de l'actualisation. Mais après quelques minutes ou peut-être quelques heures, cela fonctionnera parfaitement sans aucun avertissement ou quoi que ce soit d'autre. C'est tout à fait normal. Tout codeur classique ou toute société d'hébergement classique fonctionnerait exactement de la même manière. Il n'y a donc aucun inconvénient. OK, prenons un moment pour célébrer 25. Apporter des modifications à notre site web en direct: Reviens. Peu importe que vous ayez acheté votre propre nom de domaine ou que vous utilisiez celui que Versell a créé pour vous, vous pouvez continuer à améliorer le site Web Pour moi, il y a une zone avec texte en super lumière qui est difficile à lire, alors je dois corriger ce problème. Alors laissez-moi vous montrer à quel point c'est facile une fois que tout est configuré. Encore une fois, cela fonctionnera avec un domaine personnalisé ou avec un domaine de base fourni par Versell Donc, tout d'abord, je vais faire une capture d'écran depuis Firefox. Vous pouvez utiliser n'importe quel type de plugin de navigateur. Cela dépend vraiment de vous. Je sais que certaines personnes utilisent Safari, Chrome, Brave Edge et bien d'autres encore, donc je ne vais pas me lancer dans les plugins qui font une capture d'écran. Il suffit de faire une capture d'écran et c'est tout. ensuite glisser en planche à voile dans ce champ. Ça va ressembler à ça. Mais juste pour que ce ne soit pas décevant, faisons un grand changement, quelque chose qui va être vraiment spectaculaire Demandons donc au modèle de changer le schéma de couleurs du bleu au rouge. Cela devrait faire une énorme différence. Cela va être évident. OK, appuyons sur Entrée, et c'est parti pour les courses. Le modèle analyse donc l'ensemble du site Web et prépare tout. En fait, ce n'est pas aussi simple que je le pensais. Le modèle change donc pas mal de fichiers. Maintenant, pour être honnête, est-ce que nous nous en soucions vraiment ? Non, pas vraiment. Il fait tout seul avec une seule invite. Cependant, pour être honnête, après un certain temps, nous devrons dépenser un autre crédit car à ce rythme, cela va en fait porter sur un grand nombre de fichiers. Et oui, c'est ici. Pour rappel, au bout d'une vingtaine d'étapes, Wind Surf vous demande si vous souhaitez continuer. Cela vous coûtera un autre crédit. Et oui, ça va continuer, et oui, ça fait beaucoup de choses. Mais oui, j'espère que vous pouvez comprendre comment vous pourriez potentiellement endommager votre site Web en modifiant autant de fichiers. Lorsque vous travaillez avec autant de fichiers et que vous modifiez des éléments, cela peut être un peu dangereux. Et voilà le truc. À un moment donné, le modèle prend un certain temps. Vous pouvez le voir ici. J'avais donc vraiment peur que ce soit bloqué en ce moment. Mais oui, auparavant, c'était le terminal qui posait problème, et nous n'avions qu'à taper n'importe quelle lettre, et tout allait bien Mais dans ce cas, il semble que le mannequin réfléchisse depuis un moment. Mais non, nous avons de la chance, nous avons de la chance. Tout va bien. Je suppose que le dossier contenait quelque chose d'assez volumineux, et c'est pourquoi cela a pris du temps. Encore une fois, il faut être détendu. Ne soyez pas nerveux à ce sujet. Ne sois pas nerveux. Encore une fois, je suis honnêtement surpris du nombre de fichiers qu'il change pour le simple code couleur. Cela est probablement lié à la structure du texte que nous utilisons. C'est là qu'une certaine expérience de codage serait utile. C'est pourquoi les développeurs payaient six figurines par an, ou c'était le cas auparavant. Ils savent comment optimiser les choses. Ils peuvent construire des choses plus rapidement avec moins de ressources. Mais surtout, ils peuvent créer des projets faciles à gérer. J'ai donc eu des projets où je pouvais modifier un seul code couleur sur une seule ligne, et l'ensemble du site Web serait mis à jour. Ici, il semble que nous ayons affaire à plus de 15 fichiers, peut-être même plus. Maintenant, encore une fois, est-ce que nous nous en soucions vraiment ? Cela a-t-il un impact sur nous ? Non, pas vraiment. Le client s'en soucierait-il ? Non, bien sûr, pas vraiment. C'est encore quelques minutes pour nous. Peut-être quelques instructions supplémentaires, mais ce n'est pas un vrai travail, vous savez, nous ne travaillons pas vraiment Nous ne faisons qu'attendre. OK, il semble que nous devions continuer encore une fois. Mais je pense que nous sommes assez proches de la fin, je pense. Oui, un mot rapide. Et oui, envoyons tout sur GitHub. Bien sûr, il le fait automatiquement, donc c'est super cool. C'est le pouvoir de configurer les choses correctement. Je ne le soulignerai jamais assez. Je suis sûr que vous n'étiez pas très enthousiaste à l'idée d'installer tous ces outils pour configurer tous ces MCP et autres. Mais oui, ça porte ses fruits. Et on dirait que c'est fait. Vous pouvez consulter le site Web et le rafraîchir, mais il est évident que le changement ne sera pas instantané car il est en ligne sur un serveur. C'est en direct sur Internet. Revenons donc à Versell pour voir l'état de la facture. Maintenant, en général, une fois que vous avez réussi à le déployer correctement, il y a de fortes chances qu'il n'échoue pas. Il est fort probable qu' il fonctionnera toujours tant que vous n' apportez pas de modifications majeures importantes. Maintenant, il faut à peu près le même temps pour construire 30 à 50 secondes. Mais oui, dans l'ensemble, je pense qu'il va avoir le feu vert. Et oui, c'est ici. Jetons un coup d'œil au site Web. Et oui, c'est rouge. Pour être honnête, il n'y a pas que du rouge. Ce sont des nuances de rouge. Je pourrais donc potentiellement comprendre pourquoi cela a pris autant de temps. Mais oui, une question, quelques-unes restent justes, et nous avons apporté des modifications importantes à notre design. Et tout est en direct. Pour être honnête, le grand texte semble toujours là. Je ne sais pas pourquoi le mannequin l'a oublié. Mais oui, prenons une autre capture d'écran. Mais cette fois-ci, je vais être plus direct. Je vais dire ce qui suit. Mets ce texte à 22, deux, et c'est un code couleur très sombre que je connais par cœur. Cela garantit un résultat solide. Bien sûr. Même s'il s'agit d'un petit changement, voici le truc. Nous devons encore passer à Github. Versil doit effectuer un autre déploiement. Donc, idéalement, vous devriez apporter beaucoup plus de modifications , puis les envoyer sur GitHub Mais oui, pour le moment, des fins de test, c'est tout à fait normal. Donc pas de soucis. Dans l'ensemble, nous volons. Nous avons terminé. Le texte est désormais gris foncé. Il est facile à lire et nous avons un site Web solide du début à la fin. Et bien sûr, vous pouvez continuer à le mettre à jour de cette façon. Lorsque vous en serez satisfait, envoyez-le sur Github et c'est Vous n'avez pas à insister après chaque changement, cela dépend vraiment de vous. Oui, faisons une petite pause. Encore une fois, félicitations. C'est une victoire solide. 26. Nager dans un océan (ver: Bon retour. Je tiens à souligner quelque chose. Lorsque j'ai appris à coder par vibration, j'ai essayé d'utiliser des projets créés par mon ancienne forme de développeur Ces gars étaient des développeurs qualifiés avec beaucoup de connaissances, mais ils ont commis une grosse erreur. Ils n'ont laissé aucune note. Maintenant, dans GitHub, dans mon propre GitHub, je peux accéder à 30 ou 40 projets qu'ils ont réalisés, mais voilà le truc Je ne sais rien d'eux. Donc, quand j'ai commencé, j'ai essayé de les mettre à jour et de les faire fonctionner. Ils ont été fabriqués en 2018, 2019, donc évidemment assez vieux. Et voilà le truc. Bref, j'ai échoué. J'ai passé beaucoup de temps, beaucoup de crédits, et c'était très ennuyeux. Puis j'ai essayé de taper pour la première fois. Alors j'ai changé d' approche et j'ai dit : OK, faisons moi-même mon premier clic. Mais je vais utiliser un code existant, non ? Je vais donc utiliser quelque chose de Github. N'oubliez pas que certains projets sont publics. Cela signifie que vous pouvez les copier et vous pouvez construire dessus, n'est-ce pas ? Et je me suis dit que cela me permettrait d'économiser beaucoup de temps, de tracas et, bien sûr, de gaspiller des crédits. Mais voilà le truc. J'ai échoué encore une fois. Et ce n'est pas l'échec qui est le problème, c'est ce que je ressentais, et c'est ce que je veux partager. Voilà le truc. Je travaillais avec des modèles d'IA ouverts, des modèles qui étaient gratuits à l'époque, les modèles 4 et 4.1. Et j' écrasais constamment des bugs, réparais des pièces, des pièces après des pièces Le problème, c'est que je ne savais pas si je prenais du BG 5 sur 50 ou 5 sur 50 000. Je n'avais aucun point de référence. C'était comme nager dans l'océan avec beaucoup de brouillard autour de moi. Je ne pouvais pas voir le rivage. Je ne pouvais pas voir la plage. Je ne savais pas si je nageais dans la bonne direction. J'étais peut-être à quelques pas de la plage. J'étais peut-être à des kilomètres. Et c'était super fatiguant, d'essayer diverses choses, d' essayer toutes sortes de choses Et c'est là le problème. Je ne savais pas si je m'en rapprochais, si j'étais plus proche l'objectif final, qui est de mener à bien le projet. Je n'en avais aucune idée. Et voilà le truc. Si vous êtes bloqué et que vous n'en êtes pas sûr, vous pouvez toujours entamer une nouvelle conversation. Vous pouvez simplement cliquer ici. Un nouveau modèle sera d'autant plus utile. Par exemple, si je devais ajouter la section galerie au site Web du dentiste, je lancerais une nouvelle conversation en cliquant ici. Il s'agit de la méthode recommandée. Vous divisez le projet en plusieurs parties. Nous avons maintenant une fondation. Nous l'avons publié. Cool. Ensuite, nous souhaiterons peut-être ajouter quoi que ce soit, une galerie, puis un suivi Google Analytics, puis peut-être un formulaire plus compliqué. OK, eh bien, ces choses peuvent être trois conversations différentes. N'oubliez pas que vous utilisez le même montant de crédits. Il n'y a aucun inconvénient, mais une nouvelle conversation signifie un nouveau modèle Il n'est pas fatigué par les instructions précédentes. Mais pour en revenir à mon point de vue, si vous avez l'impression de nager dans un océan et que vous ne savez pas où vous vous trouvez, vous devez faire une pause et réévaluer Vous devez changer de modèle ou démarrer une nouvelle conversation. instant, j'ai tendance à penser qu'il vaut mieux partir de zéro. Ayez le modèle, créez vous-même tout à partir de zéro. Mais bien sûr, vous pouvez faire référence à un projet. Encore une fois, pour vous inspirer, utilisez-le comme source d'inspiration, et le modèle en tiendra compte. Mais n'importez pas de code, et j'espère qu'il fonctionnera. J'espère que vous pourrez vous appuyer sur cela. Habituellement, cela ne fonctionnera pas, surtout au début de votre carrière. Je vous conseille donc de commencer par de petits projets amusants, puis de gravir les échelons. Ne vous fatiguez pas en nageant trop longtemps dans l'inconnu. Oui, soyez patient. Mais si vous avez l'impression de ne pas bien progresser, vous devriez faire une pause et chercher une autre solution. 27. Que faire ensuite ?: Bon retour. Toutes nos félicitations. Tu es arrivée jusqu'au bout, et c'est un gros problème. Vous ne vous êtes pas contenté de créer quelques sites Web. Vous avez en fait développé les compétences qui les sous-tendent. Vous avez appris à guider l'IA à l'aide d'instructions claires, à créer un style précis, à améliorer l'apparence et à vous sentir mieux Et cela sans plonger dans un code complexe, sans aucun codage. Plus important encore, vous vous entraînez un peu à chaque fois, quelques instructions ici et là, quelques ajustements ici Et c'est comme ça qu'on devient bon. Non pas en regardant , mais en pratiquant. Alors, et maintenant ? Eh bien, tu dois continuer. Tu dois choisir une toute nouvelle idée. Vous pouvez créer une marque, un projet personnel. Vous créez un nouveau dossier et vous travaillez simplement. Vous essayez l'invite, vous la collez, vous la peaufinez, vous la publiez, vous la personnalisez. En gros, vous êtes prêt à créer des choses pour vous-même, puis pour vos clients, peut-être juste pour le plaisir. Mais quoi que vous fassiez, souvenez-vous de ceci, vous devez avoir la foi. Il faut faire preuve de patience. Et oui, vous n'avez pas vraiment besoin d'un développeur pour créer de belles choses. Il suffit de savoir comment parler à ces outils. Merci d'avoir passé ce temps avec moi. Va créer quelque chose dont tu seras fier. Au fur et à mesure que les choses changeront, je vais continuer à mettre à jour le cours. Je vais ajouter de nouveaux projets, de nouvelles fonctionnalités, plus d'exercices. Mais oui, pour le moment, tu dois continuer à t'entraîner. Tu l'as. C'est Chris Barron qui démissionne. Merci beaucoup