Objectifs du cours
FlutterFlow permet de concevoir des applications multiplateformes en accélérant l’interface, la logique et l’intégration des données, tout en conservant la robustesse de Flutter. Cette formation installe une méthode produit (du besoin au parcours critique), des bonnes pratiques d’architecture (données, navigation, états), et un chemin de qualification/déploiement aligné avec vos standards internes (qualité, sécurité, stores).
À l’issue de la formation, les participantes seront capables de :
- Expliquer les fondamentaux Low Code/No Code appliqués à FlutterFlow.
- Créer une application de base avec pages, navigation et composants UI.
- Intégrer API et bases de données (ex. Firebase) et gérer l’état.
- Mettre en œuvre des fonctionnalités avancées (formulaires, extensions, authentification).
- Tester, déboguer et déployer sur Google Play et Apple App Store.
Public
-
Développeurs débutants/intermédiaires, étudiants, entrepreneurs, chefs de projet ou tout professionnel souhaitant créer des applications mobiles et web avec FlutterFlow.
Prérequis
-
Bases de programmation (web ou mobile) et compréhension des concepts fondamentaux (variables, conditions, données).
Contenu du cours
Partie 1 — Panorama & prise en main de FlutterFlow
- Typologies d’applications (natives, hybrides, web) et positionnement de Flutter/FlutterFlow.
- Création du compte, premier projet, découverte de l’interface (workspace, widgets, propriétés).
- Atelier (pertinent) : écran d’accueil avec logo, texte et bouton vers une page de contenu.
Partie 2 — Construire l’interface : widgets et layouts
- Widgets de base : containers, rows, columns, listes ; hiérarchie et réutilisation.
- Pages, navigation (push, replace, back), thèmes (couleurs, typographies).
- Atelier (pertinent) : mini-app « carnet de notes » (liste, ajout, détail).
Partie 3 — Données & API
- Modèles de données et Firebase Firestore (collections, documents, règles de base).
- Connexion à des API externes : requêtes, paramètres, parsing et affichage.
- Gestion des états et rafraîchissements (states/models de FlutterFlow).
- Atelier (pertinent) : app « tâches » (CRUD Firestore) + intégration d’une API (ex. météo).
Partie 4 — Formulaires, interactivité & authentification
- Conception de formulaires (validation, messages d’erreur, UX).
- Extensions/plug-ins utiles (ex. géolocalisation, carte).
- Authentification Firebase : inscription, connexion, réinitialisation.
- Atelier (pertinent) : formulaire de contact validé + écran de login/inscription.
Partie 5 — Design système, thèmes & responsive
- Système de styles : composants réutilisables, cohérence visuelle.
- Responsive : adaptations téléphones/tablettes/web, densités et orientations.
- Accessibilité et performances perçues (images, listes, transitions).
Partie 6 — Stockage avancé & logique métier
- Collections liées, requêtes filtrées, règles de sécurité Firestore (principes).
- Logique conditionnelle, actions séquentielles, workflows multi-étapes.
- Atelier (pertinent) : liste filtrée par utilisateur et droits d’accès basiques.
Partie 7 — Tests, journalisation & débogage
- Modes de test, logs, inspection des variables et des erreurs.
- Scénarios de bout-en-bout, données de test, checklists de recette.
- Atelier (pertinent) : diagnostic et correction d’un flux qui échoue.
Partie 8 — Préparation au déploiement (Android & iOS)
- Assets (icône, splash), signatures, numéros de version/build.
- Dossiers générés, bonnes pratiques de configuration.
- Atelier (pertinent) : préparation d’un build de test (Android), vérifications clés iOS.
Partie 9 — Publication sur les stores
- Procédure Google Play et Apple App Store : métadonnées, captures, politiques.
- Tests internes, pistes de bêta, critères d’acceptation, résolution des refus.
Partie 10 — Maintenance & évolutions
- Suivi post-lancement : analytics, crash reports, retours utilisateurs.
- Mises à jour, gestion des correctifs et feuille de route fonctionnelle.
- Industrialisation légère : conventions de nommage, documentation rapide.