Vibe-Programmier-Tutorial: Erstellen von Apps und Software mit generativer KI

1. Einführung: Hallo Leute, interessiert ihr euch für Vibe-Coding? Interessieren Sie sich für Entwicklung von Apps und Software mit generativer KI? Wenn die Antwort Ja lautet, dann ist dieser Kurs vielleicht das Richtige für Sie. Wir werden viele Projekte bauen, Leute. Zunächst werden wir mit Miro und Microsoft Copilot ein Dokument mit Produktanforderungen erstellen ein Dokument mit Produktanforderungen Miro und Microsoft Copilot Als Nächstes werden wir mithilfe von Lovable einen KI-Reiseplaner erstellen . Schau dir das an Als Nächstes werden wir mit Bolt New eine Software zur Logistikoptimierung entwickeln mit Bolt New eine Software zur Logistikoptimierung Schau dir das an. Als Nächstes werden wir mithilfe der Cloud eine Terminbuchungssoftware erstellen. Schauen Sie sich das an und wir werden dieselbe Software mit Github Copilot erstellen dieselbe Software mit Github Copilot Schau dir das an. Sehr cool. Als Nächstes werden wir mit Emergent Datenanalysesoftware entwickeln Emergent Datenanalysesoftware So kann der Benutzer eine CSV-Datei hochladen, und das System analysiert und visualisiert die Daten automatisch Als Nächstes werden wir ein Immobilienverwaltungssystem mit Base44 erstellen . Schau dir das an Als Nächstes werden wir mit Firebase Studio eine Software für die Gehaltsabrechnung erstellen Als Nächstes werden wir eine Abfallwirtschaftssoftware mit Plet erstellen Abfallwirtschaftssoftware mit Es hat vier Hauptfunktionen: Planung, Nachverfolgung, Anfrage und Analyse Schau dir das an. Sehr cool, oder? Danach werden wir mit Vzero eine App zum Sprachenlernen erstellen Vzero eine App zum Sprachenlernen Es hat drei Hauptfunktionen interaktive Vokabellektionen, tägliche Quizze und Fortschrittsanalysen Als Nächstes werden wir mit Rork eine App zur Kostenverwaltung erstellen . Schau dir das an Danach werden wir mit Google AI Studio ein Schulverwaltungssystem erstellen . Als Nächstes werden wir mithilfe des Clients eine Marketinganalyse-Software erstellen. Schau dir das an. Es hat drei Hauptfunktionen: Kampagnenleistung, Budget-Tracker und Einblicke in die Kundensegmentierung Und wir werden unsere App auch auf Netifly bereitstellen. Schau dir das an. 2. Erstellen eines Dokuments mit Produktanforderungen mit Miro und Microsoft Copilot: Hallo Leute, willkommen zurück zum Kurs. In diesem Video werden wir mithilfe von zwei KI-Tools ein Dokument mit Produktanforderungen erstellen . Der erste ist Miro und der zweite ist Microsoft Copilot Okay, lass uns anfangen. Zunächst müssen Sie sich anmelden, also klicken wir darauf. Und ich werde mich mit meinem Gmail-Konto anmelden. Wie ihr sehen könnt, habe ich mich erfolgreich angemeldet und hier ist mein Dashboard. Okay, jetzt klicken wir auf Neues Projekt erstellen. Okay, jetzt werden wir KI verwenden , um ein Dokument mit Produktanforderungen zu erstellen. Klicken wir darauf und dann auf Doc. Okay, jetzt werden wir den Abschlussball schreiben, ein umfassendes Dokument mit den Produktanforderungen für eine KI-Reiseplaner-Software schreiben. Das ist also das Projekt, das wir bauen werden. Das beinhaltet drei Hauptmerkmale. Der erste ist der AI-Reiseroutengenerator. Die zweite Funktion ist der Billigflug- und Hotelfinder. Und der dritte Monteur ist Vacation Budget Tracer. Erläuterte die Ziele der Benutzer, Benutzerfluss, die technischen Anforderungen, die Datenquellen, KI-Funktionen, das Datenbankdesign und die Integrationsanforderungen für Okay. Klicken wir nun auf Generieren. Okay, jetzt generiert KI das Dokument mit den Produktanforderungen. Es wird ein paar Sekunden dauern, vielleicht fünf oder zehn Sekunden. Wartet Leute. Hoffentlich dauert es nicht zu lange. Nun, es hat nicht allzu lange gedauert, Leute. Es dauerte nur eine Minute oder vielleicht 2 Minuten. Okay, hier ist das Dokument mit den Produktanforderungen für den KI-Reiseplaner. Wir haben also eine Zusammenfassung und lassen Sie uns ein wenig nach unten scrollen. Wir haben übergeordnete Ziele und Erfolgskennzahlen. Das ist also wie die wichtigsten Leistungsindikatoren des KPI. Und wir haben Zielbenutzer und Personas. Wir haben Produktmerkmale. Es gibt drei Hauptfunktionen: einen KI-Reiseplangenerator, günstige Flüge und einen Hotelfinder sowie einen Urlaubsbudget-Tracker. Okay, die erste Funktion ist der Reiseroutengenerator. Wir haben also Datenquellen für Benutzerfluss, funktionale Anforderungen, nicht funktionale Anforderungen, KI-Funktionen, Datenbankdesigns und Integrationen Okay, hier ist die zweite Fessel, und lassen Sie uns nach unten scrollen, und hier ist die dritte Fessel, der Urlaubsbudget-Tracer Okay, sehr cool. Okay, als Nächstes werden wir das zweite KI-Tool ausprobieren. Wir werden Microsoft Copilot verwenden. Okay, zuerst müssen wir uns anmelden. Klicken wir also darauf und ich melde mich mit meinem Gmail-Konto an, aber Sie können sich auch mit Ihrem Microsoft-Konto oder Ihrer Apple-ID anmelden . Wie ihr sehen könnt, habe ich mich erfolgreich angemeldet. Als Nächstes kopiere ich den Abschlussball und füge ihn ein, sodass wir denselben Abschlussball verwenden werden , den wir zuvor verwendet haben. Okay, hier ist die Aufforderung und lass uns auf Generieren klicken. Okay, schauen wir uns das Dokument mit den Produktanforderungen für AI Travel Planner SAS an. Wir haben den Überblick, wir haben Ziele und Vorgaben. Wir haben Zielnutzer. Es gibt also drei Hauptfunktionen KI-Reiseplangenerator, Chip-Flüge und Hotelfinder sowie einen Urlaubsbudget-Tracker Und hier ist der Benutzerfluss bei der Durchführung der Boarding-Planung. Wir verfügen über fünf KI-Funktionen: einen Itary-Agent-Preisaggregator , einen Budget-Forecaster, einen Personalisierungsagenten und einen Multi-Agent-Debatte und Und hier ist das Datenbankdesign. Schau dir das an. Und hier sind die Integrationen. Es gibt zwei Teile. Der erste Teil umfasst Integrationen mit externer API und der zweite Teil ist Integrationen mit internen Diensten Als Nächstes haben wir technische Anforderungen und Backend-Frontend-Definitionen Was sonst? Wir haben Datenquellen, Sicherheit und Compliance sowie zukünftige Erweiterungen. Okay, sehr cool. Sie können dies kopieren und einfügen und in Ihren Google Docs speichern. Okay, ich glaube, das ist es. Das ist alles was du brauchst 3. Erstellen einer Reiseplaner-Website mit Lovable: Hallo Leute. Willkommen zurück zum Kurs. In diesem Video werden wir die erste Software mit Lovable erstellen die erste Software mit Lovable Okay, lass uns anfangen. Zunächst melde ich mich mit meinem Gmail-Konto an. Sie können sich auch mit Ihrem Github-Konto anmelden. Es liegt ganz bei dir. Wie ihr sehen könnt, habe ich mich erfolgreich angemeldet. Und wenn Sie ein kostenloses Konto haben, erhalten Sie täglich fünf Credits. Okay, lass uns anfangen. Zuerst werde ich die Aufforderung schreiben. Erstellen Sie den KI-Reiseplaner SS mit drei Hauptfesseln. Der erste ist ein KI-Reiseroutengenerator. Der zweite ist der Finder für günstige Flüge und Hotels. Und das dritte Feature ist Vacation Budget Tracer. Gestalten Sie das Design der Benutzeroberfläche modern und farbenfroh. Wenn Sie eine unterstützende Datei haben, können Sie die Datei hier anhängen Sie können auch Inspirationen für das UI-Design aus FICMA importieren und diese Option auf öffentlich stellen, sodass jeder Ihr Projekt sehen kann Wenn Sie jedoch nicht möchten, dass andere Personen Ihr Projekt sehen, können Sie dies auf „ Persönlich“ oder „Privat“ setzen Okay, lass uns das anklicken. Klicken wir auf Generieren. Und es wird ein paar Minuten dauern, vielleicht zwei oder drei Minuten. Also wartet einfach, Leute. Hoffentlich dauert es nicht zu lange und ich freue mich sehr auf das Ergebnis. Nun, es hat nicht allzu lange gedauert. Es dauerte nur 2 Minuten oder vielleicht 3 Minuten. Okay, hier ist die Website. Reise-KI. Plane dein perfektes Abenteuer. Und lass uns nach unten scrollen. Es gibt drei Hauptfunktionen AI ItineryGenerator, Budget-Tracker und Flug- und Hotelfinder Okay, lassen Sie uns jetzt auf dieses T klicken und die Ziele eingeben Ich werde Austin, Texas, besuchen, geben die Dauer von zwei Tagen und klicken dann auf Reiseroute erstellen Okay, es wird ein paar Sekunden dauern. Okay, hier ist die von KI generierte Reiseroute. Also hier ist die Reiseroute für den ersten Tag. Und lassen Sie uns nach unten scrollen, und hier ist die Reiseroute für den zweiten Tag. Okay, sehr cool. Lass uns das zweite Feature ausprobieren. Budget-Tracer. Klicken wir darauf und geben wir den Budgetbetrag 2.500$. Das ist also mein Gesamtbudget Und lassen Sie uns die Kosten hinzufügen. Insgesamt 600, und lassen Sie uns auf Kosten klicken. Und lassen Sie uns eine weitere Ausgabe hinzufügen. Einkaufen, 570$. Klicken wir auf Expense. Wie ihr sehen könnt, haben wir ein Kreisdiagramm. Es zeigt den Prozentsatz seiner Ausgaben. Sehr cool. Und die dritte Funktion ist der Flug- und Hotelfinder. So kann der Benutzer den Abflugort, die Zielstadt und das Abflugdatum eingeben Zielstadt und das Abflugdatum und auf SRT-Flug klicken Okay, jetzt klicken wir darauf. Hier ist der Code, also Lovable benutzt Typoskript. Wie ihr sehen könnt, ist das Dateiformat TSX. Okay, jetzt werden wir diese Website veröffentlichen. Klicken Sie darauf, klicken Sie auf Veröffentlichen. Es dauert ein paar Sekunden, vielleicht fünf oder zehn Sekunden. Also wartet einfach, Leute. Hoffentlich dauert es nicht zu lange. Okay, wir haben diese Website erfolgreich veröffentlicht. Also hier ist der Link. Lassen Sie uns das kopieren und einfügen und auf der anderen Registerkarte öffnen. Okay, los geht's. Okay, hier ist die Website. Okay, ich glaube, das ist es. Das ist alles, was du wissen musst. Wir sehen uns im nächsten Video. 4. Entwicklung von Logistikoptimierungssoftware mit Bolt: Hallo Leute, willkommen zurück zum Kurs. In diesem Video werden wir mit Bolt New Software zur Logistikoptimierung erstellen Bolt New Software zur Logistikoptimierung Okay, lass uns anfangen. Zunächst melde ich mich mit meinem Gmail-Konto an, aber Sie können sich auch mit Ihrem Github-Konto anmelden . Es liegt ganz bei dir. Lass uns auf Weiter klicken. Okay, wir haben uns erfolgreich angemeldet und jetzt werden wir den Abschlussball schreiben. Entwickeln Sie eine Software zur Logistikoptimierung mit drei Hauptinstallateuren. Der erste ist Rot Optimizer. Der zweite Monteur ist die Bestandsverwaltung. Und der dritte Monteur ist Cost Analytics. Stellen Sie sicher, dass der Benutzer Originalstandorte eingeben kann Originalstandorte eingeben Ziele. Produkttypen und Versandkosten. Schau, nein, lass uns auf Jetzt erstellen klicken. Okay, es wird ein paar Sekunden dauern. Also wartet einfach, Leute. Hoffentlich dauert es nicht zu lange und ich freue mich sehr auf das Ergebnis. Nun, es hat nicht allzu lange gedauert, Leute. Es dauerte nur 2 Minuten oder sogar weniger als 2 Minuten. Okay, hier ist die Software zur Logistikoptimierung. Wir haben drei Hauptfunktionen Root-Optimizer, Bestandsverwaltung und Kostenanalyse Geben wir also die ursprünglichen Standorte ein. Ostende, geben wir die Ziele ein. Geben wir dann den Produkttyp, Möbel und die Versandkosten ein Und lassen Sie uns auf Optimize Root klicken. Okay, als Nächstes klicken wir auf Inventarverwaltung. Dies ist der zweite Monteur Sie können also den Produkttyp hinzufügen, zum Beispiel Elektronik, und dann die Standorte, Lager B, angeben . Fügen wir die Menge hinzu, zehn, und die Stückkosten betragen 35$, und die Anzahl der Nachbestellungen liegt bei acht. Und lassen Sie uns auf „Zum Inventar hinzufügen“ klicken. Wie ihr sehen könnt, wurde dieses Produkt dem Inventar hinzugefügt. Und lass uns auf Cost Analytics klicken. Okay, fügen wir den Kosteneintrag hinzu. Geben wir die Sendungsnummer ein. Geben wir die vollen Kosten 200$ ein. Nur eine Zufallszahl, Leute. Geben wir die Arbeitskosten 100$ ein, geben wir die Wartungskosten ein. Und lassen Sie uns auf Kosteneintrag hinzufügen klicken. Okay, hier ist die Kostenaufschlüsselung. Wir haben die Gesamtausgaben, die durchschnittlichen Kosten pro Sendung, gesamten Feldkosten und die gesamten Arbeitskosten. Okay, sehr cool. Und lass uns das anklicken. Also hier ist der Code. Wie ihr sehen könnt, benutzt ihr Typoskript. Und jetzt werden wir diese Website veröffentlichen. Klicken wir also darauf und dann auf Veröffentlichen. Es wird ein paar Sekunden dauern, vielleicht zehn oder 15 Sekunden. Also wartet einfach, Leute. Hoffentlich dauert es nicht zu lange. Okay, es ist fast fertig. Okay, hier ist der Link. Kopieren wir also den Link und öffnen wir ihn auf der anderen Registerkarte. Okay, hier ist die Website. Logistischer Optimierer. Okay, sehr cool. Ich glaube, das ist es. Das ist alles was du wissen musst. Wir sehen uns im nächsten Video. 5. Erstellen einer Terminbuchungssoftware mit Claude & Github Copilot: Heilige Leute, willkommen zurück zum Kurs. In diesem Video werden wir mithilfe von zwei KI-Tools eine Terminbuchungssoftware erstellen . Der erste ist Code und der zweite ist Github Copilot Okay, fangen wir mit Cloud an. Zunächst müssen Sie sich anmelden. Sie können sich mit Ihrem Gimil-Konto anmelden. Okay, als Nächstes schreiben wir den Abschlussball. Entwickeln Sie eine Terminbuchungssoftware. Stellen Sie sicher, dass der Benutzer Uhrzeit, Datum und Notizen auswählen kann . Es wird eine Erinnerung an bevorstehende Termine angezeigt. Und nachdem der Termin gebucht wurde, sollte er zu den Sitzungen des Benutzerkalenders hinzugefügt werden. Schau, das ist mein Abschlussball. Und lass uns auf Generieren klicken. Nun, es hat nicht allzu lange gedauert, Leute. Es dauerte nur 2 Minuten oder sogar weniger als 2 Minuten. Wir haben also vier Hauptmerkmale. Die erste ist die Auswahl von Datum und Uhrzeit. Bei der zweiten handelt es sich nicht um Abschnitte. Die dritte ist Smart Reminders und die vierte ist die Kalenderansicht Okay, lass uns das versuchen. Klicken wir auf Termin buchen und geben den Titel des Termins ein. Beratung. Wählen wir das Datum aus. Geben wir die Uhrzeit 14:30 Uhr ein und fügen wir die Notizen hinzu. Sitzung zur Supply-Chain-Beratung. Und lassen Sie uns auf Termin buchen klicken. Wie ihr sehen könnt, wurde dieser Termin hier bearbeitet. Okay, sehr cool. Wenn Sie diese Software veröffentlichen möchten, klicken Sie einfach auf Veröffentlichen und dann auf Veröffentlichen und kopieren. Es wird ein paar Sekunden dauern, und hier ist der Link. Also lass uns den Link kopieren. Lass es uns auf der anderen Registerkarte öffnen. Okay, los geht's. Hier ist die Website. Schau dir das an. Wie ihr sehen könnt, haben wir eine Erinnerung an einen bevorstehenden Termin. Sehr cool, oder? Okay, als Nächstes werden wir das zweite KI-Tool ausprobieren. Der Name des Tools ist Github Copilot. also zunächst sicher, dass Sie sich bereits bei Ihrem Github-Konto angemeldet haben , und klicken wir auf Get Started Und lass uns auf Copilot klicken. Und Sie werden auf diese Seite weitergeleitet. Okay, jetzt werden wir dieselbe Website erstellen, also werden wir diesen Abschlussball kopieren und einfügen. Und ich werde dieser Aufforderung weitere Anweisungen hinzufügen. Generieren Sie nur eine Datei. Behalte alles in der Datei. Als Nächstes wählen wir das KI-Modell aus, das wir verwenden möchten. Es gibt viele Möglichkeiten. In diesem Fall wähle ich GPT 4.1, aber wenn Sie ein anderes KI-Modell verwenden möchten, liegt es ganz bei Ihnen und wir klicken auf Generieren Okay, los geht's. Es wird ein paar Sekunden dauern, vielleicht zehn oder 20 Sekunden, wartet einfach, Leute. Hoffentlich dauert es nicht zu lange. In Ordnung, Leute. Endlich ist der Code fertig und hier ist der Code. Lassen Sie uns den Code kopieren und ich werde diesen Code in einer browserbasierten IDE kompilieren. Der Name der IDE ist ein Compiler Lassen Sie uns den Code kopieren und einfügen und dann auf Ausführen klicken Okay, los geht's. Zunächst wählen wir das Datum aus. Als Nächstes wählen wir die Uhrzeit aus. Als Nächstes werden wir Hinweise und Supply-Chain-Beratung hinzufügen. Und lass uns auf Termin buchen klicken. Wie ihr sehen könnt, wurde der Termin hier zu meinem Kalender hinzugefügt. Sehr cool. Okay, ich glaube, das ist es. Das ist alles was du wissen musst. Wir sehen uns im nächsten Video. Tschüss. 6. Erstellen von Datenanalysesoftware mit Emergent: Holigays, willkommen zurück zum Kurs. In diesem Video werden wir Datenanalyse-Software mit Emergent entwickeln Datenanalyse-Software mit Okay, lass uns anfangen. Zunächst werden wir uns anmelden. Ich werde mich mit meinem Gmail-Konto anmelden. Wie ihr sehen könnt, habe ich mich erfolgreich angemeldet, und hier ist mein Dashboard. Okay, als Nächstes werden wir den Abschlussball schreiben. Datenanalyse-Software erstellen Stellen Sie sicher, dass der Benutzer eine CSV-Datei hochladen kann . Das System zeigt dann für jede Spalte eine Zusammenfassung der Daten wie Mint, Mediant, Max und Mint Visualisieren Sie die Daten mit einem Balkendiagramm oder Pychart und markieren Sie fehlende Werte und Als Nächstes wählen wir das KI-Modell aus. Es gibt verschiedene Optionen wie Cloud, GPT. In diesem Fall werde ich Cloud verwenden, aber wenn Sie ein anderes KI-Modell verwenden möchten, liegt es ganz bei Ihnen Okay, jetzt klicken wir auf Generieren. Okay, es wird ein paar Minuten dauern. Also wartet einfach, Leute. Hoffentlich dauert es nicht zu lange und ich freue mich sehr auf das Ergebnis. Nun, es hat nicht allzu lange gedauert. Es dauerte nur 5 Minuten oder sogar weniger als 5 Minuten. Okay, hier ist die Website, also laden wir die Daten hoch. Also werde ich eine CSV-Datei hochladen. In diesem Beispiel verwende ich diese Walmart-Verkaufsdatensätze von Google Sie können alle gewünschten Datensätze verwenden. Okay, laden wir die Daten hoch. Und lass uns auf Geöffnet klicken. Okay, jetzt werden die Daten hochgeladen. Okay, los geht's Hier sind die Dateiinformationen, der Dateiname, die Anzahl der Zeilen, die Anzahl der Spalten, Dateigröße. Scrollen wir nach unten, bis ihr sehen könnt, wir haben zusammenfassende Statistiken. Also haben wir für jede Spalte Typ. Es gibt zwei Typen, numerisch und kategorisch. Wir haben Anzahl, Mittelwert, Median, Minimum und Maximum. Schau dir das an und lass uns ein bisschen nach unten scrollen. Wir haben Datenqualität. Es fehlt also kein Wert und es gibt kein Duplikat. Und hier unten haben wir Datenvisualisierungen. Wir haben ein Bohrdiagramm und auch ein Kreisdiagramm. Schau dir das an. Sehr cool, oder? Sie können Ihre App teilen, klicken Sie einfach auf Teilen und Sie können den Link kopieren. Und du kannst dir auch den Code ansehen, Leute. Okay, ich glaube, das ist es. Das ist alles was du wissen musst. Wir sehen uns im nächsten Video. Tschüss. 7. Aufbau eines Immobilienverwaltungssystems mit Base44: Hallo Leute, willkommen zurück zum Kurs. In diesem Video werden wir ein Immobilienverwaltungssystem mit Base44 erstellen Immobilienverwaltungssystem mit Base44 Lass uns anfangen. Zunächst melden wir uns an, klicken auf Start Building und ich melde mich mit meinem GML-Konto an Wie ihr sehen könnt, habe ich mich erfolgreich angemeldet. Okay, jetzt schreiben wir die Aufforderung. Gebautes Immobilienverwaltungssystem mit drei Hauptfunktionen. Das erste ist das Dashboard mit Immobilienlisten. Die zweite ist die Nachverfolgung von Mietzahlungen. Und das dritte ist das Wartungsanforderungssystem. Die App sollte es Managern ermöglichen Immobilienangebote zu verwalten. Verfolgen Sie die Zahlungen der Mieter und bearbeiten Sie Wartungsanfragen effizient. Okay, das ist also meine Aufforderung. Eine sehr einfache Aufforderung. Als Nächstes können Sie den gewünschten Stil auswählen. Klicken Sie einfach auf diese Styling-Anleitung. Es gibt also mehrere Möglichkeiten. Sie können jederzeit einen beliebigen Stil auswählen. Und lass uns auf Generieren klicken. Schau, jetzt erstellt Base44 die App. Es wird ein paar Minuten dauern, vielleicht zwei oder 3 Minuten. Also wartet einfach, Leute. Hoffentlich dauert es nicht zu lange und ich freue mich sehr auf das Ergebnis. Nun, es hat nicht allzu lange gedauert, Leute. Es dauerte nur 3 Minuten oder sogar weniger als 3 Minuten. Okay, hier ist die Website. Hier ist der Dakbard. Sie können den monatlichen Gesamtumsatz der Immobilien, ausstehenden Wartungsarbeiten und die Belegungsrate Und lass uns nach unten scrollen. Wir haben ein Kreisdiagramm. 50% sind besetzt. 25% sind leer und 1% wird instand gehalten. Und lassen Sie uns auf Eigenschaften klicken und Sie können eine Immobilie hinzufügen. Klicken Sie einfach darauf. Sie können die Immobilienadresse eingeben, den Immobilientyp auswählen, den Status auswählen, die Anzahl der Schlafzimmer Anzahl der Badezimmer eingeben, den Quadratfuß, die monatliche Miete Namen des Mieters eingeben. Okay, jetzt klicken wir auf Zahlung. Sie können eine Rekordzahlung hinzufügen. Sie müssen die Immobilie auswählen. Geben Sie dann den Namen des Mieters ein, geben Sie den Betrag ein und wählen Sie den Status aus. Und lass uns auf Wartung klicken. Sie können neue Wartungsanfragen hinzufügen. Sehr cool, oder? Okay, jetzt werden wir diese Website veröffentlichen. Klicken Sie also einfach auf Veröffentlichen und dann auf App veröffentlichen. Es wird ein paar Sekunden dauern und einfach diesen Link kopieren, Leute. Okay, es wird immer noch geladen. Und los geht's. Und Base44 bearbeitet auch eine Benutzerauthentifizierung, sodass sich der Benutzer zuerst anmelden muss, bevor er auf die App zugreifen kann. Sehr cool, oder? Lass uns das anklicken. Ich werde mich mit meinem Gmail-Konto anmelden. Und los geht's. Okay, ich glaube, das ist es. Das ist alles was du wissen musst. Wir sehen uns im nächsten Video. Tschüss. 8. Erstellen von Gehaltsabrechnungssoftware mit Firebase Studio: Hallo Leute. Willkommen zurück zum Kurs. In diesem Video werden wir mit Firebase Studio eine Software zur Gehaltsabrechnung erstellen Firebase Studio eine Software zur Gehaltsabrechnung Okay, lass uns anfangen. Klicken wir auf Firebase Studio testen Sie werden auf diese Seite weitergeleitet und müssen sich anmelden Sie können sich mit Ihrem Gmail-Konto anmelden. Okay, als Nächstes werden wir den Abschlussball schreiben. Entwickeln Sie eine Software zur Gehaltsabrechnung in der Benutzer Mitarbeiterdaten wie Name, Stundenlohn, Gesamtzahl der geleisteten Arbeitsstunden und zusätzliche Steuerabzüge hinzufügen können Mitarbeiterdaten wie Name, Stundenlohn, Gesamtzahl der geleisteten Arbeitsstunden und zusätzliche Steuerabzüge Das System sollte automatisch das Gesamtgehalt berechnen, Gehaltsabrechnungen erstellen und eine Zusammenfassung aller Mitarbeiterzahlungen anzeigen eine Zusammenfassung aller Als Nächstes können Sie die Programmiersprache auswählen , die Sie verwenden möchten Es gibt verschiedene Optionen wie GPtent Java, Net Flutter und noch Und lass uns auf Prototyp mit KI klicken. Es wird ein paar Minuten dauern, vielleicht zwei oder drei Minuten. Also wartet einfach, Leute. Hoffentlich dauert es nicht zu lange und ich freue mich sehr auf das Ergebnis. Klicken wir auf Prototyp dieser App. Nun, es hat nicht allzu lange gedauert, Leute. Es dauerte nur 2 Minuten oder sogar weniger als 2 Minuten. Okay, hier ist die Website. Also können wir Mitarbeiter hinzufügen. Klicken Sie einfach darauf und geben wir den Namen des Mitarbeiters ein. Ich gebe meinen Namen Chris ein und mein Stundenlohn beträgt 25$ Und ich habe diese Woche 35 Stunden gearbeitet und der Bonus beträgt 380$ Und der Steuerabzug beträgt 6%. Klicken wir auf Mitarbeiter. Wie ihr sehen könnt, wurde mein Name hier hinzugefügt und das Nettogehalt beträgt 1.179,70$ Okay, sehr cool. Und hier ist die Analytik. Insgesamt haben wir vier Mitarbeiter und die gesamten Lohnkosten belaufen sich auf 14.741,50 USD Und Sie können diese Daten auch als CSV exportieren. Klicken Sie einfach auf diese Export-CSV und Sie können den Mitarbeiter auch nach Namen filtern. Ich werde meinen Namen eingeben. Okay, los geht's. Chris, das ist mein Name. Wenn Sie diese Website veröffentlichen möchten, klicken Sie einfach auf „Veröffentlichen“. Okay, Leute, ich glaube, das ist es. Das ist alles was du wissen musst. Wir sehen uns im nächsten Video. Tschüss. 9. Erstellen von Abfallmanagement-Software mit Replit: Heilig, Leute. Willkommen zurück zum Kurs. In diesem Video werden wir mithilfe von Replit Software für die Abfallwirtschaft entwickeln mithilfe von Replit Software für die Abfallwirtschaft Okay, lass uns anfangen. Zuerst melde ich mich an, also klicken wir auf dieses LoGent Sie können sich mit Ihrem GML-Konto anmelden. Sie können sich mit Ihrem Github-Konto anmelden. Sie können sich mit Ihrem Twitter-Konto anmelden. Sie können sich mit Ihrem Facebook-Konto anmelden. Sie können sich auch mit Ihrer Apple-ID anmelden. Es liegt ganz bei Ihnen, aber in diesem Fall melde ich mich mit meinem GML-Konto Okay, es wird immer noch geladen. Es wird ein paar Sekunden dauern. Wie ihr sehen könnt, habe ich mich erfolgreich angemeldet. Okay, jetzt schreiben wir den Abschlussball. Integrierte Abfallmanagement-Software mit drei Hauptfunktionen. Die erste ist die Planung der Abfallsammlung. Die zweite Herausforderung ist das System zur Erfassung von Abfallmenge, Art und Recyclingrate Und die dritte Einschränkung sind Kundenanfragen und Beschwerden. Verwaltung. Das System sollte es dem Benutzer ermöglichen, Abholungen zu planen. Überwachen Sie den Fortschritt der Sammlung und analysieren Sie die Recyclingleistung Als Nächstes wählen wir das Team aus, also klicken wir darauf. Sie können die gewünschten Farbpaletten auswählen. Ich werde Zen Gordent auswählen. Sie können jederzeit eine beliebige Farbpalette auswählen beliebige Farbpalette auswählen Es liegt ganz bei Ihnen, und lassen Sie uns auf Chat starten klicken. Okay, es wird immer noch geladen. Es wird ein paar Minuten dauern, vielleicht zwei oder 3 Minuten. Also wartet einfach Leute. Hoffentlich dauert es nicht zu lange und ich freue mich sehr auf das Ergebnis. Nun, es hat nicht allzu lange gedauert, Leute. Es dauerte nur 3 Minuten oder sogar weniger als 3 Minuten. Okay, hier ist das Dashboard. Wir können die Statistik hier sehen. Wir haben die Gesamtzahl der Sammlungen, Recyclingquote, ausstehende Anfragen und aktive Routen Und hier sind die Datenvisualisierungen. Wir haben Trends bei der Abholung, Verteilung der Abfallarten und aktuelle Aktivitäten. Klicken wir auf Terminplanung, und aktuelle Aktivitäten. Klicken wir auf Terminplanung damit der Kunde eine neue Abholung vereinbaren kann , und klicken wir auf Sendungsverfolgung, damit wir die Route verfolgen können Wir haben die vier Routen A, B, C und D, und lassen Sie uns auf ANFRAGE klicken Also haben wir hier unten Bereiche für Anfragen und Beschwerden, und wir haben auch Analytics. Schau dir das an. Sehr cool, oder? Und wenn Sie diese Website veröffentlichen möchten, klicken Sie einfach auf „Veröffentlichen“. Okay, ich glaube, das ist es. Das ist alles was du wissen musst. Wir sehen uns im nächsten Video. Tschüss. 10. Erstellen von Sprachlern-Apps mit v0: Hallo Leute. Willkommen zurück zum Kurs. In diesem Video werden wir eine App zum Sprachenlernen mit Pizio erstellen App zum Sprachenlernen mit Pizio Okay, lass uns anfangen. Zuerst werde ich mich einloggen. Also lass uns das anklicken. Ich werde mich mit meinem GML-Konto anmelden Okay, als Nächstes schreiben wir den Abschlussball. Erstellen Sie eine App zum Sprachenlernen mit drei Hauptfunktionen. Die erste ist interaktives Vokabelhören. Die zweite Fessel ist die Fortschrittsverfolgung und die dritte Fessel ist das tägliche Quiz Gestalten Sie die Benutzeroberfläche modern und farbenfroh. Okay, das ist also mein Abschlussball, eine sehr einfache Aufforderung Als Nächstes klicke ich auf Generate Okay, es wird ein paar Minuten dauern, vielleicht zwei oder 3 Minuten. Also wartet einfach, Leute. Hoffentlich dauert es nicht zu lange. Nun, es hat nicht allzu lange gedauert, Leute. Es dauerte nur 2 Minuten oder sogar weniger als 2 Minuten. Okay, hier ist die App. Habe drei Hauptmerkmale. Der erste ist interaktiver Wortschatzunterricht. Das ist also für Spanisch. Lass uns auf Weiter klicken. Und Sie können auf Reveal klicken. Die Übersetzungen für Adios sind also auf Wiedersehen. Klicken wir erneut auf Weiter. Und lassen Sie uns auf Reveal klicken. Die Übersetzungen für Por favor sind bitte. Okay, sehr cool. Und das zweite Feature ist das tägliche Quiz. Sie können also auf Quiz starten klicken und es werden fünf Fragen gestellt. Es ist eine Multiple-Choice-Lösung für uns. Klicken wir auf Weiter. Okay, sehr cool. Und das dritte Feature ist die Fortschrittsverfolgung. So können Sie Ihren Lernfortschritt verfolgen. Und wenn Sie Ihre App veröffentlichen möchten, klicken Sie einfach auf Veröffentlichen und dann auf In Produktionen veröffentlichen. Es dauert ein paar Sekunden, vielleicht fünf oder zehn Sekunden. Dann bekommt ihr den Link, Leute, und ihr könnt den Link kopieren und einfügen. Okay, die App wurde erfolgreich veröffentlicht. Lass uns das anklicken. Okay, hier ist die App. Schau dir das an. Sehr cool. Sie können die Domain auch anpassen. Sie können Ihre eigene Domain hinzufügen. Okay, ich glaube, das ist es. Das ist alles was du wissen musst. Wir sehen uns im nächsten Video. Tschüss. 11. Erstellen einer Kostenmanagement-App mit Rork: Heilig, Leute, willkommen zurück auf den Coors. In diesem Video werden wir die Expense Management App mit Rork erstellen Expense Management App mit Rork Okay, lassen Sie uns zuerst anfangen. Ich werde Int einloggen. Sie haben zwei Möglichkeiten. Sie können sich mit Ihrem GML-Konto anmelden. Sie können sich auch mit Ihrer Apple-ID anmelden. Es liegt ganz bei Ihnen, aber in diesem Fall werde ich mich mit meinem GML-Konto anmelden, also klicken wir auf Weiter mit Google Okay, ich habe mich erfolgreich angemeldet. Okay, jetzt werden wir den Abschlussball schreiben. Erstellen Sie eine App zur Kostenverwaltung mit drei Hauptinstallateuren. Der erste ist der Budgetplaner. Die zweite ist die Kategorisierung von Ausgaben. Der dritte ist ein Pinzettenscanner. Die App sollte es Benutzern ermöglichen, ihre monatlichen Budgets festzulegen und zu verfolgen Kategorisieren Sie Ausgaben automatisch und laden Sie Belege hoch, die KI scannen kann, um Transaktionsdetails zu extrahieren Fügen Sie ein einfaches Dashboard hinzu, um Ausgabenübersichten, Diagramme und den verbleibenden Haushaltssaldo anzuzeigen , Diagramme und den verbleibenden Okay, als Nächstes können Sie Ihre Datenschutzeinstellungen festlegen. Es gibt zwei Optionen: öffentlich und privat. Wenn Sie es auf öffentlich setzen, kann jeder Ihr Projekt sehen. Wenn Sie es auf privat setzen, sind Sie der Einzige, der Ihr Projekt sehen kann. Okay, als Nächstes klicken wir auf Generieren. Es wird ein paar Minuten dauern, vielleicht zwei oder 3 Minuten. Also wartet einfach, Leute. Hoffentlich dauert es nicht zu lange und ich freue mich sehr auf das Ergebnis. Nun, es hat nicht allzu lange gedauert, Leute. Es dauerte nur 2 Minuten oder sogar weniger als 2 Minuten. Okay, hier ist die mobile App. Ich liebe die Benutzeroberfläche wirklich. Es sieht wirklich cool aus. Und lass uns das anklicken. Wir werden die Kosten hinzufügen, 35$ beim Einkaufen. Das sind also die Beschreibungen. Wählen wir die Kategorie aus und klicken wir auf Ausgabe hinzufügen. Okay, jetzt wurde es bearbeitet und wir fügen eine weitere Ausgabe hinzu. 50$, Filme, und klicken wir auf Unterhaltung und dann auf Ausgaben Okay, es wurde hier hinzugefügt. Zusätzlich kannst du auch dein Recipimage hochladen. Klicken Sie einfach darauf und das System führt OCR oder optische Zeichenerkennung Es werden also Text und Zahlen aus dem Rezeptbild extrahiert . Okay, jetzt klicken wir auf den zweiten Tab Das sind also die Budgetzuweisungen, und lassen Sie uns auf den dritten Tab klicken Das ist also die Transaktionsliste. Wenn Sie diese App veröffentlichen möchten, klicken Sie einfach auf „Veröffentlichen“. Es wird ein paar Sekunden dauern. Okay, die App wurde erfolgreich veröffentlicht. Darüber hinaus können Sie die App auch im Appstore oder bei Google Play veröffentlichen die App auch im Appstore oder bei Google Play Klicken Sie einfach darauf. Okay, Leute, ich glaube, das ist es. Das ist alles was du wissen musst. Wir sehen uns im nächsten Video. 12. Aufbau eines Schulverwaltungssystems mit Google AI Studio: Holly Leute. Willkommen zurück zum Kurs In diesem Video werden wir mithilfe von Google AI Studio ein Schulverwaltungssystem erstellen . Insbesondere werden wir Gemini verwenden. Okay, lass uns anfangen. Zunächst müssen Sie sich mit Ihrem Gmail-Konto anmelden und dann auf Erstellen klicken Sie werden dann auf diese Seite weitergeleitet. Okay, jetzt werden wir den Abschlussball schreiben. Bauen Sie ein Schulmanagementsystem auf. Mit zwei Hauptinstallateuren. Die erste ist die Verwaltung von Studentendaten. Und der zweite Monteur ist der Tracker für Studiengebühren. Das System sollte es dem Administrator ermöglichen , Studenteninformationen hinzuzufügen und zu verwalten Dazu gehören der Name, die Teilnahme an den Klassenstufen und Nachverfolgung der Fälligkeitsdaten der Studiengebühren und der Zahlungsverlauf. Fügen Sie ein einfaches Dashboard hinzu , um die Aufzeichnungen und Zusammenfassungen der Schüler einzusehen. Okay, das ist also mein Abschlussball, ein sehr einfacher Abschlussball. Und lass uns auf Runt klicken. Es wird ein paar Minuten dauern, vielleicht zwei oder drei Minuten. Wartet einfach, Leute, hoffentlich dauert es nicht zu lange, und ich bin so gespannt auf das Ergebnis. Nun, es hat nicht allzu lange gedauert. Es dauerte nur 2 Minuten oder sogar weniger als 2 Minuten. Okay, hier ist das Schulverwaltungssystem. Hier ist die Übersicht über das Dashboard. Wie ihr sehen könnt, haben wir die Gesamtzahl der Schüler, die in diesem Monat Studiengebühren bezahlt haben, überfällige Zahlungen und Anwesenheitsquoten Und hier unten haben wir Studentendaten, und Sie können einen neuen Schüler hinzufügen Klicken wir bei Student darauf Ich werde den Namen des Studenten eingeben. Ich werde Chris eingeben. Das ist mein Name. Geben wir die Note und klicken wir auf Student. Wie ihr sehen könnt. Mein Name wurde der Studentenakte hinzugefügt . Chris Alka Klasse drei. Okay, sehr cool Wenn Sie darauf klicken, können Sie den Code sehen. Wie ihr sehen könnt, verwendet Google AI Studio die Programmiersprache Typescript Und das ist der Desktop. Wenn Sie es in der mobilen App sehen möchten, klicken wir auf dieses Handy. Es wird also so aussehen. Okay, jetzt kehren wir zu DescopView zurück. Okay, ich glaube, das ist es. Das ist alles was du wissen musst. Wir sehen uns im nächsten Video. Tschüss. 13. Erstellen von Marketinganalysesoftware mit Cline & Open Router API: Hallo Leute. Willkommen zurück zum Kurs. In diesem Video werden wir mithilfe des Clients eine Marketinganalyse-Software erstellen . Okay, lass uns anfangen. Zunächst müssen Sie den FAS-Code installieren. Dies ist die IDE, die wir verwenden werden. Okay, lassen Sie uns als Nächstes den FAS-Code öffnen und Client-Erweiterungen installieren . Also lass uns das anklicken Klicken wir auf Erweiterungen und geben Sie Client Sie müssen diese Erweiterungen installieren. Kunde. Also lass uns das anklicken. Klicken wir auf Installieren. Okay, wir haben Cline erfolgreich installiert, also klicken wir auf dieses Symbol Als Nächstes wählen wir das KI-Modell aus, das wir verwenden werden Klicken wir also darauf und dann auf API-Anbieter. Es gibt viele Optionen wie Client Open Router, Google Gemini, Open AI-kompatibel, Anthropic Amazon Bedrock und noch Wenn Sie keinen API-Schlüssel integrieren möchten, klicken Sie einfach auf Cline Aber in diesem Fall werde ich die Open Router API verwenden, also klicken wir darauf und gehen wir zu Open Router Für diejenigen unter Ihnen, die mit Open Router nicht vertraut sind, handelt es sich um eine einheitliche Oberfläche für das Large Language Model. Okay, lass uns anfangen. Zunächst müssen Sie sich anmelden. Ich werde mich mit meinem Gmail-Konto anmelden, aber Sie können sich auch mit Ihrem Github-Konto anmelden. Okay, wie ihr sehen könnt, habe ich mich erfolgreich angemeldet und lasst uns auf Keys klicken. Und du wirst auf diese Seite weitergeleitet. Und lass uns auf API-Schlüssel erstellen klicken. Und mach dir keine Sorgen. Sie können ApiKey für völlig kostenlose Leute erstellen. Und lassen Sie uns den API-Schlüssel benennen. Ich werde es Cline Project nennen. Du kannst es benennen, wo immer du willst. Es liegt ganz bei dir. Und lass uns auf Erstellen klicken. Und lassen Sie uns diesen API-Schlüssel kopieren. Und lass uns zurück zu Fascde gehen und lass uns deinen API-Schlüssel hier einfügen Stellen Sie sicher, dass es sich um den richtigen API-Schlüssel handelt. Als Nächstes können Sie das KI-Modell auswählen, das Sie verwenden möchten. In diesem Fall werde ich Cloud Sonnet 4.5 verwenden. Sie können jedoch jedes Modell verwenden, das Sie möchten. Es liegt ganz bei Ihnen, und lassen Sie uns auf AC klicken. Okay, als Nächstes schreiben wir den Abschlussball. Entwickeln Sie eine Marketinganalyse-Software. Mit drei Hauptfesseln. Der erste ist Campaign Performance Traker. Das zweite Feature ist Advertising Budget Traker und das dritte Feature sind Einblicke in die Kundensegmentierung Kundensegmentierung Die Software sollte es Benutzern ermöglichen, die Anzeigenleistung auf mehreren Plattformen zu überwachen Verfolgen Sie die Ausgaben im Vergleich zum ROI oder der Kapitalrendite. Und gruppieren Sie Kunden automatisch auf Basis von Kundenbindung und Demografie Machen Sie das UI-Design interaktiv und modern. Und lassen Sie uns auf Generieren klicken. Okay, es wird ein paar Minuten dauern. Wie ihr sehen könnt, kann Klein auf meine FAS-Code-IDE zugreifen Es ist in der Lage, Code in diese Datei zu schreiben. Schau dir das an. Sehr cool, oder? Okay, also wartet einfach, Leute. Es wird ein paar Minuten dauern. Hoffentlich dauert es nicht zu lange und ich freue mich sehr auf das Ergebnis. Nun, es hat nicht allzu lange gedauert, Leute. Es dauerte nur 5 Minuten oder sogar weniger als 5 Minuten. Wie ihr sehen könnt, hat Klein drei Dateien erstellt. Die erste ist dtmlFle. Die zweite ist eine CSS-Datei und die dritte ist eine JavaScript-Datei Und diese Dateien werden in diesem Ordner, dem Ordner Marketing Analytics, gespeichert . Okay, jetzt klicken wir auf diesen Dateiindex bei CML und wir werden ihn im Browser öffnen . Okay, los geht's Okay, hier ist die Marketing-Analytics-Software. Wir haben ein Dashboard. Wir können Statistiken wie die Gesamtzahl der Kampagnen, den gesamten ROI, die Kundensegmente und die Gesamtausgaben einsehen Gesamtzahl der Kampagnen, den gesamten ROI, Kundensegmente und die Gesamtausgaben . Hier finden Sie den Trend zur Kampagnenleistung Budgetzuweisungen Und es schlüsselt die Kampagnenleistung auf. Schau dir das an. Und lass uns auf den Budget-Tracker klicken. Wir haben die Daten Pysalonsttal, Budget, verbleibende Gesamtspanne. Wir haben ein Diagramm, das die Spanne im Vergleich zur Entwicklung der Kapitalrendite darstellt Spanne im Vergleich zur Entwicklung der Kapitalrendite Und lassen Sie uns auf Kundensegmentierungen klicken. Und los geht's. Wir haben acht verschiedene Segmente. Alter, ich glaube, das war's. Das ist alles was du wissen musst. Wir sehen uns im nächsten Video. Tschüss. 14. Konvertieren von UI-Design in HTML- und CSS-Code mit Gemini: Hallo Leute, willkommen zurück zum Kurs. In diesem Video werden wir das UI-Design-Bild mithilfe von JNI in Frontend-Code konvertieren UI-Design-Bild mithilfe von JNI in Frontend-Code Okay, lass uns anfangen. In diesem Beispiel konvertieren wir Bild der Anmeldeseite in HTML- und CSS-Code. Okay, zunächst müssen Sie sich mit Ihrem GML-Konto anmelden und das UI-Designbild auf Jim Andi hochladen Klicken wir auf „Dateien hochladen“. Und lass uns auf Öffnen klicken. Als nächstes werden wir den Abschlussball schreiben. Konvertiert dieses UI-Designbild in Frontend-Code, DML und CSS Und lass uns auf Generieren klicken. Okay, jetzt generiert KI den Code. Es wird ein paar Sekunden dauern, vielleicht zehn oder 15 Sekunden. Also wartet einfach, Leute. Hoffentlich dauert es nicht zu lange. Okay, hier ist der Code. Okay, es wurden also zwei Dateien generiert. Das erste ist adTml und das zweite ist CSS. In diesem Fall möchte ich jedoch, dass sie sich in einer Datei befinden, damit ich sie leichter kompilieren kann Okay, lass uns eine weitere Aufforderung schreiben. Fügen Sie den gesamten AdsDml- und CSS-Code in einer Datei zusammen. Wie ihr sehen könnt, regeneriert Gemini den Code. Jetzt befindet sich der gesamte Code in einer Datei, sodass wir den Code einfacher kompilieren können Um den Code zu kompilieren, werden wir einen Compiler verwenden. Dies ist eine browserbasierte IDE. Sie müssen nichts herunterladen. Sie müssen nur diese Website öffnen, und wir werden den Code kopieren und hier einfügen, und wir werden den Code kompilieren. Klicken Sie einfach auf Ausführen und Sie können die Benutzeroberfläche hier sehen. Okay, lass uns auf diesen Copy-Code klicken. Und wir werden auf Ausführen klicken. Okay, hier ist die Benutzeroberfläche. Es ist nicht genau dasselbe, aber es ist sehr ähnlich. Schau dir das an. Sehr cool, oder? Melden Sie sich mit Ihrem Konto, E-Mail-Adresse oder Ihrem Benutzernamen/Passwort an. Loggen Sie sich sehr cool ein. Okay, ich glaube, das ist es. Das ist alles was du wissen musst. Wir sehen uns im nächsten Video. Tschüss. 15. Bereitstellung und Hosting von Websites auf Netifly: Hool rate mal, willkommen zurück zum Kurs. In diesem Video werden wir unsere App mit Netifly bereitstellen Und keine Sorge, die Nutzung ist völlig kostenlos. Lass uns auf Preise klicken. Wie ihr sehen könnt, bietet Netifly einen kostenlosen Tarif an. Schau dir das an. Wenn Sie sich an das vorherige Video erinnern, haben wir bereits eine Terminbuchungssoftware mithilfe der Cloud entwickelt . Als Nächstes klicken wir darauf, laden den Code herunter und speichern ihn als HTML-Datei. Und wir werden es mit Netufly bereitstellen. Okay, lass uns anfangen. Zuerst werde ich Int einloggen. Sie können sich mit Ihrem Gmail-Konto anmelden. Sie können sich mit Ihrem Github-Konto anmelden. Du kannst dich mit deinem Gitlab-Account anmelden. Du kannst dich auch mit deinem Bitbucket-Konto anmelden. In diesem Fall melde ich mich mit meinem Gmail-Konto an. Klicken wir also auf Mit Google anmelden. Wie ihr sehen könnt, habe ich mich erfolgreich angemeldet und hier ist mein Dashboard. Um Ihre App bereitzustellen, haben Sie drei Möglichkeiten. Die erste Option besteht darin, Ihr vorhandenes Projekt von Github zu importieren . Klicken Sie einfach auf diesen Import von Git. Die zweite Option besteht darin, mit einer Vorlage zu beginnen, sodass Sie die Vorlagen durchsuchen können. Es gibt viele Vorlagen. Sie können es verwenden und anpassen, wie Sie möchten. Und die dritte Option ist die manuelle Bereitstellung. Und genau das werden wir tun. Klicken wir also auf „ Durchsuchen“, um es hochzuladen. Und ich werde diesen Projektordner und die Terminbuchung in diesen Ordner hochladen . Wir haben Index-HTML. Das ist also dieser Code, der Terminbuchungscode. Und lass uns auf Hochladen klicken. Es wird ein paar Sekunden dauern, vielleicht fünf oder zehn Sekunden. Okay, Leute, die App wurde erfolgreich veröffentlicht, und hier ist der Link. Hier ist die URL. Also lass uns auf diesen Link klicken. Okay, jetzt lass uns das testen. Klicken wir auf Termin buchen und geben wir den Titel des Termins ein. Beratungssitzung. Geben wir das Datum ein. Geben wir die Zeit 1030 und fügen wir die Knoten Beratung für Cybersicherheit. Und lass uns auf Termin buchen klicken. Wie ihr sehen könnt, wurde es zu den Abschnitten mit bevorstehenden Terminen hinzugefügt. Okay, jetzt gehen wir zurück zum Netifly-Dashboard. Und dieser Link ist Netifly Link, richtig? Aber wenn Sie Ihre eigene Domain verwenden möchten, klicken Sie einfach hier. Kauft eine neue Domain, aber ihr werdet die Domain kaufen müssen, Leute. Aber wenn du willst, dass alles kostenlos ist, benutze einfach Netifly, oder? Aber es liegt ganz bei dir. Okay, Leute, ich glaube, das ist es. Das ist alles, was du wissen musst. Wir sehen uns im nächsten Video. Tschüss. 16. Schlussbemerkung und Zusammenfassung: Holi Gays, willkommen zurück zum Kurs. In diesem Video werde ich alles zusammenfassen, was wir in diesem Kurs gelernt haben, und ich werde auch ein paar Tipps und Tricks sehen, wie Sie Ihre Vibe-Coding-Fähigkeiten verbessern können Okay, fangen wir mit dem ersten Thema an, der Qualität des Abschlussballs Abschlussball klar und detailliert zu schreiben Es ist wichtig, einen Abschlussball klar und detailliert zu schreiben, da KI-Tools stark auf Ihre Anweisungen angewiesen , um genaue Ergebnisse zu erzielen. Je spezifischer und strukturierter dein Abschlussball ist, desto besser wird das Ergebnis deiner Vorstellung entsprechen und desto weniger Missverständnisse werden Okay, lassen Sie uns ein Beispiel wählen. Wenn Sie sich erinnern, verwenden wir Replit, um Abfallwirtschaftssoftware zu entwickeln , und hier ist der Abschlussball Lass uns den Abschlussball neu schreiben. Entwickeln Sie eine Abfallmanagement-Software mit drei Hauptmerkmalen. Das allererste , was Sie tun müssen, ist der KI mitzuteilen , welches Produkt Sie entwickeln möchten In diesem Fall möchte ich Software für die Abfallwirtschaft entwickeln. Danach müssen Sie beispielsweise angeben, welche Merkmale oder Funktionen Ihr Produkt oder Funktionen Ihr Produkt haben muss. Planung der Abfallsammlung, System zur Nachverfolgung von Abfall, Menge , Art und Recyclingquote sowie Kundenanfragen sowie Beschwerdemanagement. Achte darauf, dass dein Abschlussball spezifisch ist. KI versteht also, was du willst. Und ich füge hier auch zusätzlichen Kontext hinzu. Das System sollte es dem Benutzer ermöglichen, Abholungen zu planen, Fortschritt der Abholung zu überwachen und die Recyclingleistung zu analysieren Das ist also sehr wichtig, Leute. Okay, jetzt kommen wir zum zweiten Thema. Aufgaben in kleine Teile aufteilen. Aufteilung eines großen Projekts in kleinere Teile hilft der KI, sich auf jeweils eine Aufgabe zu konzentrieren. Dies führt also zu genaueren Ergebnissen und erleichtert das Debuggen oder Verbessern der Sitzungen erheblich Dadurch werden Probleme schnell isoliert, die einzelnen Abschnitte verbessert und die Gesamtgenauigkeit erhöht Okay, lassen Sie mich Ihnen ein Beispiel geben. Also verwenden wir denselben Abschlussball, entwickeln eine Abfallentsorgungssoftware mit drei Hauptfunktionen und teilen uns jeden Monteur einzeln Die erste Anlaufstelle ist zum Beispiel die Planung der Müllabfuhr Der Schwerpunkt liegt auf der planmäßigen Abholung, Kalenderintegrationen und grundlegenden Optimierungen. Das ist nur ein Beispiel, Leute. Und das zweite Feature ist das Tracking-System. Und der Schwerpunkt liegt auf Volumendaten, Abfallart, Recyclingkennzahlen und Analytik. Und das dritte Feature ist das Kundenmanagement. Der Schwerpunkt liegt auf Anfrageformular, Beschwerde, Tickets, Statusaktualisierungen und Benachrichtigungen. Um zu verhindern, dass KI überfordert wird, müssen Sie sicherstellen, dass Sie große Projekte in kleinere Teile zerlegen , damit KI sie leichter verstehen kann Okay, lassen Sie uns nun zum dritten Thema übergehen , dem regelmäßigen Testen Wenn Sie Ihre App während der Entwicklung häufig testen , wird sichergestellt, dass jeder Monteur wie erwartet funktioniert, und verhindert, dass sich kleine Fehler häufen Kontinuierliche Tests tragen auch zur Aufrechterhaltung Stabilität bei, wenn neue KI-generierte Komponenten bearbeitet werden Weil es einige Fälle gibt in denen der Monteur gearbeitet hat, aber sobald Sie eine neue Komponente hinzugefügt haben, aber nein, sie funktioniert nicht mehr Vielleicht liegt es an einem Abhängigkeitskonflikt oder es gibt andere Gründe Daher ist es sehr wichtig, dass Sie immer bei jeder einzelnen Iteration überprüfen, ob der Monteur noch arbeitet Okay, Leute, das ist das Ende des Kurses. Vielen Dank und ich wünsche Ihnen alles Gute. Tschüss.