N a n o d e g r e e p r o g r a m s y L l a b u s

LESSON TWO

The Document 

Object Model

•

 Describe and explain the Document Object Model for web

  browsers

•

 Access page elements by ID, class, and type using JavaScript

LESSON THREE

Creating Content 

with JavaScript

• 

Modify HTML content with JavaScript  

• 

Create HTML content and elements with JavaScript

• 

Remove HTML content with JavaScript  

• 

Style HTML content with JavaScript and CSS

LESSON FOUR

Working with 

Browser Events

•

 Describe and explain the phases of browser events

•

 Create event listeners that handle browser events by 

   writing code that runs when an event is triggered

•

 Describe and explain the events that are fired as a web  

   page loads

Course Project

 

Dynamic Landing Page 

for Marketing Content

In this project, you will build a multi-section landing page. Often 

times, you won’t know how much content will be added to a page 

through a Content Management System (CSM) or an API. To handle 

this problem, you will dynamically add content to a web page. You’ll 

be building a landing page that combines your skills with JavaScript, 

HTML, and CSS to update and control the page and create a dynamic 

user experience.

---

Front End Web Developer  |  5