The Browser Platform

Markup, layout and events — the substrate every framework is eventually built on.

6 concepts · 200 minutes

• Semantic HTMLThe right element carries meaning, keyboard behaviour, and accessibility for free.
• The Box ModelEvery layout bug you will ever have starts here.
• CORSThe browser rule that blocks your fetch — and why disabling it is the wrong fix.
• Flexbox & GridOne dimension vs two — pick right and layouts stop fighting you.
• The DOM & EventsThe tree the browser actually renders, and how events travel through it.
• Accessibility BasicsKeyboard, focus, labels, contrast — mostly free if you start right, expensive to retrofit.