JavaScript: Enhancing the DOM

(exciting music) - [Voiceover] Hey there, I'm Ray Villalobos and welcome to JavaScript Enhancing The DOM. In this course, I'm going to show you how the Document Object Model is tightly integrated into JavaScript. I'll start by showing you how the developer tools work in Google Chrome and how to test commands with the JavaScript console. Then, you'll learn to select notes by ID, last name, and with the new query selector. I'll show you how to modify regular, restricted, and HTML5 data attributes in DOM elements.

Next, we'll learn to create, append, clone, replace, and remove existing notes. Finally, we'll build a project that utilizes what you've learned by building a pop-up. We'll create an overlay with a centered image, style it via JavaScript, and handle events like clicks, scrolling, and re-sizing the document window. If you're looking to master how you can control elements in your document through JavaScript, then this is the course for you, so, let's get started.