All courses
· beginner

Frontend Foundations

What happens between a URL and a usable page: how the browser builds and paints it, why the page feels slow even when it loaded fast, and the accessibility decisions that are made in the design rather than the markup.

Pathaxis · Original content

Written in house, from the work rather than from a syllabus. Every example is one we would use ourselves, and every quiz question explains why its answer is right.

81 min 6 lessons 15 quiz questionsStart course

What you’ll learn

  • Describe what the browser does between a URL and a painted page
  • Explain why long JavaScript blocks everything, including scrolling
  • Predict which CSS rule wins, and keep specificity low enough to work with
  • Choose the element that already does what you were about to build
  • Read Core Web Vitals and name the cause of a poor one
  • Pick a rendering strategy per route rather than per application

Before you start

  • · Some exposure to HTML and CSS
  • · No JavaScript framework experience assumed

Syllabus

01

How a page arrives

The request, the render, and the single thread.

02

Making it work for everyone

The cascade, semantics and the keyboard.

03

Making it fast

Vitals, bundles, caching and where to render.