HTML
Loading Scripts: defer, async and type=module
Where a script tag sits and which attribute it carries decides whether your page paints in half a second or four. Three loading behaviours, and when e...
HTML with JavaScript
Script loading, defer and async, DOM basics, events and dynamic content.
5 notes
Notes
HTML
The DOM: What the Browser Builds From Your Markup
Your file is text. The DOM is the live tree the browser built from it, and they are not the same thing. Knowing the difference is what makes debugging...
HTML
Selecting and Changing Elements
querySelector, classList, dataset and the methods that actually get used. The small set of DOM operations that covers most day to day work.
HTML
Events and Event Delegation
How a click travels through the DOM, why one listener can serve a thousand elements, and the keyboard events that inline handlers always forget.
HTML
Forms and JavaScript
Read values, submit without a page reload, validate with the built in API, and handle errors accessibly. All of it built on a real form element.