Create Interactive Pages with JavaScript and the DOM API

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. With no prior experience in working with the DOM API needed, you’ll be given a fundamental understanding of the DOM, including how to inspect and manipulate a web page using your browser, retrieve and modify element attributes using the DOM API, and to insert elements programmatically to a web page. You’ll then be guided through three projects where you can put what you’ve learned into practice:

Course Projects

Interactive Flashcards app – As you build an app designed to help people learn and memorize new words, you’ll learn the basics of HTML and CSS, how to show/hide elements, how to programmatically update attributes like text using event listeners and much more.
List filtering app – You’ll build a tool that will help you search for a specific type of adventure by filtering existing items in a list – all in real time as the user inputs text.
Booking System – Build an interactive client-side 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.

Frameworks and tools covered: HTML, CSS, JavaScript

Your Courses, Your Way

All of our project-based courses are designed to be flexible – you can access courses 24/7 to fit them around your schedule, and choose the learning materials that suit you best.

You can even download your course videos and watch them offline using the Zenva app, available on iOS and Android.

Learn from World-Class Instructors

Our course instructors participate in elite developer programs and have been recognized for their demonstrated excellence in development and teaching.