JavaScript DOM Manipulation – Full Course for Beginners

From the creator

Learn about JavaScript DOM manipulation in this beginner's tutorial. This is when you use JavaScript to add, remove, and modify elements of a website. In the first part of the course, you will learn about the basic features of a website DOM and the JavaScript commands you can use to manipulate the DOM. In the second part of the course, you will use what you have learned to create practical examples ranging from beginner to advanced. ✏️ CodeLab created this course. Check out their channel: https://www.youtube.com/c/CodeLab98 ❤️ Try interactive JavaScript courses we love, right in your browser: https://scrimba.com/freeCodeCamp-JavaScript (Made possible by a grant from our friends at Scrimba) ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:32) What is the DOM? ⌨️ (0:02:05) DOM Tree Analogy ⌨️ (0:04:01) Selecting Elements in the DOM ⌨️ (0:11:44) Styling an Element ⌨️ (0:16:33) Creating Elements ⌨️ (0:17:32) Adding Elements ⌨️ (0:18:33) Modify Text ⌨️ (0:21:15) Modifying Elements Attributes & Classes ⌨️ (0:24:59) Remove an Element ⌨️ (0:25:47) DOM Tree Recap ⌨️ (0:27:58) Traversing the DOM ⌨️ (0:37:48) Event Listeners ⌨️ (0:44:59) Event Listener Example ⌨️ (0:50:16) Event Propagation ⌨️ (1:00:07) Event Delegation ⌨️ (1:11:13) Introduction to Projects ⌨️ (1:11:52) Project 1: Beginner ⌨️ (1:14:26) Project 1 Mark-Up ⌨️ (1:16:31) General Styles for All Projects ⌨️ (1:17:08) Project 1 CSS Styling ⌨️ (1:24:40) Project 1 JavaScript ⌨️ (1:29:39) Project 2: Beginner + ⌨️

Published 2022-07-07 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.