Skip to content

HTML & CSS · Level 4 — Master & Senior

Design systems, professional accessibility and front-end leadership

Building and keeping a design system, accessibility audits, browser compatibility, build tooling and front-end technical leadership.

This course’s lessons are being written; see the syllabus and plan ahead.

  • Taught by Mahdi Mashaal

Who it is for

  • A senior developer who makes a team’s front-end decisions

After this course

  • Build and document a product’s design system
  • Run a WCAG audit and prioritise its findings

Before you start

  • Professional HTML & CSS

Syllabus

  1. 1Design systemsComing
    1. Design tokensComing
    2. Components and their statesComing
    3. Documenting the systemComing
  2. 2Professional accessibilityComing
    1. WCAG in practiceComing
    2. Audits and screen-reader testingComing
  3. 3Front-end engineeringComing
    1. Build tooling and optimisationComing
    2. Browser compatibilityComing
    3. Reviewing front-end codeComing
  4. 4The level projectComing
    1. Project: a design systemComing

The level project

A design system with tokens, components and documentation

Passing this level means: designs systems and leads a team — Brazier medal