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!

 

What's Inside

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.

Get started now!



454+ Students
23 Lectures
2+ Hours of Video
Lifetime Access
24/7 Support
Your Instructor
Zenva

Trusted by 400,000+ learners and developers, Zenva provides world-class training on in-demand programming skills covering game development, machine learning, virtual reality and full-stack web development.

Our e-learning platform Zenva Academy is the leading place to upskill, learn and gain key tech skills for the innovation economy.

Instructor Rating
Popular Bundles