Formation Flutter & Dart

Jour 1 : Découvrir Flutter et Dart

Flutter dans l’écosystème mobile

• Natif vs multiplateforme
• Alternatives à Flutter (React Native, Xamarin, MAUI, Ionic, Kotlin Multiplatform, PWA)
• Pourquoi choisir Flutter (performance, communauté, open-source)
• Cas d’usage célèbres (L’app Google Ads, Philips Hue, My BMW App, Alibaba (Xianyu), Nubank)
• Atelier participatif : Quiz comparatif des frameworks

Le langage Dart essentiel pour Flutter

• Variables, types, conditions, boucles, Loop For-in
• Fonctions, lambdas, closures
• Null Safety
• Types optionnels
• La programmation orientée objet (classes, génériques; mixins, isolates, méthodes d’extensions)
• Asynchronisme : Futures, async/await, Streams
• Nouveautés Dart 3 (pattern matching, records)
• Programmation asynchrone (async / await / Future, Stream, yield)
• Gestion des exceptions
• Atelier pratique : Manipulation de données en Dart via console.

Concevoir une interface responsive moderne sur mobile

• Structure d’application Flutter (MaterialApp, Scaffold)
• Gestion des dépendances (pubspec.yaml)
• Widgets essentiels : Text, Container, Row, Column
• Widgets Stateless/Stateful
• Layout responsive avec Expanded, Flexible, MediaQuery, LayoutBuilder
• Prototypage rapide avec FlutterFlow
• Atelier pratique : Développement d’une interface responsive de l’application fil rouge.

Création d’une belle interface utilisateur avec Flutter

• Utilisation du fichier Pubspec.yaml pour incorporer des dépendances, des ressources personnalisées et des polices de caractère
• Introduction à la méthode build() des widgets et utilisation de widgets de disposition tels que Columns, Rows, Containers et Cards
• Utilisation de MediaQuery pour créer une interface utilisateur réactive en fonction de la taille de l’écran
• Exécution de l’application Flutter avec le widget MaterialApp et la méthode runApp()
• Compréhension de la philosophie de Flutter de l’interface utilisateur en tant que code et refactoring de widgets

Jour 2 : Architectures et pratiques avancées

Structurer son application efficacement

• Organisation du projet (MVC, MVVM, Clean Architecture)
• Séparation des responsabilités (UI, logique métier, données)
• État local vs global
• Bonne pratique de modularité et réutilisabilité
• Atelier pratique : Mise en place d’une architecture claire du projet fil rouge.

Gestion d’état avancée avec Riverpod

• Limites de setState et Provider
• Principes de Riverpod (Provider, StateNotifier)
• Riverpod et asynchronisme (FutureProvider, StreamProvider)
• Atelier pratique : Implémenter un état global (mode sombre/clair) dans l’application

Navigation simplifiée avec GoRouter

• Navigation impérative vs déclarative
• Introduction à GoRouter (déclaration des routes, passage de paramètres)
• Navigation imbriquée et deep-linking
• Atelier : Mise en place de la navigation entre écrans de l’application fil rouge

Animations pour améliorer l’expérience utilisateur

• Animations implicites (AnimatedContainer, AnimatedOpacity)
• Animations explicites (AnimationController, Tween)
• Transitions entre écrans avec Hero
• Micro-interactions et UX
• Atelier pratique : Ajouter une animation de transition dans l’application fil rouge.

Jour 3 : Multiplateforme et applications connectées

Design adaptatif et Material 3

• UI adaptative pour mobile, tablette et desktop
• Layout responsive : breakpoints, MediaQuery
• Composants adaptatifs (NavigationRail, BottomNavigationBar)
• Nouveautés Material 3 (thèmes dynamiques)
• Atelier pratique : Adapter l’interface fil rouge à différents formats (mobile/tablette).

Connexion API REST & manipulation JSON

• Concepts API REST (GET, POST)
• Traitement JSON avec Dart (sérialisation/désérialisation)
• Requêtes HTTP avec package http
• Gestion des erreurs réseau
• Atelier pratique : Connexion de l’application à une API externe (TheMealDB)

Backend avec Firebase (BaaS)

• Introduction à Firebase
• Configuration Firebase dans Flutter
• Authentification avec Firebase Auth
• Gestion de données temps réel avec Cloud Firestore
• Notifications avec Firebase Cloud Messaging
• Sécurité et règles d’accès
• Atelier pratique : Ajouter authentification et stockage de favoris utilisateurs dans l’application fil rouge avec Firebase.

Module complémentaire (+1 jour) : Tests et Intégration Continue

Tests automatisés

• Vue d’ensemble des tests de Flutter
• Écriture de tests unitaires et de tests de widgets
• Utilisation de tests d’intégration pour les tests de bout en bout

Génération de code avec Freezed

• Vue d’ensemble de la génération de code avec Freezed
• Génération de modèles et de classes d’états immuables
• Amélioration de la qualité du code et réduction du code en double

CI/CD avec CodeMagic ou Github Actions

• Vue d’ensemble des pipelines et des workflows CI/CD
• Configuration de CI/CD pour les applications Flutter avec CodeMagic ou Github Actions
• Automatisation des processus de construction, de test et de déploiement