Formation Flutter & Dart
1980€ HT / personne |
3 jours (21 heures) |
Présentation
Notre Formation Flutter et Dart vous permettra de créer des interfaces utilisateur, d’ajouter des fonctionnalités et de tester et corriger les bugs plus rapidement. Flutter est un framework créé par Google, pour la création d’interfaces natives de haute qualité sur iOS et Android en un temps record. Dart est, lui, un langage de programmation généraliste développé utilisé pour créer des applications Web, serveur et mobiles, ainsi que pour les appareils de l’Internet des objets (IoT).
Dans cette formation, vous allez maîtriser le Framework Flutter et le langage Dart. Avec une introduction aux outils de développement, nous aborderons le langage Dart dans son ensemble, et passerons sur la programmation Orientée Objet. Nous apprendrons ensuite le langage Flutter, du Hello World à la base de donnée, en passant par les widgets.
La formation utilisera les dernières versions stables en date du projet (Flutter 3.10 et Dart 3.0 à ce jour).
Objectifs
- Être capable de créer une application iOS et Android
- Maîtriser le Framework Flutter et le langage Dart
Public visé
- Développeur
- Lead Developer
Pré-requis
- Connaissance dans un langage de programmation orienté objet (Java, C#…)
PRÉ-REQUIS LOGICIELS
- Les dernières mises à jour de l’OS (Mac ou Windows)
- Flutter SDK mis à jour Android Studio avec le SDK Android installé (pour les tests sur simulateur Android)
- Visual Studio Code
- Flutter Live Preview Plugin pour Visual Studio Code
RECOMMANDATIONS DE LECTURES AVANT LA FORMATION
- Nous vous recommandons le site personnel de Dane Mackier qui fournit une tonne de code snippets clé en main ainsi que des tutoriels vidéos complètement qui démontrent qu’il n’y a pas de limites avec Flutter !
- Le blog de Christian Findlay développeur australien qui met à disposition des articles techniques sur Dart, les composants Flutter, les Tests, l’immutabilité et l’IoC, la programmation asynchrone (async/await)
- L’accessibilité (Flutter team en parle dans son blog)
- L’injection de dépendance et autres trucs et astuces de Flutter dans le blog de Reso Coder
- Les nouveautés de Dart 3.0 et Flutter 3.7. Vous pouvez regarder les nouveautés depuis la 1 jusqu’à la 3.0
Programme de notre formation Flutter & Dart
Jour 1 : Introduction à Flutter et Dart
- Présentation de Flutter et de Dart
- Configuration de l’environnement de développement sur macOS et Windows
- Utilisation de l’éditeur de code recommandé par Flutter
- Utiliser Flutter Version Management (FVM) en local
- Bases de la programmation Dart : variables, types de données, conditions, boucles, fonctions
- Concepts de widgets et d’interfaces utilisateur
- Exploration des widgets intégrés et création de vos propres widgets
- Astuces de débogage
Le langage Dart
- Introduction à Dart
- La syntaxe
- Types de données
- Structures de contrôle
- Fonctions
- Null-Safety
- Concepts de POO en Dart
- Types optionnels
- Programmation asynchrone
- Isolates
- Streams
- Mixins
- Génériques
- Méthodes d’extension
- Loop For-in
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 : Gestion d’état
- Gestion d’état dans les applications Flutter
- Utilisation de Stateful et Stateless widgets
- Compréhension des méthodes du cycle de vie des widgets Stateful
- Compréhension de la façon de passer des données aux objets State via le widget Stateful
- Gestion d’état avancée
- Utilisation du widget TextField pour prendre des entrées utilisateur
- Mise en place du Provider pour partager les données entre les écrans
- Utilisation de la classe ChangeNotifier pour la gestion d’état
- Création de la classe Model pour stocker les données
- Utilisation de la classe Consumer pour consommer les données
- Exemples de gestion d’état avec Provider
Navigation
- Introduction à la navigation entre les écrans
- Utilisation de la classe Navigator pour naviguer entre les écrans
- Création de différentes vues
- Ajout de boutons pour naviguer entre les écrans
- Compréhension de la façon de passer des données en arrière à l’aide du widget Navigator
- Création de tabs, side drawers et navigation basée sur les piles
Animations
- Utilisation de l’animation de transition pour une expérience utilisateur plus fluide
- Utilisation de la classe Hero pour créer des animations de transition personnalisées
- Introduction aux animations avancées de transition
- Ajout d’animations et de transitions de page
- Création d’animations personnalisées pour une expérience utilisateur plus riche
Jour 3 : Création d’applications Crossplatform et connectées
- Comprendre Flutter sur toutes les plateformes (Web, Mobile, Desktop)
- Adapter l’application Flutter pour les différentes plateformes
- Les notifications Push : comment envoyer des notifications à vos utilisateurs
- L’utilisation des fonctionnalités natives des appareils mobiles, comme la caméra
- Utilisation de packages tiers pour ajouter des fonctionnalités supplémentaires à l’application
- Récupération des données de localisation sur iOS et Android
API Request & Manipuler du JSON
- Apprentissage de la programmation asynchrone en Dart avec async/await et l’API
- Compréhension des Futures
- Manipulation de contenu JSON
- Envoi de requêtes HTTP pour récupérer des données à partir d’un backend
- Gestion des exceptions en Dart avec try/catch et throw
Firebase
- Présentation de Firebase
- Configuration d’un projet
- Utilisation de Firebase Authentification pour authentifier les utilisateurs dans l’application Flutter
- Utilisation de Firebase Cloud Firestore pour stocker et récupérer des données structurées dans l’application Flutter
- Améliorer sa compréhension de l’asynchronisme avec les Streams
- Création d’une application de messages instantanés
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
Pour aller plus loin
Formation Flutter Avancé
Formation React Native
Formation Ionic
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Nos Formateurs Référents
Boris-Wilfried
Témoignages
Les + : On peut faire difficilement mieux en 3 jours. Formateur compétant.
Les – : La dernière exercice était un peu trop ambitieux.
En synthèse : Je suis content d’avoir fait cette formation.
Afficher tous les témoignages
Les + : On peut faire difficilement mieux en 3 jours. Formateur compétant.
Les – : La dernière exercice était un peu trop ambitieux.
En synthèse : Je suis content d’avoir fait cette formation.
Les + : expérience du formateur, beaucoup de pratique
Les – : manque de théorie, pas d’objectif clairement définir au début des exercices, trop de temps perdu pour des choses accessoires (outils tiers)
Je recommande la formation
Je recommande la formation
Les + : Découverte du framework flutter c’est tout
Les – : Manque d’un cookbook et de retour d’expérience pour savoir comment comment programmer en flutter un problème
Je recommande la formation
Les + : programme complet, basé sur la pratique
très bonne connaissance du sujet par le formateur
ambiance agréable
Les – : parfois trop de temps passé sur des pb d’environnement / installation
qq exercices trop complexes : par exemple, developper une app de chat en 2H avec firebase
Je recommande la formation
Les + : parcours des bases nécessaires à flutter avec application dans des exercices
Les – : un peu fastidieux de repartir de zéro pour chaque exercice. On pourrait construire une application plus complète avec plutôt juste des partie correspondantes à la théorie en cours. quitte à avoir des bouts de code fournis pour aller plus vite dans la pratique.
Les + : pratique
Les – : pas assez de temps passé à expliquer les notions importantes
Les + : Le formateur est très à l’écoute
Les – : Il faudrait je pense faire une seule application durant toute la formation, permettant de ne pas perdre trop de temps sur la creation de nouveaux projets entre chaque modules
En synthèse : Merci a Attila pour ses réponses et son écoute.
Les + : La mise en pratique.
Les – : Manque d’adaptation sur le rythme, nous aurions pu aller plus vite sur plusieurs points.
Je souhaite suivre : Kotlin Multiplateforme
En synthèse : Merci 🙂
Navigation Site Reviews
Noter la formation
1980€ HT / personne |
3 jours (21 heures) |