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.
5j
- 35h00 
