Document Object Model (DOM) - Complete Guide - Part 2 (2025)

Advanced Document Object Model (DOM) course for everyone! Learn about events | bubbling | hierarchy | nodes | PROJECT

4.79 (525 reviews)

Udemy

platform

English

language

Web Development

What you will learn

Become a Document Object Model (DOM) EXPERT

Understand Capturing vs Event Bubbling

Learn the DOM object hierarchy

Understand the differences between host objects vs native objects

Learn what DOM extensions are

Understand what event delegation is

Learn how to listen and react to different DOM events

Listen for different events (like click events, input events, focus events, and more!!!)

Practical - build a project with me in real time

Become a pro at listening for events that are fired

What a callback function is

The different types of events (such as keyup, mousemove, touch, etc.)

JavaScript objects vs DOM objects

Master the skill of listening for events at various stages (capturing or bubbling)

How to stop events from traversing up or down the DOM

From beginner to expert (advanced +)

You will emerge an expert

Gives you depth of knowledge to boost your ability and confidence

Course Gallery

Document Object Model (DOM) - Complete Guide - Part 2 (2025) – Screenshot 1 — Screenshot 1 – Document Object Model (DOM) - Complete Guide - Part 2 (2025)

Document Object Model (DOM) - Complete Guide - Part 2 (2025) – Screenshot 2 — Screenshot 2 – Document Object Model (DOM) - Complete Guide - Part 2 (2025)

Document Object Model (DOM) - Complete Guide - Part 2 (2025) – Screenshot 3 — Screenshot 3 – Document Object Model (DOM) - Complete Guide - Part 2 (2025)

Document Object Model (DOM) - Complete Guide - Part 2 (2025) – Screenshot 4 — Screenshot 4 – Document Object Model (DOM) - Complete Guide - Part 2 (2025)

Charts

Students

Price

Rating & Reviews

Enrollment Distribution

Comidoc Review

Our Verdict

This advanced DOM course by Clyde Matthew offers an engaging and entertaining deep dive into the world of events, capturing vs bubbling, and DOM object hierarchy. Perfect for students looking to solidify their understanding of JavaScript's relationship with HTML elements, this course covers essential topics while also preparing learners for working with frameworks like React and Vue. However, if you prefer a more focused, serious approach or seek complex real-world projects, you might find other courses better suited to your needs.

What We Liked

The course covers advanced topics like event bubbling, DOM object hierarchy, and DOM extensions in depth, providing a comprehensive understanding.
The instructor's entertaining teaching style, with pleasant narration, background music, and fun projects, creates an engaging learning experience.
Real-time project building allows students to master event listening skills using vanilla JavaScript, preparing them for more advanced frameworks like React or Vue.
Course content is regularly updated, ensuring students learn the most relevant information and best practices.

Potential Drawbacks

A few students find the course contains excessive jokes, which can be distracting for some learners who prefer a more serious teaching approach.
The small projects, while helpful for learning specific concepts, might not fully represent real-world scenarios requiring event listener implementation.