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!
- 2.9 Hours of Video
- Certificate of Completion
- Source Code
- Closed Captions
Benefits
- On-demand, 24/7 access
- 2.9 hours of video
- Certificate of completion
- Source code and PDF notes
- Closed captions
Overview
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.
That way, you can be confident that you’re learning the most up-to-date content from industry experts.

Interactive Lessons with Codemurai
Our unlimited access package comes with free access to all of the courses in our mobile app, Codemurai!
Available on iOS and Android, it’s full of interactive programming lessons and exercises so you can continue your learning on the go.
Achieve Real Results
Our community of 1,000,000+ learners and developers have used the skills learned with us to publish their own games and websites, land their dream jobs, and even start their own businesses – and you have the potential to do the same!
Check out what our learners think below:
I love the lectures, concise course objectives, and how they not only teach you enough to get started, but prepare you for the advanced stuff later down the road.
⭐⭐⭐⭐⭐
– Mihir Patel
With Zenva, I started learning a more accurate way to approach problems and develop solutions. It’s full of interesting topics that I love to learn in conjunction with my work.
⭐⭐⭐⭐⭐
– Monica Mancusi
I chose Zenva because of the large selection of topics and the fact that I can choose what courses I want to take whenever I want to take them. That level of freedom is unique to Zenva.
⭐⭐⭐⭐⭐
– Craig Bickford
The Unity courses at Zenva helped me achieve a level of comfort with game development that I didn’t think was possible. They give you the confidence to expand your skills, and were so easy to understand.
⭐⭐⭐⭐⭐
– Andrea Cardenas-Roeder
Lessons
Requirements
- Familiarity with HTML and CSS
- Basic Javascript knowledge
OR access ALL Zenva courses with our subscription.
- Access all 250+ courses
- New courses added monthly
- Cancel anytime
- Certificates of completion