Créer des composants Qwik et intégrer la génération d'images par l'IA | Développement Web avec l'IA Ep 6
Dans cette vidéo, @heyAustinGil se concentre sur la pratique de la génération de composants Qwik et sur le travail avec l'OpenAI API. Austin crée deux nouveaux composants Qwik pour les dialogues et les SVG, et passe un peu de temps à créer des images générées par l'IA avec leurs bizarreries.
Nouveau sur Cloud Computing? Commencez ici avec un crédit de 100 $ !
Chapitres :
0:00 Introduction
0:24 Créer des composants d'interface utilisateur
1:05 Créer un composant de dialogue
8:40 Créer un clic de dialogue
12:30 Donner la logique d'un bouton
16:00 Tester et résoudre un bug
19:05 Ajuster les Toggles
24:30 Rendre l'accessoire contrôlable par le parent
26:00 Utiliser une tâche pour mettre à jour les modifications
26:50 Résoudre un bug avec une boîte de dialogue à bascule
31:30 Ouverture programmée d'une boîte de dialogue
32:20 Générer une image
37:20 Configurer la liaison des données
42:00 Définir l'emplacement de soumission du formulaire
42:40 Ajouter une logique conditionnelle
44:50 Tester l'application
46:30 Créer des modèles d'invite
54:20 Corriger le bug de l'invite
55:50 Tester l'application
56:20 Ajouter une URL à une image
59:00 Test App
1:00:00 Rendre l'invite précise
1:04:30 Polir l'application
1:10:00 Insérer une spirale SVG
1:13:49 Rendre la page accessible
1:18:38 Mettre à jour TypeScript
1:22:10 Tester l'application
1:23:15 Correction d'un bug de classe
1:24:15 Tester l'application et résoudre un bug
1:25:45 Test final
1:26:10 Conclusion
Suivez l'évolution du projet sur le GitHub d'Austin.
Consultez la documentation de Qwik.js.
Voir les documents de l'OpenAI.
Ensavoir plus sur Fetch API.
Abonnez-vous pour être informé des nouveaux épisodes dès leur sortie.
#AkamaiDeveloper #openai #qwikjs #nodejs
Produit : Développeur Akamai, OpenAI, Qwik.js, ChatGPT ; @heyAustinGil