We may earn an affiliate commission when you visit our partners.

JavaScript and the DOM

Take Udacity's DOM JavaScript course and discover how the DOM is created, while learning to programmatically control the page using JavaScript. Learn online with Udacity.

Enroll now

Here's a deal for you

We found an offer that may be relevant to this course.

Save money when you learn. All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

Use code at checkout. Valid for a limited time only

Bootcamp level quality

Complete hands-on projects and get personalized feedback with Udacity.

What's inside

Syllabus

The Document Object Model (DOM) allows developers to interact with and control the rendered page. You'll learn how the DOM is formed, what Nodes and Elements are, and how to select items from the DOM.

Static is boring, so we'll use JavaScript and DOM methods to create new page content, update existing content, and delete content. You'll also learn how to check and set the styling of page elements.

Hundreds of events fire every time you interact with a page. Learn what an event is, how to listen for an event and respond to it, what data is included with an event, and the phases of an event.

Learn how to measure the code you write to make sure it's performing efficiently and how reflow and repaint affect performance. Learn how to harness the JavaScript Event loop for performance gains.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Develops essential web programming skills

Taught by experienced instructors in the field

Builds a solid foundation in DOM programming

Suitable for beginners interested in web development

Requires students to have basic computer and programming knowledge

Save this course

Save JavaScript and the DOM to your list so you can find it easily later:

Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in JavaScript and the DOM with these activities:

JavaScript DOM Event Handling Tutorials

Show steps

Enhance your understanding of DOM event handling mechanisms through interactive tutorials.

Browse courses on DOM

Show steps

Find reputable online tutorials that cover DOM event handling.
Follow the guided instructions to implement event listeners and handle events effectively.
Experiment with various event types and actions to enhance your knowledge.

Explore DOM Interactive Tutorials

Show steps

Seek out guided tutorials to supplement your understanding of DOM concepts and JavaScript implementation.

Browse courses on DOM

Show steps

Find interactive tutorials on reputable platforms.
Follow the step-by-step instructions and experiment with the code to reinforce your learning.
Explore multiple tutorials to gain diverse perspectives and enhance your comprehension.

Review DOM Methods

Show steps

Practice using DOM methods to manipulate page elements, reinforcing the concepts and improving your proficiency.

Browse courses on DOM

Show steps

Create a new HTML document and add a DOM element.
Use JavaScript to select the element and manipulate its style.
Repeat these steps for various DOM methods, such as .appendChild(), .removeChild(), and .replaceChild().

Four other activities

Expand to see all activities and additional details

Show all seven activities

DOM Event Listener Practice

Show steps

Reinforce your understanding of DOM events and event listeners by working through a series of exercises.

Browse courses on DOM

Show steps

Create a web page with various HTML elements.
Use JavaScript to add event listeners to the elements.
Handle events and perform specific actions, such as displaying messages or changing element styles.

Collaborative DOM Problem-Solving

Show steps

Engage with peers in problem-solving sessions, exchanging ideas, sharing knowledge, and reinforcing your understanding of DOM concepts.

Browse courses on DOM

Show steps

Form or join a study group with fellow students.
Identify areas of difficulty or concepts that need clarification.
Discuss and brainstorm solutions together, leveraging diverse perspectives.

Build a Custom DOM Manipulation App

Show steps

Create a practical application that leverages DOM manipulation techniques, solidifying your understanding and showcasing your skills.

Browse courses on DOM Manipulation

Show steps

Design the user interface and functionality of the app.
Implement JavaScript code to manipulate the DOM and create the desired interactions.
Test and refine the app's functionality to ensure seamless user experience.

DOM-Based Game Development

Show steps

Embark on a project to develop a game using DOM manipulation techniques, challenging your abilities and deepening your understanding.

Browse courses on DOM

Show steps

Conceptualize and design the game's mechanics and interface.
Implement core game functionality using JavaScript and DOM manipulation.
Develop user-friendly interactions and engaging visuals.

Career center

Learners who complete JavaScript and the DOM will develop knowledge and skills that may be useful to these careers:

Reading list

We've selected 12 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in JavaScript and the DOM.

JavaScript and jQuery

Save

Comprehensive guide to the JavaScript DOM. It covers everything from the basics of the DOM to more advanced topics like event handling and animation. It great resource for anyone who wants to learn more about the DOM.

JavaScript and the DOM

Here's a deal for you

What's inside

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses