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 frameworks 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

• 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

Environnement de travail

• Téléchargement du SDK, VS Code ou Android 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

• 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

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

• 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

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 splash screens
• 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 Widget ou 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.
• Équilibre 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éroulement 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.
• Évaluation 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