Objectifs du cours
Accélérez vos projets sans alourdir le backlog IT : avec Bubble, vous concevez des applications web complètes (interfaces, base de données, workflows) sans écrire de code. Cette formation vous donne une méthode produit (du besoin au livrable), des bonnes pratiques de performance et de sécurité, et les réflexes de déploiement pour passer du prototype à un outil opérationnel.
À l’issue de la formation, les participantes seront capables de :
- Organiser un projet Bubble (architecture, environnements, cycles de version).
- Concevoir l’interface responsive, le modèle de données et les workflows.
- Gérer l’authentification, les rôles et les règles de confidentialité (privacy rules).
- Intégrer des services via API Connector et plug-ins.
- Optimiser performance et sécurité, puis publier et surveiller votre application.
Public
-
Chefs de projets, auto-entrepreneurs, développeurs web, webdesigners, responsables innovation/produit, toute personne souhaitant créer des applications web sans coder.
Prérequis
- Aisance sur Mac/PC ; logique et abstraction ; lecture d’anglais recommandée. Aucune connaissance en langage de programmation n’est requise.
Contenu du cours
Partie 1 — Démarrage & fondations
- Panorama No Code / positionnement de Bubble ; principe PaaS et écosystème.
- Création du compte et du projet ; tour de l’éditeur (UI, workflows, data, styles, plug-ins).
- Environnements dev / live : bonnes pratiques de versionning et de tests.
- Atelier (pertinent) : prise en main — création d’un premier écran + navigation simple.
Partie 2 — Interface & responsive
- Grilles, conteneurs, groupes, repeating groups ; logique parent / enfant.
- Nouveau moteur responsive : breakpoints, contraintes, alignements.
- Atelier (pertinent) : construire une page d’accueil responsive (desktop → mobile).
Partie 3 — Modèle de données & types
- Types de données, champs (texte, nombre, date, fichier, liste), option sets.
- Relations (un-à-un, un-à-plusieurs), intégrité et normalisation légère.
- Stratégies d’ID, slugs, historisation.
- Atelier (pertinent) : modéliser « Utilisateurs / Objets / Activités » et premières entrées.
Partie 4 — Workflows côté client (UI)
- Événements (clic, changement, entrée/leaving), custom states et variables locales.
- Création / lecture / mise à jour / suppression (CRUD) ; validations et messages.
- Patterns d’UX (modales, toasts, loaders).
- Atelier (pertinent) : formulaire + liste (création → affichage → édition).
Partie 5 — Authentification & rôles
- Comptes utilisateurs, réinitialisation, e-mails, multi-étapes d’inscription.
- Privacy rules : lecture/écriture conditionnelles, tests de visibilité des données.
- Pages protégées, redirections, RBAC simple (rôles).
- Atelier (pertinent) : sécuriser un espace « Mon compte » avec règles de confidentialité.
Partie 6 — Recherche, tri & géolocalisation
- Requêtes de recherche, constraints, tri, pagination.
- Recherche approximative (fuzzy) ; secteurs géographiques (Google Maps).
- Indexation et implications sur la performance.
Partie 7 — CMS & logiques de liste
- Repeating groups avancés : filtres combinés, favoris, états vides.
- Relations dérivées (lookups) et agrégations simples (counts, sums).
- Bonnes pratiques de design de listes volumineuses.
Partie 8 — Intégrations & API Connector
- Appels API : authentifications (clé, Bearer), paramètres, mapping de réponses.
- Webhooks entrants/sortants pour connecter des services non natifs.
- Plug-ins : critères de sélection, limites, mises à jour.
Partie 9 — Workflows serveur & planification
- Backend workflows : traitements hors UI, opérations longues.
- Workflows programmés (scheduling) et récursifs ; annulation et replanification.
- Files d’attente et tâches différées (notifications, rappels).
Partie 10 — Notifications & communication
- E-mailing transactionnel (services tiers), templates et variables.
- Notifications push (ex. via OneSignal) et messages in-app.
- Journalisation : tracer les actions clés pour le support.
Partie 11 — Performance & optimisation
- Coûts et temps de requêtes : ce qui impacte vraiment.
- Stratégies : limiter la charge des repeating groups, pré-filtrer côté serveur, champs calculés vs live.
- Mesures & outils : pas à pas pour diagnostiquer un écran lent.
- Atelier (pertinent) : optimiser une page qui rame (avant/après mesuré).
Partie 12 — Sécurité & conformité
- Surface d’attaque habituelle : exposition involontaire, règles trop permissives.
- Bonnes pratiques : validation d’entrées, contrôle d’accès, separation of concerns.
- Conformité : RGPD de bon sens (consentements, exports, suppression).
Partie 13 — SEO, analytics & contenu public
- Indexation (slugs, meta), sitemap, content public vs privé.
- GA4 / pixels : événements clés, UTM, vérifications.
- Pages marketing sur Bubble : que faire / éviter.
Partie 14 — Déploiement, tests & exploitation
- Recette : scénarios, données de test, comptes factices.
- Mise en live, rollback, backups et restaurations.
- Supervision : alertes d’erreurs, quotas, logs et reporting minimal.
Partie 15 — Industrialisation & gouvernance
- Nommage, documentation rapide, notes de version.
- Organisation d’équipe : rôles éditeur, droits, environnement de travail.
- Roadmap produit : priorisation, itérations, feedback utilisateurs.
Partie 16 — Projet fil rouge (synthèse)
- De l’idéation au livrable : cadrer, construire, sécuriser, publier.
- Critères de réception : fonctionnalités clés, perf/sécurité minimales, checklist de go-live.