Day 1

Overview

This class introduces the Document Object Model. Students will gain experience using Web APIs to create, get, and append elements. Students will also learn to set attributes and work with timers while reinforcing their existing JavaScript skills.

Learning Objectives

By the end of class students will be able to:

  • Inspect the Window object.

  • Traverse the DOM using various Web APIs.

  • Query the DOM for elements by their selector.

  • Add styles to specific elements using setAttribute().

  • Create and append elements to the document.

  • Implement timers using setInterval() and clearInterval().

Slide Deck