fff

Combien de stagiaires suivront cette formation ?


Valider Annuler

Accueil    Formations    Digital & Multimédia    Créer ou refondre un site Web : améliorez vos performances digitales    Low Code pour le Web    Bubble - Créer des applications Web No Code

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Objectifs de formation

A l'issue de cette formation, vous serez capable de :

  • Organiser un projet de développement sous Bubble en Low Code / No code
  • Concevoir des applications Web avec Bubble
  • Vérifier le niveau de sécurité de votre application Web
  • Optimiser la performance de votre application Bubble
  • Publier et gérer votre application Web créée sous Bubble
  • Déterminer où et comment trouver les réponses à vos questions.

Prérequis

Connaître les bases de l'utilisation d'un ordinateur Mac ou PC. Aucune connaissance en langage de programmation n'est requise, mais un certain niveau de logique et d'abstraction est nécessaire. Avoir un niveau minimum d'anglais à l'écrit (l'interface de Bubble n'étant disponible qu'en anglais).

Public concerné

Chefs de projets, auto-entrepreneurs, développeurs Web, webdesigners et toute personne souhaitant créer des applications Web sans coder.

Programme

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, méthodes et moyens pédagogiques

Formation délivrée en présentiel ou distanciel* (blended-learning, e-learning, classe virtuelle, présentiel à distance).

Le formateur alterne entre méthode** démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).

Variables suivant les formations, les moyens pédagogiques mis en oeuvre sont :

  • Ordinateurs Mac ou PC (sauf pour certains cours de l'offre Management), connexion internet fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour le distanciel)
  • Environnements de formation installés sur les postes de travail ou en ligne
  • Supports de cours et exercices

En cas de formation intra sur site externe à M2i, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires (équipements informatiques...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué.

* nous consulter pour la faisabilité en distanciel

** ratio variable selon le cours suivi

Modalités d’évaluation des acquis

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

Accessibilité de la formation

Le groupe M2i s'engage pour faciliter l'accessibilité de ses formations. Les détails de l'accueil des personnes en situation de handicap sont consultables sur la page Accueil et Handicap.

Modalités et délais d’accès à la formation

Les formations M2i sont disponibles selon les modalités proposées sur la page programme. Les inscriptions sont possibles jusqu'à 48 heures ouvrées avant le début de la formation. Dans le cas d'une formation financée par le CPF, ce délai est porté à 11 jours ouvrés.

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Vous souhaitez suivre cette formation ?

Cette formation est disponible en présentiel ou en classe à distance, avec un programme et une qualité pédagogique identiques.

Tarif : à partir de 2 480 € HT.

Choisissez la modalité souhaitée pour vous inscrire :

Formation disponible en intra-entreprise

Votre société a besoin d'une offre personnalisée ? Contactez-nous

string(21) ""
string(21) ""
string(21) ""
string(21) ""
string(21) ""
string(21) ""
string(21) ""
string(21) ""

Découvrez les autres formations susceptibles de vous intéresser :

Faites-nous part de votre projet de formation, nous sommes là pour vous guider.

Contactez-nous