Mastering DOM with JavaScript: Apply, Implement, Optimize

Obtenez l'une de nos meilleures offres avec Coursera Plus pour 199 $ (habituellement 399 $). Économisez maintenant.

Ce cours n'est pas disponible en Français (France)

Nous sommes actuellement en train de le traduire dans plus de langues. Consultez les langues disponibles.

Mastering DOM with JavaScript: Apply, Implement, Optimize

Ce cours fait partie de Spécialisation "Interactive Web Apps & Advanced HTML Techniques"

Instructeur : EDUCBA

Inclus avec

2 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

6 heures à compléter

Planning flexible

Apprenez à votre propre rythme

2 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

6 heures à compléter

Planning flexible

Apprenez à votre propre rythme

Ce que vous apprendrez

Define the DOM, traverse hierarchies, and manipulate HTML elements effectively.
Apply CSS dynamically, handle events, and create interactive user experiences.
Manage nodes, build animations, and optimize content for dynamic web apps.

Compétences que vous acquerrez

Catégorie : Animations
Catégorie : Javascript
Catégorie : Document Management
Catégorie : Event-Driven Programming

Outils que vous découvrirez

Catégorie : Cascading Style Sheets (CSS)
Catégorie : Web Applications
Catégorie : Hypertext Markup Language (HTML)

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Évaluations

8 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

En savoir plus sur Coursera pour les affaires

logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Élaborez votre expertise du sujet

Ce cours fait partie de la Spécialisation "Interactive Web Apps & Advanced HTML Techniques"

Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.

Apprenez de nouveaux concepts auprès d'experts du secteur
Acquérez une compréhension de base d'un sujet ou d'un outil
Développez des compétences professionnelles avec des projets pratiques
Obtenez un certificat professionnel partageable

Il y a 2 modules dans ce cours

Learners will be able to define the DOM, manipulate HTML elements, apply CSS dynamically, implement event handling, and manage nodes efficiently. This course provides a comprehensive, hands-on journey into the JavaScript Document Object Model (DOM), the core foundation for building interactive web applications.

By completing this course, learners will gain practical experience in traversing DOM hierarchies, attaching events, creating new elements, and dynamically updating styles and animations. Each lesson is structured with clear objectives, enabling learners to progressively master DOM methods and techniques while building real-world coding confidence. What makes this course unique is its step-by-step modular design, where learners start with the basics of DOM and progressively advance to handling complex interactions and node management. Practical demonstrations and structured exercises ensure that learners don’t just memorize concepts but also apply them in building interactive, user-friendly web applications. Whether you are a beginner in web development or aiming to strengthen your JavaScript skills, this course equips you with the tools to create, modify, and optimize web content dynamically using the DOM.

This module introduces the fundamentals of the Document Object Model (DOM) and demonstrates how it connects HTML and JavaScript. Learners will explore DOM methods, work with elements, apply CSS dynamically, and build interactive web experiences using DOM-driven styling and animations.

Inclus

9 vidéos4 devoirs

9 vidéosTotal 45 minutes

Dom Introduction1 minute
Introduction the HTML Dom2 minutes
Dom Methods4 minutes
Dom Elements6 minutes
HTML Element5 minutes
Dom Elements - Class Name7 minutes
DOM HTML6 minutes
DOM CSS6 minutes
DOM Animations9 minutes

4 devoirsTotal 75 minutes

Graded Quiz – Foundations of the DOM30 minutes
Getting Started with the DOM15 minutes
Working with DOM Elements15 minutes
Styling & Dynamic DOM15 minutes

This module focuses on advanced DOM interactions, including event handling, navigation, and node management. Learners will gain the skills to respond to user actions, traverse and update DOM nodes, and build efficient, interactive web applications.

Inclus

8 vidéos4 devoirs

8 vidéosTotal 55 minutes

DOM Events12 minutes
DOM Events Continues6 minutes
DOM Event Listener11 minutes
DOM Navigation3 minutes
Creating New Node in DOM Element9 minutes
DOM Node List10 minutes
More on DOM Node List3 minutes
Conclusion1 minute

4 devoirsTotal 90 minutes

Graded Quiz – Mastering DOM Interactions30 minutes
Event Handling in the DOM30 minutes
DOM Navigation & Node Management15 minutes
Advanced Node Lists & Wrap-Up15 minutes

Obtenez un certificat professionnel

Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.

Instructeur

EDUCBA

1 598 Cours332 384 apprenants

Offert par

EDUCBA

En savoir plus sur Mobile and Web Development

Statut : Essai gratuit
Packt
JavaScript Fundamentals & The DOM
Cours
Packt
JavaScript DOM - Interactive and Dynamic Web Pages
Cours
Statut : Essai gratuit
Packt
JavaScript Essentials: From Basics to DOM
Cours
Statut : Essai gratuit
Board Infinity
JavaScript for Web Development
Cours

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Étudiant(e) depuis 2018

’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’

Jennifer J.

Étudiant(e) depuis 2020

’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’

Larry W.

Étudiant(e) depuis 2021

’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’

Chaitanya A.

’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Foire Aux Questions

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

Plus de questions

Visitez le Centre d'Aide pour les Étudiants

Aide financière disponible,