← All weeks

Week 4 · 9–11 hours

DOM, Events & Browser Apps

Turn JavaScript into interactive applications

Connect program state to accessible interfaces through the DOM, events, forms, and storage.

Daily study plan

1

The DOM tree + Selecting & changing elements

55 min

Start
2

Creating UI + Events & the event object + Forms & validation

90 min

Start
3

Bubbling & delegation + Timers + Browser storage

90 min

Start
4

Practice Lab

45 min

Start
5

Professional Task Manager + Assessment

90 min

Start

All lessons

01

The DOM tree

25 min · Build a practical mental model for the dom tree and use it in working JavaScript.

02

Selecting & changing elements

30 min · Build a practical mental model for selecting & changing elements and use it in working JavaScript.

03

Creating UI

35 min · Build a practical mental model for creating ui and use it in working JavaScript.

04

Events & the event object

25 min · Build a practical mental model for events & the event object and use it in working JavaScript.

05

Forms & validation

30 min · Build a practical mental model for forms & validation and use it in working JavaScript.

06

Bubbling & delegation

35 min · Build a practical mental model for bubbling & delegation and use it in working JavaScript.

07

Timers

25 min · Build a practical mental model for timers and use it in working JavaScript.

08

Browser storage

30 min · Build a practical mental model for browser storage and use it in working JavaScript.