Designing Dynamic and Interactive Web Pages you own this product

With JavaScript and DOM
Laurence Svekis
  • Course duration: 9h 56m

pro $24.99 per month

  • access to all Manning books, MEAPs, liveVideos, liveProjects, and audiobooks!
  • choose one free eBook per month to keep
  • exclusive 50% discount on all purchases

lite $19.99 per month

  • access to all Manning books, including MEAPs!


5, 10 or 20 seats+ for your team - learn more

Look inside

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.

about the subject

JavaScript is a popular programming language for web development that can modify both HTMLand CSS, and make web pages dynamic. The DOM, or Document Object Model, represents the web page so you can use languages like JavaScript to interact with the page.


Basic knowledge of HTML, CSS and JavaScript

what you will learn

  • JavaScript starter projects get you coding in E6 and the modern JavaScript approach
  • Master the DOM (Document Object Model)
  • Learn and practice JavaScript while building fun, interactive projects from scratch
  • Create interactive and dynamic web pages
  • Learn the selection and manipulation of web page elements

about the instructor

Laurence Svekis is an experienced Google developer who worked on multiple enterprise level applications, hundreds of websites and business solutions, and many unique and innovative web applications. He created his first computer application in 1990 and first website in 1998. Laurence has been providing web development courses and digital marketing strategy courses since 2002, teaching countless learners how to bring amazing things to life online.
what's a liveVideo?
Find out more

choose your plan


only $41.67 per month
  • five seats for your team
  • access to all Manning books, MEAPs, liveVideos, liveProjects, and audiobooks!
  • choose another free product every time you renew
  • choose twelve free products per year
  • exclusive 50% discount on all purchases
  • Designing Dynamic and Interactive Web Pages liveVideo for free