The DOM
The Big Idea
The Document Object Model (DOM) is how JavaScript talks to your HTML page. Once you understand the DOM, you can make web pages that respond to what users do — clicking buttons, typing into fields, and submitting forms. This primer walks you through the core skills you need to do that.
Your Roadmap
| Section | Time | Required? |
|---|---|---|
| Intro to the DOM | 30 min | ⚑ Required |
| Accessing HTML elements | 30 min | ⚑ Required |
| Using HTML elements | 30 min | ⚑ Required |
| Events | 30 min | ⚑ Required |
| Form submission | 30 min | ⚑ Required |
| Research | 60 min | ⚑ Required |
Work through the sections in order — each one builds on the last.
If you hit a block, post in Discord. Your cohort and the online community are there to help.
Extra Resources
These are optional. Use them if you want to go deeper.