https://www.amazon.com/DOM-Scripting-Design-JavaScript-Docum...
But, nobody will read it. Tree models irrationally scare the shit out of most developers. Most people would rather cut off an arm and work 10x harder for less money than navigate a tree. It’s super weird.
However, if you are a person who isn’t autistically riddled with fears you lie to yourself about understanding the DOM opens almost all doors on the frontend, such as: accessibility, SEO, A/B testing, test automation, performance, and writing durable code quickly without need for a framework.
1. If you want to be good at this start with a solid foundation. The compile target of the browser is the DOM (Document Object Model).
2. Read about accessibility: https://www.w3.org/WAI/standards-guidelines/wcag/ Understanding accessibility will influence why things are done in certain ways and will make clear the difference between presentation and developers who may not understand this platform as well as they claim.
3. Learn about events and asynchronous execution.
4. Finally, learn to program JavaScript, but understand OOP is optional and considerably more work.
If you can build even the most minor of confidence in those 4 areas you will become a stellar developer compared to your peers working on this platform.
XML Schema - https://www.amazon.com/Definitive-XML-Schema-Charles-Goldfar...
You don’t have to be a slave to some framework to do frontend web work. You can actually learn how these technologies actually work.
* CSS Pocket Reference - Eric Meyer - https://www.amazon.com/CSS-Pocket-Reference-Visual-Presentat...
* XML Schema - Priscilla Walmsley - https://www.amazon.com/Definitive-XML-Schema-Priscilla-Walms...
* DOM Scripting - Jeremy Keith - https://www.amazon.com/DOM-Scripting-Design-JavaScript-Docum...