Back

Flutter

  • Flutter est un framework opensource de développement d’applications mobiles natives créé par Google en 2017. Il permet d’écrire des applications Android et iOS en un seul code partagé, à la manière de Xamarin.Forms. Flutter utilise des SDK d’Android et d’iOS afin d’avoir un rendu natif, que ce soit en utilisant le Material Design ou Cupertino.

    • flutter

  • Flutter est un framework d’interface multiplateforme conçu par Google et pensé à l’origine pour les apps mobiles. Le même code peut servir à générer des apps iOS et Android natives. Avec sa deuxième version, Flutter pourra aussi servir à créer des apps desktop pour macOS, Windows et Linux et même des sites web.
  • Flutter est le framework de Google permettant un développement multi-plateforme. Il permet donc de ne développer une application qu’une seule fois pour les différentes plateformes : iOS et Android.
  • Flutter s’appuie sur le langage de programmation DART (à l’origine appelé Dash), créé également par Google et présenté au public en 2011.
  • Contrairement à React Native, les applications Flutter, grâce à Dart, sont compilées AOT (Ahead of Time). Ceci permet de générer une application native pour Android et pour iOS. Ainsi le code est optimisé pour l’architecture de chaque plateforme. Une autre différence avec Xamarin et React Native est que Flutter dessine l’interface en utilisant Skia, au lieu d’être un wrapper au dessus des composants UI natifs à Android et iOS.
  • Un des principaux avantages de dessiner l’interface avec Skia est que l’interface utilisateur sera identique sur Android et sur iOS. Les applications Flutter se veulent pixel perfect, ainsi le design de l’application n’est pas dépendant ce l’OS.
  • Le cours de formation Flutter est conçu pour apprendre à utiliser Flutter pour développer des applications mobiles interactives de haute qualité pour les appareils iOS et Android.
  • Dans ce cours de formation, vous apprendrez à coder à l’aide de Dart et à créer des applications iOS et Android magnifiques, rapides et de qualité native.
  • Même si vous avez une expérience de programmation ZÉRO. Que vous soyez débutant dans le développement d’applications mobiles ou expérimenté avec d’autres Framework d’applications mobiles, vous apprécierez le développement à grande vitesse et les applications de qualité que Flutter permet.
  • Public cible:
    • Développeur Web Front-End
    • Développeur Web Full Stack
    • développeur Java



01- Introduction au développement mobile

  1. Découvrir la Programmation Mobile

  2. Introduction au développement mobile

  3. Les contraintes liées au développement mobile

  4. Types d’application mobile

  5. Outils et Framework de développement des applications mobiles

02- Installation d'environnement Flutter

  1. Comment installer Flutter sous Windows

  2. Mise à jour du SDK Flutter

  3. Installation d’Android Studio

  4. Flutter Doctor

  5. Comment configurer un émulateur pour VSCode ?

03- S'engager avec Flutter

  1. Créez votre première application Flutter

  2. Créer une application mobile avec Flutter

  3. TP 1: Création d’une première application avec Flutter

04- Introduction aux widgets

  1. Qu’est ce qu’un widget Flutter ?

  2. Types de widgets dans Dart

  3. Le widget MaterialApp de Flutter

  4. Flutter Scaffold

  5. Comment utiliser le widget AppBar dans Flutter

  6. Comment utiliser le widget TabBar de Flutter

  7. StatefulWidget et StatelessWidget dans Flutter

  8. TP 4 Construire une carte de visite minimaliste avec Flutter

  9. TP 5 Flutter Conception d’un Compteur Interactif et Personnalisé

05- Interface utilisateur

  1. Interface utilisateur (UI) Android

  2. Layouts dans Flutter

  3. Le widget Container dans Flutter

  4. Row et Column dans Flutter

  5. Créer un design responsive avec MediaQuery dans Flutter

    6. Travaux Pratiques

    1. Exercices et TP Flutter Série 02

06- Les champs de saisie de texte

  1. Le widget TextField dans Flutter

  2. InputDecoration pour TextField et TextFormField

  3. Utiliser InputFormatter dans Flutter

  4. Récupérer la valeur d’un TextField dans Flutter

  5. Utiliser TextEditingController dans Flutter

  6. Comment vider un TextField dans Flutter

  7. Additionner deux chiffres avec Flutter

  8. Ajouter un compteur de caractères à un TextField dans Flutter

    9. Travaux Pratiques

    1. Exercices et TP Flutter Série 01

07- Les boutons Flutter

  1. Les Types de boutons dans flutter

  2. Le widget TextButton de Flutter

  3. Le widget IconButton dans flutter

  4. Le widget OutlinedButton dans flutter

  5. Le widget floatingActionButton dans flutter

  6. Utiliser RadioButtons et RadioListTile dans Flutter

    7. Travaux Pratiques

    1. Exercices et TP Flutter Série 03

08- Les Formulaires Flutter

  1. Le widget TextFormField dans Flutter

  2. Créer et valider un formulaire avec Flutter

  3. Valider un formulaire avec Flutter

  4. Validation des e-mails dans Flutter

09- Listes et grilles dans Flutter

  1. Le Widget ListTile dans Flutter

  2. Le Widget CheckboxListTile dans Flutter

  3. Le widget ListView dans Flutter

  4. Le widget GridView dans Flutter

  5. Utiliser GridView dans Flutter

  6. Le Widget Flutter Card

    7. Travaux Pratiques

    1. Exercices et TP Flutter Série 04

10- Les widgets Switch et Checkbox dans Flutter

  1. Le Widget Checkbox dans Flutter

  2. Le Widget DropdownButton dans Flutter

  3. Comment styler DropdownButton dans Flutter

11- Pop-up et SnackBar

  1. Le widget SnackBar de Flutter

  2. Le widget SnackBar de Flutter

  3. AlertDialog avec un TextField dans Flutter

12- Navigation et routage dans Flutter

  1. Comment naviguer entre les pages de votre application Flutter

  2. Le widget Navigator dans Flutter

  3. Transmettre des données entre les écrans en Flutter

  4. Projet Flutter : Application de Navigation et Gestion des Données

13- Barre d’action et menus

  1. Le widget PopupMenuButton dans Flutter

  2. Le widget Drawer dans Flutter

14- Architecture et Performances avec Flutter

  1. Architecture et Performances avec Flutter

  2. Comprendre l’Architecture MVVM dans Flutter

15- Les animations dans Flutter

    Introduction aux animations Flutter

  1. Introduction aux Animations dans Flutter

  2. Créer des animations dans Flutter

  3. Les Animations Implicites dans Flutter

    4. Utilisation d’AnimationController et de Tween
    Utilisation de CurvedAnimation et de ColorTween
    Utilisation d’Animated­Widget
    Utilisation d’AnimatedBuilder
    Utilisation d’AnimatedContainer
    Utilisation de FadeInImage
    Utilisation de FadeTransition et de SlideTransition
    Utilisation de Transform
    Les animations Hero

16- Le Theming dans Flutter

  1. Le widget Theme dans Flutter

17- Implémentation de widgets visuels

  1. Implémentation de widgets visuels

18-Base de données SQLite

  1. Flutter – Concepts de base de données

  2. Comment utiliser SQLite dans Flutter

  3. Comment gérer les opérations sur une base de données SQLite dans Flutter

  4. Comprendre le concept du mot-clé « factory »

19-Maîtriser les Opérations CRUD avec sqllite dans Flutter

  1. Flutter SQLite : Opérations CRUD

  2. Maîtriser les Opérations CRUD avec sqflite dans Flutter

  3. Application de Gestion des Utilisateurs (CRUD) -1

  4. Projet Flutter : Application de Gestion des Utilisateurs (CRUD)-2

    5. Travaux Pratiques

    1. Projet Flutter gérer une liste d’éléments

    2. Projet Flutter développement d’une application mobile pour un restaurant

20-Images & SQLite

  1. Application de Gestion des Utilisateurs (CRUD) -2

21- Firebase

  1. Google Firebase

  2. Firebase Real-time Database

  3. Ajouter Firebase à votre application Flutter

22- FutureBuilder Widget

  1. Le Widget FutureBuilder dans Flutter

23- Déployer son application

  1. Déploiement par environnement

  2. Changer l’icône du lanceur (launcher) d’applications dans Flutter

  3. Créer un fichier APK à partir de votre application Flutter

24- Applications

  1. Créer le design d’une application en Flutter

  2. Développement d’un Jeu Tic-Tac-Toe en Flutter

  3. Développement d’une Calculatrice Simple en Flutter

  4. Développement d’un Carnet de Note Simple en Flutter

  5. Création de votre première App Flutter compteur voyelle

25-TP

  1. TP 1: Création d’une première application avec Flutter

  2. TP 2: Création d’une première application avec Flutter

  3. TP 4 Construire une carte de visite minimaliste avec Flutter

  4. TP 5 Flutter Conception d’un Compteur Interactif et Personnalisé

  5. TP6 Créer une application Flutter avec un formulaire d’inscription

  6. TP7 Recréer une Application de Connexion avec Mot de Passe Oublié et Inscription

  7. TP8 Créer une Calculatrice en Flutter

  8. TP9 Créer et valider un formulaire d’inscription avec Flutter

  9. TP10 Création d’une Application Flutter de Formulaire d’Inscription

  10. TP11 Application de Répertoire de Moyens de Transport

  11. TP12 Application de Catalogue de Produits

26- Projets

  1. Création de votre première App Flutter compteur voyelle

  2. Projet Flutter : Application de Navigation et Gestion des Données