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
-
É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.
-
Encore un très bon tuto !!! Merci Carl.
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés