JavaScript Fundamentals: Master the Document Object Model

Learn the Document Object Model fundamentals by building an interactive game with plain HTML, DOM and modern JavaScript.

The Document Object Model (DOM) is the data representation of the objects that comprise the structure and content of a document on the web. This is what we use when we work with Javascript and interact in any way dynamically with the document.

If you use Angular, Vue, React, or any other library or framework to create modern web applications, the DOM is what these use under the hood.

If you want to stand out as a JavaScript developer, you need to learn DOM fundamentals.

By the end of watching this course, you'll be able to:

• Understand what is the DOM and how to interact dynamically with an HTML document.

• Use modern and easy Javascript with classes, private attributes, and dom API's to build user interfaces.

• Learn optimization techniques.

• Apply easy bundling techniques that include dynamic CSS loading.

• Search for documentation, you don't need to memorize all the DOM interfaces.

• Interact with the DOM and user input through event listeners.

• Apply clean code and best practices as we build along with our course project.

With this course, you'll get a downloadable source code package.

PREREQUISITES

Javascript concepts and basic fluency, functions, variables, running scripts.

This is a beginner and intermediate course.

You don't need previous experience with the DOM.

---

Promo video music license:

Adventures by A Himitsu - Creative Commons — Attribution 3.0 Unported— CC BY 3.0   Music released by Argofox - Music provided by Audio Library