VIBE CODING

Créer son application métier avec l’IA

Intitulé réglementaire : Concevoir et déployer une application web professionnelle assistée par intelligence artificielle

Durée 14 heures (2 jours consécutifs)
Tarif 1 650 € TTC / participant
Format Présentiel (100% synchrone)
Lieu En entreprise (intra) ou dans nos locaux (inter)
Prérequis Être à l’aise avec l’utilisation d’un ordinateur et la navigation internet. Avoir une idée d’application métier à construire. Aucune compétence en codage requise.
Effectif 6 à 12 participants par session
Certification Attestation de fin de formation - Organisme certifié Qualiopi
Accessibilité Formation accessible aux PSH - contactez-nous pour les aménagements
développement rapide outil interne concurrent no-code

Problème visé

Vous avez une idée d’outil interne, de MVP, d’app métier - mais pas de développeur, pas de budget dev, pas de temps. Les outils no-code sont limités. Un prestataire prend 3 mois et coûte 15 000€. Pendant ce temps, vos concurrents prototypent en une semaine.

Promesse de la formation

En 2 jours, vous passez d’une idée métier à une application web fonctionnelle déployée en ligne - sans écrire une seule ligne de code vous-même. L’IA code pour vous, vous pilotez.

Profil des bénéficiaires

Pour qui

équipes collaborant sur des projets digitaux

Entrepreneurs et porteurs de projet souhaitant prototyper rapidement un MVP

Managers et responsables métier ayant un besoin d’outil interne non couvert

Chefs de projet, Product Managers, Product Owners

Responsables marketing, commerciaux, RH souhaitant créer leurs propres outils

Indépendants et consultants souhaitant développer une offre digitale

Toute personne ayant une idée d’application et aucune compétence en code

Futur Possible, cabinet de conseil & Centre de Formation à Montpellier et en France

Prérequis

Être à l’aise avec l’utilisation d’un ordinateur et la navigation internet. Avoir une idée d’application métier à construire. Aucune compétence en codage requise.

ordinateur et navigation internet pour application métier sans codage
développeur utilisant des outils de vibe coding pour concevoir une application web

Objectifs pédagogiques

À l’issue de la formation, le participant sera capable de :

  • Comprendre le vibe coding et le positionner vs. no-code et développement traditionnel
  • Maîtriser les règles du prompting spécifique au code
    Décrire un comportement, pas une implémentation
  • Concevoir l’architecture d’une application web (front, back, base de données) avec Claude
  • Construire une application complète avec Lovable
    Interface, logique métier, base de données
  • Intégrer une fonctionnalité IA (Claude API) dans son application
  • Tester, debugger et itérer sur son application sans connaître le code
  • Déployer son application en ligne et la sécuriser
  • Savoir quand le vibe coding suffit et quand il faut passer la main à un développeur

Stack outils technologiques

Chaque outil est manipulé en situation réelle dans le cadre du projet fil rouge.

Outil Usage dans la formation Module
Lovable Plateforme principale - génération de l’application complète J1 M3 M4 + J2
Claude Raisonnement, architecture, debugging, contenu Tous modules
Claude API IA intégrée dans l’application (chatbot, analyse, génération) J2 M5
Supabase Base de données, authentification, stockage J1 M2 M3
v0 (Vercel) Génération de composants d’interface J1 M4
GitHub Versioning, sauvegarde, historique J1 M4 + J2
Cursor IDE IA alternatif (démo comparative) J1 M1

Projet fil rouge

Mon application métier - Chaque participant arrive avec une idée (outil interne, MVP SaaS, dashboard, formulaire intelligent, portail client) et repart avec une application fonctionnelle déployée en ligne, avec une couche IA intégrée.

La démo de soutenance se fait en live sur l’URL de production - l’app tourne réellement.

Programme détaillé

  JOUR 1 - Penser, concevoir et construire 

code généré par l'IA sur écran d'ordinateur

Module 1 - Le vibe coding : comprendre l’approche et ses limites (45 min)

Le vibe coding

Faire générer du code par l’IA au lieu de l’écrire soi-même

Positionner l’approche

Quand vibe coder, quand rester en no-code, quand faire appel à un développeurarbre de décision (complexité, sécurité, scalabilité, maintenance)

Les limites qu’on ne vous dit pas

Dette technique, dépendance à l’outil, sécurité, coût réel sur 12 mois

Panorama des plateformes

Lovable (plateforme principale), Bolt, v0, Cursorcomparaison fonctionnelle

Module 2 - Prompter pour du code : les règles du jeu (1h15)

  • Pourquoi un bon prompt texte ne fait pas un bon prompt code
    Décrire un comportement attendu, pas un résultat esthétique
  • Règle 1
    Décrire le « quoi » (comportement utilisateur), pas le « comment » (implémentation technique)
  • Règle 2
    Donner le contexte complet (stack, base de données, ce qui existe déjà)
  • Règle 3
    Une seule fonctionnalité par prompt (pas de demandes fourre-tout)
  • Règle 4
    Décrire le parcours utilisateur pas à pas (« quand l’utilisateur clique sur X, il voit Y, le système fait Z »)
  • Règle 5
    Préciser les cas d’erreur (« si le champ est vide, afficher ce message »)
  • Le vocabulaire minimum
    Front-end, back-end, API, composant, route, état, requêtepas besoin de coder, mais il faut parler la même langue que l’IA
  • Prompting itératif
    Décrire le problème observé vs. le comportement attendu, donner le message d’erreur exact, demander une correction chirurgicale
  • Le piège du « oui mais
    Quand l’IA tourne en rond, comment sortir de la boucle (repartir d’un état stable, reformuler, découper)
  • Atelier
    3 exercices de prompting code dans Lovablecréation, modification, correction d’erreur
développeur code en suivant les règles de prompt

Module 3 - Penser l’architecture avant de construire (1h30)

Cadrage du projet fil rouge

Quel problème métier résoudre, pour quels utilisateurs, quelles fonctionnalités essentielles

Comprendre une architecture web sans jargon

Ce que voit l’utilisateur (front), ce qui se passe derrière (back), où sont stockées les données (base)

Utiliser Claude pour raisonner sur l’architecture

Poser son besoin en langage naturel, obtenir une recommandation, challenger les choix

Modéliser sa base de données

Tables, relations, types de donnéesavec Claude puis dans Supabase

Créer son projet Supabase

Configurer la base, comprendre l’authentification et les rôles

Atelier

Chaque participant conçoit l’architecture de son application et configure sa base de données
développer une application avec lovable

Module 4 - Construire avec Lovable : du brief à l’application (1h30)

  • Du brief au prototype
    Transformer son brief en instructions Lovable en appliquant les 5 règles du Module 2
  • Connecter Lovable à Supabase
    Faire communiquer l’interface avec la base de données
  • Itérer par le dialogue
    Modifier, ajuster, corriger en conversant avec l’IA
  • Principes d’UX pour non-designers
    Hiérarchie visuelle, parcours utilisateur, accessibilité
  • Utiliser v0 pour générer des composants d’interface complémentaires
  • Versionner son travail avec GitHub
    Sauvegarder, revenir en arrière
  • Atelier
    Chaque participant construit le cœur fonctionnel de son applicationfront + back + base connectés

JOUR 2 - Enrichir, tester et déployer

Module 5 - Ajouter l’intelligence : Claude dans l’application (1h30)

  • Pourquoi intégrer un LLM dans son app
    Passer d’un outil statique à un outil intelligent
  • Intégrer Claude API via Lovable
    Prompt système, gestion du contexte, réponses structurées
  • Cas d’usage
    Chatbot interne sur la documentation métier, analyse de formulaires, génération de contenu, recommandations contextuelles
  • Les pièges
    Hallucinations en production, coût des appels API, latence
  • Atelier
    Chaque participant ajoute une fonctionnalité IA à son applicationelle doit résoudre un problème réel, pas être un gadget

Module 6 - Tester comme un utilisateur, pas comme un développeur (1h30)

  • Construire ses scénarios de test
    Parcours critiques, cas limites, erreurs probables
  • Faire tester par quelqu’un d’autre
    Les participants testent les applications des autresfeedback structuré
  • Debugger sans coder
    Lire un message d’erreur, le comprendre avec Claude, demander la correction à Lovable
  • Itérer rapidement
    Modifier une fonctionnalité, ajouter un champ, changer un comportement en quelques prompts
  • Les limites du debug en vibe coding
    Quand l’IA tourne en rond, quand il faut intervenir autrement
  • Atelier
    Session de test croisé et d’itérationchaque participant améliore son application à partir des retours
déploiement application sécurisé en ligne

Module 7 - Mettre en ligne et sécuriser (1h30)

  • Déployer depuis Lovable
    Mise en ligne, nom de domaine personnalisé, HTTPS
  • Sécurisation
    Variables d’environnement, clés API, ne jamais exposer ses secrets
  • RGPD appliqué à son application
    Mentions légales, consentement, stockage
  • Monitoring de base
    Savoir si l’app fonctionne, comprendre les logs, réagir aux erreurs
  • Quand passer la main à un développeur
    Critères (complexité, nombre d’utilisateurs, enjeux de sécurité)
  • Atelier
    Chaque participant déploie son applicationelle est en ligne à la fin du module

Module 8 - Pitcher son application et planifier la suite (1h30)

  • Restitution
    Chaque participant fait une démo live de son application devant le groupel’app tourne en ligne
  • Feedback croisé structuré
    Valeur métier, ergonomie, faisabilité de maintenance, prochaines fonctionnalités
  • Faire vivre son application
    Comment l’améliorer sans dev, quand recruter ou sous-traiter
  • Plan d’action à 30 jours
    Prochaines fonctionnalités, adoption par l’équipe, premiers retours utilisateurs
  • Lancement Engage
    Activation du parcours d’ancrage WhatsApp Learning

Déroulé horaire

JOUR 1

 

9h00-9h15

Accueil, présentations, attentes

9h15-10h00

Module 1 : Le vibe coding - approche, limites, panorama outils

10h00-11h15

Module 2 : Prompter pour du code - les 5 règles + atelier

11h15-11h30

Pause

11h30-13h00

Module 3 : Architecture + Supabase - modéliser et configurer

13h00-14h00

Déjeuner

14h00-15h30

Module 4 : Construire avec Lovable - front + back + base

15h30-15h45

Pause

15h45-17h00

Module 4 (suite) : finaliser le prototype navigable + GitHub

JOUR 2

 

9h00-9h15

Check-in : état du prototype

9h15-10h45

Module 5 : Intégrer Claude API dans l’application

10h45-11h00

Pause

Suivi de l’exécution et évaluation

feuilles de présence signées par demi-journée et attestation de fin de formation

Suivi

  • Feuilles de présence signées par demi-journée
  • Attestation de fin de formation délivrée à chaque participant

Évaluation des acquis

  • Positionnement initial : auto-évaluation des compétences en début de J1
  • Évaluation formative continue : ateliers pratiques, exercices en binômes
  • Livrable projet fil rouge : évalué sur grille critériée (pertinence, qualité, opérationnalité)
  • Positionnement final : auto-évaluation avant/après sur les objectifs pédagogiques
  • Questionnaire de satisfaction à chaud en fin de J2

Ressources techniques et pédagogiques

  • Support de formation complet (PDF)
  • Guide des 5 règles du prompting pour le code
  • Vocabulaire technique essentiel (glossaire illustré)
  • Guide Lovable
    De l’idée à l’application (pas à pas)
  • Guide Supabase
    Configuration, authentification, sécurité
  • Guide d’intégration Claude API dans une application
  • Check-list de déploiement et sécurisation
  • Arbre de décision
    Vibe coding vs. no-code vs. développeur
  • Template de spécification d’application (brief projet)
  • Guide RGPD pour applications web
  • Accès communauté Slack/Discord (permanent)
  • Accès Engage WhatsApp Learning (30 jours)
enseignants experts en transformation numérique

Équipe pédagogique

Rony Germon - Docteur en sciences de gestion (UTT), Professeur Associé à PST&B, ambassadeur national Plan Oser l’IA. 15+ ans en transformation numérique, 20 000+ apprenants. Publications : Computers in Human Behavior, European Management Review.

Financement

Formation dispensée par INTUICIA EDUCATION, organisme certifié Qualiopi. Financement possible : plan de développement des compétences, OPCO, FAF, aides régionales, autofinancement. Nous vous accompagnons dans le montage de votre dossier.

financement formation professionnelle
réseau d'apprentissage collaboratif avec outils numériques

Écosystème post-formation

  • Communauté Slack/Discord
    Entraide entre pairs, partage de ressources, réseau permanent
  • Engage WhatsApp Learning (30 jours)
    Micro-rappels cognitifs par le tuteur IA Léa
  • Accès aux ressources de la formation pendant 12 mois

Durée totale d’accompagnement : 2 jours + 30 jours Engage = 5 semaines.