Cours Flutter pour débutants

Leçon 1 • Concepts fondamentaux du langage Dart

Abordez les variables, types, fonctions et flux de contrôle en Dart. La maîtrise de Dart est nécessaire avant d'écrire toute logique de widget Flutter.

Leçon 2 • Configuration de l'environnement de développement

Installez le SDK Flutter, configurez un IDE et connectez un appareil ou un émulateur. Cette base garantit que chaque exercice ultérieur s'exécute sans friction de configuration.

Leçon 3 • Programmation orientée objet en Dart

Appliquez les classes, l'héritage, les mixins et les interfaces pour modéliser des objets du monde réel. Ces patrons POO sous-tendent chaque widget Flutter et classe d'état.

Leçon 1 • Widgets de mise en page fondamentaux

Utilisez Row, Column, Stack et Expanded pour disposer précisément les éléments de l'interface utilisateur. La maîtrise de la mise en page est le prérequis pour créer un écran réel.

Leçon 2 • Widgets sans état et avec état

Distinguez les widgets immuables sans état des widgets mutables avec état et choisissez le type approprié. Un choix correct de widget évite les reconstructions inutiles et les bogues.

Leçon 3 • Widgets de saisie et de formulaire

Capturez la saisie utilisateur avec TextField, Form et la logique de validation. Les formulaires sont le principal mécanisme de saisie de données dans la plupart des applications de production.

Leçon 4 • Widgets de défilement et de liste

Créez des interfaces défilantes avec ListView, GridView et CustomScrollView. Un rendu efficace des listes est essentiel pour les applications Flutter riches en données.

Leçon 1 • Conception Material Design et thèmes

Configurez ThemeData de MaterialApp pour définir les couleurs, la typographie et les styles de composants globalement. Un thème unifié réduit le code de style redondant dans toute l'application.

Leçon 2 • Mises en page adaptatives et responsives

Utilisez MediaQuery, LayoutBuilder et des points de rupture pour adapter les mises en page aux téléphones, tablettes et ordinateurs de bureau. La conception adaptative est obligatoire pour les applications Flutter multiplateformes.

Leçon 3 • Animations et effets visuels

Implémentez des animations implicites et explicites pour améliorer l'expérience utilisateur. Des transitions fluides signalent la qualité et guident efficacement l'attention de l'utilisateur.

Leçon 1 • Boîtes de dialogue, feuilles et superpositions

Affichez des boîtes de dialogue modales, des feuilles inférieures et des snack bars pour des interactions utilisateur contextuelles. Les superpositions communiquent un retour sans navigation plein écran.

Leçon 2 • Navigation inférieure et barres d'onglets

Combinez BottomNavigationBar et TabBar avec un état persistant entre les onglets. La navigation par onglets est le modèle dominant dans les applications mobiles grand public.

Leçon 3 • Principes de base de Navigator 1.0

Poussez et retirez des routes de manière impérative à l'aide de Navigator.push et de routes nommées. Cette approche couvre la majorité des besoins de navigation simples des applications.

Leçon 1 • Motif BLoC avec flutter_bloc

Séparez la logique métier de l'interface utilisateur à l'aide d'événements, d'états et de Cubits. BLoC applique un flux de données unidirectionnel strict adapté aux bases de code de grandes équipes.

Leçon 2 • Riverpod pour l'état réactif

Déclarez des fournisseurs en dehors de l'arbre de widgets avec Riverpod pour un état testable et sécurisé à la compilation. Riverpod élimine la dépendance au contexte et simplifie l'état asynchrone.

Leçon 3 • InheritedWidget et Provider

Partagez l'état dans l'arbre de widgets avec InheritedWidget, puis simplifiez-le à l'aide du package Provider. Provider est la passerelle vers une gestion d'état évolutive.

Leçon 1 • Données relationnelles avec SQLite

Définissez des schémas, exécutez des requêtes et gérez les migrations à l'aide du package sqflite. SQLite gère les données structurées hors ligne que les magasins clé-valeur ne peuvent pas gérer.

Leçon 2 • Réseau avancé avec Dio

Utilisez les intercepteurs Dio, l'annulation de requête et les téléchargements multipart pour un réseau de qualité production. Dio offre des fonctionnalités que le package http de base ne possède pas.

Leçon 3 • Données en temps réel avec Firebase

Connectez-vous à Firestore et à Realtime Database pour une synchronisation des données en direct entre les appareils. Firebase accélère le développement backend sans gérer de serveur personnalisé.

Leçon 4 • Requêtes HTTP et API REST

Envoyez des requêtes GET, POST, PUT et DELETE à l'aide du package http et gérez les réponses. L'intégration REST est la source de données la plus courante dans les applications mobiles.

Leçon 1 • Tests unitaires de la logique Dart

Testez des fonctions et des classes Dart pures avec le package test et simulez les dépendances avec Mockito. Les tests unitaires valident la logique métier indépendamment de l'interface utilisateur.

Leçon 2 • Débogage avec Flutter DevTools

Utilisez DevTools pour inspecter l'arbre de widgets, profiler le processeur et la mémoire, et détecter les saccades. Les compétences en profilage distinguent les applications performantes des applications lentes.

Leçon 3 • Tests de widgets

Affichez les widgets dans un environnement de test et simulez les interactions utilisateur avec WidgetTester. Les tests de widgets détectent les régressions de l'interface utilisateur sans appareil physique.

Leçon 1 • Signatures et versions de publication

Générez des clés de signature, configurez Gradle et Xcode pour la version et produisez des artefacts signés. La signature est une étape obligatoire avant toute soumission à un magasin.

Leçon 2 • Déploiement Web et de bureau Flutter

Créez et hébergez des applications web Flutter et configurez les cibles de bureau pour Windows, macOS et Linux. Le déploiement multiplateforme maximise la portée de l'application à partir d'une seule base de code.

Leçon 3 • Configuration de l'application et variantes

Gérez les identifiants d'application, les autorisations et les variantes de construction pour le développement, la préproduction et la production. Une configuration appropriée évite les bogues spécifiques à l'environnement en production.