Bring your web pages to life! Learn how to create dynamic web pages, connect with the DOM, and update and manipulate page elements with JavaScript code.

The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document in memory—similar to HTML representing a web page. DOM methods allow programmatic access so you can change the document's structure, style, or content and selectively update the elements on a web page.

This course starts with the basics: working with the DOM and learning the common methods and properties JavaScript uses to select elements from a web page and apply changes. Then it quickly moves on to a series of three fun, interactive projects that will have you putting what you’ve learned to immediate use. At the same time, you’ll expand your JavaScript skills working with E6 and modern JavaScript coding.

Have fun while learning as you build these unique projects:

• An interactive game that requires you to generate responsive JavaScript and CSS grids.
• A JavaScript slot machine with real element movement and tracking of element values. You’ll build this with a dynamic global game object that you can adjust to change the game dynamics.
• A JavaScript DOM Frogger game that teaches you how to track classes, as well as update and check if elements contain classes. Learn the logic for game play and how to create complete games from start to finish—including game grid and design.


Distributed by Manning Publications

This course was created independently by Laurence Svekis and is distributed by Manning through our exclusive liveVideo platform.