Cours Flutter

Leçon 1 • Dart orienté objet

Explorez les classes, l'héritage, les mixins et les interfaces en Dart. Prépare les étudiants à comprendre la hiérarchie de classes des widgets Flutter.

Leçon 2 • Configuration de l'environnement Flutter

Installez le SDK Flutter, configurez un IDE et connectez un appareil ou un émulateur. Établit la chaîne d'outils dont dépend chaque chapitre suivant.

Leçon 3 • Aperçu de la structure d'un projet Flutter

Examinez l'anatomie d'un projet Flutter : dossiers, pubspec.yaml et point d'entrée. Relie les connaissances Dart à l'organisation réelle d'un projet.

Leçon 1 • Widgets Material et Cupertino de base

Passez en revue les widgets intégrés essentiels : Text, Image, Icon, variantes de Button et AppBar. Fournit une boîte à outils pratique pour construire des écrans réels.

Leçon 2 • Widgets avec état et setState

Introduisez l'état mutable avec StatefulWidget et le mécanisme setState. Permet des composants d'interface utilisateur dynamiques et interactifs.

Leçon 3 • Widgets de formulaires et de saisie

implémentez les champs de texte, les cases à cocher, les boutons radio et la validation de formulaire. Relie la gestion des entrées utilisateur aux concepts de widgets avec état.

Leçon 4 • Widgets sans état en profondeur

Construisez et composez des sous-classes de StatelessWidget pour une interface utilisateur statique. Couvre la méthode build, les constructeurs const et les modèles de réutilisation de widgets.

Leçon 1 • Mises en page adaptatives et responsives

Appliquez MediaQuery, LayoutBuilder et les points de rupture pour adapter l'interface utilisateur à la taille de l'écran. Garantit une expérience utilisateur cohérente entre les catégories d'appareils.

Leçon 2 • Mises en page avec Stack, Positioned et Overlay

Superposez des widgets avec Stack et Positioned pour des éléments d'interface utilisateur qui se chevauchent. Permet les badges, les étiquettes flottantes et les conceptions de superposition personnalisées.

Leçon 3 • Mises en page Row, Column et Flex

Utilisez Row, Column et Flex avec l'alignement, l'espacement et les enfants Expanded ou Flexible. Forme l'épine dorsale de la plupart des mises en page d'écran Flutter.

Leçon 4 • Widgets défilants et listes

Construisez du contenu défilant avec ListView, GridView et CustomScrollView. Couvre les modèles de chargement différé pour les performances avec de grands ensembles de données.

Leçon 1 • Navigator 2.0 et routage déclaratif

Adoptez l'API Router et la liste Pages pour une navigation basée sur les URL. Permet des applications Flutter compatibles navigateur et avec lien profond.

Leçon 2 • Utilisation de GoRouter pour la navigation

Configurez GoRouter pour un routage déclaratif basé sur les URL avec des gardes et des redirections. Simplifie la complexité de Navigator 2.0 dans les applications de production.

Leçon 3 • Navigation par onglets en bas et barres d'onglets

Combinez BottomNavigationBar, TabBar et TabBarView pour les applications à plusieurs sections. Intègre les modèles de navigation avec la gestion des widgets avec état.

Leçon 1 • InheritedWidget et Provider

Partagez l'état vers le bas de l'arbre de widgets avec InheritedWidget, puis simplifiez avec Provider. Développe l'intuition pour l'injection de dépendances dans Flutter.

Leçon 2 • Pattern BLoC avec flutter_bloc

Séparez l'interface utilisateur de la logique métier en utilisant des événements, des états et des classes BLoC. Applique un flux de données unidirectionnel pour les grands projets d'équipe.

Leçon 3 • État local avec ValueNotifier et Hooks

Gérez efficacement l'état local des widgets avec ValueNotifier et flutter_hooks. Réduit le code standard pour les réactifs simples sans solutions complètes.

Leçon 4 • Cadre de décision pour la gestion d'état

Comparez les solutions en termes de complexité, de testabilité et de taille d'équipe. Équipe les étudiants pour justifier les choix architecturaux dans des projets réels.

Leçon 1 • Analyse JSON et modèles de données

Déserialisez le JSON en classes de modèle Dart manuellement et avec la génération de code. Garantit une gestion des données typée et sécurisée dans toute l'application.

Leçon 2 • Pattern Repository et couche de données

Abstrayez les sources de données derrière des interfaces de repository pour la testabilité et la flexibilité. Relie le réseau et la persistance dans une architecture propre.

Leçon 3 • Requêtes HTTP avec Dio et http

Effectuez des requêtes GET, POST, PUT et DELETE en utilisant les packages http et Dio. Couvre les intercepteurs, les en-têtes et la gestion des réponses d'erreur.

Leçon 4 • Dart asynchrone : Futures et Streams

Maîtrisez la syntaxe async/await, le chaînage de Futures et les abonnements à Stream en Dart. Fournit la base asynchrone pour tout le travail de mise en réseau et de persistance.

Leçon 1 • Animations Hero et de transition de page

Implémentez des transitions Hero à élément partagé et des animations de route de page personnalisées. Crée une continuité visuelle entre les écrans lors de la navigation.

Leçon 2 • Animations explicites avec AnimationController

Contrôlez les animations avec précision en utilisant AnimationController, Tween et AnimatedBuilder. Permet des animations en boucle, inversées et séquencées.

Leçon 3 • Animations implicites

Utilisez AnimatedContainer, AnimatedOpacity et TweenAnimationBuilder pour des transitions simples. Obtenez des changements d'interface utilisateur soignés avec un minimum de code.

Leçon 4 • Peinture personnalisée avec Canvas

Dessinez des formes, des chemins et des dégradés en utilisant les API CustomPainter et Canvas. Débloque des éléments d'interface utilisateur entièrement personnalisés au-delà des capacités des widgets standard.

Leçon 1 • Tests d'intégration et de bout en bout

Exécutez des flux complets d'applications sur des appareils réels ou des émulateurs en utilisant le package integration_test. Valide les parcours utilisateur complets avant la publication.

Leçon 2 • Pipelines CI/CD et déploiement sur les magasins

Automatisez les builds, les tests et les publications en utilisant des outils CI et Fastlane. Réduit l'effort de publication manuel et applique des contrôles de qualité sur chaque commit.

Leçon 3 • Tests unitaires dans Flutter

Testez la logique Dart et les classes de gestion d'état de manière isolée en utilisant le package test. Valide la logique métier indépendamment de la couche d'interface utilisateur.

Leçon 4 • Tests de widgets

Affichez les widgets dans un environnement de test et simulez les interactions utilisateur avec WidgetTester. Détecte les régressions de l'interface utilisateur sans exécution sur un appareil réel.