Vibe coding avec Devin / Windsurf
De l'idée à une version qui fonctionne avec un agent de codage, étape par étape.
Un cours zéro-à-héros d'abord en hébreu pour construire un vrai produit avec Devin et Windsurf : d'une petite idée à un agent de codage, jusqu'à une première version que tu peux partager.
~90 minutes
Commencer par le module 1WHAT YOU'LL BE ABLE TO DO
THE MODULES
- 01
Commence par l'histoire d'Asaf
Pars de l'histoire d'Asaf : comment une idée devient concrète en un jour, et quoi réduire avant de commencer.
10 min1 lesson - 02
Ouvre l'espace de travail
Ouvre un nouveau projet, définis des limites et demande à l'agent un plan avant qu'il n'écrive du code.
10 min1 lesson - 03
Construis la version un
Construis un écran avec une action, lance-le et inspecte le résultat avant d'ajouter d'autres fonctionnalités.
12 min1 lesson - 04
Débogue comme un product manager
Décris les bugs et les améliorations en langage « attendu vs obtenu » pour que l'agent corrige sans casser le reste.
12 min1 lesson - 05
Ajoute des données avec précaution
Choisis des données codées en dur, localStorage ou une base de données au bon moment, sans sur-construire trop tôt.
14 min1 lesson - 06
Peaufine l'expérience utilisateur
Améliore les textes, les états vides, les boutons, les espacements et la mise en page mobile pour que la démo soit claire pour de vraies personnes.
12 min1 lesson - 07
Déploie sur le web
Prépare le déploiement, vérifie qu'aucun secret n'est dans le code et publie une version que tu peux envoyer à une personne pour avoir son avis.
10 min1 lesson - 08
Le deuxième jour et après
Crée une ROADMAP simple et avance une tâche à la fois sans transformer le projet en chaos.
10 min1 lesson