NBForm

Créer un projet avec le vibe-coding

Formation Vibe Coding : cadrer une idée, prototyper et produire plus vite avec l’IA, des prompts structurés et une méthode de validation concrète.

Tarifs

Présentielle / distancielle

590€ par jour et par personne 
Programme et modalités à confirmer après échange avec NBForm.

Format mixte possible : visio, ateliers pratiques et ressources NBForm selon le parcours retenu.
Dès septembre, Alternez travail solo et face-à-face visio

Format intra possible sur mesure, à préciser après échange avec NBForm.

Cours en ligne

Méthodes

Durée

3 jours, 21 heures de formation.

Type de formation

Formation à la Journée

Satisfaction

Moyenne résultats

Nouvelle formation — indicateurs en cours de consolidation.

Modalité d'évaluation

Attestation de présence et d’acquisition des compétences en fin de session (programme Vibe Coding Antigravity + Claude).

Objectifs pédagogiques opérationnels

Le Vibe Coding est une nouvelle façon de produire : vous transformez une idée en livrable concret en combinant vision produit, prompts structurés et itérations rapides. Cette formation vous apprend à utiliser Antigravity et Claude ensemble pour passer du cadrage au code, avec une méthode cowork + code adaptée aux équipes et aux indépendants.
  • Comprendre la logique du vibe coding dans un contexte professionnel.
  • Transformer une idée en brief projet clair et exploitable.
  • Choisir le bon langage ou le bon socle technique selon le besoin.
  • Utiliser Visual Studio Code comme environnement de travail principal.
  • Utiliser Cursor pour itérer sur un projet avec un éditeur orienté IA.
  • Utiliser Codex pour analyser, corriger, documenter ou améliorer du code.
  • Utiliser Claude comme partenaire de cadrage, de relecture, de réflexion et de revue projet.
  • Organiser un projet avec Git, staging, commits et versions de travail.
  • Créer un environnement de test ou une version de staging avant livraison.
  • Mettre en place une méthode de test, de recette et de suivi des bugs.
  • Créer un prototype web, une interface ou un outil simple.
  • Créer une première base d’application Android avec Android Studio.
  • Préparer une documentation courte et un plan d’amélioration post-formation.

Modalité de la formation

Créer un projet avec le vibe coding

Cette formation intensive de trois jours permet d’apprendre à cadrer, prototyper, produire, tester et livrer un projet numérique avec une méthode de vibe coding structurée. Elle accompagne les participants dans l’utilisation professionnelle d’outils comme Visual Studio Code, Cursor, Codex, Claude et Android Studio.

L’objectif n’est pas seulement de générer du code avec une intelligence artificielle. Le participant apprend à piloter un projet de manière professionnelle : choisir le bon langage, définir une architecture simple, créer un brief exploitable, utiliser les bons assistants IA, organiser son projet avec Git, mettre en place une version de test, relire les bugs, corriger progressivement et préparer une livraison propre.

Modalités

  • Format : présentiel, visio ou mixte.
  • Approche : alternance démonstrations + ateliers guidés.
  • Public : entrepreneurs, équipes projet, profils produit/marketing/tech.

Public concerné

Cette formation s’adresse aux indépendants, dirigeants, créateurs de sites, formateurs, communicants, porteurs de projet, consultants, utilisateurs avancés ou professionnels souhaitant créer des prototypes, pages web, outils internes, interfaces simples ou premières applications avec l’aide d’assistants IA de développement.

Elle convient particulièrement aux personnes qui veulent apprendre à piloter un projet numérique sans partir d’une feuille blanche, tout en gardant une méthode de travail structurée et des contrôles qualité.

Prérequis

  • Savoir utiliser un ordinateur et naviguer sur Internet.
  • Savoir manipuler des fichiers et dossiers.
  • Avoir une idée de projet, même simple : page web, outil interne, prototype, mini-application ou amélioration d’un site existant.
  • Avoir des bases numériques générales : navigateur, texte, images, liens, formulaires et fichiers.
  • Aucune maîtrise avancée du développement n’est obligatoire.
  • Une première familiarité avec HTML, CSS, WordPress ou les outils web est utile, mais non indispensable.

Outils abordés pendant la formation

  • Visual Studio Code pour organiser, lire et modifier le projet.
  • Cursor pour travailler avec un éditeur orienté IA et contexte projet.
  • Codex pour analyser, corriger, améliorer et documenter du code.
  • Claude pour cadrer le projet, structurer les prompts, relire les choix et challenger les décisions.
  • Git pour suivre les modifications, créer des points de sauvegarde et organiser les versions.
  • Android Studio pour créer et tester une première base d’application Android.

Programme complet

Partie 1 : Cadrer le projet et choisir la bonne technologie

  • Comprendre ce qu’est le vibe coding et ses limites.
  • Distinguer prototypage rapide, génération de code et production réelle.
  • Définir l’objectif du projet, la cible, le problème à résoudre et le périmètre de la première version.
  • Identifier les contraintes : temps, outils, hébergement, maintenance, sécurité et niveau technique.
  • Choisir un langage ou un socle technique adapté : HTML/CSS/JavaScript, PHP, Python, TypeScript, Kotlin, PWA ou approche hybride.
  • Éviter les architectures trop lourdes pour un premier prototype.

Atelier pratique

Chaque participant rédige un mini-brief projet, définit les fonctionnalités prioritaires et justifie le choix du langage ou du socle technique.

Partie 2 : Structurer l’environnement de travail

  • Préparer un dossier projet clair dans VS Code.
  • Créer une arborescence lisible et adaptée au type de projet.
  • Identifier les fichiers principaux et les extensions utiles.
  • Mettre en place une logique de versioning avec Git ou une méthode de sauvegarde structurée.
  • Distinguer version de travail, version de test et version validée.
  • Créer une logique de staging adaptée au projet : branche Git, copie locale, dossier de test ou environnement séparé.

Atelier pratique

Les participants créent leur environnement de travail, organisent leur dossier projet et préparent une première version de test avant de générer ou modifier du code.

Partie 3 : Utiliser les assistants IA pour concevoir et produire

  • Utiliser Claude pour clarifier l’idée, structurer le brief et challenger le périmètre.
  • Utiliser Cursor pour travailler dans le contexte du projet et demander des modifications ciblées.
  • Utiliser Codex pour expliquer, corriger, documenter ou améliorer le code.
  • Formuler des demandes précises : objectif, contexte, contrainte, format attendu et critères de validation.
  • Relire les propositions de l’IA avant de les appliquer.
  • Refuser les ajouts inutiles, les réécritures massives ou les dépendances non maîtrisées.

Atelier pratique

Chaque participant utilise Claude, Cursor ou Codex pour améliorer son brief, générer une première structure et obtenir une base exploitable sans perdre le contrôle du projet.

Partie 4 : Prototyper une première version exploitable

  • Concevoir l’arborescence, les pages, écrans ou fonctions principales.
  • Définir un parcours utilisateur simple.
  • Créer une première interface, une page d’accueil, un outil ou un écran principal.
  • Ajouter les premiers contenus, composants ou interactions.
  • Vérifier l’affichage, la lisibilité et la cohérence générale.
  • Sauvegarder une première version stable.

Atelier pratique

Chaque participant produit un prototype fonctionnel ou visuel à partir de son brief, puis enregistre une version stable avant les itérations suivantes.

Partie 5 : Nettoyer, améliorer et fiabiliser le code

  • Structurer les fichiers de manière logique.
  • Séparer le contenu, le style et les comportements lorsque c’est pertinent.
  • Renommer les fichiers, classes, fonctions ou composants pour améliorer la lisibilité.
  • Supprimer le code inutile ou redondant.
  • Demander une revue IA ciblée sans appliquer automatiquement les corrections.
  • Créer un commit ou une sauvegarde après stabilisation.

Atelier pratique

Les participants nettoient leur prototype, améliorent la structure du projet et documentent les changements importants.

Partie 6 : Tester, relire les bugs et corriger progressivement

  • Construire une checklist de test adaptée au projet.
  • Tester les parcours principaux : navigation, boutons, formulaires, affichage et messages d’erreur.
  • Tester les cas limites : champ vide, mauvaise saisie, écran mobile, lien cassé ou donnée absente.
  • Distinguer bug bloquant, bug fonctionnel, problème d’affichage et amélioration secondaire.
  • Décrire un bug clairement : contexte, action réalisée, résultat attendu, résultat obtenu.
  • Demander une correction ciblée à l’IA, puis vérifier que la correction ne crée pas un nouveau problème.

Atelier pratique

Chaque participant remplit une fiche de bug, demande une correction ciblée avec l’assistant IA, teste le résultat et classe les problèmes restants par priorité.

Partie 7 : Préparer une livraison professionnelle

  • Vérifier que le projet correspond au brief initial.
  • Contrôler la clarté du contenu, la cohérence UX et le responsive de base.
  • Repérer les risques de sécurité de base : données sensibles, formulaires, dépendances, secrets ou clés API.
  • Créer une documentation courte : objectif, fonctionnement, limites et évolutions possibles.
  • Classer les améliorations par priorité : indispensable, utile, futur.
  • Préparer un plan d’action post-formation sur 30 jours.

Atelier pratique

Chaque participant prépare une fiche de livraison professionnelle présentant le projet, les choix techniques, les corrections réalisées, les limites actuelles et les prochaines étapes.

Partie 8 : Créer une première base d’application Android

  • Comprendre le rôle d’Android Studio dans la création d’une application Android.
  • Distinguer application native, PWA, application web responsive et approche hybride.
  • Choisir une approche mobile réaliste selon le besoin.
  • Créer un projet Android Studio et comprendre son arborescence.
  • Créer une première interface mobile simple.
  • Utiliser l’IA pour expliquer, améliorer ou corriger une partie du projet Android.
  • Tester l’application sur émulateur ou appareil Android lorsque c’est possible.
  • Repérer les erreurs de compilation, d’installation ou d’exécution.
  • Préparer une version mobile testable.

Atelier pratique

Chaque participant crée ou analyse une première base d’application Android, teste son affichage, relève les erreurs principales et prépare une fiche de livraison mobile.

Partie 9 : Restitution et amélioration du projet

  • Présenter le besoin initial et la solution proposée.
  • Justifier le choix technique.
  • Présenter le prototype ou la base mobile réalisée.
  • Expliquer l’organisation de test et de staging.
  • Présenter les bugs repérés et les corrections effectuées.
  • Identifier les limites actuelles et les prochaines améliorations.

Atelier final

Chaque participant présente son projet, reçoit un retour encadré et formalise les prochaines actions à mener pour améliorer ou industrialiser le prototype.

Livrables de fin de formation

  • Un mini-brief projet complet.
  • Une grille de choix du langage ou du socle technique.
  • Une arborescence de projet.
  • Une organisation avec version de travail, version de test et version validée.
  • Un prototype fonctionnel ou visuel.
  • Une checklist de test et de recette.
  • Une fiche de suivi des bugs.
  • Une liste des corrections effectuées.
  • Une documentation courte du projet.
  • Une première base d’application Android, si le projet s’y prête.
  • Un plan d’action post-formation sur 30 jours.

Modalités pédagogiques

La formation alterne démonstrations guidées, manipulations individuelles, ateliers pratiques, revues collectives et corrections encadrées. Les participants travaillent sur un projet personnel ou professionnel afin de produire un résultat concret et directement réutilisable.

La priorité est donnée à la méthode : cadrer avant de coder, choisir une technologie adaptée, demander clairement aux assistants IA, relire les résultats, tester les modifications, documenter les choix et conserver une version stable avant chaque évolution importante.

Modalités d’évaluation

  • Évaluation des besoins et du niveau en début de formation.
  • Validation du brief projet.
  • Justification du choix technique.
  • Observation des manipulations dans VS Code, Cursor, Codex, Claude et Android Studio.
  • Analyse du prototype produit.
  • Vérification de l’organisation de test et de staging.
  • Application d’une checklist qualité.
  • Analyse d’une fiche de bug et d’une correction effectuée.
  • Présentation finale du projet et échange collectif.

Résultats attendus

À l’issue de la formation, le participant doit être capable de cadrer un projet numérique simple, de choisir un langage ou un socle technique adapté, de travailler avec VS Code, Cursor, Codex et Claude, de produire un prototype exploitable, d’organiser une version de test, de relire les bugs, de corriger progressivement, de documenter son projet et de préparer un plan d’amélioration.

Le participant doit également comprendre les bases d’un projet Android Studio, créer une première interface mobile simple, tester l’application sur émulateur ou appareil lorsque c’est possible, relever les bugs principaux et préparer une version mobile testable.

Sources utiles

Formation orientée pratique pour apprendre à cadrer, prototyper et livrer plus vite grâce au duo Antigravity + Claude, avec une méthode cowork + code directement applicable en projet.

Méthode et organisation libre

Programme personnalisé

Nous créerons le programme de formation selon vos propres besoins, selon votre emploi du temps. 

Si la formation est éligible à une certification, les frais d’inscription sont inclus.

Accessibilité

Les formations qui sont proposées à distance, ont des outils d’adaptation des polices et de changement de couleurs pour tout le site. Les vidéos sont sous-titrables via une extension Google Chrome.

En cas de sessions de formation en présentiel, merci de nous faire parvenir vos besoins pour que tout se passe pour le mieux. Les locaux des leiux de formations sont adaptés PMR. 

Voir la page accessibilité

Nos Bons Formateurs et Formatrices en ligne ou chez vous

NBForm est un organisme de formation basé à Montpellier. Cette formation  peut être suivie en présentiel, en entreprise ou à distance. Elle s’adresse aux indépendants, dirigeants de TPE, associations et professionnels qui souhaitent créer, administrer ou améliorer un site WordPress professionnel.

Logo TOSA centre agrée

Cette formation comprend une certification, vous pouvez la passer en candidat libre ! Avec 1 ou 2h de préparation si vous le souhaitez

Besoin d'une aide au financement ?

 

Accessible du bout des doigts avec l’application, ou via le site MonCompteFormation   Recherchez Bel Nicolas comme nom du centre de formation. 
Avec l’aide de votre employeur, ou vous-même en tant que dirigeant d’entreprise grâce à votre OpCo (Operateur de Compences)

https://quel-est-mon-opco.francecompetences.fr/

Besoin de renseignements ?

logo-nbf et NOS BONNES FORMATIONS
main le pouce levé
Formulaire de contact site classique