Formation Bubble
Niveau débutant
Catégorie Essential
| 2 100€ HT / personne |
| 3 jours (21 heures) |
Présentation
Bubble est une plateforme no-code de développement d’applications web. Cet environnement visuel permet de concevoir des interfaces, des workflows et une base de données sans écrire de code.
Notre formation Bubble vous montrera comment structurer vos pages, modéliser vos données, sécuriser l’accès via les privacy rules, puis connecter des services externes avec l’API Connector.
Vous apprendrez à optimiser la performance, le SEO et l’expérience utilisateur pour livrer un MVP opérationnel.
À l’issue, vous serez en mesure de versionner, déployer et maintenir votre application.
Comme toutes nos formations, celle-ci vous présentera la dernière version stable de la technologie et ses nouveautés.
Objectifs
- Comprendre la logique, l’architecture générale et l’éditeur visuel de Bubble
- Modéliser une base de données relationnelle et la sécuriser par des privacy rules
- Concevoir une interface web responsive cohérente à l’aide d’un design system
- Afficher, rechercher, filtrer et trier des données dans des listes dynamiques
- Créer des formulaires et implémenter la logique via des workflows front-end
- Mettre en place l’authentification et le contrôle d’accès aux données et aux pages
- Déployer une application fonctionnelle en Live et configurer les réglages de base
Public visé
- Entrepreneurs, porteurs de projet et fondateurs de startups souhaitant prototyper et lancer un produit (MVP) rapidement
- Chefs de projet, product owners et product managers désireux de gagner en autonomie sur la conception d’applications
- Consultants, freelances et indépendants souhaitant élargir leur offre au développement no-code
- Professionnels métier (marketing, opérations, RH, commerce) voulant automatiser et outiller leurs processus internes
- Développeurs souhaitant ajouter le no-code à leur palette pour accélérer la livraison de projets
Pré-requis
- Aucun prérequis en programmation n’est nécessaire
- Des notions en bases de données et développement web rendront l’apprentissage plus aisée
Programme de notre fromation Bubble
[Jour 1 – Matin]
Écosystème Bubble & découverte de l’éditeur
- Approche no-code full-stack, Découverte de l’éditeur visuel, Définitions (app, page, élément, thing), Environnements Dev & Live, Pricing plan, Documentation existante
- ATELIER : Créer la web app « CRM », configuration générale de la web app, prise en main de l’éditeur
Modélisation des données
- Fondamentaux des BDD relationnelles (tables, relations, clés), data types & fields, types de champ (text, number, date, yes/no, file, image, adresse…), champs liste, relations entre types.
- ATELIER : Modéliser et créer les tables de la BDD avec leurs relations
[Jour 1 – après-midi]
Jeux d’options (Option Sets)
- Option Sets vs data types, attributs d’options, cas d’usage
- ATELIER : Créer les Option Sets du CRM et ajouter des champs Option Sets aux tables existantes.
Gestion des données
- Création & saisie manuelle, import CSV, type spécifique User.
- ATELIER : Saisir un jeu de tests, importer des données fictives dans le CRM (CSV), modéliser les profils et customiser le type User.
Confidentialité & sécurité
- Principe des privacy rules, conditions & rôles
- ATELIER : Identifier les besoins de protection de données et implémenter les privacy rules.
[Jour 2 – matin]
Éléments visuels & mise en page
- Groups, text, input, button, image, icon, popups, group focus, repeating group, arborescence des éléments.
- ATELIER : Structurer une première page du CRM : en-tête, menu latéral, zone de contenu.
Styles & design system
- Styles réutilisables, palette de couleurs & polices, cohérence visuelle, états hover/focus.
- ATELIER : Créer le design system (boutons, titres, champs, …) du CRM
[Jour 2 – après-midi]
Responsive design
- Eléments de pilotage du responsive dans les éléments visuels
- ATELIER : Rendre la 1ère page du CRM responsive (desktop, tablette, mobile), tester dans le navigateur.
Données dynamiques & listes
- Expressions dynamiques, notion de data source, « Do a search for », Current cell’s / Parent group’s, tri & filtres, auto-binding.
- ATELIER : Afficher la liste des contacts via un repeating group (recherche par nom, filtre par société).
Workflows front-end
- Rôles des workflows, Evénements & actions, conditions « Only when », custom states, passage de données, introduction aux workflows back-end
- ATELIER : Formulaires de création/édition de contact & sauvegarde des données, navigation vers une nouvelle page
[Jour 3 – matin]
Authentification & comptes
- Sign up / Log in / Log out, Current User (session), reset mot de passe, données liées à l’utilisateur
- ATELIER : Inscription/connexion des commerciaux utilisateurs du CRM, associer chaque donnée à son propriétaire.
Contrôle d’accès et navigation
- Protection des pages, redirection conditionnelle, reusable elements.
- ATELIER : Restreindre l’accès aux utilisateurs connectés, en-tête et menu réutilisables.
[Jour 3 – après-midi]
Logique avancée (front-end)
- Workflows conditionnels, custom events, messages & erreurs, introduction aux plugins.
- ATELIER : Tableau de bord (deals par étape, valeur du pipeline), messages de confirmation.
Déploiement en Live & réglages
- Dev vs Live, Deploy to Live, General settings (nom, favicon, fuseau), Domaines Bubble & custom, SEO minimal, versioning & sauvegardes, introduction aux métriques (Workload Units).
- ATELIER : Configurer les réglages essentiels, déployer une 1re version en Live (domaine Bubble gratuit).
Pour aller plus loin
Formation Make : Automatiser chatGPT
Formation Unit & Mockito Unit Mastery
Formation ChatGPT 5
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Nos Formateurs Référents
Témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Afficher tous les témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Noter la formation
| 2 100€ HT / personne |
| 3 jours (21 heures) |
UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?
Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.
ILS SE SONT FORMÉS CHEZ NOUS
