|
DES RESSOURCES ET DES OUTILS AU SERVICE DES ACTEURS ET DES PROFESSIONNELS. |
Créer son application web avec Bubble :Options Automatisations & Make - CCP03 - Réaliser, améliorer et animer des sites webDate de mise à jour : 19/01/2026
| Identifiant OffreInfo : 02_202601351963 |
Cap Métiers Nouvelle-Aquitaine |
À l'issue de la formation, le participant sera capable de :
• Axe Bubble (développement d'application)
-Concevoir et modéliser une application web (MVP) avec Bubble : base de données, workflows, interfaces responsive
-Mettre en production une application : droits utilisateurs, privacy rules, publication, maintenance de base
-Construire une application de mise en relation (freelance / clients, candidats / entreprises, etc.) avec différents profils et tableaux de bord
• Axe Make (automatisation des process)
-Comprendre les principes de l'automatisation No-Code et les cas d'usage métiers
-Créer des scénarios simples (triggers, filtres, routeurs, gestion des erreurs)
-Mettre en place des workflows avancés : webhooks, API HTTP, JSON, data stores, iterators/aggregators
-Intégrer l'IA (OpenAI / ChatGPT) dans Make pour enrichir les workflows (génération de contenu, structuration de données, assistants)
• Compétences transverses
-Structurer un projet digital de bout en bout : du besoin au MVP fonctionnel
-Documenter son application et ses automatisations pour un usage équipe / client
-Gérer un projet produit No-Code (priorisation, itérations, tests)
Module 1 – Introduction Bubble, Make & No-Code
• Panorama No-Code (produit, automatisation, métiers)
• Découverte de Bubble : interface, pages, éléments, workflows
• Découverte de Make : interface, scénarios, exécution, logs
Module 2 – UX/UI & prototypage rapide
Basé sur le bloc Figma déjà présent dans les parcours Bubble & Webflow
• Bases de Figma (frames, calques, grilles, composants)
• Création des maquettes de l'application (pages principales, parcours utilisateur)
• Préparation du design pour intégration Bubble
Module 3 – Fondamentaux Bubble
• Création du projet, configuration générale
• Base de données : types, champs, relations, options sets
• Workflows : événements, actions, custom states
• Interface & responsive : layout, containers, responsive engine
• Gestion des comptes utilisateurs (signup/login, password reset)
• Quiz + mini-projet (ex : blog ou petite app CRUD)
Module 4 – Bubble avancé & application SaaS
• Application de mise en relation :
- Modélisation des rôles (freelance / client / admin)
- Systèmes de recherche & filtres
- Messagerie interne simple
• Sécurité & Privacy : privacy rules, protection des données
• Connexion à des API externes via l'API Connector (ex : Stripe, Xano, outils d'emailing)
• Préparation à la mise en ligne (domaines, plan Bubble, performance de base)
Module 5 – Make niveau 1 : bases de l'automatisation
Calqué sur “Découverte de Make / premiers pas / données de base / APIs”
• Comprendre l'automatisation, bonnes pratiques
• Premiers scénarios : Gmail, Google Drive, Google Sheets
• Bundles, variables, dates, texte, nombres (exercice : mini-module de facturation)
• Introduction aux API avec le module HTTP (GET / POST simple)
Module 6 – Make niveau 2 : webhooks, JSON, données & IA
Basé sur la partie avancée du programme Make
• Webhooks & mailhooks
• Iterators, aggregators, data stores
• Manipulation avancée : arrays, map, toCollection, agrégations
• JSON : structuration, injection dans les requêtes API, scénarios dynamiques
• Intégration OpenAI / ChatGPT (rédaction automatique de contenus, structuration de données, assistant)
Lien avec Bubble :
• Appeler des scénarios Make depuis Bubble (webhooks)
• Consommer des données automatisées dans Bubble
Module 7 – Projet final & évaluation
• Finalisation de l'application Bubble (MVP complet)
• Finalisation des scénarios Make liés au projet
• Tests utilisateurs & corrections
• Rédaction d'une mini-documentation fonctionnelle et technique
• Soutenance / présentation de l'app & des automatisations
Évaluation finale
• Évaluation pratique :
- Réalisation d'un site / web app avec Bubble, correspondant au projet fil rouge du participant.
- Intégration de contenus, mise en page responsive, navigation fonctionnelle.
- Mise en place d'au moins une automatisation avec Make en lien direct avec la vie du site (formulaire, leads, contenus…).
• Évaluation théorique :
- Quiz sur les bonnes pratiques web (UX de base, accessibilité simple, responsive, contenus).
• Livrables :
-
Certifiante
Bac + 3 et 4
Conventionnement : Non
Autre
Niveau d'entrée : Bac
Matériel nécessaire • Disposer d'un ordinateur, d'un smartphone ou d'une tablette avec une connexion Internet. Navigateur web : Google Chrome, Firefox.