Create Interactive Pages with Javascript

Create Interactive Pages with Javascript and the DOM API

Explore the DOM API, HTML5 and advanced JavaScript concepts by building three projects in this hands-on course!


  • 22 Lessons
  • Lifetime, 24/7 Access
  • Certificate of Completion
Join +250,000 Satisfied Students


This title is part of the Full-Stack Web Development Mini-Degree

Learn about the Document Object Model (DOM) and how it gives you the power to develop interactive web pages  and dynamic widgets powered by JavaScript and HTML5. The course is divided into 2 sections – an introduction to DOM and an engaging project-based bootcamp series where you’ll be creating 3 projects to put to use what you’ve learned so far. This course assumes you have no prior experience of working with the DOM API.

What you’ll learn

  • What the DOM is and how to inspect and manipulate a web page using your browser
  • Create new pages from scratch using HTML and CSS
  • Retrieve and modify element attributes using the DOM API
  • Insert elements programmatically to a web page
  • Add event listeners to elements like buttons and divs
  • Craft client-side forms and learn about form submissions
  • Build 3 projects that you can add to your resume. Impress potential employers and clients

Projects you’ll build

  • Interactive Flashcards app – You’ll build a tool that can help people learn and memorize new words! Start by writing the HTML and styling it with CSS. Learn how to show/hide elements, how to programmatically update attributes like text using event listeners and much more.
  • List filtering app – Find your own Adventure – You’ll build a tool that will help you search for a specific type of adventure by filtering existing items in a list. The search will filter in real time as the user inputs text.
  • Booking System – Build an interactive client-side form. Create a form with various input methods – text inputs, checkboxes, dropdown lists – and add behavior for different combinations of these inputs. Learn how to display appropriate alerts depending on the user input and write JavaScript to make the form respond to the inputs upon submission.

About the Full-Stack Web Development Mini-Degree

The Full-Stack Web Development Mini-Degree is the world’s most effective way to become a professional web developer. This Mini-Degree provides life-long access to a curriculum of online video courses, which will enable you to master some of Silicon Valley’s most popular techniques and frameworks. With no prior programming experience required to enroll, this course is everything you need to master the creation of beautiful websites, and scalable, modern full-stack JavaScript applications.


+ Show More


+ Show More


  • Familiarity with HTML and CSS
  • Basic Javascript knowledge