Create Interactive Pages with Javascript and the DOM API

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. 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.

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.