Dynamic HTML (DOM) with Easy Modern JavaScript

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

Last updated 6/2023 English

* Please use the WELCOME-20 Discount Code to enjoy 20% Off

Get your team access to top Uplyrn courses anytime, anywhere.


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.


  1. I have been playing with Javascript for almost 15years but I still learned lots of new things from this course, Thank you Juan, you have well simplified this course and make it more interesting by tying with the game ~ Rishi R 
  2. Great in depth explanations! I really love the content but also the way you learn to structure an app ~ Hans C
  3. Great match, I wasn't even aware I needed this course. Great, modern, and valuable content ~ A Ortiz
  4. Wooow, what a good course I liked so far, it is easy to understand, it takes you in a friendly and practical way to the direct learning of java script, through fun techniques and little visual games that for a person like me who is beginning to learn the Basic is more than fine, also the teacher has very good energy and his voice keeps you motivated to continue. 5/5 stars ~ Diovanna C
  5. Very clear so far. I have learned new things already after the first DOM update lecture. I am excited about the project as I progress through the course ~ Gabriel

What you'll learn

  1. Dynamic html elements
  2. Animations leveraging DOM API's.
  3. Common DOM API's and documentation
  4. State Driven User Interfaces
  5. 5 minute bundles
  6. Javascript private attributes
  7. Clean code practices
  8. Dynamic css styles
  9. DOM events and event listeners
  10. Interactive UIs development
  11. Have a better idea of how modern libraries work under the hood
  12. Object oriented programming concepts
  13. Performance profiling


  1. Basic Javascript and HTML
  2. Concepts nodeJS 12+ and npm just for tooling, we don't program in nodejs in this course.

Course Content

15 Sections 97 Lectures 7h 21m total length

We work with trusted partners to collaborate, engage and connect with you.