Developer and the DOM - A history of manipulation and abstraction
summary
Traces the DOM from Netscape and the browser wars to ECMAScript 6 (June 2015) and modern frameworks, showing actual code and concrete tradeoffs: a jQuery getCSS regex hack that polyfills styles, Backbone/Angular-era routing and data binding, and the rise of virtual DOM diffing and componentized UI with server and mobile implications. Gives real examples, numbers (authors claim 10+ years each), and notes which approaches improve performance, which add complexity, and where legacy browsers like IE7 still break things.
AI-written summary · about
chapters (24)
- 0:00Introduction
- 5:51Browser inconsistency
- 6:35Selector searching
- 7:51Get CSS
- 9:02Organization
- 11:10XJS YUI
- 12:08Web growth
- 12:43Mobile web
- 13:45Responsiveness
- 14:28Single page applications
- 15:36Web architecture
- 16:47Frameworks
- 17:29What did frameworks add
- 18:34Dipping algorithm
- 19:46Performance scalability
- 20:45Framework evolution
- 21:30Virtual DOM
- 22:12Virtual DOM possibilities
- 23:20Language enhancement
- 23:54Components
- 24:16Component example
- 25:27Before and after
- 25:50Problems
- 28:27churn rate
related talks
24mDev Diary: 30 Years of Web Evolution
39mDOM it, forgive, forget, embrace
47mDOM Features You Didn’t Know Existed
40mJavaScript in the age of HTML 5 and CSS 3
53mFrom HTML to here: The evolution of Web development and where we lost our way
01h 13mWorking with the DOM in JS Frameworks
52mJavaScript through History
41mBrowser Internals for JS Devs