Pour ce 3ème volet sur l'apprentissage du langage JavaScript, nous allons plonger au coeur du DOM (Document Object Model) ! Vous souhaitez acquérir des compétences solides en Javascript ? Suivez ce nouveau module de formation en vidéo !
Dans ce tuto sur le DOM HTML et Javascript
- Nous découvrirons ce que sont les noeuds (nodes, en anglais) et comment nous pouvons très facilement les manipuler.
- Nous apprendrons ainsi à ajouter du texte ou bien à le modifier, voire même à le supprimer au travers du JavaScript.
- Nous verrons même comment il est possible de modifier le style d'un texte au travers du JavaScript.
L'apprentissage de ces nouvelles connaissances est tout simplement passionnant !
Un salon d'entraide est à votre disposition. Un QCM est également fourni pour tester vos nouvelles compétences.
Je vous souhaite un bon cours !
Rappel des 2 volets précédents :
Table des matières de cette formation JavaScript (durée : 1h38m)
-
Présentation du DOM
- Théorie 00:01:11
- Structure du DOM 00:12:09
- L'objet document 00:02:09
-
Accéder aux différents éléments du DOM
- Introduction 00:01:39
- La méthode getElementById() 00:04:35
- La méthode getElementsByTagName() 00:04:46
- La méthode getElementsByClassName() 00:03:05
- Les méthodes querySelector() et querySelectorAll() 00:04:29
-
Manipuler le contenu des éléments du DOM
- Introduction 00:01:33
- Afficher le contenu des éléments du DOM 00:06:12
- Modifier le contenu des éléments du DOM 00:04:42
- Modifier le contenu d'un attribut 00:06:13
- Modifier le style d'un élément 00:07:40
- Ajouter du contenu à un élément 00:02:53
-
Créer, supprimer et remplacer des éléments
- Construire un nouvel élément 00:11:23
- Supprimer un élément 00:02:41
- Remplacer un élément 00:07:16
-
Accéder aux éléments par les noeuds
- Introduction 00:00:31
- La propriété parentNode 00:04:31
- La propriété childNodes 00:06:53
- Conclusion 00:02:17
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Très clair. Tuto efficace pour comprendre l'essentiel.
-
Super cours pour apprendre à manipuler le DOM en JS native !! Merci.
-
C'est toujours un plaisir ! Carl est très clair et très pédagogue, merci beaucoup !
-
Avec quelle version de logiciel ce tuto est-il compatible ?JavaScript
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés