Où trouver un cours gratuit sur Document Object Model (DOM) - formation Javascript ?

Image de cours gratuite Document Object Model (DOM) - formation Javascript

Cours en ligne gratuit Document Object Model (DOM) - formation Javascript

Durée du cours en ligne : 1 heure et 50 minutes

Nouveau

Cours gratuit en ligne pour maîtriser le DOM en JavaScript : accéder, modifier et dynamiser une page HTML, styles, classes et événements.

Dans ce cours gratuit, découvrez

Fondations et compréhension du DOM
Accès et modifications du contenu HTML
Styles, classes et présentation
Événements et interaction utilisateur

Descriptif du cours

Découvrez un cours en ligne gratuit pour comprendre et maîtriser le Document Object Model (DOM) en JavaScript, au cœur de la programmation web moderne. Conçu pour progresser pas à pas, il vous aide à mieux saisir la logique des interfaces du langage et la manière dont le DOM représente et structure une page HTML.

Vous apprendrez à parcourir un document, accéder efficacement aux éléments, puis intervenir sur la page de façon dynamique. L’objectif est de vous rendre autonome pour mettre à jour le contenu, ajuster la présentation et organiser vos modifications proprement, directement depuis votre code JavaScript.

Le cours aborde également des méthodes pratiques pour insérer du contenu, exploiter innerHTML, modifier le style et la feuille de style, ainsi que manipuler les classes pour créer des interfaces plus flexibles. Enfin, vous verrez comment réagir aux actions des utilisateurs grâce aux événements, afin de construire des pages interactives et plus vivantes.

Contenu du cours

Leçon vidéo : Pourquoi des interfaces dans le JavaScript [CDOM01] 03m
Leçon vidéo : Qu'est ce que le DOM [CDOM02] 12m
Exercice: Que signifie l’abréviation DOM ?
Leçon vidéo : Parcourir un document HTML avec l'interface DOM [CDOM03] 07m
Exercice: Quelle différence principale existe entre NodeList (childNodes) et children lors du parcours du DOM ?

Leçon vidéo : Accéder au document HTML avec l'interface DOM [CDOM04] 12m
Exercice: Quelle méthode permet de récupérer uniquement le premier élément qui correspond à un sélecteur CSS ?
Leçon vidéo : Modifier le document HTML avec le JavaScript [CDOM05] 09m
Exercice: Que renvoie la propriété textContent d’un élément ?
Leçon vidéo : JavaScript pour insérer du contenu dans le document HTML [CDOM06] 07m
Exercice: Quelles sont les deux opérations principales pour insérer du contenu dans une page via le DOM ?
Leçon vidéo : Travailler avec la propriété innerHTML en JavaScript [CDOM07] 06m
Exercice: Quel est l’intérêt principal de la propriété innerHTML pour modifier une page ?

Leçon vidéo : Modifier l'attribut style en JavaScript [CDOM08] 05m
Exercice: Quelle propriété JavaScript permet de modifier directement les styles inline d’un élément HTML via le DOM ?
Leçon vidéo : Modifier la feuille style en JavaScript [CDOM09] 11m
Exercice: Quelle propriété permet d’accéder à la table des feuilles de style du document ?
Leçon vidéo : Manipuler les classes avec JavaScript [CDOM10] 07m
Exercice: Quelle propriété permet d’accéder à la liste des classes d’un élément sous forme de chaîne de caractères ?

Leçon vidéo : Les événements en JavaScript [CDOM11] 26m
Exercice: Quel est le rôle principal d’un événement dans le DOM ?