Cours Flutter

Leçon 1 • Dart orienté objet

Explorez les classes, l'héritage (POO), les mixins et les interfaces (de programmation) en Dart. Prépare les étudiants à comprendre la hiérarchie des classes de widgets de 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 en Dart à l'organisation réelle d'un projet.

Leçon 1 • Widgets Material et Cupertino fondamentaux

Passez en revue les widgets intégrés essentiels : Text, Image, Icon, variantes de Button et AppBar. Fournit une boîte à outils pratique pour créer 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 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 • Dispositions adaptatives et réactives

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

Leçon 2 • Dispositions 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 • Dispositions Row, Column et Flex

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

Leçon 4 • Widgets et listes défilants

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 la navigation pilotée par URL. Permet des applications Flutter compatibles avec le navigateur et exploitables par liens profonds.

Leçon 2 • Utilisation de GoRouter pour la navigation

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

Leçon 3 • Navigation par onglets et barres inférieures

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

Leçon 1 • InheritedWidget et Provider

Partagez l'état dans l'arbre de widgets avec InheritedWidget, puis simplifiez avec Provider. Développez 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 à l'aide d'événements, d'états et de classes BLoC. Imposez un flux de données unidirectionnel pour les grands projets en équipe.

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

Gérez efficacement l'état local des widgets avec ValueNotifier et flutter_hooks. Réduisez le code standard pour un état réactif simple sans solutions complètes.

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

Comparez les solutions en fonction de la complexité, de la testabilité et de la taille de l'équipe. Permettez aux étudiants de justifier les choix architecturaux dans des projets réels.

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

Désérialisez le JSON en classes de modèles Dart manuellement et avec génération de code. Garantissez un traitement des données typé et sécurisé dans toute l'application.

Leçon 2 • Patron Dépôt et couche de données

Abstrayez les sources de données derrière des interfaces de dépôt pour la testabilité et la flexibilité. Reliez le réseautage et la persistance en une couche d'architecture propre.

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

Effectuez des requêtes GET, POST, PUT et DELETE à l'aide des 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, l'enchaînement de Future et les abonnements à des Streams en Dart. Fournissez les bases asynchrones pour tout le travail de réseautage et de persistance.

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

Implémentez les transitions Hero d'éléments partagés et les 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 à l'aide d'AnimationController, Tween et AnimatedBuilder. Permet les 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 à l'aide des 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 d'application complets sur des appareils réels ou des émulateurs à l'aide du package integration_test. Validez les parcours utilisateur complets avant la publication.

Leçon 2 • Pipelines CI/CD et déploiement en magasin

Automatisez les constructions, les tests et les publications à l'aide d'outils CI et de Fastlane. Réduisez l'effort de publication manuelle et appliquez des contrôles de qualité à 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 à l'aide du package test. Validez 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étectez les régressions de l'interface utilisateur sans exécution sur un appareil réel.