🏆SFEIR est le Google Cloud EMEA Training Partner of the Year 2025🤝Nouveau partenariat : Formations GitLab officielles🤖Nouvelle formation : Développeur Augmenté par l'IA
🏆SFEIR est le Google Cloud EMEA Training Partner of the Year 2025🤝Nouveau partenariat : Formations GitLab officielles🤖Nouvelle formation : Développeur Augmenté par l'IA
GCP200VIBECODING

Formation vibe coding pour applications déployables

Le vibe coding est une approche du développement d'applications pilotée par l'IA générative qui s'appuie sur le prompting conversationnel dans des outils tels que Gemini Canvas et Google AI Studio pour traduire rapidement des idées en code fonctionnel. Cette méthode permet de passer d'un croquis d'interface basse fidélité ou d'exigences de haut niveau à une application réactive capable d'ingérer des données, dotée d'une intégration en direct de l'API Gemini et d'une persistance de l'état, en contournant les goulots d'étranglement du développement traditionnel. Ce cours est une session rapide, pratique et démonstrative à 90 %, structurée autour d'un ensemble de cas d'usage concrets appelés « Plays ». Vous appliquerez des techniques itératives de vibe coding de manière autonome à un problème original et apprendrez à choisir en connaissance de cause l'outil de codage IA le mieux adapté à un cas d'usage donné.

Google Cloud
✓ Formation officielle Google CloudNiveau Intermédiaire⏱️ 0.5 jour (4h)

Ce que vous allez apprendre

  • Générer des interfaces utilisateur réactives à partir de maquettes d'écran dessinées à la main.
  • Ajouter l'ingestion de données, des calculs dynamiques, des graphiques et des alertes interactives aux tableaux de bord.
  • Créer des applications avec une intégration en direct de l'API Gemini.
  • Générer des présentations de type slide deck à l'aide de prompts IA dans Gemini Canvas.
  • Développer en vibe coding une application React pour tablette avec persistance via localStorage à l'aide de Google AI Studio.

Prérequis

  • Une compréhension de base de l'IA générative et de Gemini.

Public cible

  • Les personnes qui souhaitent apprendre à utiliser Gemini, l'outil Canvas et Google AI Studio pour développer des applications en vibe coding et exploiter l'outil Canvas pour des cas d'usage dynamiques d'IA générative.

Programme de la Formation

5 modules pour maîtriser les fondamentaux

Objectifs
  • Convertir des croquis visuels basse fidélité en mises en page HTML et CSS structurées
  • Construire des prototypes front-end fonctionnels à partir de maquettes d'écran à l'aide de Gemini Canvas
  • Optimiser le style et la réactivité de l'interface générée grâce à un affinement conversationnel
Sujets abordés
  • →Traduire un croquis d'interface basse fidélité en une mise en page web structurée
  • →Demander à Gemini Canvas de générer du HTML, du CSS et du JavaScript fonctionnels à partir d'une image
  • →Affiner et itérer sur une interface générée grâce à un prompting ciblé
Objectifs
  • Mettre en œuvre l'analyse et l'ingestion de données CSV côté client dans des applications Canvas
  • Construire une logique applicative complexe de façon incrémentale à l'aide de prompts séquentiels
  • Développer des composants de saisie utilisateur interactifs pour piloter des calculs dynamiques et des KPI
Sujets abordés
  • →Ingérer et analyser des données (CSV) dans une application Canvas
  • →Prompter de façon incrémentale pour résoudre des problèmes de logique une étape à la fois (la grille, puis les KPI de base, puis les composants conditionnels)
  • →Ajouter une fonctionnalité de saisie de données
  • →Transformer des maquettes statiques en applications interactives pilotées par l'utilisateur
Objectifs
  • Incorporer des appels en direct à l'API Gemini au sein d'applications web Canvas autonomes
  • Construire dynamiquement des prompts IA paramétrés en fonction de l'état de l'application
  • Générer et exporter des présentations interactives pour dirigeants vers Google Slides et au format PDF
Sujets abordés
  • →Intégrer des appels en direct à l'API Gemini directement dans une application web Canvas
  • →Construire par programmation des prompts IA structurés et pilotés par les données à partir des saisies de l'utilisateur
  • →Utiliser Canvas pour générer une présentation interactive
  • →Exporter une présentation Canvas vers Google Slides ou la télécharger au format PDF
Objectifs
  • Développer des applications web React multifichiers dans Google AI Studio
  • Mettre en œuvre la persistance de l'état côté client en exploitant le localStorage du navigateur
  • Évaluer la génération multifichier structurée par rapport aux flux de travail monofichier de Canvas
Sujets abordés
  • →Utiliser Google AI Studio pour créer une application React multifichier
  • →Comparer la sortie de code structurée d'AI Studio à l'approche monofichier de Canvas
  • →Ajouter la persistance de l'état à une application web à l'aide de localStorage du navigateur
  • →Étendre une application existante avec de nouvelles fonctionnalités grâce au prompting conversationnel
Objectifs
  • Formuler des spécifications d'application complètes avant le lancement du prompting
  • Exécuter un flux de vibe coding itératif autonome pour un outil métier personnalisé
  • Sélectionner l'environnement de développement IA optimal en fonction de la portée et de l'architecture du projet
Sujets abordés
  • →Recueillir et structurer les exigences de l'application avant d'écrire le moindre prompt
  • →Traduire un besoin personnel ou professionnel en une spécification d'application claire
  • →Appliquer des techniques itératives de vibe coding de manière autonome à un problème original
  • →Choisir en connaissance de cause l'outil de codage IA le mieux adapté à un cas d'usage donné

Formations associées

Google Cloud

Atelier sur les outils Gemini Enterprise

L'atelier Gemini Enterprise Tools vise à vous doter des compétences avancées nécessaires pour exploiter pleinement l'ensemble des outils intégrés de Gemini. À partir d'une étude de cas réaliste, les participants apprennent à intégrer la recherche web, à gérer des fichiers contextuels et à mener des recherches approfondies et complètes. Ce cours est une session rapide, à 90 % pratique et centrée sur la démonstration, structurée autour d'un ensemble de cas d'usage concrets appelés « Plays ». Vous apprenez à utiliser des techniques avancées de prompt engineering et les outils intégrés de Gemini pour synthétiser des informations complexes et orienter des décisions fondées sur les données.

0.5 j
Intermédiaire
Google Cloud

Gemini pour l'analyse d'images, de vidéos et d'audio

Gemini Enterprise vous permet d'extraire des insights de données multimédias non structurées et de générer rapidement des ressources créatives de haute qualité. Les participants maîtrisent des techniques telles que l'analyse de vidéos, la génération de supports marketing ciblés (par exemple des infographies) et la création de clips vidéo promotionnels avec un audio personnalisé. Ce cours est une session rapide, à 90 % pratique et centrée sur la démonstration, structurée autour d'un ensemble de cas d'usage concrets appelés « Plays ». Vous apprenez à transformer des concepts de haut niveau en contenus multimédias aboutis et prêts à être déployés.

0.5 j
Intermédiaire
Google Cloud

Gemini Enterprise Promptathon : projet de synthèse

Le Gemini Enterprise Promptathon est un atelier pratique intensif dans lequel vous appliquez les compétences acquises dans les cours Explore AI for Activation à un défi concret. En équipe, vous traitez un cas d'usage de votre choix, en passant d'une idée initiale à un prototype fonctionnel. Cet événement pratique de synthèse met l'accent sur la collaboration, le prototypage rapide et la résolution créative de problèmes à l'aide de l'ensemble des outils Gemini Enterprise. À la fin de la session, votre équipe présente sa solution et démontre sa capacité à générer une valeur métier tangible grâce à l'IA générative.

0.5 j
Avancé
Voir toutes les formations →

Prochaines sessions

Aucune date ne vous convient ?

Nous organisons régulièrement de nouvelles sessions. Contactez-nous pour connaître les prochaines dates disponibles ou pour organiser une session à la date de votre choix.

S'inscrire à une date personnalisée

Processus Qualité

L'engagement de SFEIR Institute : une démarche d'excellence pour garantir la qualité et la réussite de toutes nos formations. En savoir plus sur notre démarche qualité

Méthodes pédagogiques mobilisées
  • Démonstration technique (Démos) — Le formateur réalise une manipulation ou une procédure devant les apprenants.
  • Laboratoires dirigés (Labs) — Mise en pratique guidée sur logiciel, machine ou environnement technique.
  • Résolution de problèmes (Troubleshooting) — Diagnostic et correction d'une panne, d'un bug ou d'un dysfonctionnement.
Dispositif d'évaluation et de suivi

L'atteinte des objectifs de la formation est évaluée à plusieurs niveaux pour garantir la qualité de la prestation :

  • Évaluation continue des acquis : Vérification des connaissances tout au long de la formation via des méthodes participatives (en fonction de la formation: quiz, exercices pratiques, mises en situation) sous la supervision du formateur.
  • Mesure de la progression : Dispositif d'auto-évaluation comparatif comprenant un diagnostic initial pour situer le niveau de départ, suivi d'une évaluation finale pour valider l'évolution des compétences.
  • Évaluation de la qualité : Questionnaire de satisfaction en fin de session pour mesurer la pertinence et l'efficacité de la formation ressentie par les participants.

Questions fréquentes

À celles et ceux qui veulent utiliser Gemini, l'outil Canvas et Google AI Studio pour faire du vibe coding, et exploiter Canvas pour des cas d'usage d'IA générative dynamiques.
C'est une approche du développement par IA générative fondée sur le prompting conversationnel : vous décrivez votre intention et vous itérez, au lieu d'écrire le code ligne à ligne. Ici, vous partez d'un croquis basse fidélité ou d'exigences de haut niveau pour arriver à une application fonctionnelle qui ingère des données.
Vous saurez générer des interfaces réactives depuis des maquettes dessinées à la main, ajouter à un tableau de bord l'ingestion de données, des calculs dynamiques, des graphiques et des alertes interactives, construire des applications appelant l'API Gemini en direct, et coder une application React pour tablette avec persistance localStorage dans Google AI Studio.
Non, mais vous serez plus à l'aise si vous savez lire du code. L'atelier porte sur le pilotage de la génération et la vérification du résultat, pas sur l'écriture de tout le code.
Quatre heures, animées par un formateur SFEIR Institute, sous forme d'ateliers pratiques, avec en clôture une application pour votre propre cas d'usage.
Oui. Il s'agit d'une formation officielle Google Cloud dispensée par SFEIR Institute, partenaire certifié Google Cloud Training et Google Cloud Training Partner of the Year 2025.
Nos organismes de formation SFEIR SAS et SFEIR-Est sont certifiés Qualiopi pour les actions de formation. Contactez-nous pour obtenir un devis.

790€ € HT

par apprenant

RéserverDevis