Aller au contenu principal

Créer son application web avec Bubble : Options Automatisations & Make

Date de mise à jour :
Identifiant Offre Info : 02_202601351963
Organisme responsable : ILLITH (ouvre dans un nouvel onglet)

Nouvelle recherche

Référentiels

Code Rome

  • E1104 Conception de contenus multimédias
  • E1205 Réalisation de contenus multimédias

Formacode

  • 31090 : Développement web
  • 46072 : Art graphique
  • 46372 : Design interface utilisateur

Présentation de la formation

Objectifs

À l'issue de la formation, le participant sera capable de : • Axe Bubble (développement d'application) -Concevoir et modéliser une application web (MVP) avec Bubble : base de données, workflows, interfaces responsive -Mettre en production une application : droits utilisateurs, privacy rules, publication, maintenance de base -Construire une application de mise en relation (freelance / clients, candidats / entreprises, etc.) avec différents profils et tableaux de bord • Axe Make…

À l'issue de la formation, le participant sera capable de : • Axe Bubble (développement d'application) -Concevoir et modéliser une application web (MVP) avec Bubble : base de données, workflows, interfaces responsive -Mettre en production une application : droits utilisateurs, privacy rules, publication, maintenance de base -Construire une application de mise en relation (freelance / clients, candidats / entreprises, etc.) avec différents profils et tableaux de bord • Axe Make (automatisation des process) -Comprendre les principes de l'automatisation No-Code et les cas d'usage métiers -Créer des scénarios simples (triggers, filtres, routeurs, gestion des erreurs) -Mettre en place des workflows avancés : webhooks, API HTTP, JSON, data stores, iterators/aggregators -Intégrer l'IA (OpenAI / ChatGPT) dans Make pour enrichir les workflows (génération de contenu, structuration de données, assistants) • Compétences transverses -Structurer un projet digital de bout en bout : du besoin au MVP fonctionnel -Documenter son application et ses automatisations pour un usage équipe / client -Gérer un projet produit No-Code (priorisation, itérations, tests)

Programme de la formation

Module 1 – Introduction Bubble, Make & No-Code • Panorama No-Code (produit, automatisation, métiers) • Découverte de Bubble : interface, pages, éléments, workflows • Découverte de Make : interface, scénarios, exécution, logs Module 2 – UX/UI & prototypage rapide Basé sur le bloc Figma déjà présent dans les parcours Bubble & Webflow • Bases de Figma (frames, calques, grilles, composants) • Création des maquettes de l'application (pages principales, parcours utilisateur) •…

Module 1 – Introduction Bubble, Make & No-Code • Panorama No-Code (produit, automatisation, métiers) • Découverte de Bubble : interface, pages, éléments, workflows • Découverte de Make : interface, scénarios, exécution, logs Module 2 – UX/UI & prototypage rapide Basé sur le bloc Figma déjà présent dans les parcours Bubble & Webflow • Bases de Figma (frames, calques, grilles, composants) • Création des maquettes de l'application (pages principales, parcours utilisateur) • Préparation du design pour intégration Bubble Module 3 – Fondamentaux Bubble • Création du projet, configuration générale • Base de données : types, champs, relations, options sets • Workflows : événements, actions, custom states • Interface & responsive : layout, containers, responsive engine • Gestion des comptes utilisateurs (signup/login, password reset) • Quiz + mini-projet (ex : blog ou petite app CRUD) Module 4 – Bubble avancé & application SaaS • Application de mise en relation : - Modélisation des rôles (freelance / client / admin) - Systèmes de recherche & filtres - Messagerie interne simple • Sécurité & Privacy : privacy rules, protection des données • Connexion à des API externes via l'API Connector (ex : Stripe, Xano, outils d'emailing) • Préparation à la mise en ligne (domaines, plan Bubble, performance de base) Module 5 – Make niveau 1 : bases de l'automatisation Calqué sur “Découverte de Make / premiers pas / données de base / APIs” • Comprendre l'automatisation, bonnes pratiques • Premiers scénarios : Gmail, Google Drive, Google Sheets • Bundles, variables, dates, texte, nombres (exercice : mini-module de facturation) • Introduction aux API avec le module HTTP (GET / POST simple) Module 6 – Make niveau 2 : webhooks, JSON, données & IA Basé sur la partie avancée du programme Make • Webhooks & mailhooks • Iterators, aggregators, data stores • Manipulation avancée : arrays, map, toCollection, agrégations • JSON : structuration, injection dans les requêtes API, scénarios dynamiques • Intégration OpenAI / ChatGPT (rédaction automatique de contenus, structuration de données, assistant) Lien avec Bubble : • Appeler des scénarios Make depuis Bubble (webhooks) • Consommer des données automatisées dans Bubble Module 7 – Projet final & évaluation • Finalisation de l'application Bubble (MVP complet) • Finalisation des scénarios Make liés au projet • Tests utilisateurs & corrections • Rédaction d'une mini-documentation fonctionnelle et technique • Soutenance / présentation de l'app & des automatisations Évaluation finale • Évaluation pratique : - Réalisation d'un site / web app avec Bubble, correspondant au projet fil rouge du participant. - Intégration de contenus, mise en page responsive, navigation fonctionnelle. - Mise en place d'au moins une automatisation avec Make en lien direct avec la vie du site (formulaire, leads, contenus…). • Évaluation théorique : - Quiz sur les bonnes pratiques web (UX de base, accessibilité simple, responsive, contenus). • Livrables : -

Validation et sanction

-

Type de formation

Certifiante

Niveau de sortie

Bac + 3 et 4

Durée, rythme, financement

Durée

En centre

69 h

Financement

Conventionnement
Non
Financeur
  • Autre

    Programme : Non conventionnée / sans dispositif

Conditions d'accès

Publics visés

  • Demandeur d'emploi
  • Handicapé
  • Jeune (dans le cadre du plan jeune)
  • Jeune 16-25 ans
  • Public en emploi
  • Salarié
  • Salarié dans le cadre du CIF
  • Salarié dans le cadre du DIF
  • Salarié dans le cadre du plan de formation
  • Salarié en contrat aidé
  • Salarié en période de professionnalisation
  • Salarié en reconversion
  • Tout public

Niveau d'entrée

BAC

Conditions spécifiques et prérequis

Matériel nécessaire • Disposer d'un ordinateur, d'un smartphone ou d'une tablette avec une connexion Internet. Navigateur web : Google Chrome, Firefox.

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement à distance

Adresse

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
101 Rue BOUTHIER
33100 Bordeaux
Modalités
Entrées / Sorties à dates permanentes