Codage par IA Vibe pour les débutants utilisant Bolt. NOUVEAU

1. Introduction: Bienvenue à tous. Je m' appelle Greg Kang Bienvenue dans le codage AI pour débutants. Ce cours s'adresse à tous ceux qui souhaitent commencer à coder, en utilisant le pouvoir de l'IE, en utilisant leur créativité. Vous n'avez pas besoin de connaissances en codage. Et je suis en fait un créateur de contenu canadien depuis plus de dix ans. J'ai une formation en technologie, mais je ne suis pas codeur. Mais un ami m'a fait découvrir cette application. J'ai commencé à jouer avec. J'ai commencé à créer différentes applications comme ce site ici, qui propose un chat communautaire. Il fait des classements, un répertoire des meilleurs sites digionmad Dans ce cours, je vais vous expliquer étape par étape comment démarrer sur cette plateforme, créant vos propres applications, en utilisant votre créativité. C'est très amusant, alors commençons. 2. Définir les attentes: Bonjour. Avant de commencer le cours, je voudrais simplement définir vos attentes quant à la structure du cours, ce que vous pouvez vous attendre à apprendre et à retirer du cours. Le codage par IA est donc un tout nouveau domaine. En fait, Bolt vient de sortir en décembre 2024. Nous sommes en janvier 2025 maintenant. Vous pouvez donc vous attendre à de nombreuses expérimentations pour voir ce que vous pouvez tirer de l'application, ce que vous pouvez créer. Et je vais passer en revue les leçons, vous allez me voir créer une variété d'applications, et j'en ai une liste ici parce que j'en ai créé plusieurs ici. Vous allez donc voir différents sites qui font des classements. Par exemple, les personnes les plus riches du monde. Vous en savez également un sur la façon de faire des classements sur Instagram et lors de la création de ces applications, je vais vous montrer comment implémenter différentes fonctionnalités telles que les filtres, comment ajouter des photos de profil pour pimenter votre application et la rendre plus agréable visuellement. J'ai également un jeu lequel je vais vous montrer comment créer Pong, le véritable jeu TD Pong en utilisant le codage AI. Nous allons également créer des applications fonctionnelles telles que des calculateurs de conversion de devises Nous allons utiliser des API, des interfaces de programmation d'applications pour ajouter de la puissance à notre application. Nous allons en fait appeler différentes API depuis Google. Ils vont appeler une API qui va nous permettre transcrire un fichier audio et plus encore Et les API sont une fonctionnalité très puissante des compétences de codage par IA qui vous ouvrira vraiment un nouveau monde. Nous allons également vous montrer comment utiliser PayPal ou Stripe pour mettre en place un paywall devant votre application au cas où vous souhaiteriez la monétiser ultérieurement Enfin, je vais vous montrer un exemple très avancé, un chatbot LLM multi-IA qui utilise différents robots de discussion IA d' Open AI et de Google, et je vais également utiliser une API pour cela Alors cherchez cette leçon, et nous en avons une amusante également, une application de covoiturage de base, qui ne vous donnera pas l'application complète, mais vous donnera une idée de ce qui est possible. Ainsi, lors de la création de ces applications vous allez arriver à créer quelque chose, à le déployer et à obtenir cette URL qui ne sera pas conviviale. Je vais donc vous donner quelques idées sur la façon dont vous pouvez changer cela. Je pense que le moyen le plus simple est d'acheter un site de domaine auprès de Netafe, le fournisseur intégré À partir de boulons. Mais vous pouvez également simplement modifier le nom de configuration du site pour qu'il soit plus convivial, par exemple, pong dotnetlofy.com Et vous utilisez également le transfert d'URL. Je vais donc vous montrer quelques exemples de la façon de procéder. Dans le même temps, l'application elle-même évolue chaque semaine. Par exemple, ils introduisent Super Base intégrée à Bolt. Vous le verrez en haut à droite, et cela vous permet de créer une base de données qui créera des utilisateurs pour vous. Je vais également vous présenter une autre plateforme appelée Lovable, qui facilite un peu la connexion à la base de données et l'ajout d'une authentification depuis Google À mon avis, cela facilite également intégration des API de paiement de Stripe. C'est pourquoi je vais vous présenter adorable point Dev à la fin du cours Vous avez donc une idée d'autres alternatives à BlaneU. Bol n'a pas enseigné à Nu la seule application du jeu, ni le seul codeur IA du jeu. Mais ce cours est vraiment conçu pour les débutants. Parce que je ne suis pas programmeur, et je veux vous montrer les possibilités de ce qui est possible si vous n'êtes pas codeur. Mais si vous êtes codeur, alors, vous savez, attendez-vous à ce qu'il y ait un cours assez convivial pour les débutants. Nous n'allons pas entrer dans les détails. Nous n'allons pas entrer dans les référentiels GitHub, ce genre de choses Nous n'allons pas transférer nos projets dans un programme comme Cursor ou GitHub pour entrer dans le code Ce n'est donc pas le sujet de ce cours, et c'est pourquoi le titre est le codage AI pour débutants. Maintenant que cela est réglé, commençons le cours. 3. S'inscrire: Nous étudions donc les boulons en ce moment, et je vais juste prendre recul et vous montrer comment vous pouvez commencer. Donc, vous devez d'abord accéder au point RL Bolt Nu. C'est Bolt Dot Nu. Et ce que vous devez faire, c'est créer un compte. Maintenant, une fois que vous aurez créé le compte, vous pourrez vous connecter au tableau de bord, et vous aurez la possibilité de créer des applications gratuitement et de vous faire une idée de ce que cette application peut faire. Maintenant, au bout d'un moment, il vous dira que vous aurez besoin de quelques crédits pour vous connecter, et c'est là que je vous recommande de souscrire à un plan personnel. Donc je vais juste vous montrer le plan que j'ai. Je me suis donc inscrit au plan P, qui coûte 20 dollars américains, et qui vous donne 10 millions de jetons, et c'est valable pour un mois. Il me reste 8,2 millions de jetons, et je vais juste vous donner une idée du nombre d'applications que j'ai créées. Vous pouvez donc accéder à vos discussions sur le côté ici. Vous pouvez donc voir que j'ai créé une application de score de golf, un tableau de bord des devises, un tableau de bord d'investissement, une application de notation de golf, classement des parcours de golf, des bitcoins, un tableau de bord de blockchain. J'ai donc créé pas mal de choses avec les jetons que j'ai. Cette icône en bas à gauche vous permettra donc d'accéder au menu. Et le menu est l'endroit où vous pouvez accéder à vos discussions, aux paramètres. Le centre d'aide. Et vous pouvez réellement y voir vos jetons. J'en ai donc utilisé près de 1,8 million. Vous pouvez acheter plus de jetons. Et à partir de l'abonnement, de mon abonnement, vous pouvez voir quel plan d'abonnement vous avez. Si vous souhaitez accéder à votre chat et lancer une nouvelle invite, vous l'avez toujours, et à partir de ce menu, vous pouvez toujours démarrer un nouveau chat. Très bien, avec ça, nous allons commencer à partir d'ici et créer notre première application 4. Comment gagner du temps et des jetons: C'est bon. Je voudrais faire une mise à jour sur les boulons pour vous faire économiser des jetons et du temps. Il existe un nouveau paramètre si vous accédez à vos paramètres en bas à gauche, et si vous accédez aux aperçus des fonctionnalités, il existe une fonctionnalité appelée DIFS que vous pouvez activer de réécrire le fichier dans son intégralité, cela vous permettra Au lieu de réécrire le fichier dans son intégralité, cela vous permettra de vous concentrer uniquement sur les nouvelles modifications, ce qui vous permettra d'économiser du temps et des jetons Donc, à l'origine, quand je l'ai examiné, n'y a pas si longtemps, la semaine dernière, c'était une phase expérimentale, mais maintenant ce label a disparu. Je dirais donc que c' est sûr à essayer. Je l'ai essayé pendant une semaine, et cela semble accélérer un peu le processus. Encore une fois, cela se trouve sous les paramètres, les aperçus des fonctionnalités et les fonctionnalités appelées DIF Je vais vous faire gagner du temps et des jetons. 5. Conseils d'ingénierie de prompts d'IA: En matière d'IA générative, qu'il s'agisse de générer des images, des vidéos du code, je pense que le secret réside vraiment dans l'entrée, dans l'ingénierie rapide. Les instructions que vous donnez détermineront donc ce que vous retirerez de ces modèles d'IA J'ai testé des générateurs d'images comme Adobe Firefly, diffusion, Microsoft Bangs copilot, Il y a tellement de systèmes d'IA différents maintenant. Mais en réalité, la compétence commune requise sur toutes les plateformes est une ingénierie rapide. Alors, quels sont les conseils ici ? Ainsi, lorsque vous générez des vidéos sur le générateur d'images Opening Eye Sa ou Adobe Fireflies, ils vous fournissent des images de référence pour montrer ce que leur modèle est capable de faire Donnez-vous également quelques exemples de différents styles d' images et de vidéos. Vous pouvez donc les utiliser comme points de référence. Vous pouvez cliquer sur l'image que vous aimez. Vous pouvez obtenir l'invite qu'ils utilisent pour créer cette image, le style, puis vous pouvez le personnaliser à votre guise. Une autre compétence clé, qu'il s'agisse de génération d'images ou même de la génération de code, est ce que j'appelle l'itération, la réitération C'est donc essentiellement un mot fantaisiste pour le refaire. Donc, une fois que vous aurez reçu cette première invite de référence, vous allez la personnaliser. Disons simplement que vous êtes invité à obtenir une image hyper réaliste de Vancouver avec les montagnes en toile de fond Vous obtiendrez donc votre première image, puis vous remarquerez probablement que ce n'est pas tout à fait ce que vous voulez. Vous devez donc modifier à nouveau la tonalité de couleur, rendre le ciel plus lumineux, plus chaud, puis recommencer. Vous pouvez également faire des variations. Ainsi, certaines plateformes comme Adobe Firefly vous permettront de choisir parmi quatre versions différentes de l' Et puis à partir de là, vous pouvez continuer à itérer. C'est ce que je veux dire par itération. Et, bien sûr, vous pouvez parfois enregistrer votre progression. Vous pouvez le privilégier afin de vous remémorer votre style de création plus tard J'ai donc récemment eu une expérience du codage avec l'IA, et c'est très similaire. Vous pouvez commencer par une invite similaire réitérer et créer quelque chose d'incroyable. Et si vous souhaitez créer une autre application, vous pouvez utiliser le même style. Par exemple, j'ai créé un tableau de bord de cryptomonnaies personnalisable, comportant des listes déroulantes et des alertes par e-mail. Eh bien, je pourrais utiliser ces mêmes fonctionnalités pour un autre type de tableau de bord personnalisable. Disons simplement pour les résultats sportifs. Vous pourriez donc utiliser le même design et la même inspiration les appliquer à une autre application ou à une autre image d'IA. Alors oui, comment pourrais-je appeler ça ? C'est ce que j'appellerai simplement la mise en favoris, signet de votre travail pour le futur Plus vous serez précis dans vos instructions, plus votre résultat sera détaillé Une ingénierie rapide est donc essentielle, et je pense que certaines compétences sont nécessaires pour réussir dans ce domaine. Ce n'est qu'un entraînement. Ensuite, si vous obtenez ces images de référence, regardez les instructions et vous apprendrez en faisant davantage Mais je peux certainement voir d'autres cours former les gens à l' ingénierie rapide compte tenu de la popularité de tous ces modèles d'IA. Une autre chose que je voulais partager avec vous est la fonction d' invite améliorée. Certaines applications comme Bol thought New. Je pense qu'il y en a d'autres comme Wix. Ils vous permettent de créer d'abord votre invite, et vous verrez peut-être une icône magique ou IA qui expliquera votre invite initiale. Alors regardez-le en action ici. Je viens de recevoir une invite en deux phrases pour créer un tableau de bord Instagram. Lorsque je clique sur l'invite améliorée, vous pouvez voir qu'elle est élaborée, même en faisant une supposition éclairée sur ce que je veux exactement, et vous résolvez le Bild pour le modifier, puis vous les mettez dans votre bal de fin d'année initial C'est tellement puissant. Amusez-vous bien et bonne chance. 6. Créer le classement de notre première application Instagram: Tout le monde, c'est Greg. Nous allons créer notre première application aujourd'hui en utilisant Boldoc New Vous recevrez donc un certain nombre d'instructions gratuites sur le plan de paiement, mais réfléchissez-y avant de continuer et appuyez sur Entrée car la première invite est la plus importante Et oui, vous pouvez simplement commencer par une première invite, puis vous pouvez voir ici que j'ai une idée pour un tableau de bord créé pour classer les meilleurs influenceurs d' Instagram avec un choix de profil et le nombre d'abonnés Maintenant, une fois que vous avez saisi votre invite, vous avez cette icône, qui est une invite améliorée. Et si vous cliquez dessus, l' IA vous aidera à améliorer votre invite en répondant à des exigences bien plus spécifiques. Je vais donc juste lire ici. Créez un tableau de bord visuellement attrayant présentant les 20 principales influences d'Iscram dans le monde, classées par nombre d'abonnés, incluez les éléments suivants pour chaque influenceur, choix de profil, haute résolution Utilisez le nom avec le statut du badge vérifié le cas échéant, nom d'affichage complet, le nombre total abonnés, le pays d'origine Ça a l'air super. Alors, appuyons sur Go. Il va bien. Nous pouvons donc voir le code généré sur le côté droit. Maintenant, ne vous inquiétez pas si vous ne savez pas ce que cela signifie. C'est bon parce que vous avez juste besoin de suivre sur le côté gauche. Je vais vous donner une idée de ce qu'il fait. Vous attendez votre premier aperçu ou votre premier brouillon, puis vous pouvez réviser ou itérer une fois que vous avez obtenu votre premier aperçu ou brouillon OK, vous pouvez donc voir le mien ici. Et il me montre deux noms ici. OK, et puis ça montre un problème sur la gauche, ce qui est normal. C'est normal. Il suffit donc de cliquer sur Tentative Fix pour commencer, puis je pourrais simplement lui demander d'inclure d'autres profils. Je vais juste m'éloigner d'ici. C'est bon. Et il est normal d' avoir ces problèmes potentiels. Corrigez le profil, choisissez des images et affichez au moins le profil supérieur. D'accord. Alors ça va recommencer. Et vous pouvez voir sur le côté droit qu'il y a Selena Gomez pour le numéro trois, Kylie Jenner pour le numéro quatre, The Rock pour le numéro The Rock pour le Il récupère donc les données du code. Maintenant, en ce qui concerne la syntaxe, je ne comprends pas vraiment ça et tout ce code ici. Mais comme je l'ai dit, tu n'en as pas vraiment besoin. Il ne fait que courir et faire son travail. Votre objectif principal est de l'inciter à utiliser cette technologie pour obtenir ce que vous voulez. Très bien, super. Donc les meilleurs influenceurs d' Instagram Christiana Ronaldo, Lionel Messi, Selena Gomez, The Rock Et oui, bien que ces choix de profil soient pas, ils ne sont certainement pas corrects. Elle affiche les données correctes et affiche d'autres informations telles que la croissance, le nombre d'abonnés C'est donc une bonne deuxième version. Maintenant, si vous faites une erreur lors de votre deuxième ou troisième invite, vous pouvez revenir ici. Donc je vais juste vous montrer où. Ils ne cessent de changer les choses parce qu'ils mettent à jour cette application. Mais vous pouvez voir qu'au bas de votre dernière demande, il y a un bouton Annuler ici. Vous pouvez donc cliquer sur Annuler si quelque chose ne fonctionne pas. Je vais donc ajouter d' autres fonctionnalités ici. Je vais ajouter un filtre. Et demandez-lui de corriger le profil, de choisir et d'ajouter un filtre. Vous pouvez donc en quelque sorte voir le processus de création d'une application. Vous créez votre toute première invite, vous l'améliorez, puis vous créez votre première version, regardez ce que Bolt crée pour vous, puis vous pouvez la réviser et vous avez la possibilité de l'annuler. Et c'est un voyage, non ? C'est un processus. La qualité de votre application ou de votre sortie dépend de votre saisie. OK, donc ça ajoute un faiblissement. Sympa. Nous continuons donc à avoir des problèmes avec les choix. C'est peut-être juste une question de copyright. Mais bon, j'ai bien compris Nike. Au moins, nous avons les données ici, et nous avons différentes catégories de filtres. Je peux voir qu'ils fonctionnent. Cliquons sur Music, Beyonce, Ariana Grande, Justin Bieber, Ce sera donc un bon brouillon, non ? Disons donc que nous sommes prêts à le déployer pour le partager. Plus tard, je vous montrerai comment créer différentes URL pour notre application Une fonctionnalité plus avancée est la possibilité de le télécharger , d'ouvrir et de fractionner des actions ou de le connecter à une base C'est plus avancé. À ce stade, je vais simplement cliquer sur Déployer. Et il va créer une URL avec Net LIFE, qui est une autre plateforme, et vous obtiendrez cette URL que vous pourrez voir ici lorsque je clique dessus, l'application s'ouvrira et vous pourrez la partager avec vos amis. C'est en direct sur Internet. Alors voilà. Alors allez-y, créez votre première application et réfléchissez à votre idée. Entrez votre idée dès le premier message. Peut-être souhaitez-vous l' améliorer à l'aide de l'IA , puis examiner le premier brouillon , puis le répéter, puis le déployer. Bonne chance. 7. Construire notre 2e application - Les personnes les plus riches: OK, voici l' application pour les personnes les plus riches du monde application pour les personnes les plus riches Vous pouvez voir certaines des personnes les plus riches, quelle est leur source de richesse, pays et quelle entreprise Et vous pouvez filtrer par pays ici. C'est bon. Voici donc l'invite, créez une liste détaillée des dix personnes les plus riches Et j'utilise probablement l'invite améliorée de l'IA. C'est ce que j'ai créé. Et puis au début, l'application ne fonctionnait pas. Donc, en gros, c'est tout ce qu'il faut pour commencer à réparer les choses. Et puis il l'a réparé. Je lui ai demandé d'ajouter des photos de profil plus du nom dans un filtre. C'est ce que j'ai fait. Et puis, oui, j'ai déployé l'application. Je veux donc simplement vous montrer un exemple d'itération. Disons simplement que je l'ai déjà publiée, mais je souhaite améliorer cette application. Je pense donc qu'un bon moyen d' améliorer cela est d' élargir la liste. Élargissez la liste pour inclure les 50 personnes les plus riches Voyons ce que dit le message amélioré. D'accord, nom complet, valeur nette de la voiture. Bien sûr. Maintenant, il va demander l'âge, le pays de citoyenneté, un peu plus d'informations. Je peux voir qu'il utilise le langage Rat. C'est bon. Mais il n'en reste que dix. Mais je commence modestement, en incluant le top 20. Je pense que j'ai demandé trop d'informations. Je peux donc le voir ajouter la liste ici, trois, quatre, cinq, six. Il s'agit donc d'obtenir l' image de Wikipedia. OK, maintenant ça ajoute plus de personnes, neuf, dix, 11, 12, d'accord, ça a l'air bien. Numéro 16, Jensen Huang. C'est donc lorsque vous observez le code assez longtemps que vous comprenez en quelque sorte ce qu'il fait réellement ici. Alors, on y va. Maintenant, nous avons une liste plus longue, jusqu'à 20 personnes. Et nous avons un filtre, un patrimoine net minimum, un pays. Maintenant, je peux le télécharger et le déployer. Nous y voilà. 8. Créer une calculatrice multi-devises: D'accord, voici une application pratique qui vous permet de convertir une devise en une autre. Par exemple, voyons que 100$ US correspondent à 94 euros. Vous pouvez ensuite vous envoyer le résultat par e-mail. Ensuite, vous pouvez également consulter l'historique de vos conversions. Et il y a aussi une calculatrice ici si vous voulez simplement effectuer des calculs à la volée. Nous y voilà. Ceci est donc inspiré d'une autre application appelée X Currency. Mais oui, je veux juste vous montrer un autre type d'application pour susciter vos idées. Regardons donc les instructions que j' utilise pour créer ceci Donc, à l'origine, j'ai mis une application de calcul multidevises. Mais ensuite, j'utilise les instructions de l'IA, le multidevises, le convertisseur Ensuite, si vous cliquez sur l' invite AI en bas à gauche, cela améliorera votre invite essentiellement pour couvrir tous les scénarios ou la plupart des scénarios. Je ne vais donc pas aller de l'avant et le faire parce que je l'ai déjà fait. Mais oui, déplaçons simplement cette invite. C'est comme ça que j'ai lancé cette application, non ? Puis il est allé de l'avant et a fait son travail. J'ai donc créé une application complète de conversion de devises. Ensuite, ma prochaine demande a été d' ajouter une fonction de calcul qui prendra la devise sélectionnée dans le menu déroulant , elle ne correspondait pas tout à fait à cela. Ce que je voulais faire, c'était pouvoir utiliser une calculatrice en euros ou en dollars américains. Mais ensuite j'ai réalisé que cela n'avait pas vraiment importance parce que 1$ c'est 1$. Alors j'ai laissé tomber celui-ci. Et puis j'ai demandé pouvez-vous ajouter une calculatrice en dessous parce que ce n'était pas la calculatrice ? Mais il a fini par le mettre de côté, ce qui est bien. Et puis j'ai ajouté un autre problème, ajouter une fonction de courrier électronique et permettre à la calculatrice de calculer en dollars, ajouter un titre d'en-tête, Chic Voyage Global Currency. Puis j'ai déployé l' application. J'ai reçu mon lien. Donc, une dernière touche est que je souhaite ajouter un lien vers un site Web. Donc, si je veux lier ce titre ici, lier l'entête hqvoyage à ce site Et oui, je pense que c'est à peu près tout. Ajoutez un affineur de vol ci-dessous. Maintenant, ne faisons pas ça. Voyons juste l'un des miens. J'essaie d'être très ambitieux, alors j'ai essayé d'ajouter des fonctions multiples à une application, même si ce n'est pas lié. Je devrais simplement m'en tenir à une fonction de base et m'en tenir à une fonction précise. OK, alors cliquons simplement dessus . Est-ce que cela ouvre le site ? Oui Génial. Nous y voilà donc. C'est ainsi que j'ai créé l'application de calcul multidevises. 9. Créer un tableau de bord des devises crypto à l'aide d'API: Il s'agit d'un exemple de la manière dont nous pouvons utiliser une API ou une interface de programmation d'applications pour nous connecter à une base de données à utiliser dans votre application. Je vais donc simplement partager mon message ici afin que vous puissiez voir ce que j'ai fait. D'accord. Donc, au départ, j'ai simplement demandé un tableau de bord de cryptomonnaies. J'ai utilisé l'icône de l'IA pour l'améliorer. Et au départ, j'utilisais un site appelé coin Market Cap pour obtenir leur API. J'ai donc été invité à créer un tableau de bord de cryptomonnaies, puis lorsque je l'ai amélioré par l'IA, créé toutes ces différentes fonctionnalités, ce qui est incroyable. Et je l'ai créé, mais il a eu quelques problèmes. Et je pensais que c'était à cause de l'API. Donc, ce que je veux dire par là, c'est si nous nous tournons vers la source réelle des données, c'est-à-dire la capitalisation boursière des pièces. Ils ont en fait de la documentation pour leur API. Je viens donc de créer un compte gratuit pour les développeurs, qui vous permet d' obtenir une clé API, mais c'est très limité. Alors quoi de neuf, j'essaie de lui demander d'utiliser la clé API. Et je l'ai essentiellement demandé à dire «  utilisez cette clé d'API », mais il a eu des problèmes pour l'utiliser. Donc, il a utilisé un autre site appelé Coin Gecko Ils ont une clé API gratuite et elle l'a même expliquée ici. Il a indiqué qu'il ne nécessitait pas d'authentification et offrait de meilleures limites de débit pour une utilisation gratuite. Et maintenant, nous avons des données en temps réel provenant de notre tableau de bord des cryptomonnaies en haut à droite. Je vais donc simplement vérifier si ces données sont jour en accédant à l'application elle-même. Donc, si je tape Coin Gecko, je peux voir que les prix sont Arium est juste en dessous de 4 000. 259 XRP. Oui, donc ces données sont assez récentes. Il s'agit donc d'un tableau de bord de base, et j'aime le personnaliser, n'est-ce pas ? Ajoutez donc la possibilité de cliquer sur une cryptomonnaie et d'afficher le pourcentage de variation au fil du temps. Un show the top gainer. Voyons juste combien il y en a ici. Un, deux, trois, six, neuf, dix. Et une explication de cette augmentation. C'est bon. Voici un autre exemple de réitération de votre application. Je suis en fait assez impressionné par ce qui est montré ici. Et vous pouvez vous inspirer du site original, et vous pouvez voir quel type d'améliorations je souhaite montrer ? Parce que c'est une très bonne application telle quelle. C'est bon. Allons-y. OK, donc nous montrons le meilleur gagnant, XRP, et la raison pour laquelle il Et nous avons la possibilité de cliquer sur Sélectionner lorsque nous sélectionnons une cryptomonnaie, le tableau de bord ci-dessous s'affiche. Cela nous donne des informations plus détaillées. Maintenant, le graphique ne fonctionne pas, mais c'est bon. Je suis sûr que nous pouvons régler ce problème. Il s'agit donc d'une bonne amélioration. Je vais donc lui demander d'améliorer les graphiques, puis de proposer une option pour définir des alertes par e-mail C'est bon. Revenons à notre message. Revenons au chat. OK, alors voici notre dernier message. Permettez-moi simplement d'afficher meilleur graphique et d'afficher les données du graphique en bas. Et une alerte e-mail personnalisable basée sur le pourcentage d'augmentation ou le prix cible. Oh, désolée, je bloque ça. Déplaçons ça. Voici donc ma nouvelle invite. Affichez la date du graphique en bas et une alerte e-mail personnalisable en bas. Oh, maintenant il montre le graphique. OK. Au fil du temps, y compris jusqu'à un an et à tout moment. Et une alerte e-mail personnalisable. Bien, voyons ce que nous pouvons en faire. Et je pense que si cela fonctionne, ce serait une bonne occasion de le déployer en tant que version 1 à partager avec le monde entier pour obtenir des commentaires. Les principaux enseignements de la création de cette application sont donc l'utilisation d'une API pour améliorer les fonctionnalités de votre application Et nous avons commencé par une invite très basique, améliorez-la avec l'IA. Puis nous avons réitéré. Nous y voilà donc. Où est l'option pour les alertes par e-mail ici afin que nous puissions voir Bitcoin sur une période d'un an ? Il y a un an , il était de 41 000. Vérifions-le. Les données doivent donc être les mêmes car elles utilisent la même clé d'API. Et je devrais être en mesure de définir une alerte ici, adresse e-mail. Si le prix cible va bien, il y a un problème ici. Tu vois, les graphiques sont toujours même si j'ai cliqué sur la fenêtre contextuelle OK, donc ce que je ferais, c'est corriger la fonction d'alerte par e-mail et placer le bouton au-dessus des graphiques. Eh bien, tout semble bon. C'est juste que la fonction d'alerte par e-mail ne fonctionnait pas. Vous devez donc tester vos opérations, tester, tester. J'ai donc appris au cours des deux dernières années les tests d'acceptation par les utilisateurs. Ainsi, chaque fois que vous créez une version, vous devez absolument tester toutes les fonctionnalités de base de l'application pour vous assurer que quelque chose ne se casse pas à chaque fois que vous apportez une modification. OK, ça a l'air bien. OK, voyez que le bouton est placé dans une autre zone. Réglez-le pour Dogecoin. Nous mettrons en place une alerte par e-mail lorsque Dogecoin est à 0,60$, puis plus créer une D'accord, je ne sais pas ce qui s'est passé là-bas, peut-être par erreur, mais oui, je pense que vous avez compris l'idée, et c'est juste une répétition constante par la suite Je pense donc que nous avons accompli beaucoup de choses dans cette vidéo de 15 minutes, créé un très bon tableau de bord de cryptomonnaies et défini des alertes par e-mail montrant les données au fil du temps. Et oui, j'espère que vous pourrez vous en inspirer. 10. Créer une application capable de transcrire l'audio: Bonjour, dans cette leçon, cette vidéo, je vais vous présenter un nouveau type d'application capable de transcrire des textes à partir d'un fichier audio Donc, ce fichier audio que je vais utiliser a en fait été généré par le Notebook LM de Google, qui est un podcast audio. Voici donc l'application. C'est ce qu'on appelle un transcripteur audio vidéo. Nous nous concentrons uniquement sur l'audio pour le moment. Et bien qu'il y ait un champ pour une URL vidéo qui n'est pas encore disponible, j'aimerais passer à cette étape. Mais ce que je lui ai demandé de faire, c'est d'inclure cette possibilité de télécharger des vidéos ou de l'audio afin que je puisse cliquer ici et trouver le WayFle Nous partons donc de zéro, et je vais trouver un Wayfle Old Coin Summer Oh, je pense que c' est celui-ci. Voici donc un wayfle. Vous pouvez voir que c'est en cours de traitement. J'utilise donc une autre API de plateforme. Cela s'appelle Assembly AI. Je vais rapidement vous montrer le site ici. Donc assembly ai.com. J'utilise simplement le forfait gratuit pour le moment, fournit la fonctionnalité de synthèse vocale et vous permet de faire la distinction entre les locuteurs. Alors, on y va. Nous pouvons donc faire la distinction entre les locuteurs A et B, et nous pouvons effectivement copier la transcription afin pouvoir utiliser le texte généré ailleurs. Alors disons simplement que nous allons simplement ouvrir un bloc-notes. Et nous allons simplement le coller ici. Voilà la transcription. D'accord, donc je vais juste faire de l'ingénierie inverse. Très bien, je vais donc passer en revue certains des points forts de cette application, et je vais brouiller certaines parties confidentielles, à savoir les clés d'API J'ai donc commencé par un bal de fin d'année très simple, créant une application capable de prendre des URL YouTube les transcrire et de fournir des légendes. Et comme je te l'ai dit, je n'y suis pas encore. Mais oui, je m'ai dit que ce n'était pas une bonne idée de coller les clés d'API dans cette fenêtre, comme meilleure pratique. Vous pouvez le faire dans le fichier ENV si vous passez au code, puis dans la zone ENV, c'est là que vous pouvez coller la clé API juste pour info J'ai donc créé l'interface utilisateur initiale ici avec le champ URL, le bouton. Et oui, c'était le brouillon. Ensuite, il m'a fallu un certain temps pour trouver une clé d'API, une clé d'API capable digérer des fichiers vidéo ou audio. J'ai donc fait pas mal d' allers-retours. Et en fait, ce n'est que lorsque j'ai découvert l'IA d'assemblage. Je lui ai demandé de le mettre à jour au départ, j'essaie d'utiliser certaines API de Google, et c'est un processus continu. Mais en tant que première version, j'utilise Assembly AI Ils proposent donc une API gratuite pour prendre des fichiers audio et les transcrire, et elle vous permet de copier et coller le texte Donc, en gros, je lui ai dit de le mettre à jour pour utiliser l'API Assembly AiS, et il l'a fait assez facilement. Mais ce qu'il n'avait pas, c'était cette zone permettant de glisser-déposer des vidéos audio. Je lui ai donc demandé d' autoriser l'utilisateur à télécharger des fichiers audio ou vidéo. Alors j'ai assez bien compris cela. Et à partir de là, j'ai dû en faire une autre itération. Et c'est ainsi que l'application devrait vous permettre de distinction entre le haut-parleur A et le haut-parleur B, ainsi que de copier le texte. Et voyez, voici le message ici. Et oui, cela nous amène là où nous en sommes aujourd'hui. Quels sont donc les enseignements à en tirer ? Les deux sont donc assez puissants. Je veux dire, la possibilité de prendre une vidéo ou un fichier audio et de le transcrire , mais aussi de créer l'interface utilisateur Bolt l' a très bien compris. Et je suis très impressionné par la fonctionnalité de glisser-déposer audio et vidéo et par la possibilité d'utiliser l' API depuis une autre plateforme. J'ai très bien compris cela et la capacité de faire la distinction entre les orateurs A et B dans la transcription Cela vient de l'API, mais j'ai dû explicitement demander à Bolt de le faire et de nous autoriser à le copier. Il s'agit donc d'une version fonctionnelle de cette application. J'espère qu'à l' avenir, je pourrai faire fonctionner la transcription de la fonctionnalité vidéo, et je pourrai la partager avec vous. Et oui, il s'agit donc d'un cas d'utilisation différent de Bolt Dot U pour créer des applications utiles. J'espère que cela vous donnera des idées. 11. Comment configurer l'authentification par e-mail: Bien, dans cette leçon vidéo, je vais expliquer comment nous pouvons créer une authentification des e-mails à l'aide de Firebase J'ai donc une application existante qui est ouverte en ce moment. Il s'agit d'un chat bot multi-LLM ou Cloe and Chat GBT. Et vous pouvez simplement l'utiliser ouvertement dès maintenant, mais je veux mettre un e-mail d'inscription. Je veux que les gens s'inscrivent avant de pouvoir l'utiliser. Nous allons donc passer à un programme appelé Firebase Cela appartient à Google. Vous pouvez donc simplement vous inscrire ici. Je vais créer un nouveau projet. Je l'appellerai simplement chatbot. Je vais cliquer sur Continuer. Et j'utilise juste la version gratuite pour le moment. Je vais simplement activer Google Analytics par défaut. Vous devez sélectionner un compte Google Analytics. Je vais juste sélectionner l'un de mes modèles existants. OK, le projet est prêt. Cliquez sur Continuer. OK. Donc, la première chose que nous voulons faire est de passer à Get Started, et nous allons utiliser une application Web. Appelons ce chatbot, et je m'inscrirai. OK, nous avons donc un code que nous pouvons utiliser. Nous le copions, mais nous n'avons pas encore configuré notre authentification. Je veux dire, notre authentification par e-mail. Il suffit donc de cliquer sur Nick pour passer à la console. D'accord. Maintenant que nous avons créé notre projet, cliquons sur authentification. C'est bon. Cliquez sur Commencer. Nous allons sélectionner l' e-mail et le mot de passe. Activons-le et autorisons le lien e-mail à se connecter sans mot de passe. D'accord, cela vous permet de simplement cliquer sur un lien dans votre e-mail sans utiliser de mot de passe. C'est un peu plus de configuration, donc je vais juste le désactiver pour le moment. Cliquez sur Enregistrer. OK, c'est donc maintenant activé. C'est bon. Donc oui, nous avons activé l'authentification par e-mail. Donc, si nous cliquons sur Utilisateurs, nous n'en voyons pas encore. OK, donc pour implémenter cela, cliquons sur Aperçu du projet. Cliquons sur Paramètres du projet. Et il suffit de cliquer sur le projet ici. Très bien, nous avons donc cette clé d'API Web. Je suis donc sur les paramètres généraux du projet. Je vais copier ce code ici. Tu retournes à Bolt. Configurez l'authentification par e-mail et par mot de passe à l'aide de Firebase et de ce code C'est bon. Ouais. C'est bon. Il y a donc un problème potentiel. Je ne sais pas si c' est un facteur décisif. Nous allons juste avoir besoin de le tester pour voir s' il s'agit de works@gmail.com. Très bien, alors inscrivons-nous. Et vous pouvez voir que nous avons ce bouton de déconnexion ici. C'est donc un bon signe. Essayons de nous déconnecter. Et maintenant essayons de nous connecter. Je vais juste entrer un mauvais mot de passe juste pour tester. OK. OK. Il indique une erreur Firebase C'est donc probablement un bon signe car le mot de passe ne correspond pas à ce qui se trouve dans la base de données. Essayons maintenant de trouver le bon mot de passe. OK, ça marche. Allons donc sur Firebase pour voir si notre utilisateur est ici. Passons donc à l'aperçu du projet. Passons à l'authentification, et nous pourrons voir les utilisateurs. Il y a ce nouvel utilisateur que nous venons de créer. OK. À partir de là, nous pouvons réellement réinitialiser, désactiver et supprimer le compte. Et oui, c'est ainsi que nous implémentons journalisation de l'authentification par e-mail sur votre application. Donc, pour résumer, vous êtes allé à Firebase. Nous avons créé un nouveau projet, j'ai créé un nouveau projet appelé Chatbot et j'ai configuré la méthode d'authentification et de J'ai sélectionné le courrier électronique, mais vous avez d'autres options ici. Nous avons simplement opté pour le courrier électronique pour faciliter les choses, et vous avez plus d' options de configuration ici, par exemple, vérification de l'adresse e-mail, que nous n'avons pas configurée, mais vous pouvez transmettre votre modèle de réinitialisation , le changement d'adresse e-mail, etc., les choses deviennent un peu plus complexes Et ce que nous avons fait, c'est passer à l'aperçu de notre projet. Et en fait, nous avons obtenu le code sous Général, et nous utilisons ce code ici. Nous avons copié ce code. Nous sommes allés voir Bolt et lui avons demandé d'implémenter l'authentification par e-mail, et nous l'avons collée dans le code. Vous pouvez le voir ici. Configurez authentification par e-mail et par mot de passe l' authentification par e-mail et par mot de passe à l'aide de Firebase et de ce code, et je le colle à peu près Je l'ai testé et cela a fonctionné, comme nous pouvons le voir, pour deux utilisateurs de cette base de données. Donc oui, c'est ainsi que vous pouvez configurer l'authentification par e-mail. Plutôt cool. 12. Comment configurer l'authentification Gmail: Nous allons essayer de configurer l' authentification Gmail pour notre application. Regardez la vidéo précédente sur la configuration du projet dans Firebase, si ce n'est pas déjà Nous allons simplement continuer à utiliser le même projet que celui que nous avons créé dans Firebase pour le chat bot, sauf que je vais m'occuper du projet Je vais cliquer sur Méthode de connexion. Nous allons ajouter un nouveau fournisseur, et nous allons sélectionner Google. Nous allons cliquer sur AB OK. Nous voulons sélectionner une adresse e-mail qui sera présentée aux utilisateurs. OK, je vais juste sélectionner mon adresse Gmail. OK. Je clique sur Enregistrer tout, donc c'est activé. Revenons maintenant au projet. C'est bon. Trouvons notre code. Revenons à Bolt. Veuillez implémenter l'authentification Google à l'aide de Firebase et de ce code Et je colle simplement les codes. Essayons-le. OK. Alors testons cela. Nous avons donc ce nouveau bouton ici, connectez-vous avec Google. Mais cela signifie que cette action de demande n'est pas valide. Demandons-lui de le réparer. Je peux voir que dans les erreurs, il y a une sorte de blocage de fenêtres contextuelles. Peut-être que j'en ai besoin, oui. Tous les cookies tiers. Bien, nous allons réessayer. Erreur Firebase. Laisse-moi chanter des pop up blocks. Peut-être que je pourrais essayer un autre navigateur une fois déployé. Mais voyons ce que dit Ball. Allons-y et déployons-le. Regardons les erreurs il y en a eu deux auparavant. Il semble que l'erreur de blocage des fenêtres contextuelles ait disparu maintenant. Déployons d'accord, essayons cette application maintenant OK, essayons l' authentification Google. Ça ne marche pas. Essayons-le sur le navigateur Brave. Domaine non autorisé. Je ne suis toujours pas autorisé . D'accord. Dites-moi comment y remédier. Je dois ajouter ce domaine à Firebase. Accédez à Firebase, sélectionnez le projet, sélectionnez les paramètres d'authentification, les domaines autorisés. Essayons ça. OK. Cliquez sur Paramètres d'authentification, domaines autorisés Je veux juste m'assurer que je capture ça. Cliquez sur Ajouter un domaine, inscrivez-nous. Bien, revenons à Bolt. Vous pouvez également ajouter un hôte local. Aucune modification de code n'est nécessaire. OK, passons à Ajoutons simplement cette adresse IP. Vous pouvez donc réellement poser des questions sur les boulons pendant le processus de dépannage. Allons-y. Maintenant, essayons encore une fois. Rafraîchissons simplement. Continuez avec Google. Walla. Essayons de nous connecter à notre application en utilisant Firebase. Et incroyable. Nous venons d'ajouter authentification Google à notre application à l'aide de Firebase Et vous pouvez voir ici que nous avons ce fournisseur d'authentification Google au lieu de l'e-mail. Donc, ce que nous avons fait juste pour récapituler, c'est pour la méthode de signature que nous avons ajouté un nouveau fournisseur , Google Nous avons dû accéder aux paramètres et autoriser les domaines, puis nous l'avons déployé, et nous avons ajouté le domaine déployé à autoriser. J'ai également ajouté une adresse IP supplémentaire. Nous avons demandé aux deux parties de mettre en œuvre l'authentification Google. Je vais juste trouver cette invite. OK, voici un message. Veuillez implémenter l'authentification Google à l'aide de Firebase et de ce code J'ai donc obtenu le code du projet, du projet Firebase Ensuite, j'ai dû résoudre les problèmes en utilisant les erreurs que nous avons reçues, et Bolt m'a vraiment aidée Passons à la dernière invite ici. Et je l'ai dit, je reçois toujours un message d'erreur indiquant un domaine non autorisé. Comment puis-je résoudre ce problème ? Cela m'a en fait donné une très bonne réponse. En fait, cela m'a donné la réponse. Je suis allé à Firebase, aux paramètres du projet, domaines autorisés, et cela fonctionne Nous y voilà donc. C'est ainsi que nous ajoutons l'authentification Google. 13. Créer la boîte de dialogue Paypal: Très bien, voici donc un exemple d' application avec un paywall Pay Pal. Il décrit donc les fonctionnalités que vous obtiendrez si vous payez, et vous pouvez en quelque sorte voir le contenu qui le sous-tend. Et si nous cliquons sur PayPal, cela fera apparaître la boîte de dialogue familière dans laquelle vous devez saisir des informations. Alors prenons un peu de recul, et je vous ramènerai à Boldt New Je lui ai donc demandé de créer une galerie de vignettes de vidéos d'archives dans mon Google Drive Chaque miniature doit être un cadre représentatif. Je voulais donc simplement créer une application de base pour tester le paywall de PayPal Pour réellement mettre en œuvre mon idée, j'ai besoin d'accéder à l'API Google Drive. Il a donc simplement créé une version plus simple de ma demande initiale. J'ai donc fini par lui demander d'utiliser PayPal. Je vais donc simplement vous ramener à cette invite. En fait, j'ai fait quelques essais ici. Voici donc le tableau de bord des développeurs de PA PL. Donc, une fois connecté à votre compte, vous devez passer en mode développeur, et ce que vous devez faire est d'obtenir votre identifiant client. Ainsi, une fois que vous l'aurez configuré, ils vous donneront la possibilité d' essayer un paiement test en utilisant de faux identifiants. Et vous pouvez voir ici que nous sommes en mode Sandbox. C'est le mode live, mais je veux être en mode Sandbox, et vous verrez ici Maintenant, les informations dont vous avez besoin se trouvent ici. Vous avez besoin de vos identifiants d'API, et vous pouvez créer une application et l'appeler comme vous le souhaitez. Et que se passera-t-il ensuite, vous obtiendrez un identifiant client que vous pourrez coller dans Bolt point N pour faire apparaître le bouton de paiement PayPal qui apparaîtra sur votre tableau de bord PayPal. En résumé, voici comment vous pourriez implémenter un bouton de paiement à l'aide de PayPal et essentiellement comment vous pourriez monétiser votre application en la plaçant derrière un paywall pour accéder à certaines fonctionnalités 14. Créer l'application api deep search: D'accord, je suis sur le site de Deep Seeks. Il s'agit du concurrent chinois d'Open EI en matière d'IA. Et il suffit de vérifier quelles sont les capacités des différents modèles ici. Donc, je veux juste que vous sachiez que cette page existe sur deepsk.com, donc nous avons obtenu Deepsk V Three contre HBT Et honnêtement, je ne sais pas ce que signifient toutes ces statistiques, mais elles indiquent essentiellement en termes de paramètres totaux, les volumes supérieurs à ceux de Lama. Ils ne répertorient pas les HGBT. Essayons de les utiliser. Vous pouvez le télécharger sur votre téléphone, je l'ai essayé et il est plutôt bon. Parfois, c'est assez lent. Et je pense qu'il y a beaucoup de trafic en ce moment. Passons donc au chat. J'ai donc déjà demandé comment utiliser cette API dans mon application. OK, créez un compte, accédez à la section API, générez une clé, et on dirait qu'ils nous ont donné le code. Essayons. Essayons. Allons sur le site. Faisons le point sur ce point. 2$. Je vais juste utiliser mon compte PayPal. D'accord. Paiement effectué avec succès. OK, donc j'ai rechargé 2 dollars. Créons une nouvelle clé d'API. Appelons une vidéo. Je vais donc supprimer cette clé d' API au moment où vous regarderez cette vidéo, pour des raisons de sécurité. Et, euh, commençons par une nouvelle invite ici. Je veux vous montrer comment cela fonctionne. Crée un chat AI OG Deep cherche API en utilisant Well, en utilisant ce code. Je mettrai la clé d'API plus tard pour les pratiques de sécurité. OK. En utilisant du code Python. Et je vais entrer la clé API plus tard. OK, voyons ce que nous en retirons. D'accord, il est donc dit de créer un fichier ENV et d'ajouter votre clé d'API ici OK, alors permettez-moi d' ajouter ma clé d'API. Je vais devoir en créer un nouveau parce que je l' ai oublié . Juste pour les gens. OK. Passons au Code. Passons à IV. Eh bien, je dois mettre en caisse. C'est bon. Laissez-moi m' assurer que j'ai créé. OK. Ouais. C'est donc ici que tu le mettrais. OK, testons-le. Eh bien, quelque chose ne fonctionne pas. Qu'est-ce qu'une prédiction sur le Bitcoin ? OK, ça a l'air prometteur. Quel modèle êtes-vous ? Sympa. Quel est le meilleur langage de codage ? Je vais donc vérifier mon compte d'utilisation. OK, développement Web en Python. Solidité. Génial. Alors permettez-moi de rafraîchir ceci. OK. Les données peuvent être retardées de 5 minutes. OK, maintenant que cela fonctionne, créons simplement une page visuellement conviviale autour de l'assistant de chat. Maman, hum. Donc, ce que nous faisons ici, c'est créer une application de codage par IA, mais nous exploitons l'API de Deepsek pour, oui, nous pouvons créer notre propre logiciel en tant que service OK, nomme-le. OK. Nous allons juste le tester. Expliquez la physique quantique. Développons-nous. Je pense : OK, très bien. Je vais aller de l'avant et publier ceci. Et oui, pour résumer, pour que cela fonctionne, j'ai dû dire que cela ne fonctionnait pas, alors cela a corrigé l'assistant de discussion. Il a apporté plusieurs corrections importantes à l'intégration des API. Et c'est ce qui l'a fait fonctionner, car il m'a fallu quelques tentatives. Donc, ce que cela montre vraiment, c'est que si vous recevez une erreur, donnez cette erreur exacte à Bolt, et parfois il est assez intelligent pour la résoudre OK, donc je vais juste enregistrer ça. Ouvrez dans Stockblts et créez un dépôt c'est juste pour plus tard. Maman, hum. Donc, lorsque vous créez ce référentiel, vous pouvez l'utiliser en dehors de Bolt plus tard. Je commence donc tout juste à créer des référentiels d'applications importantes Ainsi, plus tard, je pourrais le réutiliser à l'avenir. OK, maintenant je veux le déployer. Quel est le meilleur pays nomade numérique au monde ? Très bien, Colombie. Intéressant Mexique. OK, je vais m'arrêter là. J'espère donc que vous avez trouvé cette vidéo utile. 15. Comment créer une application de chat LLM avec modèle multi-IA: Bonjour. J'ai créé ici un chat multi-bot qui peut utiliser différents modèles d'IA. Nous pouvons voir que nous avons une longue liste, et c'est encore expérimental. Mais oui, je pense que cela a beaucoup de potentiel, et je voulais le partager parce que je trouve cela assez époustouflant, en fait. Vous voyez tous ces modèles de Microsoft Anthropic, Medama, Google, Google Gemini Commençons donc par Google Gemini et commençons par Hello Quelles sont vos capacités complètes ? OK, voyons voir. Apprentissage et adaptation de la génération de texte. Traduisez les langues. OK, alors demandons-le à Pouvez-vous traduire votre dernière réponse en espagnol ? Oh, d'accord. Je pensais qu'il le saurait. D. Traduisez ceci en espagnol. Alors je vais lui poser une question mathématique ici. OK. Posons-lui simplement une simple question mathématique ici. Si je loue une voiture du 21 au 27 décembre. Mes appels quotidiens. Est-ce une bonne affaire ? C'est bon. Passons à CHAT EBT Version quatre. Pose-lui la même question. Combien de temps a-t-il fallu pour entraîner Open Esa ? C'est bon. Comme vous pouvez le voir, j'ai un modèle de chat bot multilingue fonctionnel, et je vais juste vous montrer certaines des instructions que j'utilise pour le créer Oui, je lui ai demandé de concevoir un chatbot multiple évolutif qui utilise les principaux modèles de langage d' IA, donné quelques exemples, puis j'ai utilisé l'invite améliorée J'ai donc utilisé une plateforme appelée Open Router. J'ai une clé d'API. J'ai payé 5 dollars de crédits. Je suis passé aux clés, et cela m'a donné une clé d'API que j'ai utilisée comme clé d'API dans mon application Bolt. Et j'utilise également un autre programme d'IA appelé Perplexity. Je lui ai donc demandé d'implémenter une API externe ouverte. Et il m'a donné le code ici. J'ai donc copié ce code dans mon invite. Ce que j'ai dit, c'était une configuration de base, et j'ai collé le code ici Laisse-moi juste déplacer ça. Oui, donc la partie surlignée, je l'ai mise juste là, puis la mise en œuvre complète. J'ai copié la dernière partie. Quatrième étape, je copie juste ici et c'est parti. Puis j'ai collé ma clé API. Je lui ai dit de le configurer, et maintenant j'ai un chatbot multi-bots. Donc, la dernière étape est je veux juste le déployer et enregistrer ma progression pour plus tard, car je suis plutôt content de cela pour quelqu'un qui ne code pas. D'accord, donc une fois que je l'aurai déployé, j'aurai une URL, et je pourrai réellement la partager avec d'autres personnes et l' améliorer à partir de là 16. Créer une application de partage de trajets avec l'intégration de Stripe: D'accord. C'est une application intéressante ici. Il s'agit d'une application de covoiturage assez basique qui utilise l'API Google Maps. Il intègre également des bandes. Donc, ce que vous pouvez faire ici, c'est taper l'adresse, le lieu de départ, la destination. Il vous indiquera les conducteurs disponibles ainsi que le nombre et le temps imparti, puis vous pourrez confirmer votre trajet. Donc je vais juste faire une démonstration, je vais juste mettre Gramble Islands. Ensuite, je choisirai les aéroports. Nous avons en fait besoin de le rafraîchir, donc nous partons de zéro. OK, donc ça commence à New York, mais je vais mettre Granville Islands Je choisirai une destination lointaine, Stestono, 25$. Il nous indique les pilotes disponibles. Il ne s'agit que d'une version de base. Je peux apporter de nombreuses améliorations. Mais je viens de configurer le trajet confirmé pour qu'il soit envoyé à Stripe. Donc, pour Stripe, permettez-moi de clarifier les choses. Je suis juste en mode test ici, et j'ai utilisé ma clé publiable pour les C'est pour tester cette voiture de confirmation. Il va donc vous proposer ce paiement maintenant, et il n'est pas actif, mais vous pouvez voir ici que le paiement a été effectué avec succès. Votre trajet est confirmé. Il s'agit donc d'une application de covoiturage de base. Je vais juste vous montrer quelques instructions clés ici. J'ai donc créé une application complète de covoiturage similaire à Uber, et j'ai utilisé une invite améliorée, qui a ajouté de nombreuses fonctionnalités supplémentaires qui ne sont pas encore disponibles. Donc authentification des utilisateurs, suivi de la localisation en temps réel, système de réservation et de correspondance des trajets, traitement paiements InAppPayment exigences techniques, il y a ces API ici, donc j'utilise l'API Google Maps. Design adaptatif. Ouais. Donc, tout cela est en supplément, et Bolt est revenu et a dit : «  Il y a certaines limites ici. Vous nous voulez et il a suggéré deux alternatives. Voulez-vous uniquement le front-end ou une version simplifiée ? J'ai donc demandé à créer une version de base, a également indiqué qu'ils avaient besoin d'une API Google Maps. C'est donc ici que je vais passer à la partie où je devais réellement saisir la clé d'API. Je suis donc allée sur Google Maps, et oui, ce que vous devez faire, c'est obtenir les clés de Google Maps. Et c'est un peu un labyrinthe, mais vous accédez à la clé et aux informations d'identification, puis vous obtenez votre clé d'API, que je ne montrerai pas Mais c'est ici que vous obtenez la clé d'API. Cela a donc donné la fonctionnalité de mappage ici. Sinon, cela ne marcherait pas. À partir de là, je lui ai demandé de remplacer ce bouton de confirmation un lien de paiement vers Stripe. C'est là que j'ai obtenu la clé d' API publiable de Je vais donc simplement vous montrer l'invite ici. Alors j'ai juste dit : cliquez sur le bouton de confirmation d'écriture, puis sur le bouton de paiement Stripe. En fait, je l'ai mal orthographié. Mais plus tard, il m'a demandé la clé API réelle que j'ai fournie plus tard. Et c'est là que nous arrivons à l'application aujourd'hui. Il s'agit donc d'une application simple, mais elle nécessite l'utilisation de deux API, l'API Google Map, ainsi que la clé d' API publiable Stripe en mode test Et comme je l'ai dit, il ne s' agit que d'une toute première version. Il s'agit d'une maquette, et de nombreuses améliorations peuvent y être apportées. Mais j'ai lu que les applications de covoiturage utilisent également l'API Google Map. C'est donc de là que m'est venue l'idée. J'espère donc que cela pourra stimuler votre créativité vous donner quelques idées pour créer une application de covoiturage ou tout autre type d'application nécessitant des fonctionnalités mathématiques. Peut-être que cela vous donnera quelques idées. 17. Comment créer du pong avec le codage AI: Très bien, je vais faire la démonstration d'un jeu très simple, comme Pong C'est donc du tennis en deux D. Mais j'ai ajouté une petite touche d'originalité. Vous pouvez ajouter les noms des joueurs et choisir un profil. Commençons donc par là. Greg, et je vais juste ajouter un choix de profil. Et nous allons mettre Kasey Choose a pick choose this one Ensuite, nous allons démarrer le jeu et la barre d'espace pour commencer. Les commandes sont donc ci-dessous. Donc W and S, c'est pour le joueur 1. Casey, le joueur deux, c'est le haut et le bas. Donc je vais juste jouer contre moi-même ici. Mais comme vous pouvez le constater, nous avons ici un jeu de pong très simple, et nous avons les choix de profil. Cela ajoute donc un peu de personnalisation et nous avons un effet sonore. Et le jeu va monter à environ 11. Voici donc le jeu Pong. Donc je vais juste le fermer. Je devrais probablement ajouter une fonctionnalité pour arrêter le jeu. Mais je vais juste entrer dans les coulisses et vous montrer mes instructions. Très bien, alors j'ai commencé par un message créer un jeu de tennis en deux D comme Pong Ensuite, j'ai utilisé l'invite améliorée pour trouver quelque chose de plus détaillé. Passons donc à l'invite, et je vais vous montrer ce que je veux dire. Créez un jeu à deux, créez un jeu similaire à Pong. Et l'IA est suffisamment intelligente pour reconnaître un jeu comme Pong, puis vous pouvez cliquer sur l' icône ici pour une meilleure invite. Vous pouvez donc voir que cela va vraiment au-delà de cette demande d' une ligne, et c'est là que réside la recette magique. C'était donc ma première demande. Je suis donc allée de l'avant et j'ai compilé des données pour me concentrer sur la gauche. Puis j'ai vu la première version, et c'est là que j' ai mon deuxième message. Autorisez la possibilité d'ajouter un ou deux noms de joueur et d'ajouter un choix de profil. Donc, cette boîte de dialogue que vous voyez ici est le résultat de cette deuxième invite, et elle a fait un assez bon travail, exactement ce dont j'avais besoin. Et oui, c'est ça. J'ai déployé l' application sur cette URL, et c'est un jeu simple que nous avons. Je veux dire, tu peux utiliser ton imagination pour rendre les choses plus complexes. Vous pourriez probablement lui demander de changer certaines couleurs. Peut-être souhaitez-vous allonger la pagaie ou lui donner la possibilité de personnaliser sa taille. Vous pouvez donc utiliser votre créativité pour rendre plus intéressant, mais ce n'est qu'un exemple de base de la façon dont vous pouvez créer un jeu de pong, un jeu de deux D-pong avec Bolt Nu. Peut-être que vous voulez vous en inspirer pour créer un jeu similaire ou même un autre en utilisant certaines des idées présentées ici. J'espère donc que cette leçon vidéo vous aidera et vous incitera à créer certains de vos propres jeux en utilisant le codage par IA. 18. Comment créer des envahisseurs de l'espace avec Grok 3: D'accord, voici comment j'ai créé le jeu Space Invaders en utilisant Grock and Bolt Ce n'est pas parfait. Il y a quelques bugs. Dehors. J'ai un slider musical. C'est bon. Laissez-moi vous montrer le code du jeu BoltoTu Okay , Space Invaders C'est donc un jeu HTML 5, et j'ai obtenu le code de Grock J'ai donc demandé à créer du code HTML pour un jeu de type Space Invaders Et donc, il m'a donné ce code ici. Et puis j'ai simplement introduit ce jeu dans Bolt. Il suffit de mettre le volume ici. Je lui ai donc demandé créer un jeu de type HML Space Invaders en utilisant ce code, et j'ai pratiquement collé le Et puis j'ai mis quelques instructions supplémentaires. Je lui ai demandé de créer des sons. Je suis donc allée sur le site opengamear.org, puis J'ai trouvé des sons pour tirer. Et quand vous frappez, quand vous frappez un extraterrestre. J'ai donc mis cette chaise Prompt. Utilisez le son de la musique. Utilisez le son pour tirer. Puis j'ai demandé à mettre un slider musical. Réglez le volume de la musique, puis utilisez le son qui atteint les extraterrestres. Puis j'ai déployé l'application. Agrandissons-le. Nous y voilà. Maintenant ça marche. C'est un petit buggy. Voilà. Tu as eu l'idée. Je pense qu'il y a du potentiel ici. C'est ainsi que nous utilisons Grock en conjonction avec Bolton U pour créer un HTML five dans le jeu Space Invaders 19. URL conviviale: OK, maintenant que vous avez déployé votre application, je voudrais vous donner quelques conseils déployer avec une URL conviviale. Dans cet exemple, j'ai déployé un clone d'une application AirBME et j'utilise Go Daddy comme gestionnaire de domaine Je vais donc vous montrer comment je le pointe en utilisant mon propre sous-domaine vers l'URL qui vous donne accès à NetLFI Passons donc à NetFig sur le site AirBnB. Donc, dans l'index, si vous passez au code, c'est à la septième ligne. Vous souhaitez remplacer ce titre par celui que vous souhaitez afficher. Sinon, il affichera VIT plus React, non ? n'est probablement pas ce que vous voulez, alors vous voulez modifier le code. Une fois que vous aurez atteint le stratagème, vous voudrez vous rendre sur le site Net Loofy Et à partir de là, vous pouvez accéder à vos sites. Je vais donc aller au BNB . Il suffit de cliquer dessus. Vous vous concentrez donc sur la deuxième étape. Vous aurez donc besoin d' un domaine existant. Si ce n'est pas le cas, vous pouvez simplement l'acheter directement d'ici. Mais j'en ai un existant, nous allons donc passer à la configuration du site. C'est donc ici que vous pouvez réellement changer le nom du site comme vous le souhaitez. C'est donc le moyen le plus simple de le faire. Vous allez obtenir quelque chose comme, par exemple, application B&B six oh four point netloofy point, et il faut un fait Donc, tout de suite, vous aurez une meilleure URL que celle qu'ils vous ont initialement donnée. OK, alors une fois que vous avez cette URL, spook mark, enregistrez-la quelque part Je vais aller chez Go Daddy, Domain Management. C'est donc le domaine que je vais utiliser. J'ai créé un sous-domaine de transfert. Vous pouvez donc ajouter du fording, et je pourrais taper n'importe quel B&B. Et c'est ici que je mettrais l'URL net Lafe Donc, si nous revenons sur le site, je collerais ce nom ici. Juste là-dedans. Ensuite, nous cliquerions sur Enregistrer. Cela signifierait donc effectivement que airbnb a creative academy.com transmettrait ensuite vers cette application Vous pouvez donc voir que je l'ai fait avec B&B. Et donc si je tape BNB creative academy.com OK. Devrait alors nous emmener directement sur notre site. Oh, on y va. Ainsi, BnB point a creative academy.com, puis le transmet automatiquement au B&B six oh fourntloofe C'est donc la première étape pour utiliser votre propre domaine qui est automatiquement transféré vers un Neto L. Et je pense que c' est le meilleur moyen de déployer et de partager votre application. 20. Nom de domaine transféré à netlifier: Mais oui, alors laissez-moi vous emmener à Net Lafe. Donc, une fois que nous l'avons déployé, par défaut, il est transmis à ce fournisseur, comme vous pouvez le voir, et voici mes différents sites. Je clique donc ici. La solution la plus simple est de cliquer sur la configuration du site. Vous pouvez modifier le nom du site. Je l'ai donc changé en Trump et Melanin. Je ne veux donc pas changer cela car vous verrez que j'ai acheté un nom de domaine chez Go Daddy, qui pointe vers ce site. Très bien, je vais donc vous montrer le domaine que j'ai. Donc Trump et Milania coin.com. C'est en fait l'orthographe correcte. J'ai donc acheté ce domaine auprès de Go Daddy, et j'utilise simplement lien du domaine Ford et je le redirige vers n'importe quel côté en bas de page. C'est là que j'ai collé l'URL de Netfy. 21. La page d'atterrissage de Trumpcoin: Bonjour, et bienvenue sur un tutoriel qui va vous montrer comment j'ai créé cette page d'accueil Trump, une pièce millénaire qui a un e-mail d'inscription en haut, à l' aide d'une plateforme de marketing par e-mail appelée Kit Et nous avons une image ici, que j'ai créée avec l'IA. Et nous avons un bouton d'achat qui permettra, disons, de faire référence à un échange cryptographique. Nous avons le prix en temps réel du jeton, également la variation en pourcentage, la capitalisation boursière. Et nous avons également le prix jeton de la femme de Trump, la pièce Milania Donc oui, je vais vous faire découvrir les coulisses de sa création. Commençons donc par le haut. J'utilise le logiciel de ConvertKit, également connu sous le nom de kit now Ils ont donc la possibilité de créer un formulaire d'inscription. Et si vous souhaitez développer des pages de doublure, vous pouvez créer une page de doublure. Vous pouvez choisir différents styles. C'est donc juste celui qui se trouve au sommet. Ce n'est pas trop envahissant. Mais je peux obtenir des rapports ici. Je viens de l'installer hier soir, c'est tellement nouveau. Et oui, cela me permettra de saisir les adresses e-mail des personnes qui le renseigneront ici. Donc, par exemple, je m' inscrirais ici. Je recevrais un e-mail dans ma boîte de réception pour confirmer. D'accord, puis ce bouton d'achat ira sur le site ici pour acheter la cryptomonnaie. Et maintenant, cette tarification provient d'une API de Coin Gecko, Ils proposent donc une API gratuite qui vous permet d'obtenir les prix, donc si vous voyez ici, 50,56$, le prix devrait être assez similaire accord ? C'est donc de là que viennent les informations sur les prix, tous les chiffres. Et maintenant, permettez-moi de vous présenter le véritable codage de l'IA. J'ai donc commencé par cette invite, une page de doublure, et je sais que c'est mal orthographié Afficher le prix de Tromcin en utilisant cette URL avec les options d'alerte par e-mail J'ai donc pris cette URL, puis je l'ai transmise aux deux. Je l'ai compris, même avec la faute d'orthographe. Il a donc créé la page de doublure. Très bien, l'invite suivante était d'intégrer le formulaire ici J'ai donc essayé JavaScript. Cela provient donc de ma plateforme de marketing par e-mail. Ils vous donnent donc ce code ici pour le copier et le mettre sur un site Web. Mais pour Bolt, j'ai juste dit d'intégrer ce formulaire d'inscription, puis j'ai collé le code Il a dit qu'il l'avait réellement géré. Je l'ai implémenté, mais je n'ai pas fonctionné au départ. Alors j'ai essayé d'utiliser le code HTML, puis je lui ai simplement donné la même invite, puis je l'ai collé dans le code HTML Cela vous montre donc que parfois vous devez simplement être persévérant et essayer différentes options. Finalement, le formulaire a fonctionné, et il se trouve en haut de la page. Puis je lui ai donné une image. J'ai donc créé cette image avec Wix. Wix dispose d'un créateur d'images basé sur l'IA. J'ai donc pu créer un article de blog, en fait. Bien, c' est donc mon site de blog, et j'ai en fait donné l'adresse de copie de l'image par lien direct parce que si vous téléchargez simplement une image, les deux ne semblent pas l'aimer. C' est ainsi que j'ai ajouté l'image d'en-tête. Je lui ai donc donné l'invite, ajouté cette image à l'en-tête et collé l'URL, l'adresse de l'image OK, cela a donc commencé à donner une forme à notre projet. J'ai dû faire quelques allers-retours, et j'ai fini par me lancer dans un autre projet Et vous pouvez le voir ici sur la page d' accueil du suivi du prix des pièces du projet Trump forked D'accord, donc ce que j'ai fait, c'est juste pour le déployer. Je l'ai déployé sur l'URL Netfi. Et même une fois que vous l'avez déployé, vous pouvez toujours apporter des modifications. Mais parfois, vous devez le déployer pour le tester réellement. Je voulais donc faire des choses comme ajouter une vidéo. Je voulais tester l'option d'inscription par e-mail. Ce qui est d'ailleurs toujours un travail en cours. Ensuite, j'ai voulu ajouter un deuxième jeton, la pièce Milania Et je ne suis pas sûr que le message s'affiche ici. Mais je lui ai donné la même URL depuis le site. J'ai donc dit d'afficher le prix en direct de la pièce Milania, puis je lui ai donné l'URL Cela ne s'affiche donc pas ici. C'est ainsi que nous avons obtenu les prix ici. Ce didacticiel vidéo est en cours de réalisation, mais comme je n'ai pas encore déployé cette version bifurquée, elle ne s'affiche pas sur l'application publiée L'application publiée se trouve donc sur NetfiThis est le site sous-jacent Trump et ManicinnTlaf Réalisez en fait que l'URL du domaine est mal orthographiée. Mais oui, alors laissez-moi vous emmener à Net Lafe. Donc, une fois que nous l'avons déployé, par défaut, il est transmis à ce fournisseur, comme vous pouvez le voir, et voici mes différents sites. Je clique donc ici. La solution la plus simple est de cliquer sur la configuration du site. Vous pouvez modifier le nom du site. Je l'ai donc changé en Trump et Melancin. Je ne veux donc pas changer cela car vous verrez que j'ai acheté un nom de domaine chez Go Daddy, qui pointe vers ce site. Très bien, je vais donc vous montrer le domaine que j'ai. Donc Trump et Milania coin.com. C'est en fait l'orthographe correcte. J'ai donc acheté ce domaine chez Go Daddy, et j'utilise simplement le lien du domaine Ford. Et avancez de n'importe quel côté en bas. C'est là que j'ai collé l'URL de Net Liffe. Donc oui, en bref c'est le flux de travail complet de ce site ici Nous avons donc mis en place une option d'inscription par e-mail. Nous avons ajouté une image personnalisée. Nous avons un bouton d'appel à l'action. C'était donc en fait une invite. Je n'y suis pas allée. J'ai donc essentiellement dit d'ajouter un bouton d'achat avec cette URL et de lui donner ce libellé, d'acheter sur crypto.com C'est pourquoi j'ai opté pour le bouton. Et le prix que j'ai obtenu le site Coin Gecko en utilisant l' URL de cet actif en particulier, que je vous ai montré pour une pièce de tramway et une pièce de millénaire Ensuite, je vous montre comment nous pouvons lui donner une meilleure présentation avec une URL appropriée qui est transmise depuis Netlify, qui est également la plateforme par défaut publiée par BaloTn Cela devrait donc couvrir un flux de travail complet. agit d'une page d'alignement destinée à fournir des informations sur les prix, informations d'achat Il s'agit d'une page d'alignement destinée à fournir des informations sur les prix, les informations d'achat et à collecter des adresses e-mail 22. Récapitulatif des leçons apprises: Très bien, je vous ai donc montré quelques exemples de la façon dont nous avons créé différentes applications Nous avons créé une application présentant les personnes les plus riches. Nous avons créé une application de notation de golf. Vous pouvez donc voir à quel point il est important de vous assurer que votre demande ou votre saisie sont aussi spécifiques que possible, ou vous pouvez simplement commencer, lui demander de créer une application simple. Et répétez, ce qui signifie essentiellement améliorer votre application une fois que vous l'avez vue. Je vous ai montré comment nous pouvons joindre un PDF avec une référence pour commencer. Si vous souhaitez copier une application existante ou lui montrer quelque chose. Je vous ai également montré comment utiliser l'icône de l'IA pour améliorer votre invite, qui est très puissante. Vous pouvez voir comment cela a rendu mes instructions simples beaucoup plus détaillées J'ai également montré comment connecter votre application à des bases de données existantes à l'aide d'API. Je vous ai également montré comment, dans l'invite, vous pouvez réitérer en voyant simplement ce que cela crée, puis voyant les améliorations potentielles, puis en utilisant simplement un anglais simple pour lui demander d'ajouter des fonctionnalités supplémentaires. Je vous ai également montré comment annuler votre invite si vous parvenez à casser quelque chose et que vous souhaitez revenir à la version précédente Enfin, je vous ai montré si vous êtes satisfait de votre application et que vous souhaitez créer une version, comment la déployer en cliquant sur le bouton Déployer, qui créera un lien public que vous pourrez partager avec vos amis ou collègues pour obtenir des commentaires. 23. Résumé du codage AI hd: Ainsi s'achève notre cours intensif sur le codage par IA pour les débutants. Ce n'est que le début, et je poursuis également mon voyage. Nous avons appris comment utiliser Bol Dog New pour utiliser nos suggestions, nos idées, notre créativité, afin de créer différents types d'applications Et je vous recommande de simplement jouer vos applications et de les partager avec vos amis, recueillir des commentaires et voir quel type d' applications vous pouvez créer. Quand j'y ai jeté un coup d'œil, j'ai été étonné d'avoir pu créer une application de score de golf et une application qui crée un tableau de bord avec différentes devises étrangères, le rendant personnalisable. Ainsi, toute personne qui l'utilise peut personnaliser les dix meilleures villes habitables de votre tableau de bord , par exemple, en le personnalisant pour différentes villes ou pour une application de notation de golf, pour différents joueurs Et je pense que la limite réside vraiment dans votre créativité. Cependant, cette application n'est qu'un point de départ. Si vous souhaitez créer des applications complexes, vous pouvez vous tourner vers différentes plateformes telles que Cursor. Et n'oubliez pas que ce n'est que le début Je prédis qu'il y aura d'autres améliorations, des plateformes différentes et une concurrence accrue. Mais les compétences de base seront vos suggestions, votre capacité à réitérer votre créativité et votre référencement à l'aide différentes applications pour démarrer avec idées existantes et à vous connecter à différentes bases de données ou API J'espère donc que vous avez apprécié ce cours Vous allez jeter un œil à certaines de mes autres offres et merci d'avoir suivi le cours. J'espère que tu as beaucoup appris.