Explore the most crucial foundation of all web apps, the Document Object Model.
Vanilla JavaScript: Building on the Document Object Model (DOM)
Overview
Syllabus
Introduction
- Learn the JavaScript DOM inside and out
- Where to start
- The Node interface
- DOM-specific maps and lists
- Random access with querySelector()
- CRUD in the DOM
- Challenge: queryAll++
- Solution: queryAll++
- Where does the DOM come from?
- DIY HTML parsing
- Building a firm foundation: The lexer
- Parsing text
- Parsing comments
- Parsing elements
- Parsing attributes
- Challenge: Void elements
- Solution: Void elements
- Traversing the tree
- Building a pretty printer
- Processing document fragments
- Processing comments
- Processing elements
- Processing element attributes
- Handling text and cleanup
- Challenge: Empty tags
- Solution: Empty tags
- Level up your DOM skills
Taught by
W. Scott Means
