DokuWiki

1. Introduction
   1. Welcome
   2. What you should know before watching this course
   3. Using the exercise files
2. Getting Started
   1. What is the Document Object Model (DOM)
   2. Navigating the DOM with developer tools
   3. Testing JavaScript commands with the console
   4. Communicating with the console through JavaScript
3. Selecting the DOM
   1. Selecting elements with getElementById
   2. Choosing elements by HTML tag
   3. Isolating elements by class name
   4. Querying CSS to select elements
   5. Working with named form elements
   6. Understanding nodeType, nodeName, and nodeValue
   7. Traversing up and down DOM nodes
   8. Targeting node elements
4. Modifying DOM Attributes and Content
   1. Changing HTML attributes
   2. Working with restricted attributes
   3. Detecting data attributes
   4. Controlling classes with the HTML5 classList
   5. Targeting the attributes property
   6. Using text content modifiers
   7. Modifying elements as text
5. Inserting and Deleting Nodes
   1. Creating and appending nodes
   2. Controlling node insertions with insertBefore
   3. Cloning and removing nodes
   4. Replacing existing nodes
6. The DOM in Action
   1. What we'll build
   2. Adding a bubbling event listener
   3. Creating and styling an overlay with JavaScript
   4. Adding an image
   5. Resizing images in the DOM
   6. Centering an image
   7. Handling clicks
   8. Adjusting for scrolling
   9. Detecting and adjusting for a window resize
7. Conclusion
   1. Next steps