Skip to content

This repo was created for General Assembly students to practice manipulating the DOM

Notifications You must be signed in to change notification settings

dafabulousteach/dom_lessons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

About

This repo was created for General Assembly students to practice manipulating the DOM

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published