JavaScript DOM Manipulation – Full Course for Beginners

This beginner course teaches JavaScript DOM manipulation, including selecting and modifying elements, managing attributes and classes, traversing the DOM, and handling events. It reinforces these concepts through five progressively challenging projects.

Syllabus

) Introduction.
) What is the DOM?.
) DOM Tree Analogy .
) Selecting Elements in the DOM.
) Styling an Element.
) Creating Elements.
) Adding Elements .
) Modify Text.
) Modifying Elements Attributes & Classes.
) Remove an Element.
) DOM Tree Recap.
) Traversing the DOM.
) Event Listeners .
) Event Listener Example.
) Event Propagation.
) Event Delegation.
) Introduction to Projects.
) Project 1: Beginner.
) Project 1 Mark-Up.
) General Styles for All Projects.
) Project 1 CSS Styling.
) Project 1 JavaScript.
) Project 2: Beginner + .
) Project 2 Mark Up.
) Project 2 CSS styling.
) Project 2 JavaScript.
) Project 2 CSS Styling p2.
) Project 3: Intermediate .
) Project 3 Mark Up.
) Project 3 CSS Styling.
) Project 3 JavaScript.
) Project 3 CSS Styling p2.
) Project 4: Pro.
) Project 4 Mark Up.
) Project 4 CSS Styling.
) Project 4 JavaScript .
) Project 5: Master.
) Project 5 Mark Up.
) Project 5 CSS Styling.
) Project 5 JavaScript.
) Project 5 CSS Styling p2.
) Project 5 JavaScript p2.