JavaScript and the DOM

About This Course

JavaScript is an extremely powerful programming language. One place where its power truly shines is using it to control a web page. Through this course, you'll learn about the Document Object Model (DOM), how it's created, and what capabilities it provides. Then you'll use JavaScript and the DOM to add, delete, or alter page content; control page styling, and respond to user actions.

Why Take This?

HTML provides the structure for a site. CSS provides the styling. JavaScript (and the DOM) provides the interactivity for a site. Without JavaScript and the DOM, a site is static. The web is alive and shouldn't be shackled by a non-interactive page! Are you interested in learning how to programmatically add new content to a page? Do you want to dynamically change the styling of an element, respond to a form submission by displaying a message to the user, or learn how to measure the performance of your code? If you said, "Yes!" to any of these, then this course is for you!

Prerequisites and Requirements

Students should have experience with the following skills: * building a website with HTML * styling page elements with CSS - specifically, selecting elements by ID, class, or tag * using the JavaScript data types (e.g. strings, arrays, object, functions, etc.) * looping through data (e.g. the `for` loop) These skills are covered in the following courses: * [HTML and CSS Syntax](https://www.udacity.com/course/html-and-css-syntax--ud001) * [Intro to JavaScript](https://www.udacity.com/course/version-control-with-git--ud123)
Discover how the DOM is created and learn to programmatically control the page using JavaScript.