Our great sponsors
-
browser-compat-data
This repository contains compatibility data for Web technologies as displayed on MDN
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
For practical application, I cannot recommend https://www.theodinproject.com/ enough. It has been such a fantastic resource for keeping me busy with projects at my level and having those projects be appropriately chosen to push a specific skill set. It also has a lot of theory and conceptual dives. However, I find sometimes that with the diversity of sources, the lack of a cohesive explanation strategy can sometimes throw me.
When the browser first receives some HTML from the webserver it will parse the document and create DOM elements from each tag it finds. So if it finds a div it creates a object Element and applies a set of default properties to it. Any attributes set in the HTML tag are applied over the top of the default. Attributes are things like height, width, background-colour, padding, margins etc etc. You can see all of these in the dev tools when you inspect an element on the page or https://developer.mozilla.org/.