Créer son application web avec Bubble :Options Automatisations & Make - CCP03 - Réaliser, améliorer et animer des sites web

Validation de la formation

• Titre professionnel concepteur designer UI | Niveau 6 : Licence, licence professionnelle, BUT (Niveau 6 européen) | Code Certifinfo n°111423

Programme

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 :
- URL du site / app Bubble.
- Schéma simple des automatisations Make mises en place.
- Mini note d’intention : objectifs du

Suite de parcours possible

Sans objet