Retour

Développement d'applications avec Dart et Flutter

Durée : 4 jours (28h)
Tarif : 2400€ HT

Flutter est une technologie open-source développée par Google pour accélérer le développement d'applications mobiles, web et desktop.

Flutter permet aux développeurs d’utiliser un même code source pour toutes les plateformes, ce qui simplifie considérablement le processus de développement et réduit les coûts. Flutter facilite également la création d'interfaces graphiques complexes et interactives grâce à l'utilisation d'un paradigme déclaratif pour la construction des interfaces, une librairie complète de composants graphiques (Material Design) et un environnement de développement particulièrement productif (Hot Reload).

Objectifs

Cette formation permet d’acquérir les bases nécessaires pour le développement d’une application avec Flutter :

Pré-requis

Les participants doivent connaitre au moins un langage orienté objet.

Programme

Jour 1 : Introduction à Dart et Flutter

Dart : un langage familier et moderne

  • Programmation Orienté Objet
  • Programmation asynchrone
  • Sound null safety
  • Dart 3.x : Record, Pattern matching, extension types...

Développement d’une application en ligne de commande (CLI)

Création d’un projet Flutter

Un projet Flutter est constitué de sa configuration propre, de son code source Dart, et des sous-projets des différents plateformes visés ( iOS, android, web, windows,…)

  • Utiliser Flutter CLI
  • Création de projet via l’IDE
  • Structure et configuration du projet

Création d’interfaces graphiques

Flutter permet de construire l’interface graphique à l’aide d’une syntaxe déclarative.

  • Structure d’une application Flutter
  • Structure d’un écran
  • Afficher du texte
  • Afficher des images et des icônes
  • Composer un layout

Jour 2 : Création d'interfaces graphiques

Interactivité et navigation

Flutter offre une riche librairie de widgets, nous en utiliserons les principaux. Nous verrons ensuite comment construire ses propres « widgets personnalisés » à partir de ces briques élémentaires.

  • Afficher des listes et des grilles
  • Créer de widgets simples
  • Ajouter de l'interactivité
    • Utiliser les boutons Material
    • Créer des boutons personnalisés
  • Gérer la navigation
    • Naviguer entre plusieurs écrans
    • Afficher des popups
    • Utiliser des onglets de navigation

Création d’une application Master/Détails

Widgets et Gestion d’états

  • Stateless et Stateful : les différents types de widgets
  • Maîtriser le cycle de vie d’un widget
  • Création de widgets complexes

Jour 3 : Formulaires et HTTP

Création de formulaires

  • Utilisation des widgets de saisie
  • Validation des données

Gérer le thème graphique

  • Utilisation et personnalisation le thème Material

Création d’un formulaire d'identification

Gérer les données

  • Communication client-serveur (HTTP)
  • Modèles de données, sérialisation et génération de code

Implémentation d’appels HTTP à une API locale

Gestion d'état


Jour 4 : Architecture et tests

Application du principe de séparation Vue/Logique métier

Tester votre application

  • Tests unitaires
  • Tests de widgets
  • Tests d’intégration

Debuguer l'application avec les devtools

Ajout de tests à l’application TP