Dans ce cours en ligne dédié au JavaScript moderne avancé, nous allons apprendre à utiliser et à manipuler les datasets.
Cette formation avancée sur le JavaScript moderne est composée de 2 parties.
- La première partie est axée sur la théorie afin de bien se familiariser et de comprendre le fonctionnement des datasets en JavaScript.
- La seconde partie est l'application de tout ce que nous aurons appris lors de la première partie, grâce à un exercice pratique.
Tous les fichiers de travail sont fournis !
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Pour suivre ce tuto vidéo dans de bonnes conditions, il est fortement conseillé d'avoir des connaissances en JavaScript et notamment en JavaScript moderne. Si tel n'est pas votre cas, je mets à votre disposition, une formation complète qui vous permettra de connaître toutes les bases en programmation moderne en JavaScript.
Table des matières de cette formation JavaScript (durée : 1h34m)
-
Théorie sur les datasets en JavaScript
- Présentation des datasets 00:04:42
- Les règles d'écriture 00:02:17
- Afficher la valeur d'un dataset 00:04:16
- Modifier ou supprimer la valeur d'un dataset 00:03:39
- Lire un dataset via les règles d'écriture 00:04:32
- Récupérer la valeur d'un attribut 00:02:42
- Modifier la valeur d'un attribut 00:03:11
- Conclusion 00:02:13
- Pour aller plus loin: Sélecteur CSS d'un dataset 00:03:58
-
Exercice d'application
- Présentation du job à réaliser gratuit 00:03:35
- Mise en place du code HTML 00:04:49
- Mise en place du code CSS de base 00:06:57
- Mise en place du code CSS responsive 00:10:39
- Mise en place des bases de la modale 00:09:02
- Mise en forme de la modale 00:07:57
- Mise en place des datasets 00:06:23
- Rendre la modale dynamique 00:11:15
-
Conclusion
- Conclusion 00:02:36
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
C'est effectivement sympa les dataset pour un tel cas de figure. Et ce n'est pas compliqué. Surtout quand on a les bonnes explications :-) Merci Carl. C'est un plaisir de suivre vos cours. À bientôt.
-
Sympa le tuto et très bien détaillé. Merci
-
Étonnants, ces dataset, très joli tuto, merci ! Pour la modification de la src de img, setAttribute(...) semble suffire: je n'avais pas envisagé un appel à getAttribute(...), et ça fonctionne quand même.
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés