Autoplay
Autocomplete
Vidéo précédente
Terminer et continuer
Svelte.js 3 par la pratique
Projet 1 : "Switter"
Démo de "Switter" (2:26)
Création d'une nouvelle application Svelte.js (3:33)
Structure d'une application Svelte.js (5:36)
Mettre à jour une variable et l'afficher (5:58)
Gérer le 'click' event pour ajouter un nouveau message (4:20)
Parcourir une collection de messages côté template (2:46)
Two-way binding avec bind:value (2:46)
Vider le textearea après soumission (1:01)
Création d'un nouveau component Svelte (6:28)
Passer une prop à un composant enfant (2:54)
Dispatcher un custom event d'un composent enfant vers son parent (8:22)
Ajout d'un input pour l'auteur (4:09)
Gérer le format des dates (6:36)
La réactivité en Svelte (5:15)
Ajouter une class CSS conditionnellement (5:10)
"if" côté template (2:21)
Définir une valeur par défaut (1:29)
Afficher ou masquer un component (5:36)
Projet 2 : "Gymscheduler"
Démo de "Gymscheduler" (1:49)
Création d'une nouvelle application Svelte.js (1:34)
Créer dynamiquement un menu déroulant (10:46)
Ajouter dynamiquement une ou plusieurs instances de TrainingDay (9:45)
Gérer la soumission du formulaire de création d'exercice (7:42)
Styles CSS (2:20)
Lister les séries et nombre de répétitions de chaque exercice (3:58)
Emission d'un custom event lors de la création d'un nouvel exercice (7:53)
Passer les props au component TrainingWeekSummary (6:18)
Préparation du résumé en utilisant reduce() (11:57)
Utilisation d'un lifecycle hook (8:37)
Rendu du résumé détaillé du programme hebdomadaire (10:40)
Projet 3 : "ExpenseTracker"
Démo de "ExpenseTracker" (2:59)
Création d'une nouvelle application Svelte.js (2:40)
Utilisation de Bootstrap pour créer un tableau de dépenses (5:54)
Création d'un writable store (7:20)
Utiliser des données du store en les passant en tant que props (7:36)
Création du component ExpenseCreate.svelte (11:31)
Mise à jour du store (7:09)
Initialiser un formulaire (3:55)
Création du component ExpenseTotal.svelte (6:44)
Utilisation du tweening pour animer les modifications du total (11:42)
Animation du DOM à l'aide d'une transition (4:24)
Récupération de la configuration d'une base Firestore (5:25)
Se connecter à Firestore pour récupérer un snapshot de notre collection (14:22)
Création d'un service permettant d'interagir avec Firestore (11:52)
Attribuer une nouvelle valeur à notre store Svelte (4:15)
Création d'une nouvelle dépense dans Firestore (7:27)
Implémentation de l"edit in place" (11:02)
Affichage d'un formulaire de mise à jour si en mode édition (10:16)
Ecouter notre custom event (10:18)
Récapitulatif de l'update (4:32)
Suppression d'une dépense (9:10)
Dernière mise à jour lundi 24 juin 2019
Two-way binding avec bind:value
Contenu verrouillé
Si vous êtes déjà inscrit
vous devrez vous connecter
.
S'inscrire à la formation pour déverrouiller