Autoplay
Autocomplete
Vidéo précédente
Terminer et continuer
Ionic 5 par la pratique
Création et configuration du projet
Installation de Ionic (2:10)
Génération d'une nouvelle app Ionic (4:29)
Génération d'un build et ajout d'une plateforme (3:48)
Gestion d'ajout d'aliments
Création d'un Reactive Form d'ajout d'aliment (18:07)
Permettre de poster le formulaire seulement s'il est correctement rempli (1:42)
Création d'un service permettant de persister l'aliment posté (9:48)
Reset du formulaire après soumission (1:39)
Créer une interface 'Food' afin de typer fortement (5:24)
Accès aux aliments préalablement ajoutés
Lister tous les aliments (7:25)
Utiliser le lifecycle event ionViewWillEnter (3:25)
Utilisation d'une base de donnée Firestore
Créer un base de donnée Firestore (6:01)
Récupération l'objet de configuration Firestore et installer AngularFire (3:11)
Importer les modules propres à AngularFire (3:08)
Récupérer des documents depuis Firestore (12:13)
Se désabonner d'un flux avant la destruction d'un component (2:18)
Ajouter un aliment dans Firestore (5:13)
Montrer un spinner pendant l'ajout dans la base de données (5:40)
Centrer le spinner à l'aide de classes CSS (1:39)
Générer un ion-item par document en base (5:01)
Ajouter des event handlers pour edit et delete (2:37)
Supprimer un document de la base Firestore (13:01)
Récupérer un document par son id (2:35)
Créer une modale à l'aide de ModalController (10:44)
Méthode d'update et formulaire d'update (12:54)
Mettre à jour l'aliment dans Firestore (7:19)
Communiquer avec l'utilisateur
Afficher un toast à l'issue d'un update réussi (7:31)
Afficher une boîte de dialogue demandant confirmation avant suppression (8:41)
Catégoriser les aliments
Renommer food.model.ts en food.interface.ts (1:52)
Ajouter un référentiel "food-categories" et une interface Category (9:00)
Menu déroulant permettant de sélectionner une catégorie d'aliment (10:38)
Préselectionner le menu déroulant d'édition sur la catégorie courante (10:43)
Tester si une option de menu déroulant a été choisie (3:39)
Ordonner les documents en provenance de Firestore (5:10)
Fonctionnalité de détection d'aliments à consommer rapidement
Fonctionnalité de détection d'aliments à consommer rapidement (8:01)
Calculer la date maximale de conservation conseillée (11:35)
Récupérer la nourriture à manger avant 7 jours (17:36)
Afficher la nourriture à consommer avant x jours (6:51)
Dernière mise à jour lundi 4 mai 2020
Renommer food.model.ts en food.interface.ts
Contenu verrouillé
Si vous êtes déjà inscrit
vous devrez vous connecter
.
S'inscrire à la formation pour déverrouiller