Flutter | Développer des applications mobiles multiplateformes Mixte : présentiel / à distance

Cette formation de trois jours fait passer les développeurs à Flutter : installation express, création d’interfaces mobiles adaptatives, navigation multi-écrans et gestion d’état réactive avec Provider.

Elle montre comment consommer des API REST, optimiser les performances et générer des build prêts pour Android et iOS.

Chaque journée se conclut par un atelier modulable, garantissant l’ancrage pratique immédiat des acquis.   

A l'issue de la formation, le stagiaire sera capable de créer des applications mobiles multiplateformes avec Flutter

• Connaître les Framework de développement mobile et la spécificité de Flutter
• Mettre en place un environnement de développement Flutter
• Concevoir l'architecture logicielle d'une application mobile multiplateforme
• Construire une interface responsive
• Développer avec Dart

Jour 1 – Prendre en main Flutter & Dart

Objectifs du jour :

• Installer l'environnement (SDK Flutter, émulateurs, VS Code/Android Studio)
• Comprendre la structure d'un projet et les bases du langage Dart
• Créer des interfaces simples avec les widgets fondamentaux

Contenu :

• Environnement de travail :
  • Téléchargement du SDK vs Code ou Androïd Studio
  • Configuration du canal stable
  • Commandes flutter doctor, flutter create pour valider l'installation
• Syntaxe Dart essentielle avec exemples concrets :
  • Syntaxe ; variables, types
  • Fonctions fléchées, classes, Null-safety
• Widgets et structure UI de base :
  • Notion d'arbre de widgets
  • Mise en page avec Column, Row, Stack
  • Gestion du responsive
  • Navigation par clavier, compatibilité écran
• Introduction à l'accessibilité : sémantique, contrastes, taille des textes
• Hot Reload / Hot Restart :
  • Boucle d'itération rapide pour tester les modifications
• Atelier fil rouge :
  • Créer une application
  • Créer l'écran Fiche (Carte de visite, fiche produit, profil utilisateur…) : photo, nom, contact e-mail avec une logique responsive

Jour 2 – Navigation, gestion d'état & accès aux données

Objectifs du jour :

• Relier plusieurs écrans et gérer les déplacements utilisateur
• Centraliser les données partagées et réagir aux changements d'état
• Consommer une API REST et afficher les résultats

Contenu :

• Navigation Flutter & routes avec des exemples concrets :
  • Navigateur d'itinéraires
  • Piles de pages
  • Passage de paramètres
  • Deep-linking
• Gestion d'état :
  • Architecture légère pour Flutter
  • Comparaison setState local / Provider / Riverpod
  • Bonnes pratiques : séparation logique / présentation UI / données
• Accès réseau :
  • Appels HTTP avec http package
  • Parsing JSON
  • Loading indicators, erreurs réseau
• Sécurité basique & RGPD
  • Stockage local sécurisé des tokens
  • Gestion des autorisations (permissions plugin) 

• Atelier pratique :
  • Implémenter un écran “Catalogue” : récupérer une liste d'articles via une API publique ou simulée, navigation vers un écran “Détail”, puis ajouter un produit à un favori stocké dans Provider.

Jour 3 – Optimisation, déploiement, CI/CD & IA 

Objectifs du jour :

• Améliorer la performance et réduire la taille du package
• Générer et tester une application de production pour Android & iOS
• Comprendre et expérimenter les tests et la CI/CD
• Découvrir comment l'IA devient un support de productivité tout en restant conforme au RGPD

Contenu :

• Performance & accessibilité :
  • Profilage avec DevTools
  • Gestion des images
  • Listes performantes (ListView.builder)
  • Internationalisation rapide (arbres de ressources)
• Build & publication :
  • Signatures, variantes “debug/ release”
  • Optimisation des icônes et splashes
  • Déploiement OTA avec Firebase App Distribution (aperçu)
• CI/CD de base :
  • Flutter test, couverture
  • Script GitHub Actions complet : tests unitaires → build APK/IPA → artefacts
• Intégration IA :
  • Risques et bonnes pratiques (RGPD)
  • Démonstration d'outil IA proposant la trame d'un test Widgetou un fragment YAML CI 

• Atelier pratique fil rouge :
  • Finaliser et optimiser l'application “Catalogue” : activer les modes release, mesurer les FPS avec DevTools, générer un test widget de l'écran “Détail” puis l'ajuster et l'intégrer au pipeline CI minimal.

Docaposte Institute propose plusieurs dispositifs pédagogiques adaptés aux apprenants :

• Formation en présentiel
• En groupe (inter-entreprises ou intra-entreprise)
• En individuel (monitorat)
• En journée ou en cours du soir (sur demande spécifique)
• Formation en distanciel
• Distanciel synchrone
• Distanciel asynchrone

• Apports des connaissances communes.
• Mises en situation sur le thème de la formation et des cas concrets.
• Méthodologie d'apprentissage attractive, interactive et participative.
• Equilibre théorie / pratique : 60 % / 40 %.
• Supports de cours fournis au format papier et/ou numérique.
• Ressources documentaires en ligne et références mises à disposition par le formateur.
• Pour les formations en présentiel dans les locaux mis à disposition, les apprenants sont accueillis dans une salle de cours équipée d'un réseau Wi-Fi, d'un tableau blanc ou paperboard. Un ordinateur avec les logiciels appropriés est mis à disposition (le cas échéant).

En amont de la formation :

• Recueil des besoins des apprenants afin de disposer des informations essentielles au bon déroulé de la formation (profil, niveau, attentes particulières...).
• Auto-positionnement des apprenants afin de mesurer le niveau de départ.

Tout au long de la formation : 

• Évaluation continue des acquis avec des questions orales, des exercices, des QCM, des cas pratiques ou mises en situation...

A la fin de la formation : 

• Auto-positionnement des apprenants afin de mesurer l'acquisition des compétences.
• Evaluation par le formateur des compétences acquises par les apprenants.
• Questionnaire de satisfaction à chaud afin de recueillir la satisfaction des apprenants à l'issue de la formation.
• Questionnaire de satisfaction à froid afin d'évaluer les apports ancrés de la formation et leurs mises en application au quotidien.

• Admission sans disposition particulière