Cheat sheet · Beginner · 5 min
Web fundamentals cheat sheet
HTML, CSS and performance rules on one screen. 4 sections, 16 entries.
- HTML
- Accessibility
- Layout
Entries 16
Lab · Beginner · 30 min
Lab: Keyboard-only session
Use a site with the mouse unplugged and log every control that cannot be reached or operated.
- Before a redesign, you need a list of the accessibility failures on the current site.
Tasks 3
Project · Beginner · 6h
Project: An accessible, responsive landing page
Build a landing page with semantic structure, keyboard-accessible interaction, a fluid layout and measured performance.
- Build a landing page for a product with a header, hero, feature grid, pricing cards, FAQ disclosures and a signup form. It must pass an accessibility audit, work by keyboard, adapt from 320px to 1600px with at most two media queries, and load with good paint metrics.
- Milestone 1: Structure
- Milestone 2: Layout
Learning path · Beginner · 6h
Web fundamentals for people who ship
HTML that means something, CSS that holds up, and the browser behaviour every front-end depends on.
- Build accessible, responsive pages with semantic HTML and modern CSS, and understand how the browser loads and renders them.
- Skills: Semantic, accessible HTML, Modern layout with flexbox and grid, Responsive design without breakpoints everywhere, Forms and validation, Performance basics
Time 6h

Instant delivery after paymentLicence stated on every productRe-download anytime from My LibrarySecure checkout — Polar or FungiesNew products every week

Products GamingNew Subscriptions Deals Membership Licensing

Search

Web fundamentals cheat sheet

Lab: Keyboard-only session

Project: An accessible, responsive landing page

Web fundamentals for people who ship