Cours Bubble

Leçon 1 • Création de votre compte Bubble

Guide à travers la création du compte, le choix du plan et la configuration initiale de l'espace de travail. Garantit que chaque étudiant dispose d'un environnement de travail fonctionnel avant le début de la construction.

Leçon 2 • Naviguer dans l'éditeur Bubble

Présente tous les panneaux principaux de l'éditeur et leurs fonctions. Les étudiants acquièrent une familiarité spatiale pour localiser rapidement les outils tout au long du cours.

Leçon 3 • Comprendre les concepts fondamentaux de Bubble

Explique les trois piliers — UI, données et logique — et leur interaction. Fournit un modèle mental auquel les étudiants se référeront dans chaque chapitre suivant.

Leçon 1 • Travailler avec les éléments UI de base

Couvre le texte, les images, les boutons, les champs de saisie et les icônes comme éléments de base de chaque page. Les étudiants s'exercent à placer et configurer chaque type d'élément.

Leçon 2 • Styles et cohérence du design

Explique l'onglet Styles pour créer et appliquer des règles visuelles partagées. Les étudiants mettent en place un système de design qui assure la cohérence de la marque dans toute l'application.

Leçon 3 • Popups, groupes flottants et superpositions

Couvre les motifs UI de superposition essentiels pour les modales, les tiroirs et les infobulles. Les étudiants implémentent des motifs d'interaction courants utilisés dans les applications de production.

Leçon 4 • Éléments réutilisables et composants

Introduit les éléments réutilisables pour éviter la duplication de l'UI entre les pages. Les étudiants construisent un en-tête partagé et une modale pour s'exercer à la conception basée sur les composants.

Leçon 1 • Notions fondamentales de la base de données dans Bubble

Explique les types de données, les champs et les enregistrements en tant que modèle de données de Bubble. Les étudiants comprennent en quoi la base de données diffère des systèmes relationnels traditionnels.

Leçon 2 • Conception des types de champs et des relations

Couvre tous les types de champs, y compris le texte, le nombre, la date, le fichier et les références d'objet. Les étudiants modélisent correctement les relations un-à-plusieurs et plusieurs-à-plusieurs.

Leçon 3 • Alimentation et gestion des données de l'application

Enseigne la saisie manuelle des données, l'import CSV et l'onglet Données de l'application pour l'inspection. Les étudiants peuplent un ensemble de données de test à utiliser tout au long du cours.

Leçon 1 • Notions fondamentales des workflows

Explique les événements, les actions et le modèle d'exécution séquentielle des workflows. Les étudiants construisent leur premier workflow de bout en bout reliant un bouton à une écriture en base de données.

Leçon 2 • Workflows de page et de navigation

Couvre les actions de navigation, les paramètres d'URL et les événements de chargement de page. Les étudiants implémentent des flux multi-pages qui passent correctement les données entre les pages.

Leçon 3 • Actions de base de données dans les workflows

Couvre les actions Créer un objet, Apporter des modifications à un objet et Supprimer un objet pour un CRUD complet. Les étudiants relient les entrées de formulaire aux écritures en base de données et vérifient les résultats dans Données de l'application.

Leçon 4 • Workflows réutilisables et workflows backend

Introduit les workflows réutilisables et les workflows backend côté serveur pour une logique scalable. Les étudiants refactorisent une logique répétée en workflows partagés et planifient des tâches récurrentes.

Leçon 1 • Expressions de données dynamiques

Enseigne l'éditeur d'expressions de Bubble pour référencer les champs de la base de données et le contexte utilisateur. Les étudiants remplacent le texte statique par des données en direct sur plusieurs types d'éléments.

Leçon 2 • Tri et pagination

Couvre l'ordre de tri, les opérateurs de liste et les contrôles de pagination des groupes répétés. Les étudiants implémentent un tri contrôlé par l'utilisateur et une navigation par défilement infini ou par page.

Leçon 3 • Opérations avancées sur les listes

Introduit le filtrage, la fusion, l'intersection et les expressions d'agrégation de listes. Les étudiants calculent des résumés et construisent des affichages de données complexes provenant de sources multiples.

Leçon 4 • Groupes répétés pour les listes

Couvre la configuration des groupes répétés comme élément de rendu de liste principal. Les étudiants affichent, stylisent et interagissent avec des listes d'enregistrements de la base de données.

Leçon 1 • Connexion sociale et OAuth

Intègre des fournisseurs OAuth tiers à l'aide de l'écosystème de plugins de Bubble. Les étudiants configurent au moins une option de connexion sociale et gèrent le lien entre les comptes.

Leçon 2 • Réinitialisation du mot de passe et confirmation par e-mail

Implémente les flux de mot de passe oublié et de vérification par e-mail à l'aide des actions e-mail de Bubble. Les étudiants configurent des modèles d'e-mail transactionnels et testent le cycle complet de réinitialisation.

Leçon 3 • Système d'utilisateur intégré de Bubble

Explique le type de données Utilisateur, les champs réservés et la façon dont Bubble gère les sessions. Les étudiants comprennent le modèle d'authentification avant de construire des flux de connexion.

Leçon 4 • Flux d'inscription et de connexion

Couvre les actions de workflow Inscrire l'utilisateur et Connecter l'utilisateur avec validation. Les étudiants construisent une page d'inscription et de connexion complète avec gestion des erreurs.

Leçon 1 • Intégrations de paiement et de service e-mail

Couvre l'intégration d'un processeur de paiement et d'un service d'e-mail transactionnel. Les étudiants implémentent un flux de paiement et une notification par e-mail déclenchée.

Leçon 2 • Webhooks et données entrantes

Enseigne les workflows backend comme points de terminaison webhook pour recevoir des données externes. Les étudiants configurent un récepteur webhook et traitent les charges utiles entrantes.

Leçon 3 • Installation et utilisation des plugins

Couvre la place de marché de plugins de Bubble, l'installation et la configuration. Les étudiants ajoutent et configurent au moins deux plugins pour étendre les fonctionnalités de l'application.

Leçon 4 • Notions fondamentales du connecteur API

Introduit le plugin Connecteur API pour se connecter à n'importe quelle API REST. Les étudiants configurent l'authentification, les en-têtes et un appel GET de base.

Leçon 1 • Déploiement en direct

Explique le modèle de version développement vs. version en direct et le processus de déploiement. Les étudiants effectuent un déploiement complet et vérifient que l'application en direct se comporte correctement.

Leçon 2 • Gestion des erreurs et surveillance

Couvre les logs Bubble, les alertes d'erreur et les intégrations de surveillance tierces. Les étudiants configurent des notifications d'erreur et interprètent les entrées de log côté serveur.

Leçon 3 • Options de capacité et de passage à l'échelle

Explique le modèle d'unités de capacité de Bubble et comment passer à l'échelle sous charge. Les étudiants configurent les paramètres de mise à l'échelle automatique et comprennent les limites de capacité au niveau du plan.

Leçon 4 • Paramètres de l'application et domaine personnalisé

Couvre l'onglet Paramètres pour configurer les métadonnées de l'application, les bases du référencement (SEO) et les domaines personnalisés. Les étudiants connectent un domaine personnalisé et vérifient la propagation DNS.