Research The DOM
Learning Competencies
By the end of this section, you should be familiar with and able to:
- Explain what the DOM is and how it relates to CSS and HTML
Summary
The Document Object Model, generally abbreviated to DOM, is the way through which JavaScript interacts with content within a website. You'll be asked to research and reflect on the DOM in this primer.
Time Box
| Activity | Time |
|---|---|
| Research | 1 hour |
Research
Take some time to further your understanding of what the DOM is and how to interact with it. Set out to answer any questions that came up for you in the above exploration. Let the learning competency of being able to explain the DOM and how it relates to HTML and CSS be your guide. You will work on some challenges to manipulate the DOM later this sprint.
Keep notes as you'll describe the DOM in your technical blog this sprint.
Suggested Resources
- Kirupa's videos, pictures and articles
- Introduction to the DOM - MDN web docs
- Event reference - MDN web docs (talks about the different kinds of events you can listen for)