Flutter et Firebase : Créez une application de Chat pour iOS et Android
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Flutter et Firebase : Créez une application de Chat pour iOS et Android

Matthieu Passerel
20,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Vous connaissez les bases de Dart et du développement d'applications Flutter ?
Si ce n'est pas le cas, choisissez cette formation Dart et Flutter pour débutant.
Si vous êtes déjà à l'aise, alors je vous propose d'aller un peu plus loin grâce à cette nouvelle formation en vidéo.

Dans ce cours, nous allons ensemble créer une application de chat avec Flutter et Firebase.
Vous pourrez ainsi avoir une application de type messenger ou WhatsApp à la fois pour iOS et Android.
 

Dans cette formation Flutter et Firebase pour créer une application de chat

Voici ce que nous allons aborder dans le tutoriel :

Adapter notre application selon la plateforme avec un material design adapté selon si nous sommes sous iOS ou Android. 

Faire interagir notre application avec l'environnement de Google : Firebase.
Nous allons ainsi apprendre à utiliser son :

  • Authentification
  • La gestion d'une base de données en temps réel
  • L'ajout et la lecture d'images dans un cloud storage.

Toutes nos applications pourront ainsi lire les données stockées dans notre projet Firebase et communiquer entre elles de façon instantanée.

Grâce à ce cours, vous obtiendrez les bases pour créer votre propre application de chat ou pourquoi pas créer votre propre réseau social et devenir le prochain Mark Zuckerberg ?

Des fichiers sources sont fournis et je vous attends dans le salon d'entraide pour répondre à vos éventuelles questions.

Etes-vous prêts ? Je vous attends dans cette formation.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Mise en place du projet
Chapitre 2
Authentification d'un utilisateur
Chapitre 3
Le MainAppController
Chapitre 4
Le ProfilController
Chapitre 5
Le ContactController
Chapitre 6
Le ChatController
Chapitre 7
Le MessagesController

Plan détaillé du cours

Chapitre 1 : Mise en place du projet
38m51s
 
Leçon 1Présentation de l'application
Leçon 2Présentation de Firebase
Leçon 3Création d'un compte et d'un projet Firebase
Leçon 4Tour du projet Firebase
Leçon 5Création du projet Flutter
Leçon 6Ajout de Firebase à l'application
Leçon 7Lancement des simulateurs pour tester la configuration
Chapitre 2 : Authentification d'un utilisateur
1h04m
 
Leçon 1Vérifier si un utilisateur est connecté
Leçon 2Ajout des Controllers MainAppController et LogController
Leçon 3UI de LogController
Leçon 4La fonction handleLog
Leçon 5Ajout des alertes si les données sont manquantes
Leçon 6Cacher le mot de passe et test des alertes
Leçon 7Ajout du mode de connection et des règles dans la base de données
Leçon 8Le FirebaseHelper
Leçon 9Test de la création d'un utilisateur
Chapitre 3 : Le MainAppController
27m54s
 
Leçon 1FutureBuilder et Widget de Chargement
Leçon 2Le Tabbar Android
Leçon 3Le Tabbar iOS
Leçon 4Passer l'id à tous les controllers
Chapitre 4 : Le ProfilController
1h05m
 
Leçon 1La classe User
Leçon 2Obtenir un utilisateur depuis Firebase
Leçon 3UI de ProfileController
Leçon 4La classe CustomImage
Leçon 5Le ImagePicker
Leçon 6Stocker une image dans le Storage
Leçon 7Modifier le nom et prénom
Leçon 8Se déconnecter
Chapitre 5 : Le ContactController
23m59s
 
Leçon 1Mission: Créer des utilisateurs
Leçon 2UI de ContactController
Leçon 3Montrer l'image de profil
Leçon 4Ne pas montrer son utilisateur
Leçon 5Trier les utilisateurs par ordre alphabétique
Leçon 6Passer au ChatController
Chapitre 6 : Le ChatController
43m54s
 
Leçon 1UI de base du ChatController
Leçon 2UI de la zone de Texte
Leçon 3Le send button
Leçon 4La classe Message
Leçon 5Méthode pour envoyer un message sur Firebase
Leçon 6La classe Conversation
Leçon 7Envoyer un message texte
Chapitre 7 : Le MessagesController
17m20s
 
Leçon 1UI de MessageController
Leçon 2Formater une date
Leçon 3Trier les messages selon la date
Chapitre 8 : Le ChatBubble
35m01s
 
Leçon 1Envoyer une image
Leçon 2Le FirebaseAnimatedList
Leçon 3UI de ChatBubble partie 1
Leçon 4UI de ChatBubble partie 2
Leçon 5Finalisation de l'application

Aperçus

Avis des apprenants

Détail des avis
29
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Dellil Chafik
Dellil Chafik
Publié le 04/06/2020
C'est une formation très professionnelle bravo.

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

Flutter

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données