Flutter et Firestore : Créez votre réseau social pour iOS et Android
ERROR
00:00
00:00

TUTO Flutter et Firestore : Créez votre réseau social 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 de la programmation d'application mobile avec Flutter?
Allez plus loin dans l'apprentissage en créant votre propre réseau social.

Dans ce cours Flutter et Firestore vous allez apprendre à :

  • Authentifier un utilisateur
  • Créer une UI originale et facile à utiliser.
  • Ajouter des données dans la base de données Firebase.
  • Utiliser la nouvelle base de données de Firebase : Le cloud Firestore
  • Comprendre la structure du cloud Firestore.
  • Lire les données et les montrer dans votre application en temps réel.
  • Créer votre propre bibliothèque de widgets pour les réutiliser dans toute l'application.

Flutter est le nouveau SDK qui monte dans le monde du développement d'applications mobiles.
Développé par Google, il offre une facilité et une rapidité de création impressionnante.
Devenez un pionnier du développement avec ce SDK !

Les fichiers de travail sont fournis et je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions. 
Bon tuto !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Mise en place du projet
Chapitre 2
Authentification
Chapitre 3
Le Squelette de l'application
Chapitre 4
Ecrire un Post
Chapitre 5
Le ProfilPage
Chapitre 6
Le UsersPage
Chapitre 7
Le FeedPage

Plan détaillé du cours

Chapitre 1 : Mise en place du projet
48m36s
 
Leçon 1Présentation de l'application
Leçon 2Présentation de Firebase
Leçon 3Création du compte et du projet
Leçon 4Création du projet Flutter
Leçon 5Firebase pour Android
Leçon 6Firebase pour iOS
Chapitre 2 : Authentification
2h18m
 
Leçon 1Voir si on est authentifié
Leçon 2Le Scaffold de LogController
Leçon 3Le Gradient ou dégradé
Leçon 4Le fichier de constantes
Leçon 5Ajout des assets
Leçon 6Le Widget PaddingWithElement
Leçon 7Le Widget Menu2Items
Leçon 8Le PageView
Leçon 9Le CustomPainter
Leçon 10Le Card
Leçon 11Les Textfields
Leçon 12Le Bouton
Leçon 13Le Widget MyText
Leçon 14Ajout de la fonction SignIn
Leçon 15Le AlertHelper
Leçon 16Firebase
Leçon 17Les Méthodes d'Authentification
Leçon 18Ajouter un utilisateur sur Firebase
Leçon 19Notre première authentification
Chapitre 3 : Le Squelette de l'application
51m
 
Leçon 1Le LoadingScaffold
Leçon 2Obtenir notre Utilisateur en Map
Leçon 3La class User
Leçon 4Obtenir notre User dans le stream
Leçon 5Le BottomBar
Leçon 6Amélioration du BottomBar
Leçon 7Les différentes pages
Chapitre 4 : Ecrire un Post
1h04m
 
Leçon 1Le BottomSheet
Leçon 2Début du UI
Leçon 3Ajout de Row Image
Leçon 4Ajout du bouton
Leçon 5Le ImagePicker
Leçon 6Firebase Storage
Leçon 7La class Post
Leçon 8Poster sur le Firestore
Leçon 9Ecriture de notre 1er Post
Chapitre 5 : Le ProfilPage
1h39m
 
Leçon 1Le StreamBuilder
Leçon 2Le SliverAppBar
Leçon 3Le HeaderDelegate
Leçon 4Le ShowTile
Leçon 5Le SliverPersistentHeader
Leçon 6Ajouter une image de profil
Leçon 7UI du persistent header
Leçon 8UI de PostTile partie 1
Leçon 9UI de PostTile partie 2
Leçon 10Se Déconnecter
Leçon 11Déconnection avec Alerte
Leçon 12Le ModalBottomSheet
Leçon 13Changer l'image
Leçon 14Modifier les données
Chapitre 6 : Le UsersPage
36m59s
 
Leçon 1Créer des utilisateurs
Leçon 2Le StreamBuilder
Leçon 3Header et List
Leçon 4Le FollowButton
Leçon 5Le UserTile
Leçon 6Naviguer vers le profil d'un utilisateur
Leçon 7Mettre à jour les Users
Chapitre 7 : Le FeedPage
30m03s
 
Leçon 1UI de base de HomePage
Leçon 2Obtenir des Followers
Leçon 3Récupérer les posts
Leçon 4Mettre à jour la liste de Posts
Leçon 5Montrer tous les posts
Chapitre 8 : Retour sur PostTile
46m28s
 
Leçon 1Le DateHelper
Leçon 2Ajout des Likes
Leçon 3UI de DetailPost
Leçon 4La class Comment
Leçon 5Envoyer un commentaire sur Firebase
Leçon 6Le DetailPage
Leçon 7La CommentTile
Chapitre 9 : NotifPage
39m49s
 
Leçon 1Les Notifications dans Firebase
Leçon 2Ajouter des Notifications
Leçon 3UI de NotifPage
Leçon 4La class Notif
Leçon 5NotifTile Partie 1
Leçon 6NotifTile Partie 2

Aperçus

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 1330 tutos gratuits

Notre politique de protection des données