This course on JavaScript DOM manipulation aims to teach learners how to add, remove, and modify elements on a website using JavaScript. By the end of the course, students will be able to select elements, style them, create new elements, modify text, work with attributes and classes, and understand event handling such as event listeners, propagation, and delegation. The course includes practical projects of varying difficulty levels to apply the learned concepts. The intended audience for this course is beginners looking to enhance their JavaScript skills specifically in DOM manipulation.
Overview
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.
Taught by
freeCodeCamp.org
