1
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.
2
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.
3
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.
4
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.
5
Data et back-end
- 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.
6
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.
7
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.
8
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.
5j
- 35h00 
Télécharger le programme
Partager cette formation