Skip to content

Latest commit

 

History

History
23 lines (16 loc) · 899 Bytes

README.md

File metadata and controls

23 lines (16 loc) · 899 Bytes

Lab Lesson: Manipulating the DOM with JS

Learning Objectives

After this lesson, students will be able to:

  • Change DOM properties programmatically either through JavaScript or jQuery
  • Understand how DOM events can change a DOM

Preparation

Before this lesson, students should be able to:

  • Describe how CSS and HTML are linked
  • Identify at least one native function that are designed to manipulate the DOM
  • Understand how classes and ids work in CSS
  • Know how to write well-formed CSS
  • Understand how functions are invoked

Introduction (10 min)

In order to become more confident in your ability to write a web application, this lab will challenge your foundational understanding of HTML/CSS/JS. The lab consists of 3 folders, background, 3 warm-ups you can complete in pairs, and 1 independent challenge. Starter code has been provided for you