génération d'un nouveau projet avec angular-cli | codeconcept

Autoplay
Autocomplete

Vidéo précédente Terminer et continuer

Angular 5, Firebase, AngularFire 5 et Angular Material

Démarrage du projet

génération d'un nouveau projet avec angular-cli (4:02)
installation d'AngularFire 5 (5:46)
création d'une base de données Firebase (4:46)
configuration et importation des modules AngularFire (5:43)

Lecture des données présentes sur Firebase

récupération de données de Firebase depuis Angular (14:50)
refactorisation afin de requêter Firebase via un service (7:14)

Récupération des saisies via un Reactive Form

création d'un Reactive Form (5:33)
création d'un Reactive Form (partie HTML) (7:14)
soumission du Reactive Form (3:39)
création et émission d'un custom event (6:29)
pousser un objet dans Firebase (6:34)
Accéder aux métadonnées de Firebase (11:29)

Le routage

Création de routes (5:31)
Récupérer les paramètres d'une route à l'aide d'ActivatedRoute (4:29)
Naviguer vers le détail d'une citation à l'aide de Router et navigate() (4:02)
Refactoriser vers le backend (7:21)

Suppression d'un document de Firebase

Préparer la suppression d'une Quote (7:13)
Suppression d'une Quote (4:42)

Mise à jour d'un document dans Firebase

Création d'un custom event "update" (4:58)
Ajout d'une méthode d'update dans le service (7:34)
S'abonner à un RxJs Subject (5:59)
Remplir un formulaire avec les données poussées par un RxJS Subject (6:32)
Créer l'interface Quote (2:57)
Sauvegarder une Quote modifiée (8:07)
Annuler l'édition (4:02)

Authentification

Créer un formulaire d'authentification (5:02)
Créer un service d'authentification (5:28)
Implémentation du service d'authentification utilisant AngularFireAuth (6:24)
Permettre à un utilisateur créé en base de se loguer (6:12)
Accéder aux informations de l'utilisateur actuellement logué (6:16)
Implémenter la déconnexion (5:45)
Envoyer un email de vérification (6:21)
Configurer la langue de l'email de vérification (1:09)

Angular Material

Installation d'Angular Material (7:44)
Material Toolbar (7:06)
Angular Material Tabs (4:47)
Angular Material Card (3:49)
Angular Material Form field et Button (9:39)
Angular Material Form field et Button (suite) (5:04)
Remise à zéro des styles d' formulaire après soumission (4:34)

Autorisations

Permettre à un utilisateur spécifique de faire du CRUD dans la base Firebase (7:26)
Création d'un component de login dédié (7:47)
dernière mise à jour : mardi 6 février 2018

génération d'un nouveau projet avec angular-cli

Terminer et continuer

Discussion

0 commentaires