Flutter

FlutterFlow, développer une application multiplateforme sans coder

Objectifs de la formation

  • Concevoir une application mobile multiplateforme avec FlutterFlow
  • Structurer une page d’application mobile
  • Comprendre les grands principes de la gestion de données
  • Accéder à des données et les manipuler
  • Tester et déployer une application mobile


Programme de la formation

Genèse et contexte : Introduction au no-code

  • Qu’est-ce que le No Code ?
  • Le marché du No Code aujourd’hui.
  • No Code et Low Code : quelles différences ?
  • Avantages et inconvénients du No Code, quand utiliser les outils No Code ?
  • Les atouts et différences des plateformes No Code.
  • Le No Code peut-il remplacer le code ?

Echanges

Présentation des différentes plateformes No Code.

FlutterFlow, introduction et découverte de l'environnement

  • Qu’est-ce que FlutterFlow ?
  • Découverte de la documentation officielle.
  • Tarification et différences.
  • L'environnement FlutterFlow, tableau de bord, Projets, Marketplace, organisation d’équipe, Ressources.
  • Canva Area, Tool Bar, Settings, Design system.
  • UI builder, Widgets Panel, Widget Tree, Widget Properties.
  • Découverte des widgets.
  • Mode Prévisualisation et Mode Test.

Travaux pratiques

Création d’un compte sur le site FlutterFlow. Création d’un nouveau projet et modification du widget text.

Layout, structure de base, utilisation des éléments de page

  • Comprendre le concept de layout avec FlutterFlow.
  • Widgets de layout : column, row, stack, container. Axe principal et axe secondaire.
  • Création de nouvelles pages.
  • Widget AppBar et Silver AppBar.
  • NavBar.
  • Drawer et EndDrawer.
  • FloatingActionButton.
  • Découverte des Actions de navigation : Navigate To, Navigate Back, Drawer.

Travaux pratiques

Création d’une mise en page simple d’après une maquette. Création de plusieurs pages avec utilisation des différents éléments de page.

Gestion des actions événementielles

  • Qu’est-ce qu’une action événementielle ?
  • Les différentes actions possibles.
  • Ajouter une ou plusieurs actions.
  • Les types d’événements : On Tap, On Double Tap, On Long Press.
  • Définir une suite d’actions.

Travaux pratiques

Création d’une page avec gestion événementielle sur une snack bar.

Data et Backend

  • Découverte et gestion du Local State.
  • Requêtes et manipulations de données hébergées en local.
  • Découverte et gestion de Firestore / Firebase.
  • Qu’est-ce qu’une base de données ?
  • Connecter une base de données Firestore avec une application FlutterFlow.
  • Structure d’une base de données Firestore.
  • Requêtes et manipulations de données hébergées sur Firestore

Travaux pratiques

Création d’un compte Firebase et création d’une application avec gestion de données.

Gestion des formulaires et authentification

  • Les différents widgets de formulaire.
  • Enregistrer une donnée de formulaire en base de données.
  • Système d’authentification par Firebase.

Travaux pratiques

Création d’une application avec authentification.

Animation

  • Les différents types d’animation.
  • Ajout d’animation à des éléments de pages.
  • Les déclencheurs d’animations.
  • Animation sur déclencheur d’action.

Travaux pratiques

Création de plusieurs pages avec gestion d’animation.

Intégration, Test et déploiement

  • Les différentes intégrations possibles avec FlutterFlow (Supabase, Admob, Algolia…).
  • Déploiement AppStore avec Codemagic.
  • Déploiement Google Play avec Codemagic.

Travaux pratiques

Création et tests d’une application complète.

Please login to get access to the quiz
(Next Lesson) Flutter, développement d’applications mobiles
Back to Flutter
Public

Toute personne désirant apprendre à créer des applications mobile No Code.

Pré-requis

Aucune connaissance particulière.