JavaScript DOM
Take your JavaScript out of the console and into the browser. Select elements, respond to events, and build pages that react to the user.
Start learning
Build real skills one lesson at a time
Explore the complete curriculum below, then start with the lesson that is right for you.
About this course
The DOM is how JavaScript talks to the page. It's the bridge between the code you write and the HTML the user sees.
This course takes your JavaScript out of the console and into the browser: selecting elements, responding to clicks and input, and building pages that react to the user in real time.
What you'll learn
- Selecting elements on the page
- Changing content and styles from JavaScript
- Responding to events like clicks, input, and submits
- Creating and removing elements on the fly
- Handling forms and validation
- Event delegation and moving around the DOM tree
Prerequisites
- Finished JavaScript Basics (opens in a new tab) or comfortable with the language fundamentals
Ready to level up your JavaScript? Continue with Intermediate JavaScript (opens in a new tab).
Course instructor
Brad Traversy
Founder of Traversy Media and an educator known for practical, project-focused web development courses.
Course content
Keep learning
More programming courses
Intermediate course
Intermediate JavaScript
Level up from the basics to modern, idiomatic JavaScript. Transform data with array methods, master destructuring and spread, handle async code with promises and async/await, and load live API data. Assumes you have finished JavaScript Basics and JavaScript DOM.
View courseBeginner course
HTML Basics
Learn the basics of HTML and how to build simple web pages.
View courseBeginner course
CSS Basics
Learn modern CSS from the ground up. Build a sleek, dark-themed landing page chapter by chapter, starting with a single styled card and growing into a fully responsive multi-section page.
View course