Bubble - Créer des applications Web No Code

Jour 1

Contexte

• La tendance "no-code"
• A quoi sert Bubble
• Qu'est-ce que Bubble (notion de PaaS)
• Bubble face à ses concurrents

Démarrer avec Bubble

• Création de compte
• Création d'un projet

Comprendre l'interface de Bubble

• L'éditeur d'interface
• Le gestionnaire de flux logiques et de base de données
• L'éditeur de styles
• La bibliothèque de plug-ins
• Les réglages de l'application
• L'activité du serveur

Théorie : les concepts de base pour utiliser Bubble

• Le concept d'utilisateur et d'utilisateur actuel
• Le concept du type de contenu d'une page ou d'un élément
• Le concept de relation Parent / Enfant entre éléments
• Le concept de groupe et de groupe répétitif
• Le concept d'environnement test et d'environnement de production

Exemples de travaux pratiques (à titre indicatif)

• Pratique : création pas à pas d'un site de petites annonces comme Le Bon Coin
• Créer une interface utilisateur
• Rendre son site adapté à la navigation depuis un mobile
• Structurer la base de données
• Connecter l'interface et la base de données
• Créer les flux de modification de données
• Publier l'application sur le Web
• Mettre en place une carte géographique
• Paramétrer le module Google Maps
• Connecter des analytiques
• Exercice : ajout d'un module de recherche
• Investigation en autonomie d'une solution technique
• Mise en place d'une logique de recherche
• Correction : ajout d'un module de recherche
• Comprendre la notion d'indexation de contenu
• Comprendre le type de recherches auxquelles répond Bubble
• Utiliser un plug-in de recherche approximative pour des résultats plus pertinents
• Utiliser la recherche par secteur géographique

Jour 2

Théorie : les concepts de niveau intermédiaire pour utiliser Bubble

• Etat d'un élément
• Serveur vs client
• Concept de liste dans Bubble
• Gestion des mots de passe dans Bubble

Exemples de travaux pratiques (à titre indicatif)

• Pratique : création pas à pas d'un site de partage de photos comme Instagram
• Concevoir une application à partir de scénarios utilisateurs
• Créer une maquette avant de commencer le développement
• Structurer une base de données prête pour la mise à échelle
• Attribuer des tags et gérer des listes
• Utiliser un plug-in de gestion de téléchargement
• Améliorer l'expérience utilisateur avec des interactions visuelles
• Créer un système de compte utilisateur
• Créer une page ayant un type défini
• Créer un système de vote
• Rendre une interface multilingue
• Exercice : administration du contenu partagé
• Investigation en autonomie d'une solution technique
• Mise en place d'une logique d'administration
• Correction : administration du contenu partagé
• Création de comptes ayant des droits spéciaux
• Création d'une interface d'administration

Jour 3

Théorie : les concepts avancés pour utiliser Bubble

• Les flux personnalisés et les flux API
• Le concept de flux récursifs vs la modification de liste
• Dialoguer avec d'autres services grâce à l'API Connector
• Comprendre ce qui impacte la performance
• Les 3 niveaux de sécurité d'une application Bubble

Exemples de travaux pratiques (à titre indicatif)

• Pratique : création pas à pas d'un CRM comme Salesforce
• Utiliser un template de la place de marché Bubble
• Création des flux logiques et des flux personnalisés
• Créer un système de notifications en utilisant un flux API
• Créer des notifications push avec OneSignal et l'API Connector
• Définir des règles de sécurité côté serveur
• Ajouter des flux de sécurité côté client
• Ajouter des éléments de sécurité à l'interface
• Visualiser les données sous forme de graphiques
• Exercice : modifier le statut d'un prospect
• Investigation en autonomie d'une solution technique
• Mettre à jour le statut d'un prospect automatiquement après un temps donné
• Correction : modifier le statut d'un prospect
• Concept de flux programmé
• Comment annuler un flux programmé
• L'intérêt des flux programmés

Dernières informations et conclusion

• Documenter la programmation dans Bubble
• Gérer son projet en mode Agile comme un Scrum Master
• La mise à l'échelle (scaling) avec Bubble
• Les différents niveaux de forfait Bubble
• Bubble et la RGPD
• Les ressources pour continuer à progresser
• La communauté des programmeurs Bubble

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

Modalités d’évaluation des acquis

• En cours de formation, par des productions
• Et, en fin de formation, par un questionnaire d'auto-évaluation