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.
[
HTML provides the structure for a site. CSS provides the styling. …
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.
[
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!
]
lesson 1
The Document Object Model
Learn how the DOM is constructed
Use DOM methods to select page elements
Figure out where an Element’s properties come from
lesson 2
Creating Content with JavaScript
Use DOM and JavaScript to add new content to the page
Learn DOM and JavaScript to remove page content
Use DOM and JavaScript to style page elements
lesson 3
Working with Browser Events
Discover the hidden world of browser events
Use DOM and JavaScript to respond to specific events
Learn when the web page is ready to be modified and controlled
lesson 4
Performance
Learn how to measure the speed of your DOM and JavaScript code
Identify code that causes Reflow and Repaint issues
Explain how the JavaScript Event Loop works
