Vanilla JavaScript: Building on the Document Object Model (DOM)
Offered By: LinkedIn Learning
Course Description
Overview
Explore the most crucial foundation of all web apps, the Document Object Model.
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
Related Courses
Software as a ServiceUniversity of California, Berkeley via Coursera Intro to Computer Science
University of Virginia via Udacity Web Development
Udacity Software Engineering for SaaS
University of California, Berkeley via Coursera CS50's Introduction to Computer Science
Harvard University via edX