Créer son application web avec Bubble & automatisations Make - CCP03 - Réaliser, améliorer et animer des sites web
ILLITH
Objectifs de la formation
À 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)
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
Résultats attendus
Validation du CCP03- Réaliser, améliorer et animer des sites web du Titre professionnel RNCP35634 - Concepteur designer UI.
Modalités d'évaluation :
- Présentation d'un projet réalisé en amont de la session (50mn), le candidat réalise un projet concernant la réalisation d'un site internet. Lors de l'examen, il présente son projet comme il le ferait face à un client. Pendant 35mn le candidat présente son projet à l'aide d'un support de présentation. Pendant 15mn, le jury interroge le candidat à propos de sa présentation
• É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 site, public cible, choix de navigation.
Les points forts
100% Distanciel - CCP03 - Réaliser, améliorer et animer des sites web du Titre professionnel RNCP35634 - Concepteur designer UI délivré par le Ministère du Travail et de l'Insertion.
La certification
- TypeTitre RNCP
- Niveau de sortieBAC+3 ou 4 : licence, master 1, maîtrise (NIVEAU 6)
- Spécialité (NSF)Spécialites plurivalentes de la communication et de l'information
- DomaineDesign interface utilisateur
- Métier viséConcepteur / Conceptrice de contenus multimedia
RNCP 35634 RS -1 CertifInfo 111423 Organisme & lieu
- OrganismeILLITH
- Région