The DOM

Pre DOM

• Just HTML and CSS
• Browser Renders HTML then throws it away

The First Web Page

DOM

• Document Object Model
• Representation of HTML in memory
• Tree like structure --> easy to traverse
• Released with 1995 Netscape
• Implemented the first version of JavaScript
   

Geocities!

JQuery

• Set of Tools for Manipulating the DOM
• Birth to a new Website Era

JavaScript Ninja

Problems

• Everything is Global
• Everything is Relative

Shadow DOM

• Introduced by W3C in 2012
• An Encapsulation of the a Subset of DOM

How does it help?

• Isolates styles
• Isolates function
• Allows for composability

Title Text

Subtitle

Powerful

• Web Components
• Functional HTML
• Example: `<input type="range"/>`

Thanks