Tutoriels
- Mise en route
- First Project
- Applications Web
- Applications Mobiles
- 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
Vous apprendrez :
- Comment Conductor analyse vos besoins
- Comment Virtuoso construit votre application
- Le flux de travail collaboratif à double agent
- Configuration et paramétrage de base du projet
Votre premier projet avec Conductor & Virtuoso
Créez votre première application et comprenez le flux de travail à double agent
Bienvenue sur ZBuild Studio ! Dans ce tutoriel, vous allez créer votre première application en utilisant notre système unique à double agent. Contrairement aux outils de codage IA traditionnels, ZBuild utilise deux agents spécialisés qui travaillent ensemble : Conductor (votre chef de produit IA) et Virtuoso (votre ingénieur full-stack IA).
À la fin de ce tutoriel, vous aurez une application entièrement fonctionnelle déployée sur le web.
Prérequis
- Un compte ZBuild Studio (forfait Lite ou Pro)
- Une compréhension de base de ce que vous voulez construire
- 10-15 minutes de votre temps
Étape 1 : Démarrer un nouveau projet
Connectez-vous à ZBuild Studio et cliquez sur le bouton 'Nouveau projet'. Vous serez accueilli par Conductor, prêt à comprendre votre vision.
- Naviguez vers studio.zbuild.io et loguez-vous
- Cliquez sur 'Nouveau projet' dans le tableau de bord
- Choisissez 'Partir de zéro' ou sélectionnez un modèle
Étape 2 : Décrire votre application
Dites à Conductor ce que vous voulez construire. Soyez aussi précis que possible - plus vous fournissez de détails, meilleur sera le résultat.
Je veux construire une application simple de gestion de tâches.
- Les utilisateurs peuvent ajouter, modifier et supprimer des tâches
- Les tâches ont un titre, une description et une date d'échéance
- Les tâches peuvent être marquées comme terminées
- Design d'interface utilisateur propre et moderneConseil d'expert Incluez des fonctionnalités spécifiques, des rôles d'utilisateur et toutes vos préférences de design. Conductor posera des questions de clarification si nécessaire.
Étape 3 : Examiner le plan d'exécution
Conductor analyse vos besoins et crée un plan d'exécution structuré avec des critères d'acceptation pour chaque tâche.
Prenez le temps d'examiner le plan. Vous pouvez demander à Conductor de le modifier avant que Virtuoso ne commence la construction.
Décomposition des tâches
Votre projet est divisé en tâches d'implémentation gérables
Critères d'acceptation
Chaque tâche possède des critères de réussite clairs et vérifiables
Cartographie des dépendances
Les tâches sont ordonnées en fonction des dépendances techniques
Estimations de temps
Utilisation approximative des crédits pour chaque tâche
Étape 4 : Regarder Virtuoso construire
Une fois que vous avez approuvé le plan, Virtuoso prend le relais. Regardez le code réel s'écrire, se tester et s'exécuter dans des conteneurs Docker.
- Cliquez sur 'Commencer la construction' pour débuter l'exécution
- Observez la vue du code en direct pendant que Virtuoso écrit le code
- Surveillez la console pour les sorties de construction et de test
- Voyez les critères d'acceptation cochés au fur et à mesure de leur réussite
Virtuoso détecte et corrige automatiquement les erreurs. La plupart des problèmes sont résolus en 2-3 itérations.
Étape 5 : Tester et déployer
Une fois que tous les critères d'acceptation sont validés, votre application est prête pour le déploiement.
- Prévisualisez votre application dans le visualiseur intégré
- Effectuez les derniers ajustements en discutant avec Conductor
- Cliquez sur 'Déployer' pour publier sur le réseau mondial de Cloudflare
- Obtenez votre URL publique avec SSL automatique
Ce que vous avez appris
Félicitations ! Vous avez réussi à créer votre première application avec ZBuild Studio.
- Comment décrire votre projet à Conductor
- Comment examiner et approuver les plans d'exécution
- Comment surveiller le processus de construction de Virtuoso
- Comment déployer votre application en production
Étapes suivantes
Comprendre les critères d'acceptation
Plongez dans la manière dont Conductor crée des livrables vérifiables
Regarder Virtuoso construire
Apprenez à surveiller et à interagir avec l'ingénieur IA
Prêt à construire votre prochain projet ?
Maintenant que vous comprenez les bases, essayez de construire quelque chose de plus complexe !