Choisissez votre langue
Cours Flutter avec Firebase
Plus de 2 millions d'étudiants dans le monde

Cours Flutter avec Firebase

Créez des applications mobiles full-stack en combinant le puissant framework UI de Flutter avec les services backend de Firebase. Ce cours vous mène de la configuration de l'environnement au déploiement en production, en couvrant l'authentification, Firestore, le stockage cloud et les notifications push. Chaque concept est appliqué par le biais de code pratique, afin que vous repartiez avec une application réelle et publiable.

Dedika pour les entreprises

Ce que vous allez apprendre:

Vous apprendrez à créer des applications Flutter complètes reposant sur Firebase, en commençant par les fondamentaux de Dart et le système de widgets Flutter. Vous mettrez en œuvre des flux d'authentification sécurisés, modéliserez et interrogerez des bases de données Firestore, et gérerez des téléchargements de fichiers avec Firebase Storage. Ce cours couvre la gestion d'état avec Provider et Riverpod, les règles de sécurité Firestore et les Cloud Functions. Vous intégrerez également Firebase Analytics, Crashlytics et les notifications push. À la fin, vous saurez comment rédiger des tests automatisés, appliquer des modèles d'architecture propres et déployer votre application sur l'App Store et Google Play.

Comment vous étudiez de façon pratique Cours Flutter avec Firebase

Comment vous pratiquez Cours Flutter avec Firebase

Pour vous, entreprise, qui souhaitez former votre équipe

Avec Dedika pour les entreprises, le cours inclut des exercices et des exemples adaptés à votre propre activité et aux besoins spécifiques de votre entreprise.

Cliquez ici

Contenu du cours

8 Chapitres • 38 LeçonsDurée entre 4 et 360 heures (vous décidez)

Chapitre 1Voir les détails

Fondations Flutter et Firebase

  • Leçon 1 • Présentation de la structure d'un projet Flutter

    Examinez l'anatomie d'un projet Flutter : dossiers, points d'entrée et pubspec.yaml. Comprendre cette structure évite les erreurs de configuration tout au long du cours.

  • Leçon 2 • Introduction aux services Firebase

    Passez en revue les produits Firebase — Auth, Firestore, Storage et Hosting — et leurs rôles. Cette vue d'ensemble cadre quel service résout quel problème dans les chapitres suivants.

  • Leçon 3 • Notions essentielles du langage Dart pour Flutter

    Couvrez la syntaxe Dart, la null safety et les motifs asynchrones nécessaires pour écrire des applications Flutter. Ces fondamentaux du langage sous-tendent chaque widget et appel Firebase à venir.

  • Leçon 4 • Connexion de Flutter à Firebase

    Ajoutez Firebase à un projet Flutter à l'aide de la CLI FlutterFire et des fichiers de configuration de la plateforme. Une connexion vérifiée ici est le prérequis pour tous les chapitres sur les fonctionnalités Firebase.

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

    Installez le SDK Flutter, Dart, Android Studio et les extensions VS Code. Cette configuration de base permet tous les exercices de codage ultérieurs du cours.

Chapitre 2Voir les détails

Maîtrise du système de widgets Flutter

  • Leçon 1 • Formulaires et saisie utilisateur

    Construisez des formulaires validés à l'aide de TextFormField, du widget Form et de GlobalKey. La gestion des formulaires est directement réutilisée dans le chapitre sur l'authentification Firebase.

  • Leçon 2 • Widgets Stateless et Stateful

    Distinguez quand utiliser StatelessWidget vs StatefulWidget et gérez l'état local avec setState. Ce choix détermine la réactivité de l'interface utilisateur dans chaque écran construit ultérieurement.

  • Leçon 3 • Navigation et routage

    Implémentez des routes nommées et Navigator 2.0 pour les applications multi-écrans. Une architecture de navigation appropriée prend en charge les flux d'authentification et le deep linking introduits dans les chapitres suivants.

  • Leçon 4 • Widgets de mise en page fondamentaux

    Utilisez Column, Row, Stack, Container et Expanded pour composer des écrans. La maîtrise des widgets de mise en page est essentielle avant de construire des listes et des interfaces utilisateur de formulaires basées sur Firebase.

  • Leçon 5 • Listes, grilles et vues défilantes

    Affichez des données dynamiques avec ListView.builder, GridView et CustomScrollView. Ces motifs sont la base pour l'affichage des résultats de requête Firestore.

Chapitre 3Voir les détails

Authentification Firebase

  • Leçon 1 • Navigation et gardes basées sur l'authentification

    Redirigez les utilisateurs en fonction de l'état d'authentification à l'aide de StreamBuilder et de gardes de route. Protéger les écrans contre les accès non authentifiés est une exigence critique en production.

  • Leçon 2 • Concepts fondamentaux de Firebase Auth

    Comprenez l'instance FirebaseAuth, l'objet User et le flux d'état d'authentification. Ces concepts sont le socle de chaque méthode de connexion abordée dans ce chapitre.

  • Leçon 3 • Authentification par e-mail et mot de passe

    Construisez des écrans d'inscription, de connexion et de réinitialisation de mot de passe à l'aide de l'authentification Firebase par e-mail/mot de passe. C'est la méthode d'authentification la plus courante et le modèle pour les autres fournisseurs.

  • Leçon 4 • Connexion Google et via les réseaux sociaux

    Intégrez la connexion Google à l'aide du package google_sign_in et de la liaison d'informations d'identification Firebase. La connexion sociale réduit les frictions et est requise pour de nombreuses applications de production.

  • Leçon 5 • Authentification anonyme et mises à niveau

    Connectez les utilisateurs de manière anonyme et passez à des comptes permanents sans perte de données. Ce motif améliore le taux de conversion d'intégration dans les applications réelles.

Chapitre 4Voir les détails

Modélisation des données Cloud Firestore

  • Leçon 1 • Interrogation et filtrage des données

    Filtrez, triez et paginez les données Firestore à l'aide de where(), orderBy() et startAfterDocument(). Des requêtes efficaces réduisent les lectures et diminuent les coûts Firebase.

  • Leçon 2 • Opérations CRUD dans Flutter

    Ajoutez, lisez, mettez à jour et supprimez des documents à l'aide du package cloud_firestore. Ces opérations sont les éléments de base de chaque fonctionnalité basée sur les données.

  • Leçon 3 • Fondamentaux du modèle de données Firestore

    Comprenez les collections, les documents, les sous-collections et les types de données dans Firestore. Un modèle mental correct évite des refontes de schéma coûteuses plus tard dans le projet.

  • Leçon 4 • Bonnes pratiques de modélisation des données

    Appliquez la dénormalisation, les écritures fan-out et les motifs d'agrégation aux schémas Firestore. Ces motifs garantissent les performances à grande échelle et minimisent les coûts de lecture.

  • Leçon 5 • Flux en temps réel et instantanés

    Abonnez-vous aux données en direct à l'aide de snapshots() et StreamBuilder dans Flutter. Les mises à jour en temps réel sont l'avantage fondamental de Firestore par rapport aux API REST traditionnelles.

Chapitre 5Voir les détails

Stockage Firebase et gestion des médias

  • Leçon 1 • Règles de sécurité du stockage

    Écrivez des règles de sécurité Storage pour restreindre l'accès aux fichiers par identité et chemin d'utilisateur. Des règles appropriées empêchent les violations de données et sont requises avant le déploiement en production.

  • Leçon 2 • Téléchargement et affichage des fichiers

    Récupérez les URL de téléchargement et affichez les images à l'aide de cached_network_image. Des motifs d'affichage efficaces évitent les appels réseau redondants et améliorent l'expérience utilisateur.

  • Leçon 3 • Architecture Firebase Storage

    Comprenez les buckets de stockage, les chemins de référence et les règles de sécurité pour les fichiers. Cette fondation empêche les accès non autorisés et les hiérarchies de fichiers mal organisées.

  • Leçon 4 • Téléchargement de fichiers depuis Flutter

    Sélectionnez des fichiers avec image_picker et file_picker, puis téléchargez-les à l'aide de putFile() et putData(). La logique de téléchargement est réutilisée dans les fonctionnalités de photo de profil et de document.

Chapitre 6Voir les détails

Gestion d'état avec Provider et Riverpod

  • Leçon 1 • Tests de la logique de gestion d'état

    Écrivez des tests unitaires pour les StateNotifiers et simulez les dépendances Firebase avec ProviderContainer. Une logique d'état testable réduit les bogues et accélère le développement des fonctionnalités.

  • Leçon 2 • Concepts fondamentaux de Riverpod

    Définissez des providers, StateNotifiers et AsyncNotifiers à l'aide de la syntaxe Riverpod 2.x. La sécurité à la compilation et la testabilité de Riverpod en font le choix privilégié pour la production.

  • Leçon 3 • Fondamentaux de la gestion d'état

    Comparez setState, InheritedWidget et les solutions tierces pour comprendre quand chacune s'applique. Ce contexte justifie les choix architecturaux faits tout au long du chapitre.

  • Leçon 4 • Intégration des flux Firebase avec Riverpod

    Exposez les flux Firestore et Auth en tant que StreamProviders consommés par les widgets Flutter. Ce motif découple l'interface utilisateur de Firebase et permet une architecture propre.

  • Leçon 5 • Plongée dans le package Provider

    Utilisez ChangeNotifier, ChangeNotifierProvider et Consumer pour partager l'état entre les widgets. Provider est la solution d'entrée de gamme et une étape vers Riverpod.

Chapitre 7Voir les détails

Règles de sécurité Firestore et intégrité des données

  • Leçon 1 • Contrôle d'accès basé sur l'authentification

    Restreignez l'accès aux documents à l'aide de request.auth et des comparaisons d'UID utilisateur. Ces motifs implémentent l'isolement des données par utilisateur dans les applications multi-locataires.

  • Leçon 2 • Fondamentaux des règles de sécurité

    Apprenez la syntaxe des règles, les instructions match et les conditions allow pour Firestore. Comprendre le moteur de règles est obligatoire avant d'écrire une règle de production.

  • Leçon 3 • Validation des données dans les règles

    Validez les types de données entrants, les champs obligatoires et les plages de valeurs dans les règles. La validation côté serveur empêche les données malformées même lorsque le code client est contourné.

  • Leçon 4 • Test et déploiement des règles

    Utilisez la suite d'émulateurs Firebase et le Rules Playground pour tester les règles avant le déploiement. Les tests de règles automatisés détectent les régressions et réduisent les incidents de sécurité en production.

Chapitre 8Voir les détails

Fonctionnalités Firebase avancées et déploiement

  • Leçon 1 • Notifications push avec FCM

    Envoyez des notifications push ciblées et basées sur des sujets à l'aide de Firebase Cloud Messaging. Les notifications stimulent le réengagement et sont requises dans la plupart des applications grand public.

  • Leçon 2 • Construction et déploiement de l'application

    Configurez les builds de release, la signature et les pipelines CI/CD pour Android et iOS. Un processus de déploiement reproductible est la dernière étape avant d'atteindre de vrais utilisateurs.

  • Leçon 3 • Remote Config et tests A/B

    Diffusez une configuration d'application dynamique et menez des expériences à l'aide de Firebase Remote Config. Les indicateurs de fonctionnalités et les tests A/B permettent des déploiements sûrs sans mises à jour du magasin d'applications.

  • Leçon 4 • Firebase Analytics et Crashlytics

    Enregistrez des événements personnalisés avec Firebase Analytics et capturez les crashes avec Crashlytics. Les données d'observabilité guident les décisions produit et réduisent le temps moyen de résolution.

  • Leçon 5 • Cloud Functions pour Firebase

    Écrivez et déployez des Cloud Functions HTTP et déclenchées par Firestore à l'aide de Node.js. Les functions gèrent la logique côté serveur qui ne doit pas s'exécuter sur l'appareil client.

Certification

Votre certificat valide de réussite

Ce cours est pour vous :

  • Développeurs web curieux de créer des applications mobiles natives avec Flutter.

  • Étudiants en informatique souhaitant acquérir une expérience concrète d'intégration backend.

  • Freelances cherchant à élargir leur offre de services vers le développement mobile.

  • Fondateurs de start-up qui souhaitent prototyper et publier leur propre produit mobile.

  • Développeurs backend prêts à s'orienter vers le développement front-end multiplateforme.

Ce que disent nos élèves

Vos cours sont parfaits. J'ai acheté le forfait d'un an et j'ai enfin l'opportunité de suivre divers sujets qui m'intéressent sans avoir besoin de changer de plateforme... je vous remercie pour tout ce que vous faites, je vous ai déjà recommandés à d'autres personnes...
Giulio Carlo
Giulio CarloÉtudiant en Marketing Digital
J'aime la façon dont les leçons vont droit au but et comment je peux changer de chapitres et passer le contenu dont je n'ai pas besoin.
Mariana Ferres
Mariana FerresÉtudiante en Photographie
J'aime le contenu et la façon dont les vidéos sont présentées et transcrites, ce qui accélère le processus !
Luciana Alvarenga
Luciana AlvarengaÉtudiante en Design d'Ongles
La plateforme est rapide, simple à utiliser. La diversité du contenu et les vidéos complémentaires aident beaucoup dans l'apprentissage.
André Felipe
André FelipeÉtudiant en Ingénierie de Prompt

Formations principales

FAQ

Qui est Dedika ?

Le certificat est-il valable au Maroc ?

Les cours sont-ils gratuits ?

Quelle est la charge de travail du cours ?

Comment sont les cours ?

Comment fonctionnent les cours ?

Quelle est la durée des cours ?

Quel est le coût ou le prix des cours ?

Qu'est-ce qu'un cours EAD ou en ligne et comment ça marche ?

Cours PDF