The Fall of the Internet
Revisiting the DOM
The history of the DOM
DOM Level 4 is the current iteration, and it was reassigned from WHATWG to the HTML Working Group, but the new recommendations are based off of the WHATWG living standard, this is the standard for the DOM that we still use today.
OK so what the hell is the DOM?
I swear I'm getting to it
DOM level 1 introduced two key interfaces, the
interfaces. This allowed scripts to more easily access and alter the structure, style and content of web
the web browser. We use methods on the
objects that are exposed by the web browser in order to interact with the DOM plumbing that's written in
whatever language the browser is written in. In chrome this is done through their Blink engine.
Lets see some code!
The plain Jane way of interacting with a browser
Time to actually use our favorite Dynamic, Weakly typed, Prototype-Based, Single-Threaded,
First, open your web tools:
Windows/Linux: F12 or CTRL + Shift + i
MacOS: CMD + Option + i If you click on the
Sources tab you can see in the
index.js file I have defined some code for interacting with the webpage by
switching the color scheme from light to dark, using the sun/moon icon at the top of the page. It also sets
the theme in
Local Storage and retrieves it if it exists when the page first loads.
Local Storage can be found in the
tab of your web browser. This code uses a lot of the APIs that are exposed on the Document object in
Putting the J in jQuery
Can somebody, anybody make web dev less painful?
- Exposed the jQuery object, to let developers write their own plugins.
- Baked in simple animations, that made websites look good.
- Was one of the first frameworks with extensive documentation.
NodeJS and the V8 Engine
Microsoft might be onto something...
Let the frameworks, begin
Frontend, backend from A to V
At this point a ton of frameworks began appearing trying to make the web easier to develop on. Above are some of the most popular frontend and backend frameworks for developing the web.
React, Angular and the future of the web
Another way of manipulating state
Though the fight to become the web's most used and loved framework is never-ending, the current frontend frameworks that stand above the rest of the pack in terms of adoption are the new 2016 version of Angular, and ReactJS. These two separate concerns in a very different way with angular following the Model View Controller (MVC) pattern, which directly affects the DOM. Whereas React uses a virtual DOM, that is manipulated and diffed against the real DOM, before changes are made. This is 2023 though and the web is changing faster than anyone can keep up with, I'm interested (and mildly apprehensive) to see where the web takes us in the next 10 years.
Some Excellent Links
So you too can explore the internet's winding history!
Here's the text that I read.Wikipedia DOM MDN Intro to the DOM 2023 Most used frameworks