Vibe Coding Tutorial: Building Apps and Softwares with Generative AI | Chris Raharja | Skillshare

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Vibe Coding Tutorial: Building Apps and Softwares with Generative AI

teacher avatar Chris Raharja, Data Scientist & AI Enthusiasts

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Introduction

      2:33

    • 2.

      Creating Product Requirement Document with Miro & Microsoft Copilot

      6:42

    • 3.

      Building Travel Planner Website with Lovable

      5:15

    • 4.

      Building Logistics Optimization Software with Bolt

      4:46

    • 5.

      Building Appointment Booking Software with Claude & Github Copilot

      5:11

    • 6.

      Building Data Analytics Software with Emergent

      3:36

    • 7.

      Building Property Management System with Base44

      4:27

    • 8.

      Building Payroll Management Software with Firebase Studio

      4:05

    • 9.

      Building Waste Management Software with Replit

      4:11

    • 10.

      Building Language Learning App with v0

      3:11

    • 11.

      Building Expense Management App with Rork

      4:55

    • 12.

      Building School Management System with Google AI Studio

      3:47

    • 13.

      Building Marketing Analytics Software with Cline & Open Router API

      6:38

    • 14.

      Converting UI Design to HTML & CSS Code with Gemini

      3:20

    • 15.

      Deploying & Hosting Website on Netifly

      3:07

    • 16.

      Conclusion & Summary

      3:44

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

111

apprenants

2

projets

À propos de ce cours

Welcome to Vibe Coding Tutorial: Building Apps and Software with Generative AI. This course is designed for software developers and tech startup founders who are interested in using AI tools to build mobile applications, softwares, and deploy projects in a more efficient way. In this course, you will explore how generative AI can support the software development process, from idea to working application. You will learn how to use AI tools to assist with coding, interface design, and deployment, while also understanding their limitations and best practices. In the first session, you will learn how to create a comprehensive product requirement documents using tools like Miro and Microsoft Copilot. These documents help you clearly define your app’s features, structure, and technical requirements before building. Next, in the project section, you will build several software applications using AI tools such as Lovable, Bolt New, Cline, GitHub Copilot, Claude, Firebase Studio, Google AI Studio, Base44, Replit, and Emergent. You will provide prompts to guide the AI in generating code and interfaces, review the output, and refine it to match your needs. In this section, you will create projects such as an AI travel planner, a data analytics tool, and a logistics optimisation system. In the next section, you will focus on mobile app development using tools like v0 and Rork. You will learn how to generate layouts, navigation, and backend connections with AI assistance. Projects in this section include an expense management app and a language learning app. Then, you will also learn how to convert user interface design images into frontend code using Gemini. This helps you to connect design ideas with actual implementation. At the end of the course, you will also learn how to deploy and host your website using platforms like Netlify. This step will help you make your projects accessible online so they can be tested and shared.

Firstly, before getting into the course, we need to ask this question to ourselves, why should we learn vibe coding? Well, here is my answer, vibe coding allows you to significantly speed up the entire development process, enabling you to go from concept to functional prototype in just a few minutes instead of weeks or months. It also empowers people with limited programming skills to build fully functional software and apps without having to learn complex computer science concepts. For startup founders with limited tech knowledge, vibe coding is a game changer, it allows them to create a minimum viable product very quickly, launch it to the market, and gather real user feedback before committing to full scale development. 

Below are things that you can expect to learn from this course:

  • Learn how to create product requirement documents using Miro and Microsoft Copilot
  • Learn how to build travel planner website using Lovable
  • Learn how to build logistics optimization software using Bolt New
  • Learn how to build appointment booking software using Claude and Github Copilot
  • Learn how to build data analytics software using Emergent
  • Learn how to build property management system using Base44
  • Learn how to build payroll management software using Firebase Studio
  • Learn how to build waste management software using Replit
  • Learn how to build language learning app using v0
  • Learn how to build expense management app using Rork
  • Learn how to build school management system using Google AI Studio
  • Learn how to build marketing analytics software using Cline and Open Router API
  • Learn how to convert UI design to HTML and CSS code using Gemini
  • Learn how to deploy website on Netifly

Rencontrez votre enseignant·e

Teacher Profile Image

Chris Raharja

Data Scientist & AI Enthusiasts

Enseignant·e

Hello, I'm Chris. My expertise is in data science, machine learning, generative AI, e-commerce, and web design. I graduated from the University of Washington with a BS in Mathematics and have experience as a technology risk consultant at one of the Big Four firms. My passion for teaching began as a volunteer math tutor in high school and has continued to flourish. My goal is to share my skills and build a vibrant community where we can explore and learn about a wide range of topics together.

Voir le profil complet

Level: All Levels

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Introduction: Bon sang, le vibe coding vous intéresse ? d'applications et de logiciels à l'aide de l'IA générative vous intéresse création d'applications et de logiciels à l'aide de l'IA générative vous intéresse ? Si la réponse est oui, alors ce cours est peut-être pour vous. Nous allons construire de nombreux projets, les gars. Tout d'abord, nous allons créer un document sur les exigences du produit à l'aide Miro et Microsoft Copilot Ensuite, nous allons créer un planificateur de voyage AI à l'aide de Lovable. Regarde ça. Ensuite, nous allons créer un logiciel d' optimisation logistique à l'aide de Bolt New Regarde ça. Ensuite, nous allons créer un logiciel de prise de rendez-vous à l'aide du cloud. Regardez ceci, et nous allons créer le même logiciel à l' aide de Github Copilot Regarde ça. Très cool Ensuite, nous allons créer un logiciel d' analyse de données à l'aide d'Emergent L'utilisateur pourra donc télécharger un fichier CSV, et le système analysera et visualisera les données automatiquement. Ensuite, nous allons créer un système de gestion immobilière en utilisant Base44. Regarde ça. Ensuite, nous allons créer un logiciel de gestion des salaires à l'aide de Firebase Studio Ensuite, nous allons créer un logiciel de gestion des déchets à l'aide de plet. Il comporte quatre fonctionnalités principales : la planification, le suivi, les demandes et les analyses. Regarde ça. Très cool, non ? Ensuite, nous allons créer une application d'apprentissage des langues à l'aide de Vzero Il comporte trois fonctionnalités principales : des leçons de vocabulaire interactives, leçons de vocabulaire interactives, quiz quotidien et des analyses de progression. Ensuite, nous allons créer une application de gestion des dépenses à l' aide de Rork. Regarde ça. Ensuite, nous allons créer un système de gestion scolaire à l' aide de Google AI Studio. Ensuite, nous allons créer un logiciel d' analyse marketing à l'aide du client. Regarde ça. Il comporte trois fonctionnalités principales : les performances des campagnes, le suivi du budget et les informations sur la segmentation des clients. Et nous allons également déployer notre application sur Netifly. Regarde ça. 2. Creating Product Requirement Document with Miro & Microsoft Copilot: Bon sang les gars, bon retour au cours. Dans cette vidéo, nous allons créer un document sur les exigences du produit à l'aide de deux outils d'IA. Le premier est Miro et le second est Microsoft Copilot OK, commençons. Tout d'abord, vous devez vous connecter, alors cliquez dessus. Et je vais me connecter à l'aide de mon compte Gmail. Comme vous pouvez le voir, je me suis connecté avec succès et voici mon tableau de bord. OK, maintenant, cliquons sur Créer un nouveau projet. D'accord, nous allons maintenant utiliser l'IA pour créer un document sur les exigences du produit. Cliquons dessus et cliquons sur Doc. OK, nous allons maintenant écrire le bal de fin d'année, rédiger un document complet sur les exigences du produit pour le logiciel de planification de voyages AI. C'est donc le projet que nous allons construire. Cela inclut trois fonctionnalités principales. Le premier est le générateur d' itinéraires AI. La deuxième fonctionnalité est la recherche de vols bon marché et d'hôtels. Et le troisième installateur est Vacation Budget Tracer. Explication des objectifs de l'utilisateur cible, flux d'utilisateurs, des exigences techniques, des sources de données, fonctionnalités de l' IA, de la conception de la base et des besoins d'intégration de chaque installateur OK. Maintenant, cliquez sur Générer. OK, maintenant, l'IA génère le document des exigences du produit. Cela prendra quelques secondes, peut-être cinq ou dix secondes. Attendez, les gars. J'espère que cela ne prendra pas trop de temps. Eh bien, ça n'a pas pris trop de temps, les gars. Cela n'a pris qu'une minute ou peut-être 2 minutes. D'accord, voici le document requis pour le planificateur de voyage AI. Nous avons donc un résumé, et faisons défiler la page un peu vers le bas. Nous avons des objectifs de haut niveau et des indicateurs de réussite. Cela ressemble donc aux indicateurs de performance clés du KPI. Et nous avons des utilisateurs cibles et des personas. Nous avons les caractéristiques du produit. Il existe trois fonctionnalités principales : un générateur d'itinéraires AI, des vols bon marché, un outil de recherche d'hôtels et un outil de suivi du budget de vacances. D'accord, la première fonctionnalité est le générateur d'itinéraires. Nous avons donc le flux d'utilisateurs, les exigences fonctionnelles, sources de données sur les exigences non fonctionnelles, fonctionnalités de l' IA, les conceptions de bases de données et les intégrations OK, voici la deuxième entrave, et faisons défiler la page vers le bas, et voici la troisième entrave, le traceur du budget des vacances OK, très cool. OK, ensuite, nous allons essayer le deuxième outil d'IA. Nous allons utiliser Microsoft Copilot. OK, tout d'abord, nous devons nous connecter. Alors, cliquons dessus, et je vais me connecter à l'aide de mon compte Gmail, mais vous pouvez également vous connecter à l'aide votre compte Microsoft ou de votre identifiant Apple. Comme vous pouvez le voir, je me suis connecté avec succès. Ensuite, je vais copier et coller le bal de fin, afin que nous utilisions le même bal que celui que nous avons utilisé précédemment. OK, voici l'invite et cliquons sur Générer. Bien, faisons défiler le document sur les exigences du produit pour AI Travel Planner SAS. Nous avons la vue d'ensemble, nous avons des buts et des objectifs. Nous avons des utilisateurs cibles. Il existe donc trois fonctionnalités principales : un générateur d'itinéraires par IA, des vols à puce, un outil de recherche d' hôtels et un outil de suivi du budget de vacances. Et voici le flux d'utilisateurs l'intégration des exécutions de planification. Nous avons cinq fonctionnalités d'IA, agrégateur de prix d'agent fixe, un prévisionniste budgétaire, un agent de personnalisation et un débat multi-agents Et voici le design de la base de données. Regarde ça. Et voici les intégrations. Il y a deux parties. La première concerne les intégrations avec des API externes, et la deuxième partie concerne les intégrations avec des services internes Ensuite, nous avons les exigences techniques, les définitions backend frontend. Quoi d'autre ? Nous disposons des sources de données, de la sécurité et de la conformité ainsi que des extensions futures. OK, très cool. Vous pouvez le copier-coller et l'enregistrer sur votre Google Docs. OK, je pense que c'est ça. C'est tout ce dont tu as besoin 3. Building Travel Planner Website with Lovable: Bonjour, les gars. Bienvenue dans le cours. Dans cette vidéo, nous allons créer le premier logiciel utilisant Lovable OK, commençons. Tout d'abord, je vais me connecter à l'aide de mon compte Gmail. Vous pouvez également vous connecter à l'aide de votre compte Github. Cela dépend entièrement de vous. Comme vous pouvez le voir, je me suis connecté avec succès. Et si vous êtes sur le compte gratuit, vous obtiendrez cinq crédits par jour. OK, commençons. Tout d'abord, je vais écrire l'invite. Créez un planificateur de voyage AI SS avec trois entraves principales Le premier est le générateur d' itinéraires AI. Le second est un outil de recherche de vols et d'hôtels bon marché. Et la troisième fonctionnalité est le traceur du budget des vacances. Rendez le design de l'interface utilisateur moderne et coloré. Si vous avez des pièces justificatives, vous pouvez les joindre ici. Vous pouvez également importer des inspirations de conception d'interface utilisateur depuis FICMA et les rendre publiques, afin que tout le monde puisse voir votre Mais si vous ne voulez pas que d'autres personnes voient votre projet, vous pouvez le définir comme personnel ou privé. OK, cliquons dessus. Cliquez sur Générer. Et cela prendra quelques minutes, peut-être deux ou trois minutes. Alors attendez, les gars. J'espère que cela ne prendra pas trop de temps, et je suis très impatiente de voir le résultat. Eh bien, cela n'a pas pris trop de temps. Cela n'a pris que 2 minutes ou peut-être 3 minutes. OK, voici le site web. IA de voyage. Planifiez votre aventure parfaite. Et faisons défiler la page vers le bas. Il existe trois fonctionnalités principales : AI ItineryGenerator, le suivi du budget et le moteur de recherche vols et d'hôtels OK, cliquons sur ce T maintenant, et entrons les destinations. Je vais visiter Austin, au Texas, et saisissons les durées de deux jours, puis cliquons sur Générer l'itinéraire OK, ça va prendre quelques secondes. OK, voici l'itinéraire généré par l'IA. Voici donc l' itinéraire du premier jour. Et faisons défiler la page vers le bas, et voici l' itinéraire du deuxième jour. OK, très cool. Essayons la deuxième fonctionnalité. Traceur de budget. Cliquez dessus et saisissons le montant du budget. 2 500$. C'est donc mon budget total. Et ajoutons les dépenses. Ça fait un total de 600, et cliquons aux frais. Et ajoutons une autre dépense. Achats, 570 dollars. Cliquons sur Expense. Comme vous pouvez le constater, nous avons un diagramme circulaire. Il indique le pourcentage de ses dépenses. Très cool Et la troisième fonctionnalité est Flight and Hotels Finder. Ainsi, l'utilisateur pourra saisir la ville de départ, la ville de destination, la date de départ et cliquer sur le vol SRT. OK, maintenant cliquons dessus. Voici le code, donc Lovable utilise le tapuscript. Comme vous pouvez le voir, le format de fichier est TSX. D'accord, nous allons maintenant publier ce site Web. Cliquez dessus, puis sur Publier. Cela prendra quelques secondes, peut-être cinq ou dix secondes. Alors attendez, les gars. J'espère que cela ne prendra pas trop de temps. D'accord, nous avons publié ce site Web avec succès. Voici donc le lien. Copions-le et collons-le, puis ouvrons-le dans l' autre onglet. OK, allons-y. OK, voici le site web. OK, je pense que c'est ça. C'est tout ce que tu as besoin de savoir. Je vous verrai dans la prochaine vidéo. 4. Building Logistics Optimization Software with Bolt: Bonjour les gars, bon retour au cours. Dans cette vidéo, nous allons créer un logiciel d' optimisation logistique à l'aide de Bolt New OK, commençons. Tout d'abord, je vais me connecter en utilisant mon compte Gmail, mais vous pouvez également vous connecter en utilisant votre compte Github. Cela dépend entièrement de vous. Cliquez sur Continuer. OK, nous nous sommes connectés avec succès, et maintenant nous allons écrire le bal de fin d'année. Créez un logiciel d'optimisation logistique avec trois installateurs principaux Le premier est l'optimiseur Rot. Le deuxième installateur est la gestion des stocks. Et le troisième installateur est Cost Analytics. Assurez-vous que l'utilisateur sera en mesure de saisir les emplacements d'origine. Destinations. Types de produits et frais d'expédition. Écoutez, non, cliquons sur Créer maintenant. OK, ça va prendre quelques secondes. Alors attendez, les gars. J'espère que cela ne prendra pas trop de temps, et je suis très impatiente de voir le résultat. Eh bien, ça n'a pas pris trop de temps, les gars. Cela n'a pris que 2 minutes , voire moins de 2 minutes. OK, voici le logiciel d'optimisation logistique. Nous avons trois fonctionnalités principales : l'optimiseur root, la gestion des stocks et l'analyse des coûts Entrez donc les emplacements d'origine. Ostende, entrons dans les destinations. Entrez ensuite le type de produit, mobilier et le coût d'expédition. Et cliquons sur Optimize Root. OK, ensuite, cliquons sur la gestion des stocks. Il s'agit du deuxième installateur Vous pouvez donc ajouter le type de produit, par exemple, électronique, et spécifier emplacements, l'entrepôt B. Ajoutons la quantité, dix, et le coût unitaire est de 35$, et le niveau de réapprovisionnement est de huit Et cliquez sur Ajouter à l'inventaire. Comme vous pouvez le constater, ce produit a été ajouté à l'inventaire. Et cliquons sur Cost Analytics. OK, ajoutons la saisie des coûts. Entrez le numéro d'expédition. Entrons le coût total de 200$. Juste un nombre aléatoire, les gars. Entrons le coût de la main-d'œuvre 100$, saisissons le coût de maintenance. Et cliquez sur Ajouter une entrée de coût. OK, voici le détail des coûts. Nous avons les dépenses totales, le coût moyen par expédition, total sur le terrain et le coût total de la main-d'œuvre. OK, très cool. Et cliquons dessus. Voici donc le code. Comme vous pouvez le voir, vous utilisez du tapuscrit. Et maintenant, nous allons publier ce site Web. Alors, cliquons dessus et cliquons sur Publier. Cela prendra quelques secondes, peut-être dix ou 15 secondes. Alors attendez, les gars. J'espère que cela ne prendra pas trop de temps. OK, c'est presque terminé. OK, voici le lien. Copions donc le lien et ouvrons-le dans l'autre onglet. OK, voici le site web. Optimiseur logistique. OK, très cool. Je pense que c'est ça. C'est tout ce que tu as besoin de savoir. Je vous verrai dans la prochaine vidéo. Garçon, 5. Building Appointment Booking Software with Claude & Github Copilot: Bon sang, bon retour au cours. Dans cette vidéo, nous allons créer un logiciel de prise de rendez-vous à l'aide de deux outils d'IA. Le premier est le code et le second est Github Copilot Bien, commençons avec Cloud. Tout d'abord, vous devez vous connecter. Vous pouvez vous connecter à l'aide de votre compte Gimil. OK, ensuite, nous allons écrire le bal de fin d'année. Créez un logiciel de prise de rendez-vous. Assurez-vous que l'utilisateur est en mesure de sélectionner l'heure, la date et les notes. Il y aura un rappel pour les prochains rendez-vous. Et une fois le rendez-vous pris, il doit être ajouté aux sessions du calendrier des utilisateurs. Regarde, c'est mon bal de fin d'année. Et cliquez sur Générer. Eh bien, ça n'a pas pris trop de temps, les gars. Cela n'a pris que 2 minutes , voire moins de 2 minutes. Nous avons donc quatre fonctionnalités clés. Le premier concerne les sélections de date et d'heure. La seconde ne concerne pas les sections. Le troisième est Smart Reminders, et le quatrième est l'affichage du calendrier. OK, essayons ça. Cliquez sur Prendre rendez-vous, puis saisissons le titre du rendez-vous. Consultation. Choisissons la date. Entrez l'heure à 14 h 30 et ajoutons les notes. Séance de conseil en chaîne d'approvisionnement. Et cliquons sur Prendre rendez-vous. Comme vous pouvez le voir, ce rendez-vous a été modifié ici. OK, très cool. Si vous souhaitez publier ce logiciel, cliquez simplement sur Publier, puis sur Publier et copier. Cela prendra quelques secondes, et voici le lien. Copions donc le lien. Ouvrons-le dans l'autre onglet. OK, allons-y. Voici le site web. Regarde ça. Comme vous pouvez le voir, nous avons un rappel de rendez-vous à venir. Très cool, non ? OK, ensuite, nous allons essayer le deuxième outil d'IA. Le nom de l'outil est Github Copilot. Donc, tout d'abord, assurez-vous que vous êtes déjà connecté à votre compte Github et cliquez sur Commencer Et cliquons sur Copilot. Et vous serez redirigé vers cette page. OK, maintenant nous allons créer le même site Web, donc nous allons copier-coller ce bal de fin d'année. Et je vais ajouter d'autres instructions à cette invite. Générez un seul fichier. Conservez tout dans le dossier. Ensuite, nous allons sélectionner le modèle d'IA que nous voulons utiliser. Il existe de nombreuses options. Dans ce cas, je vais sélectionner GPT 4.1, mais si vous souhaitez utiliser un autre modèle d'IA, c'est à vous de décider et cliquez sur Générer OK, allons-y. Cela prendra quelques secondes, peut-être dix ou 20 secondes, attendez les gars. J'espère que cela ne prendra pas trop de temps. C'est bon, les gars. Enfin, le code est prêt et voici le code. Copions le code, et je vais le compiler dans un IDE basé sur un navigateur. Le nom de l'IDE est un compilateur, copions-collons le code et cliquons sur Exécuter. OK, allons-y. Tout d'abord, nous allons sélectionner la date. Ensuite, nous allons sélectionner l'heure. Ensuite, nous allons ajouter des notes, des conseils sur la chaîne d'approvisionnement. Et cliquons sur Prendre rendez-vous. Comme vous pouvez le voir, le rendez-vous a été ajouté ici à mon calendrier. Très cool. OK, je pense que c'est ça. C'est tout ce que tu as besoin de savoir. Je vous verrai dans la prochaine vidéo. Au revoir. 6. Building Data Analytics Software with Emergent: Holigays, bon retour au cours. Dans cette vidéo, nous allons créer un logiciel d'analyse de données à l'aide d'Emergent OK, commençons. Tout d'abord, nous allons nous connecter. Je vais me connecter avec mon compte Gmail. Comme vous pouvez le voir, je me suis connecté avec succès, et voici mon tableau de bord. OK, ensuite, nous allons écrire le bal de fin d'année. Créez un logiciel d'analyse de données Assurez-vous que l'utilisateur est en mesure de télécharger fichier CSV et le système affichera un résumé des données comme Mint, Mediant, Max et Mint pour chaque colonne Visualisez les données à l'aide d'un graphique Br ou Pychart et marquez les valeurs manquantes et les doublons Ensuite, nous allons sélectionner le modèle d'IA. Il existe plusieurs options comme Cloud, GPT. Dans ce cas, je vais utiliser le Cloud, mais si vous souhaitez utiliser un autre modèle d'IA, c'est à vous de décider. OK, maintenant cliquons sur Générer. OK, ça va prendre quelques minutes. Alors attendez, les gars. J'espère que cela ne prendra pas trop de temps, et je suis très impatiente de voir le résultat. Eh bien, cela n'a pas pris trop de temps. Cela n'a pris que 5 minutes , voire moins de 5 minutes. OK, voici le site Web, alors téléchargeons les données. Je vais donc télécharger un fichier CSV. Dans cet exemple, j'utilise ces ensembles de données de ventes Walmart de Google Vous pouvez utiliser tous les ensembles de données de votre choix. OK, téléchargeons les données. Et cliquez sur Ouvert. OK, maintenant il télécharge les données. OK, allons-y. Voici les informations sur le fichier, le nom du fichier, le nombre de lignes, le nombre de colonnes, taille du fichier, et faisons défiler la page vers le bas comme vous pouvez le voir, nous avons des statistiques récapitulatives. Donc, pour chaque colonne, nous avons un type. Il en existe deux types, numérique et catégorique. Nous avons le nombre, la moyenne, médiane, le minimum et le maximum. Regarde ça, et faisons défiler la page un peu vers le bas. Nous avons des données de qualité. Il n'y a donc aucune valeur manquante, et il n'y a aucun doublon. Et ici, nous avons des visualisations de données. Nous avons un graphique à barres et également un graphique à secteurs. Regarde ça. Très cool, non ? Vous pouvez partager votre application, il vous suffit de cliquer sur Partager pour copier le lien. Et vous pouvez également consulter le code les gars. OK, je pense que c'est ça. C'est tout ce que tu as besoin de savoir. Je vous verrai dans la prochaine vidéo. Au revoir. 7. Building Property Management System with Base44: Bon sang les gars, bon retour au cours. Dans cette vidéo, nous allons créer un système de gestion immobilière en utilisant Base44 Commençons. Tout d'abord, nous allons nous connecter, cliquons sur Commencer à construire et je vais me connecter en utilisant mon compte GML Comme vous pouvez le voir, je me suis connecté avec succès. OK, maintenant écrivons l'invite. Système de gestion immobilière construit avec trois fonctionnalités principales. Le premier est le tableau de bord des listes de propriétés. Le second est le suivi du paiement des loyers. Et le troisième est le système de demande de maintenance. L'application devrait permettre aux gestionnaires de gérer les listes de propriétés. Suivez les paiements des locataires et gérez efficacement les demandes de maintenance. OK, donc c'est ce que je demande. Un message très simple. Ensuite, vous pouvez sélectionner le style que vous souhaitez. Cliquez simplement sur ces instructions de style. Il existe donc plusieurs options. Vous pouvez sélectionner le style de votre choix. Et cliquez sur Générer. Regardez, maintenant Base44 est en train de créer l'application. Cela prendra quelques minutes, peut-être deux ou trois minutes. Alors attendez, les gars. J'espère que cela ne prendra pas trop de temps, et je suis très impatiente de voir le résultat. Eh bien, ça n'a pas pris trop de temps, les gars. Cela n'a pris que 3 minutes , voire moins de 3 minutes. OK, voici le site web. Voici le Dakbard. Vous pouvez consulter le chiffre d'affaires mensuel total des propriétés, maintenance en attente et le taux d'occupation. Et faisons défiler la page vers le bas. Nous avons un diagramme circulaire. 50 % sont occupés. 25 % sont vacants et 1 % sont en cours de maintenance. Et cliquez sur Propriétés et vous pouvez ajouter une propriété. Il suffit de cliquer dessus. Vous pouvez saisir l'adresse de la propriété, sélectionner le type de propriété, sélectionner le statut, saisir le nombre de chambres, nombre de salles de bains, saisir le pied carré, le loyer mensuel, nom du locataire. D'accord, maintenant cliquons sur le paiement. Vous pouvez ajouter un paiement record. Vous devrez sélectionner la propriété. Entrez ensuite le nom du locataire, entrez le montant, sélectionnez le statut. Et cliquons sur maintenance. Vous pouvez ajouter de nouvelles demandes de maintenance. Très cool, non ? D'accord, nous allons maintenant publier ce site Web. Il suffit donc de cliquer sur Publier, puis de cliquer sur Publier l'application. Cela prendra quelques secondes et copiez simplement ce lien, les gars. OK, le chargement est toujours en cours. Et c'est parti. Et Base44 modifie également l'authentification d'un utilisateur, sorte que l'utilisateur devra d' abord se connecter avant d'accéder à l' application. Très cool, non ? Cliquons dessus. Je vais me connecter à l'aide de mon compte Gmail. Et c'est parti. OK, je pense que c'est ça. C'est tout ce que tu as besoin de savoir. Je vous verrai dans la prochaine vidéo. Au revoir. 8. Building Payroll Management Software with Firebase Studio: Bonjour, les gars. Bienvenue dans le cours. Dans cette vidéo, nous allons créer un logiciel de gestion de paie à l'aide de Firebase Studio OK, commençons. Cliquez sur Essayer Firebase Studio, et vous serez redirigé vers cette page, et vous devrez vous connecter Vous pouvez vous connecter à l'aide de votre compte Gmail. OK, ensuite, nous allons écrire le bal de fin d'année. Créez un logiciel de gestion de la paie dans lequel les utilisateurs peuvent ajouter des informations sur les employés, notamment le nom, salaire horaire, le nombre total d'heures travaillées, les déductions fiscales supplémentaires Le système doit automatiquement calculer le salaire total générer des fiches de paie et afficher un résumé de tous les paiements des employés Ensuite, vous pouvez sélectionner le langage de programmation que vous souhaitez utiliser. Il existe plusieurs options comme GPtent Java, Net Flutter et bien d'autres encore Et cliquez sur Prototyper avec IA. Cela prendra quelques minutes, peut-être deux ou trois minutes. Alors attendez, les gars. J'espère que cela ne prendra pas trop de temps, et je suis très impatiente de voir le résultat. Cliquez sur le prototype de cette application. Eh bien, ça n'a pas pris trop de temps, les gars. Cela n'a pris que 2 minutes , voire moins de 2 minutes. OK, voici le site web. Nous pouvons donc ajouter un employé. Cliquez simplement dessus et saisissons le nom de l'employé. Je vais entrer mon nom, Chris, et mon salaire horaire est de 25$ J'ai travaillé 35 heures cette semaine, et la prime est de 380$ Et les déductions fiscales sont de 6 %. Cliquons sur l'employé. Comme vous pouvez le voir, mon nom a été ajouté ici, et le salaire net est de 1 179,70$ OK, très cool. Et voici les analyses. Au total, nous avons quatre employés et le coût salarial total est de 14 741,50$ Et vous pouvez également exporter ces données au format CSV. Cliquez simplement sur ce fichier CSV d'exportation et vous pouvez également filtrer l'employé par son nom. Je vais taper mon nom. OK, allons-y. Chris, c'est mon nom. Si vous souhaitez publier ce site Web, cliquez simplement sur cette publication. OK, les gars, je crois que c'est ça. C'est tout ce que tu as besoin de savoir. Je vous verrai dans la prochaine vidéo. Au revoir. 9. Building Waste Management Software with Replit: Bon sang, les gars. Bienvenue dans le cours. Dans cette vidéo, nous allons créer un logiciel de gestion des déchets à l'aide de Replit OK, commençons. Tout d'abord, je vais me connecter, alors cliquons sur LoGent. Vous pouvez vous connecter à l'aide de votre compte GML. Vous pouvez vous connecter à l'aide de votre compte Github. Vous pouvez vous connecter à l'aide de votre compte Twitter. Vous pouvez vous connecter à l'aide de votre compte Facebook. Vous pouvez également vous connecter à l'aide de votre identifiant Apple. Cela dépend entièrement de vous, mais dans ce cas, je vais me connecter en utilisant mon compte GML OK, le chargement est toujours en cours. Cela prendra quelques secondes. Comme vous pouvez le voir, je me suis connecté avec succès. OK, maintenant écrivons le bal de fin d'année. Logiciel de gestion des déchets conçu avec trois fonctionnalités principales. Le premier est la planification de la collecte des déchets. Le deuxième obstacle est le système de suivi du volume, du type et du taux de recyclage des déchets type et du taux de recyclage des Et le troisième obstacle est la demande et la plainte des clients. Gestion. Le système doit permettre à l'utilisateur de planifier les collectes. Surveillez la progression de la collecte et analysez les performances de recyclage. Ensuite, nous allons sélectionner l'équipe, alors cliquons dessus. Vous pouvez sélectionner les palettes de couleurs souhaitées. Je vais sélectionner Zen Gordent. Vous pouvez sélectionner la palette de couleurs de votre choix. Cela dépend entièrement de vous, et cliquez sur Démarrer le chat. OK, le chargement est toujours en cours. Cela prendra quelques minutes, peut-être deux ou trois minutes. Alors attendez, les gars. J'espère que cela ne prendra pas trop de temps, et je suis très impatiente de voir le résultat. Eh bien, ça n'a pas pris trop de temps, les gars. Cela n'a pris que 3 minutes , voire moins de 3 minutes. OK, voici le tableau de bord. Nous pouvons voir les statistiques ici. Nous avons le total des collectes, taux de recyclage, les demandes en attente, les itinéraires actifs. Et voici les visualisations de données. Nous avons les tendances en matière de collecte , les types de distribution de déchets, les activités récentes . Cliquez sur la planification pour que le client puisse planifier un nouveau ramassage, et cliquons sur le suivi pour suivre son itinéraire. Nous avons quatre itinéraires A, B, C et D, et nous allons cliquer sur DEMANDER. Nous avons donc des sections sur les demandes et les plaintes ici, et nous avons également Analytics. Regarde ça. Très cool, non ? Et si vous souhaitez publier ce site Web, cliquez simplement sur cette publication. OK, je pense que c'est ça. C'est tout ce que tu as besoin de savoir. Je vous verrai dans la prochaine vidéo. Au revoir. 10. Building Language Learning App with v0: Bonjour les gars. Bienvenue dans le cours. Dans cette vidéo, nous allons créer une application d'apprentissage des langues à l'aide de Pizio OK, commençons. Tout d'abord, je vais me connecter. Alors, cliquons dessus. Je vais me connecter à l'aide de mon compte GML OK, ensuite, nous allons écrire le bal de fin d'année. Créez une application d'apprentissage des langues avec trois fonctionnalités principales. Le premier est l'écoute interactive du vocabulaire. Le deuxième obstacle est le suivi des progrès, et le troisième est le quiz quotidien Rendez l'interface utilisateur moderne et colorée. OK, c'est donc mon bal de fin d'année, un message très simple. Ensuite, je vais cliquer sur Générer OK, cela prendra quelques minutes, peut-être deux ou 3 minutes. Alors attendez, les gars. J'espère que cela ne prendra pas trop de temps. Eh bien, ça n'a pas pris trop de temps, les gars. Cela n'a pris que 2 minutes , voire moins de 2 minutes. OK, voici l'appli. Dispose de trois caractéristiques principales. Le premier concerne les leçons de vocabulaire interactives. C'est donc pour l'espagnol. Cliquez sur Suivant. Et vous pouvez cliquer sur Révéler. Les traductions pour Adios sont donc un adieu. Cliquons à nouveau sur Suivant. Et cliquons sur Révéler. Les traductions de Por favor sont s'il vous plaît. OK, très cool. Et la deuxième fonctionnalité est le quiz quotidien. Vous pouvez donc cliquer sur Démarrer le quiz, et il y aura cinq questions. C'est un choix multiple pour nous. Cliquez sur Suivant. OK, très cool. Et la troisième fonctionnalité est le suivi des progrès. Ainsi, vous pouvez suivre vos progrès d'apprentissage. Et si vous souhaitez publier votre application, cliquez simplement sur Publier, puis sur Publier dans Productions. Cela prendra quelques secondes, peut-être cinq ou dix secondes. Ensuite, vous obtiendrez le lien, les gars, et vous pourrez le copier-coller. OK, l'application a été publiée avec succès. Cliquons dessus. OK, voici l'appli. Regarde ça. Très cool Vous pouvez également personnaliser le domaine. Vous pouvez ajouter votre propre domaine. OK, je pense que c'est ça. C'est tout ce que tu as besoin de savoir. Je vous verrai dans la prochaine vidéo. Au revoir 11. Building Expense Management App with Rork: Bon sang, les gars, bon retour chez les Coors. Dans cette vidéo, nous allons créer une application de gestion des dépenses à l'aide de Rork OK, commençons d'abord. Je vais me connecter à Int. Deux options s'offrent à vous. Vous pouvez vous connecter à l'aide de votre compte GML. Vous pouvez également vous connecter à l'aide de votre identifiant Apple. Cela dépend entièrement de vous, mais dans ce cas, je vais me connecter à l'aide de mon compte GML, alors cliquez sur Continuer avec Google OK, je me suis connecté avec succès. OK, maintenant nous allons écrire le bal de fin d'année. Créez une application de gestion des dépenses avec trois installateurs principaux. Le premier est le planificateur de budget. Le second concerne les catégories de dépenses. Le troisième est un scanner à forceps. L'application devrait permettre aux utilisateurs de définir et de suivre leurs budgets mensuels. Catégorisez automatiquement les dépenses et téléchargez des reçus que l'IA peut scanner pour extraire les détails des transactions Incluez un tableau de bord simple pour afficher les résumés des dépenses, les graphiques et le solde budgétaire restant OK, ensuite, vous pouvez définir vos paramètres de confidentialité. Il existe deux options : publique et privée. Si vous le définissez comme public, tout le monde peut voir votre projet. Si vous le définissez comme privé, vous êtes le seul à pouvoir voir votre projet. OK, ensuite, nous allons cliquer sur Générer. Cela prendra quelques minutes, peut-être deux ou trois minutes. Alors attendez, les gars. J'espère que cela ne prendra pas trop de temps, et je suis très impatiente de voir le résultat. Eh bien, ça n'a pas pris trop de temps, les gars. Cela n'a pris que 2 minutes , voire moins de 2 minutes. OK, voici l'application mobile. J'adore vraiment l'interface utilisateur. Ça a l'air vraiment cool. Et cliquons dessus. Nous allons ajouter les dépenses, 35$ d'achats. Voilà donc les descriptions. Et sélectionnons la catégorie, puis cliquons sur Ajouter une dépense. OK, maintenant il a été modifié, et ajoutons une autre dépense. 50$, films, et cliquons sur Divertissement, et cliquons aux frais. OK, il a été ajouté ici. De plus, vous pouvez également télécharger votre image de recette. Cliquez simplement dessus pour que le système effectue l' OCR ou la reconnaissance optique de caractères Il va donc extraire le texte et le numéro de l'image de recette. D'accord, maintenant, cliquons sur le deuxième onglet Voici donc les allocations budgétaires, et cliquons sur le troisième onglet. Voici donc la liste des transactions. Si vous souhaitez publier cette application, cliquez simplement sur cette publication. Cela prendra quelques secondes. OK, l'application a été publiée avec succès. En outre, vous pouvez également publier l'application sur Appstore ou Google Play Il suffit de cliquer dessus. OK, les gars, je crois que c'est ça. C'est tout ce que tu as besoin de savoir. Je vous verrai dans la prochaine vidéo. 12. Building School Management System with Google AI Studio: Holly les gars. Bienvenue dans le cours. Dans cette vidéo, nous allons créer un système de gestion scolaire à l'aide de Google AI Studio. Plus précisément, nous allons utiliser Gemini. OK, commençons. Tout d'abord, vous devrez vous connecter à l'aide de votre compte Gmail, puis cliquer sur Créer, et vous serez redirigé vers cette page. OK, maintenant nous allons écrire le bal de fin d'année. Construire un système de gestion scolaire. Avec deux monteurs principaux. Le premier est la gestion des données des étudiants. Et le deuxième installateur est le suivi du paiement des frais de scolarité. Le système doit permettre à l'administrateur d'ajouter et de gérer les informations relatives aux étudiants. Comme le nom, les notes, la fréquentation scolaire, tout en suivant les dates d' échéance des paiements des frais de scolarité et l'historique des paiements. Incluez un tableau de bord simple pour consulter les dossiers et le résumé des étudiants. OK, donc c'est mon bal de fin d'année, un bal très simple. Et cliquons sur Runt. Cela prendra quelques minutes, peut-être deux ou trois minutes. Attendez, les gars, j'espère que cela ne prendra pas trop de temps, et je suis tellement impatiente de voir le résultat. Eh bien, cela n'a pas pris trop de temps. Cela n'a pris que 2 minutes , voire moins de 2 minutes. OK, voici le système de gestion de l'école. Voici un aperçu du tableau de bord. Comme vous pouvez le constater, nous avons le total des étudiants qui ont payé leurs frais de scolarité ce mois-ci, les arriérés de paiement et le taux de fréquentation Et ici, nous avons les dossiers des étudiants, et vous pouvez ajouter un nouvel étudiant. Cliquez dessus sur étudiant Je vais saisir le nom de l'étudiant. Je vais entrer Chris. C'est mon nom. Et entrons la note et cliquons sur Étudiant. Comme vous pouvez le constater. Mon nom a été ajouté au dossier de l'étudiant. Chris Alka, troisième année. OK, très cool. Si vous cliquez dessus, vous pourrez voir le code. Comme vous pouvez le constater, Google AI Studio utilise le langage de programmation Typescript Et voici l'ordinateur de bureau. Si vous voulez le voir depuis l'application mobile, cliquez sur ce mobile. Donc ça va ressembler à ça. OK, maintenant, revenons à DescopView. OK, je pense que c'est ça. C'est tout ce que tu as besoin de savoir. Je vous verrai dans la prochaine vidéo. Au revoir. 13. Building Marketing Analytics Software with Cline & Open Router API: Bonjour, les gars. Bienvenue dans le cours. Dans cette vidéo, nous allons créer un logiciel d' analyse marketing à l'aide du client. OK, commençons. Tout d'abord, vous devez installer FAS Code. C'est l'IDE que nous allons utiliser. OK, ensuite, ouvrons le code FAS, et nous allons installer extensions clientes. Alors, cliquons dessus. Cliquons sur les extensions, puis saisissons le client et vous devrez installer ces extensions. Cliente. Alors, cliquons dessus. Cliquez sur Installer. OK, nous avons installé Cline avec succès, alors cliquons sur cette icône Ensuite, nous allons sélectionner le modèle d'IA que nous allons utiliser. Alors, cliquons dessus et cliquons sur fournisseur d'API. Il existe de nombreuses options comme le client Open Router, Google Gemini, Open AI compatible, Anthropic Amazon Bedrock, et bien d'autres encore Si vous ne souhaitez intégrer aucune clé d'API, cliquez simplement sur Cline Mais dans ce cas, je vais utiliser l'API Open Router, alors cliquons dessus et visitons Open Router. Pour ceux d'entre vous qui ne connaissent pas Open Router, il s'agit d'une interface unifiée pour le modèle Large Language. OK, commençons. Tout d'abord, vous devez vous connecter. Je vais me connecter avec mon compte Gmail, mais vous pouvez également vous connecter avec votre compte Github OK, comme vous pouvez le voir, je me suis connecté avec succès, et cliquons sur Clés. Et vous serez redirigé vers cette page. Et cliquons sur Créer une clé d'API. Et ne t'inquiète pas. Vous pouvez créer ApiKey pour des gars totalement gratuits. Et nommons la clé API. Je vais l'appeler Cline Project. Vous pouvez le nommer où vous le souhaitez. Cela dépend entièrement de vous. Et cliquez sur Créer. Et copions cette clé d'API. Et revenons à Fascde et mettons votre clé d'API ici Assurez-vous que la clé d'API est correcte. Ensuite, vous pouvez sélectionner le modèle d'IA que vous souhaitez utiliser. Dans ce cas, je vais utiliser Cloud Sonnet 4.5. Mais n'hésitez pas à utiliser le modèle de votre choix. Cela dépend entièrement de vous, et nous allons cliquer sur AC. OK, ensuite, nous allons écrire le bal de fin d'année. Développez un logiciel d'analyse marketing. Avec trois entraves principales. Le premier est Campaign Performance Traker. La deuxième fonctionnalité est le suivi du budget publicitaire et la troisième entrave concerne les segmentation des clients Le logiciel doit permettre aux utilisateurs de surveiller les performances des publicités sur plusieurs plateformes. Suivez les dépenses par rapport au retour sur investissement ou au retour sur investissement. Et automatiquement, regroupez les clients en fonction leur engagement et de leur démographie Rendez le design de l'interface utilisateur interactif et moderne. Et cliquez sur Générer. OK, ça va prendre quelques minutes. Comme vous pouvez le voir, Klein est capable d'accéder à mon IDE de code FAS Il est capable d'écrire du code dans ce fichier. Regarde ça. Très cool, non ? OK, alors attendez, les gars. Cela prendra quelques minutes. J'espère que cela ne prendra pas trop de temps, et je suis très impatiente de voir le résultat. Eh bien, ça n'a pas pris trop de temps, les gars. Cela n'a pris que 5 minutes , voire moins de 5 minutes. Comme vous pouvez le voir, Klein a créé trois fichiers. Le premier est DTMLFle. Le second est un fichier CSS et le troisième est un fichier JavaScript. Et ces fichiers sont stockés dans ce dossier, le dossier Marketing Analytics. OK, maintenant cliquons sur cet index de fichiers dans CML, et nous allons l'ouvrir dans le navigateur. OK, allons-y. OK, voici le logiciel d'analyse marketing. Nous avons un tableau de bord. Nous pouvons consulter des statistiques telles que le nombre total de campagnes, le retour sur investissement total, les segments de clientèle, les dépenses totales, et voici la tendance des performances des campagnes, allocations budgétaires. Et cela décompose les performances de la campagne. Regarde ça. Et cliquons sur le suivi du budget. Nous avons le budget de PysalonSttal pour les données, durée totale restante. Nous avons un graphique représentant durée par rapport à la tendance du retour sur investissement. Et cliquons sur les segmentations des clients. Et c'est parti. Nous avons huit segments différents. Les gars, je crois que c'est ça. C'est tout ce que tu as besoin de savoir. Je vous verrai dans la prochaine vidéo. Au revoir 14. Converting UI Design to HTML & CSS Code with Gemini: Salut les gars, bon retour au cours. Dans cette vidéo, nous allons convertir une image de conception d' interface utilisateur en code frontal à l'aide de JNI OK, commençons. Dans cet exemple, nous allons convertir cette image de page de connexion en code HTML et CSS. D'accord, tout d'abord, vous devez vous connecter à l'aide de votre compte GML, et téléchargeons l'image de conception de l'interface utilisateur sur Jim andi Cliquez sur ce téléchargement de fichiers. Et cliquons sur Ouvrir. Ensuite, nous allons écrire le bal de fin d'année. Convertissez cette image de conception d'interface utilisateur en code frontal, DML et CSS Et cliquez sur Générer. OK, maintenant, l'IA génère le code. Cela prendra quelques secondes, peut-être dix ou 15 secondes. Alors attendez, les gars. J'espère que cela ne prendra pas trop de temps. OK, voici le code. OK, il a donc généré deux fichiers. Le premier est ADtml et le second est CSS. Cependant, dans ce cas, je veux qu'ils soient dans un seul fichier, il sera donc plus facile pour moi de les compiler. OK, alors écrivons une autre invite. Mettez tous les codes ADSDML et CSS dans un seul fichier. Comme vous pouvez le voir, Gemini est en train de régénérer le code. Maintenant, tout le code sera dans un seul fichier, il nous sera donc plus facile de compiler le code. Pour compiler le code, nous allons utiliser un compilateur. Il s'agit d'un IDE basé sur un navigateur. Vous n'avez pas besoin de télécharger quoi que ce soit. Il vous suffit d' ouvrir ce site Web, et nous allons copier-coller le code ici, et nous allons compiler le code. Cliquez simplement sur Exécuter et vous pourrez voir l' interface utilisateur ici. OK, cliquons sur ce code de copie. Et nous allons cliquer sur Exécuter. OK, voici l'interface utilisateur. Ce n'est pas exactement pareil, mais c'est très similaire. Regarde ça. Très cool, non ? Connectez-vous à votre compte, à votre adresse e-mail ou à votre mot de passe. Connectez-vous très bien. OK, je pense que c'est ça. C'est tout ce que tu as besoin de savoir. Je vous verrai dans la prochaine vidéo. Au revoir. 15. Deploying & Hosting Website on Netifly : Hum, je vous souhaite la bienvenue sur le parcours. Dans cette vidéo, nous allons déployer notre application à l'aide de Netifly Et ne vous inquiétez pas, son utilisation est totalement gratuite. Cliquons sur Tarification. Comme vous pouvez le constater, Netifly propose un plan gratuit. Regarde ça. Si vous vous en souvenez dans la vidéo précédente, nous avons déjà créé un logiciel de prise de rendez-vous en utilisant le Cloud. Donc, ce que nous allons faire ensuite est de cliquer dessus, et nous allons télécharger le code, et nous allons l' enregistrer sous forme de fichier HTML. Et nous allons le déployer à l'aide de Netufly. OK, commençons. Tout d'abord, je vais me connecter à Int. Vous pouvez vous connecter à l'aide de votre compte Gmail. Vous pouvez vous connecter à l'aide de votre compte Github. Vous pouvez vous connecter à l'aide de votre compte Gitlab. Vous pouvez également vous connecter à l'aide de votre compte Bitbucket. Dans ce cas, je vais me connecter à l'aide de mon compte Gmail. Cliquez donc sur Se connecter avec Google. Comme vous pouvez le voir, je me suis connecté avec succès, et voici mon tableau de bord. Pour déployer votre application, trois options s'offrent à vous. La première option consiste à importer votre projet existant depuis Github Cliquez simplement sur Importer depuis Git. La deuxième option consiste à partir d'un modèle afin de pouvoir parcourir les modèles. Il existe de nombreux modèles. Vous pouvez l'utiliser et le personnaliser comme vous le souhaitez. Et la troisième option consiste à déployer manuellement. Et c'est ce que nous allons faire. Nous allons donc cliquer sur ce bouton Parcourir pour le télécharger. Et je vais télécharger ce dossier de projets, rendez-vous dans ce dossier. Nous avons l'index HTML. Voilà donc ce code, le code de prise de rendez-vous. Et cliquez sur Upload. Cela prendra quelques secondes, peut-être cinq ou dix secondes. OK, les gars, l'application a été publiée avec succès, et voici le lien. Voici l'URL. Alors, cliquons sur ce lien. OK, maintenant testons ça. Cliquez sur Prendre rendez-vous et saisissons le titre du rendez-vous. Séance de consultation. Entrez la date. Entrez l'heure 1030, puis ajoutons les nœuds Conseil en matière de cybersécurité. Et cliquons sur Prendre rendez-vous. Comme vous pouvez le constater, il a été ajouté aux prochaines sections de rendez-vous. Bien, revenons maintenant au tableau de bord de Netifly. Et ce lien est Netifly Link, n'est-ce pas ? Mais si vous souhaitez utiliser votre propre domaine, il vous suffit de cliquer dessus. Achetez un nouveau domaine, mais vous devrez acheter le domaine, les gars. Mais si vous voulez que tout soit gratuit, utilisez simplement le Netifly, non ? Mais cela dépend entièrement de vous. OK, les gars, je crois que c'est ça. C'est tout ce que tu as besoin de savoir. Je vous verrai dans la prochaine vidéo. Au revoir 16. Conclusion & Summary: Holi gays, bon retour sur le cours. Dans cette vidéo, je vais résumer tout ce que nous avons appris dans ce cours, et je vais également découvrir quelques conseils et astuces pour améliorer vos compétences en matière de codage Vibe Bien, commençons par le premier sujet, la qualité du bal de fin d'année. Rédiger un bal de fin d'année clair et détaillé est crucial car les outils d'intelligence artificielle s'appuient largement sur vos instructions pour générer des résultats précis. Plus votre bal de fin d'année est précis et structuré, plus le résultat correspondra à votre vision, et cela réduira également les malentendus OK, prenons un exemple. Si vous vous souvenez, nous utilisons Replit pour créer un logiciel de gestion des déchets, et voici le bal Réécrivons le bal de fin d'année. Développez un logiciel de gestion des déchets avec trois entraves principales. La toute première chose à faire est donc de dire à l'IA quel produit vous souhaitez créer. Dans ce cas, je souhaite créer un logiciel de gestion des déchets. Ensuite, vous devrez spécifier les caractéristiques ou les fonctionnalités dont votre produit doit disposer, par exemple. Planification de la collecte des déchets, système de suivi des déchets, du volume, du type et du taux de recyclage, ainsi que des demandes des clients, ainsi que gestion des plaintes. Assurez-vous que votre bal de fin d'année est précis. L'IA comprend donc ce que vous voulez. Et j'ajoute également un contexte supplémentaire ici. Le système doit permettre à l'utilisateur de planifier les collectes, suivre la progression de la collecte et d'analyser les performances de recyclage C'est donc très important, les gars. Bien, passons maintenant au deuxième sujet. Diviser les tâches en petites parties. division d'un grand projet en plusieurs parties permet à l'IA de se concentrer sur une tâche à la fois. Cela conduit donc à des résultats plus précis et facilite grandement le débogage ou l'amélioration de ses sessions Ainsi, il isolera rapidement les problèmes, améliorera ses sections séparément et augmentera la précision globale. OK, permettez-moi de vous donner un exemple. Nous utilisons donc le même bal de fin d'année, créons un logiciel de gestion des déchets doté de trois fonctionnalités principales, et nous décomposons chaque installateur un par un Par exemple, la première étape est la planification de la collecte des déchets L'accent est mis sur la collecte des plannings, les intégrations de calendriers et les optimisations root Ce n'est qu'un exemple, les gars. Et la deuxième fonctionnalité est le système de suivi. Et l'accent est mis sur les données de volume, type de déchets, les mesures de recyclage et le tableau de bord analytique. Et la troisième fonctionnalité est la gestion des clients. L'accent est mis sur le formulaire de demande, les plaintes, les tickets, les mises à jour de statut et les notifications. Pour éviter que l'IA ne soit submergée, vous devez donc vous assurer de décomposer les grands projets en petits morceaux afin qu'ils soient plus faciles à comprendre pour l'IA. Bon, passons maintenant au troisième sujet, les tests réguliers. testant fréquemment votre application pendant le développement, vous vous assurez que chaque installateur fonctionne comme prévu et évitez que de petites erreurs ne se reproduisent. Les tests continus contribuent également à maintenir la stabilité à mesure que les nouveaux composants générés par l'IA sont édités. Parce que dans certains cas , l'installateur fonctionnait auparavant, mais une fois que vous avez ajouté un nouveau composant, mais non, il ne fonctionne plus Cela est peut-être dû à un conflit de dépendance ou à d'autres raisons. Il est donc très important que vous vérifiiez toujours si l'installateur fonctionne toujours à chaque itération OK, les gars, c'est la fin du cours. Merci beaucoup, et je vous souhaite tout le meilleur. Au revoir