How Duolingo Plans to Reach 100M Users

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Vanilla JavaScript: Building on the Document Object Model (DOM)

via LinkedIn Learning

Write review
Corporate Finance Institute Ad

Finance Certifications Goldman Sachs & Amazon Teams Trust

Learn More → Simplilearn Ad

Build with Azure OpenAI, Copilot Studio & Agentic Frameworks — Microsoft Certified

Learn More →

Overview

Syllabus

Introduction
  • Learn the JavaScript DOM inside and out
  • Where to start
1. Key DOM Concepts
  • The Node interface
  • DOM-specific maps and lists
  • Random access with querySelector()
  • CRUD in the DOM
  • Challenge: queryAll++
  • Solution: queryAll++
2. HTML to DOM
  • 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
3. Transforming the DOM
  • 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
Conclusion
  • Level up your DOM skills

Taught by

W. Scott Means

Reviews

4.5 rating at LinkedIn Learning based on 42 ratings

Start your review of Vanilla JavaScript: Building on the Document Object Model (DOM)

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.