TUTO Le développement moderne en JavaScript - Module 7/8 sur Tuto.com

Le développement moderne en JavaScript - Module 7/8

Problème de lecture

Cette vidéo ne semble pas disponible

00:00

00:00

Sous-titres non disponibles

Un cours de

Promo -30% Jusqu'au 04 février, 23:59

12,59€17,99€

5,0

1h38

Débutant

QCM

Certificat de compétences

Fichiers sources

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Présentation
Contenu

Pour ce septième volet sur l'apprentissage du langage JavaScript moderne, nous allons nous attarder sur l'objet document.
Le but de ce tutoriel en vidéo étant de bien se familiariser avec le DOM (Document Object Model) et d'apprendre à le manipuler très facilement.

Pour cela, nous allons revoir les méthodes suivantes :

getElementById
getElementsByTagName
getElementsByClassName
querySelector
querySelectorAll

Une série d'exemples et d'exercices viendront compléter les théories déjà acquises sur ces méthodes, au cours des modules précédents.
Je mets à votre disposition, l'ensemble des codes sources des exercices.
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.

Accès aux modules précédents sur le JavaScript moderne :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours

Chapitre 1

Chapitre 2

Chapitre 3

Chapitre 4

Plan détaillé du cours

Chapitre 1 : L'objet document

1h07

Leçon 1Présentation

Leçon 2Sélection par l'identifiant

Leçon 3Manipulations de l'identifiant

Leçon 4Sélection par la classe

Leçon 5Manipulations de la classe

Leçon 6Sélection par un élément HTML

Leçon 7Manipulations d'un élément HTML

Leçon 8Sélection par les sélecteurs 1/2

Leçon 9Sélection par les sélecteurs 2/2

Leçon 10Manipulation d'un attribut HTML

Leçon 11Manipulation d'une classe css

Chapitre 2 : Exercice 1

07m02

Leçon 1Enoncé

Leçon 2Correction

Chapitre 3 : Exercice 2

17m54

Leçon 1Enoncé

Leçon 2Mise en place du HTML

Leçon 3Mise en place du CSS

Leçon 4Mise en place du JavaScript 1/2

Leçon 5Mise en place du JavaScript 2/2

Chapitre 4 : Conclusion

06m06

Leçon 1Pour le prochain module

Leçon 2Conclusion

Avis des apprenants

Détail des avis

73

Apprenants

7

Commentaires

5/5

Note moyenne

5/5

7

4/5

0

3/5

0

2/5

0

1/5

0

Jean-Philippe Mouzet

Publié le 20/01/2025

C'est beau le JavaScript Moderne, enfin pas tout, quand même ;-)

Carl Brison

Merci beaucoup pour votre commentaire ;-)))

Alain Tardif

Publié le 24/07/2023

Merci Carl pour ce 7ème volet sur JavaScript ! Ce rappel sur les méthodes du DOM, comme getElementById, querySelector et getElementsByClassName, est très utile. Les exercices pratiques pour manipuler les éléments HTML et les classes CSS sont parfaits pour renforcer la compréhension. L'astuce mnémotechnique sur les getters et setters, qui distingue clairement ceux qui affichent et ceux qui modifient, est définitivement mémorisée. Validé à 100 % ! #JS_modern #DOM #7/8

Carl Brison

Merci beaucoup Alain, votre commentaire me fait vraiment plaisir :-)

Valérie Crouau

Publié le 05/10/2021

Excellent tuto qui permet de consolider les acquis ainsi que deux exercices très intéressants. Merci de m'avoir fait découvrir le langage JavaScript qui offre des possibilités infinies. J'enchaîne sans tarder avec le module 8, puis avec les modules de perfectionnement. C'est du lourd !

Carl Brison

Quel talent ! Bravo Valérie ;-)

Bundle

Retrouvez ce cours dans le bundle :

Promo -29%

Formateur

5

Voir ses cours

Prérequis

Débutant

Accessibilité

Sous-titres disponibles

Ressources téléchargeables

Fichiers sources (3.96 Ko)

Catégories

Programmation JavaScript

Cours publié le 14/10/2020
Langue : Français
ID : 147961

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

JavaScript

Que contient le fichier source ?

Les codes sources de ce tutoriel.

Quel est le niveau requis pour suivre ce tuto ?

débutant