Erstellen von Qwik-Komponenten und Integration von KI-Bilderzeugung | Webentwicklung mit KI Ep 6
In diesem Video konzentriert sich @heyAustinGil darauf, mehr Übung in der Erstellung von Qwik-Komponenten und der Arbeit mit der OpenAI-API zu bekommen. Austin erstellt zwei neue Qwik-Komponenten für Dialoge und SVGs und verbringt einige Zeit mit der Erstellung von KI-generierten Bildern und deren Macken.
Neu bei Cloud Computing? Starten Sie hier mit einem $100-Guthaben!
Kapitel:
0:00 Einführung
0:24 UI-Komponenten erstellen
1:05 Dialog-Komponente erstellen
8:40 Dialog Klick erstellen
12:30 Schaltflächenlogik erstellen
16:00 Testen & Fehler beheben
19:05 Toggles anpassen
24:30 Stütze über den Parent steuerbar machen
26: 00 Aufgabe zum Aktualisieren von Änderungen verwenden
26:50 Fehler mit Toggle-Dialog beheben
31: 30 Dialog programmatisch öffnen
32:20 Bild generieren
37:20 Datenbindung konfigurieren
42: 00 Speicherort für Formularübermittlung festlegen
42: 40 Bedingte Logik hinzufügen
44:50 App testen
46:30 Prompt-Vorlagen erstellen
54:20 Prompt-Fehler beheben
55:50 App testen
56:20 URL zum Bild hinzufügen
59:00 App testen
1:00:00 Die Eingabeaufforderung präziser machen
1:04:30 App aufpolieren
1:10:00 SVG-Spinner einfügen
1:13:49 Seite barrierefrei machen
1:18: 38 TypeScript aktualisieren
1:22:10 App testen
1:23: 15 Klassenfehler beheben
1:24: 15 App testen und einen Fehler beheben
1:25:45 Abschließender Test
1:26:10 Schlussfolgerung
Folgen Sie mit Austins GitHub.
Sehen Sie sich die Qwik.js-Dokumente an.
Siehe OpenAI Docs.
Erfahren Sie mehr über Fetch API.
Abonnieren Sie, um über neue Episodeninformiert zu werden, sobald sie erscheinen.
#AkamaiEntwickler #openai #qwikjs #nodejs
Produkt: Akamai Developer, OpenAI, Qwik.js, ChatGPT; @heyAustinGil