Flash Weekend Sale | Use Coupon "WEEKEND" to get flat 10% OFF
Sale Ends In

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

    • Welcome
      5 Lectures
    • DOM Fundamentals
      7 Lectures
    • Code DOM Adventure
      7 Lectures
    • Creating elements
      5 Lectures
    • Dynamic CSS
      4 Lectures
    • Profiling the pixel pipeline
      5 Lectures
    • Animations using DOM changes
      5 Lectures
    • Planning DOM changes with a state model
      9 Lectures
    • Easy bundling
      6 Lectures
    • DOM updates with basic state driven development
      5 Lectures
    • The player, Interacting with user input
      12 Lectures
    • Interactive DOM, breaking walls 0 / 7|37 min
      7 Lectures
    • Portal to exit the game
      9 Lectures
    • Interactive DOM, breaking walls
      10 Lectures
    • DOM sound effects
      4 Lectures
  • Description

    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.

    What Will I Get ?

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


    • Basic Javascript and HTML
    • Concepts nodeJS 12+ and npm just for tooling, we don't program in nodejs in this course.
Learn DOM manipulation with easy modern JavaScript
This Course Includes :

7 hours

100 Lectures

Lifetime Access

30-Days Money Back Guarantee


Related Videos