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