Flutter

FlutterFlow, développer une application multiplateforme sans coder

35 heures 0 mins

Flutter

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.

MOYENS PÉDAGOGIQUES ET TECHNIQUES D’ENCADREMENT DES FORMATIONS

Modalités pédagogiques :

  • Évaluation des besoins et du profil des participants.
  • Apport théorique et méthodologique : séquences pédagogiques regroupées en différents modules.
  • Contenus des programmes adaptés en fonction des besoins identifiés pendant la formation.
  • Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de travaux pratiques, étude de cas et mise en situation.
  • Méthodes expositive, active et participative.
  • Réflexion et échanges sur cas pratiques.
  • Retours d'expériences.
  • Corrections appropriées et contrôles des connaissances à chaque étape, fonction du rythme de l’apprenant mais également des exigences requises au titre de la formation souscrite.

Éléments matériels :

  • Mise à disposition des outils nécessaires au bon déroulement des travaux pratiques.
  • Support de cours au format numérique projeté sur écran et transmis au participant en fin de la formation.

Référent pédagogique et formateur :

  • Chaque formation est sous la responsabilité du directeur pédagogique de l’organisme de formation.
  • Le bon déroulement est assuré par le formateur désigné par l’organisme de formation.
MOYENS PERMETTANT LE SUIVI ET L’APPRÉCIATION DES RÉSULTATS
  • Feuilles de présences signées des participants et du formateur par demi-journée.
  • Attestation de fin de formation mentionnant les objectifs, la nature et la durée de l’action et les résultats de l’évaluation des acquis de la formation.
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.

Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en effectuant le test disponible en bas de cette page.

Lieu de formation

Intra-entreprise/à distance

Dates ou période

À définir. Nous consulter

Tarif

Sur devis. Merci de nous contacter

Modalités

Pour s’inscrire à notre formation, veuillez nous contacter par mail ou téléphone.

Démarrage de la formation sous deux semaines (délai indicatif).

Nous contacer
training@profind.fr
Informations complémentaires

Pour toute réclamation, aléas ou difficultés rencontrés pendant la formation, veuillez prendre contact avec notre organisme par téléphone ou par e-mail. Nous mettrons tout en œuvre pour trouver une solution adapter.

Formation synchrone, réalisée à distance en visioconférence via l’application Microsoft Teams ou en présentiel dans les locaux du client.

Sur le même thème