Tutorials
- Erste Schritte
- First Project
- Web-Anwendungen
- Mobile Anwendungen
- React Native App
- SaaS Platform
- E-commerce Platform
- Real-Time Dashboard
- Location-Based App
- Mobile E-commerce
- Optimizing Sales
- Publishing Your App
- Acceptance Criteria
- Template Business
- Watching Virtuoso
Das werden Sie lernen:
- Wie Conductor Ihre Anforderungen analysiert
- Wie Virtuoso Ihre Anwendung erstellt
- Der Dual-Agent-Kollaborations-Workflow
- Grundlegende Projekt-Einrichtung und Konfiguration
Ihr erstes Projekt mit Conductor & Virtuoso
Erstellen Sie Ihre erste Anwendung und verstehen Sie den Dual-Agent-Workflow
Willkommen bei ZBuild Studio! In diesem Tutorial erstellen Sie Ihre erste Anwendung mit unserem einzigartigen Dual-Agent-System. Im Gegensatz zu herkömmlichen KI-Coding-Tools verwendet ZBuild zwei spezialisierte Agenten, die zusammenarbeiten: Conductor (Ihr KI-Produktmanager) und Virtuoso (Ihr KI-Full-Stack-Entwickler).
Am Ende dieses Tutorials werden Sie eine voll funktionsfähige Anwendung haben, die im Web bereitgestellt wurde.
Voraussetzungen
- Ein ZBuild Studio Konto (Lite- oder Pro-Plan)
- Grundlegendes Verständnis dessen, was Sie bauen möchten
- 10-15 Minuten Ihrer Zeit
Schritt 1: Ein neues Projekt starten
Loggen Sie sich bei ZBuild Studio ein und klicken Sie auf die Schaltfläche 'New Project'. Sie werden von Conductor begrüßt, der bereit ist, Ihre Vision zu verstehen.
- Navigieren Sie zu studio.zbuild.io und loggen Sie sich ein
- Klicken Sie im Dashboard auf 'New Project'
- Wählen Sie 'Start from Scratch' oder wählen Sie eine Vorlage aus
Schritt 2: Beschreiben Sie Ihre Anwendung
Sagen Sie Conductor, was Sie bauen möchten. Seien Sie so spezifisch wie möglich – je mehr Details Sie angeben, desto besser das Ergebnis.
Ich möchte eine einfache Task-Manager-App bauen.
- Benutzer können Aufgaben hinzufügen, bearbeiten und löschen
- Aufgaben haben einen Titel, eine Beschreibung und ein Fälligkeitsdatum
- Aufgaben können als erledigt markiert werden
- Sauberes, modernes UI-DesignProfi-Tipp Geben Sie spezifische Funktionen, Benutzerrollen und Designpräferenzen an. Conductor wird bei Bedarf klärende Fragen stellen.
Schritt 3: Überprüfen Sie den Ausführungsplan
Conductor analysiert Ihre Anforderungen und erstellt einen strukturierten Ausführungsplan mit Akzeptanzkriterien für jede Aufgabe.
Nehmen Sie sich Zeit, den Plan zu überprüfen. Sie können Conductor bitten, ihn anzupassen, bevor Virtuoso mit dem Bauen beginnt.
Aufgabenaufschlüsselung
Ihr Projekt wird in überschaubare Implementierungsaufgaben unterteilt
Akzeptanzkriterien
Jede Aufgabe hat klare, überprüfbare Erfolgskriterien
Abhängigkeitszuordnung
Aufgaben werden basierend auf technischen Abhängigkeiten geordnet
Zeitschätzungen
Ungefährer Credit-Verbrauch für jede Aufgabe
Schritt 4: Beobachten Sie Virtuoso beim Bauen
Sobald Sie den Plan genehmigen, übernimmt Virtuoso. Beobachten Sie, wie echter Code geschrieben, getestet und in Docker-Containern ausgeführt wird.
- Klicken Sie auf 'Start Building', um die Ausführung zu starten
- Beobachten Sie die Live-Code-Ansicht, während Virtuoso Code schreibt
- Überwachen Sie die Konsole auf Build- und Test-Ausgaben
- Sehen Sie, wie Akzeptanzkriterien abgehakt werden, wenn sie bestanden sind
Virtuoso erkennt und behebt Fehler automatisch. Die meisten Probleme werden innerhalb von 2-3 Iterationen gelöst.
Schritt 5: Testen und Bereitstellen
Sobald alle Akzeptanzkriterien erfüllt sind, ist Ihre Anwendung bereit für die Bereitstellung.
- Vorschau Ihrer Anwendung im integrierten Viewer
- Nehmen Sie letzte Anpassungen vor, indem Sie mit Conductor chatten
- Klicken Sie auf 'Deploy', um im globalen Netzwerk von Cloudflare zu veröffentlichen
- Erhalten Sie Ihre öffentliche URL mit automatischem SSL
Was Sie gelernt haben
Herzlichen Glückwunsch! Sie haben erfolgreich Ihre erste Anwendung mit ZBuild Studio erstellt.
- Wie Sie Ihr Projekt gegenüber Conductor beschreiben
- Wie Sie Ausführungspläne überprüfen und genehmigen
- Wie Sie den Build-Prozess von Virtuoso überwachen
- Wie Sie Ihre Anwendung in der Produktion bereitstellen
Nächste Schritte
Akzeptanzkriterien verstehen
Tauchen Sie tief in die Erstellung überprüfbarer Ergebnisse durch Conductor ein
Virtuoso beim Bauen beobachten
Lernen Sie, den KI-Entwickler zu überwachen und mit ihm zu interagieren
Bereit, Ihr nächstes Projekt zu bauen?
Jetzt, da Sie die Grundlagen verstehen, versuchen Sie, etwas Komplexeres zu bauen!