Topics > 6. JavaScript: Interacting with the DOM (Document Object Model)
In this unit, we will use JavaScript to manipulate the Document Object Model (DOM) and respond to user-initiated events, and dynamically generate content from data. By the end of this section, you will know enough to start building simple, interactive web applications.
Readings & Activities
| Week | Slides / Activities | Readings | |
|---|---|---|---|
| Week 6 | Mon, 2/17 | Lecture 10 Working with the DOM: Part I Activity 10 DOM manipulation practice (part 1) |
Required:
|
| Wed, 2/19 | Lecture 11 Working with the DOM: Part II Activity 11 DOM manipulation practice (part 2) |
Required:
|
|
| Fri, 2/21 | Tutorial 5 JavaScript: Event Handlers (due Mon, 2/24) | ||
| Week 7 | Mon, 2/24 | Lecture 12 JavaScript Review Activity 12 JavaScript Review So Far |
Required:
|
Study Questions / Concepts
- Remember that DOM objects and methods are only used in "client-side" programming (within a browser). They are not supported in Node.js
- Be able to use JavaScript to manipulate HTML and CSS dynamically (usually through event handlers).
- Practice targeting and changing DOM elements using the DOM manipulation worksheet
- Please refer to the working with the DOM section of the JavaScript cheatsheet and make sure you know how to interact with the DOM.