Cours Flutter pour débutants

Leçon 1 • Concepts fondamentaux du langage Dart

Couvrez les variables, les types, les fonctions et le flux de contrôle en Dart. La maîtrise de Dart est requise 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. Ces fondements garantissent que chaque exercice subséquent 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 OOP sous-tendent chaque widget Flutter et classe d'état.

Leçon 1 • Widgets de mise en page de base

Utilisez Row, Column, Stack et Expanded pour disposer les éléments d'interface utilisateur avec précision. La maîtrise de la mise en page est le prérequis pour construire 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 bon type. 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 défilables et de liste

Créez des interfaces défilables 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 et thème

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

Leçon 2 • Mises en page adaptatives et réactives

Utilisez MediaQuery, LayoutBuilder et des points d'arrêt 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. Les 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 barres de grignotines pour des interactions utilisateur contextuelles. Les superpositions communiquent des commentaires sans navigation en plein écran.

Leçon 2 • Barres de navigation inférieure et 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 • Notions de base de Navigator 1.0

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

Leçon 1 • Patron 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 impose un flux de données unidirectionnel strict adapté aux bases de code de grandes équipes.

Leçon 2 • Riverpod pour un état réactif

Déclarez des providers en dehors de l'arbre de widgets avec Riverpod pour un état sûr à la compilation et testable. Riverpod élimine les dépendances au contexte et simplifie l'état asynchrone.

Leçon 3 • InheritedWidget et Provider

Partagez l'état dans tout 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.

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

Utilisez les intercepteurs Dio, l'annulation de requêtes et les téléversements multipart pour un réseautage de qualité production. Dio offre des fonctionnalités que le package http de base n'a pas.

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

Connectez-vous à Firestore et à la base de données en temps réel pour une synchronisation de données en direct entre les appareils. Firebase accélère le développement back-end sans gérer un 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 • Test unitaire de la logique Dart

Testez des fonctions et des classes Dart pures avec le package test et simulez les dépendances à l'aide de 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 CPU et la mémoire, et détecter les saccades. Les compétences en profilage distinguent les applications performantes des applications lentes.

Leçon 3 • Test de widgets

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

Leçon 1 • Signature et versions de construction

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

Construisez et hébergez des applications Web Flutter et configurez des 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, l'essai et la production. Une configuration appropriée prévient les bogues spécifiques à l'environnement en production.