Découverte du no-code et de Bubble
- Historique des applications no-code.
- Qu'est ce que Bubble (Platform as a Service) ?
- Les concurrents principaux de Bubble.
- Qu’est-ce qu’une application ?
- Le fonctionnement de Bubble en quatre couches.
- Les limites et les préjugés de Bubble.
- Quelques exemples de réalisation avec Bubble.
Travaux pratiques
Création d'un compte et découverte de l’environnement Bubble.
Présentation de l'interface : les différents onglets de Bubble
- L'onglet de Design : l'éditeur.
- L'onglet de Workflow : Les flux et les interactions.
- L'onglet des Data : la base de données.
- L'onglet des styles : l'éditeur.
- L'onglet des plugins : la bibliothèque.
- L'onglet des settings : les paramètres.
- L'onglet des Logs : l'activité côté serveur.
Travaux pratiques
Découverte de l'interface.
Création du premier formulaire todo list : première démonstration
- Création des pages.
- Les éléments utiles pour la création d’un formulaire.
- Création des premières Bases de données et données.
- Comprendre la logique des interactions avec les workflows.
Travaux pratiques
Projet Bibliothèque : Création du formulaire Livre (partie Design puis Data et Workflow)
Affichage et utilisation des données
- Présenter les données sous forme de tableau.
- Usage des Repeating groups.
- Comprendre la relation entre les containers.
Travaux pratiques
Projet Bibliothèque : Affichage du tableau des livres.
Comprendre la gestion des données
- Créer différentes tables de données avec leurs attributs.
- La création, lecture, modification, suppression des données (CRUD).
- La relation entre les tables.
- Comment trier et filtrer les données.
Travaux pratiques
Projet Bibliothèque : Ajout de champs Tags et Thèmes (Livre), Création de la table bibliothèque
Mise en forme des pages et des éléments
- Utilisation des styles.
- Mise en forme les pages avec les containers et les Layouts.
- Mise en place du Responsive Design.
Travaux pratiques
Projet Bibliothèque : Création d’un header et d’un menu burger.
L’interactivité dans l’application
- Exemples d’utilisation des workflows.
- L’envoi de données sur les pages pour la création de page dynamique.
Travaux pratiques
Projet Bibliothèque : Création d’une page livre
La Création d’un système de connexion
- Les éléments du processus de connexion présents dans Bubble.
- L’utilisation des conditions dans les éléments ou dans les workflows.
Travaux pratiques
Projet bibliothèque : Création d’une processus de connexion.
Les fonctions avancées
- Les éléments réutilisables : les créer, les modifier, les utiliser.
- Les options sets pour des données statiques.
- Les Customs states pour les données temporaires.
- Issues et Débugger : les utiliser pour résoudre les problèmes et les erreurs.
- Développement du système de Recherche.
- La sécurité et les privacy rules : protéger les données.
- La création des styles pour un design affirmé.
- Système de recherche : comment recherche dans les bases de données.
- Fonctions applicatives : Google Maps, calendrier, messagerie, mise en ligne, tarification...
Travaux pratiques
Projet Bibliothèque : Utilisation des Customs States et de la recherche.
L’utilisation des plugins pour ajouter des fonctionnalités
- Installer et utiliser des plugins.
- L’API Connector : pour connecter votre application à des APIs.
- Qu’est ce qu’une API ?
- Les différents types d’authentification.
- La gestion des paramètres.
- L’affichage des retours d’API.
Travaux pratiques
Exercice sur les APIs, récupération de données externes en temps réel.
