Bubble : concevoir et déployer des applications web complètes en no-code

Module 1 — Découverte du no-code et de l'écosystème Bubble

• Contexte historique et émergence des outils no-code
• Architecture des plateformes no-code : modèle PaaS et panorama des acteurs du marché
• Les quatre couches fondamentales de Bubble : design, workflow, data, settings
• Limites et contraintes à connaître avant de démarrer un projet
• Travaux pratiques : création d'un compte Bubble et exploration de l'environnement

Module 2 — Prise en main de l'interface Bubble

• Présentation des onglets : Design, Workflow, Data, Styles, Plug-ins, Settings, Logs
• Comprendre la logique de construction et les interactions entre onglets
• Travaux pratiques : navigation dans l'interface et découverte des fonctionnalités principales

Module 3 — Construire un premier formulaire

• Créer et structurer des pages dans Bubble
• Mettre en place des formulaires et des champs de saisie
• Initiation à la base de données et aux workflows associés aux formulaires
• Travaux pratiques : création d'un formulaire de saisie de livres pour un projet bibliothèque

Module 4 — Afficher et exploiter les données

• Utilisation des tableaux et des repeating groups pour lister les enregistrements
• Rôle des containers dans la structuration de la mise en page
• Travaux pratiques : affichage d'un tableau de livres à partir de la base de données

Module 5 — Gérer et structurer les données

• Conception des tables et définition des types de données
• Opérations CRUD : créer, lire, modifier et supprimer des enregistrements
• Relations entre tables, tri et filtrage des données
• Travaux pratiques : ajout de champs tags et thèmes dans la structure de données

Module 6 — Mise en forme visuelle et responsive design

• Application des styles et personnalisation de l'interface
• Gestion des containers, layouts et comportements en responsive
• Travaux pratiques : création d'un header et d'un menu burger fonctionnel

Module 7 — Interactivité et navigation dynamique

• Concevoir des workflows conditionnels et enchaîner des actions
• Créer des pages dynamiques dont le contenu s'adapte à l'enregistrement sélectionné
• Travaux pratiques : construction de la page détail d'un livre

Module 8 — Système de connexion utilisateur

• Utiliser les éléments natifs de Bubble pour l'authentification
• Gérer les conditions d'affichage selon le statut de connexion de l'utilisateur
• Travaux pratiques : mise en place d'un processus de connexion complet

Module 9 — Fonctions avancées de Bubble

• Éléments réutilisables et option sets pour factoriser la logique et les données
• Custom states, mode debug et règles de confidentialité (privacy rules)
• Fonctions de recherche et intégration de Google Maps
• Travaux pratiques : implémentation de custom states et d'une barre de recherche

Module 10 — Plug-ins et connecteurs API

• Présentation du gestionnaire de plug-ins intégré à Bubble
• Fonctionnement de l'API Connector : types d'authentification, paramètres et gestion des retours
• Travaux pratiques : connexion à une API externe pour afficher des données en temps réel