# Apprendre le Vibe Coding et le Développement IA : Cursor, Bolt.new, Claude MCP & Copilot > Formation Cursor, Bolt.new, Claude et GitHub Copilot : créer des applications web avec l'IA en Vibe Coding. - Adresse : https://espritacademique.com/formations/apprendre-le-vibe-coding-et-le-developpement-ia-cursor-bolt-new-claude-mcp-copilot/ - Thématique : IA générative & Agents - Formateur : Clément L. - Durée : 10 heures 30 - Nombre de leçons : 120 - Prix à l'unité : 79,00 € (accès à vie, certificat PDF de fin de formation) - Prérequis : Pas de prérequis - ouvert à tous niveaux - Dernière mise à jour : 10/2026 ## Présentation Construisez des applications web complètes avec l'IA. Le cours couvre Claude et le protocole MCP, Cursor, Codex, Bolt.new et Google Antigravity, puis la gestion du code avec Git et GitHub Copilot. Le Vibe Coding consiste à créer des applications web avec l'IA, sans écrire tout le code ligne par ligne. La formation commence par Claude : prise en main, cas pratiques, puis développement web avec Claude Desktop. Vous découvrez le protocole MCP, le mode plan, les checkpoints et les compétences personnalisées, avant de passer à Claude Design et Claude Cowork. Vous créez ensuite des applications complètes avec Cursor, en fixant vos règles dans un fichier .cursorrules. Vous travaillez les contextes de code avec Codex, le prototypage d'applications web dans le navigateur avec Bolt.new, puis les agents et les workflows automatisés de Google Antigravity. Le parcours se termine par Git et GitHub Copilot : dépôts, branches, Pull Requests et autocomplétion. Vous voyez aussi comment intégrer des composants Shadcn, connecter une base de données Supabase et déployer sur Vercel. **Public cible :** Pour les développeurs, les créateurs de projets, les entrepreneurs et les curieux qui veulent créer une application web sans tout coder à la main. Un ordinateur et une connexion Internet suffisent, sans niveau avancé en programmation. ## À l'issue de cette formation, vous saurez - **Développer en Vibe Coding sur Cursor IA :** configurer vos règles (.cursorrules), générer du code propre et connecter vos environnements de développement via MCP. - **Prototyper instantanément avec Bolt.new :** créer, tester et déployer des applications web full-stack complètes directement depuis votre navigateur en quelques minutes. - **Piloter les agents avec Google Antigravity :** exploiter l'IDE Antigravity, les workflows automatisés, le Browser Sub-Agent et l'intégration de Google Stitch. - **Gérer des contextes complexes avec Claude Code & MCP :** maîtriser le protocole Model Context Protocol (MCP), le mode plan, les checkpoints et les compétences personnalisées. - **Maîtriser le versionnage avec Git & GitHub Copilot :** gérer vos dépôts GitHub, vos branches, vos Pull Requests et configurer vos fichiers copilot.md et agents.md. - **Concevoir des projets full-stack modernes :** intégrer des composants UI Shadcn, connecter une base de données Supabase et déployer en continu sur Vercel. ## Programme ### Fondations, Comparatifs et Prise en Main - Fichiers ressources - Introduction au cours Claude - Présentation de Claude - Les différents modèles de Claude - Claude vs ChatGPT, Perplexity & Gemini - Interface de Claude ### Cas Pratiques Avancés et Optimisation - Mon premier prompt simple - Les Artéfacts - Exemple de code pour un site web - Prompts et Data : analyse d’un fichier CSV ### Développement Web avec Claude Desktop - Intro Claude Code et Outils - Installation PowerShell - Lancer le projet - Configurer VS Code - Claude dans VS Code - Sécuriser le projet - Supabase et boutons - Design avec Shadcn - Conception mode plan (extrait gratuit) - Création du Dashboard (extrait gratuit) - Ajouter des fonctionnalités - Finaliser les fonctionnalités - Déploiement avec Vercel ### Data, Protocole MCP et Optimisation - Installer MCP Power BI - Power BI avancé - Claude et Excel (Partie 1) - Claude et Excel (Partie 2) - Optimiser ses tokens ### Workflow IA : L'art du développement avec Claude - Accès à Claude Desktop pour Claude Code - Git pour Claude Code - Configurer Claude MD - Gérer les Permissions - Structurer son Code - Revenir en arrière - Activer les Skills - Créer des Hooks - Connecter ses Données - Installer des Plugins - Skills vs Plugins - Gérer la Mémoire ### Claude Design et Claude Cowork - Améliorer sa productivité avec Claude Cowork - Générer des interfaces sous Claude Design ### Création d'applications complètes avec Cursor IA - Introduction et inscription - Explorer l’interface web - Comprendre le fonctionnement - Installer Node.js et Cursor - Maîtriser l’application - Initialiser votre premier projet - Analyser le code généré - Installer Shadcn et les Rules - Activer le mode sombre - Connecter et configurer Supabase - Finaliser le setup Supabase - Modéliser la base de données - Sécuriser la base de données - Connecter votre dépôt GitHub - Configurer le MCP Supabase - Coder l’accueil et le Dashboard - Développer la page recette - Valider le code et déployer ### Assistants IA et Contextes de Code avec Codex - Introduction et objectifs du cours - Tour d’horizon : Codex et les MCP - Maîtriser l’interface et les sessions - Optimiser ses prompts et créer une app - Visualiser son app dans VS Code - Installer et configurer l’extension VS Code - Tout comprendre sur le fichier agents.md - Gérer le contexte de session et Git - Référencer les fichiers et le mode plan - Maîtriser les Skills (Compétences) ### Prototypage rapide d'applications web avec Bolt.new - Bienvenue & Objectifs - Découverte de l’interface - Dialoguer avec l’IA - Protéger son code - Prompt technique : Sécurité - Revenir en arrière - Configurer les clés Bolt - Publier son application - Gérer les accès Web - Crash test de l’App - Optimisation de l’App - Créer le profil membre - Test du système User - Choisir sa base de données - Passer en production (DB) - Corriger les failles - Simulation utilisateur - Générer des annonces - Configurer les tables - Liste des services/voisins - Peaufiner le visuel ### Environnement de développement et agents avec Google Antigravity - Découvrir Google Antigravity - Installation & Produits - Tour de l’interface - Créer votre 1ère App - Utiliser l’IDE Antigravity - Comprendre les Artefacts - Gestion des Quotas & Tokens - Configurer les Règles - Ajouter des Skills - Le Browser Sub-Agent - Créer des Workflows - Automatiser les Tâches - Google Stitch & MCP ### Gestion de projet, versionnage et autocomplétion avec Git & GitHub Copilot - Introduction à Git et GitHub - Installer et configurer Git - Git dans l’invite PowerShell - Créer un dépôt sur GitHub - Comprendre le flux Clone & Pull - Gérer les branches et fusions - Maîtriser le fichier .gitignore - Créer un bon fichier README - Voyager dans l’historique Git - Annuler des modifications - Découvrir les Pull Requests - Découvrir les Agents Copilot - Tout savoir sur GitHub Copilot - Utiliser Copilot dans VS Code - Créer et valider une Pull Request - Configurer le fichier copilot.md ## Voir aussi - [Toutes les formations Claude](https://espritacademique.com/catalogue-de-formations/ia/claude/) - [Toutes les formations Cursor](https://espritacademique.com/catalogue-de-formations/ia/cursor/) - [Toutes les formations Codex](https://espritacademique.com/catalogue-de-formations/ia/codex/) - [Toutes les formations Bolt.new](https://espritacademique.com/catalogue-de-formations/ia/bolt-new/) - [Toutes les formations Gemini](https://espritacademique.com/catalogue-de-formations/ia/gemini/) - [Toutes les formations Git & GitHub](https://espritacademique.com/catalogue-de-formations/dev/git-github/)