Learning resources from the Prescription Free Academy of Web Development and Software Engineering.
Introduction to the DOM
Introduction to the DOM - Web APIs | MDN
The Document Interface
Document - Web APIs | MDN
The HTMLDocument Interface
HTMLDocument - Web APIs | MDN
Manipulating Documents
Manipulating documents - Learn web development | MDN
Locating DOM Elements Using Selectors
Locating DOM elements using selectors - Web APIs | MDN
Element Instance Methods
Element - Web APIs | MDN
The Node Interface
Node - Web APIs | MDN
The NodeList Interface
NodeList - Web APIs | MDN
Comparing Methods for Appending and Inserting with JavaScript
Comparing Methods For Appending And Inserting With JavaScript | CSS-Tricks
JavaScript DOM Manipulation Cheat Sheet
Cheat Sheet
append vs. appendChild
append VS appendChild - DEV Community
textContent
Node: textContent property - Web APIs | MDN
innerText
HTMLElement: innerText property - Web APIs | MDN
textContent: Differences from innerText
Node: textContent property - Web APIs | MDN
Historical: innerText vs. textContent
kelly norton: innerText vs. textContent
javascript - Difference between textContent vs innerText - Stack Overflow
DOM Manipulation Handbook
The JavaScript DOM Manipulation Handbook
Advanced Techniques and Performance
Patterns for Memory Efficient DOM Manipulation with Modern Vanilla JavaScript – Frontend Masters Boost
The Template Tag
The Template Tag
Using Templates and Slots
Using templates and slots - Web APIs | MDN
Virtual DOM
Virtual DOM - Wikipedia
Virtual DOM Explained
Virtual DOM Explained
Using Shadow DOM
Using shadow DOM - Web APIs | MDN
Declarative Shadow DOM
Declarative Shadow DOM | web.dev
Using Custom Elements
Using custom elements - Web APIs | MDN
Web Components
Web Components - Web APIs | MDN
Web Components Introduction
A Complete Introduction to Web Components in 2024
Web Components Series (Template Tag, Custom Elements, Shadow DOM)
An Introduction To Web Components | CSS-Tricks
Lit
Lit