1Live frontend courses · 24 courses at 6 benches
The craft under
the framework.
Frontend Artisans teaches the frontend the way a workshop teaches a trade: live, at a bench of 8, beside someone who builds interfaces for a living. React, Svelte and Vue — and underneath them, the HTML, CSS and TypeScript all three are made of.
- At the bench
- 8 people
- Each week
- 2 × 90 min
- Refund
- 30 days
- From
- £9.16
Press the buttons. The four versions below all behave like this.
Seats.tsx22 lines
import { useState } from "react"; export function Seats({ max = 8 }: { max?: number }) { const [count, setCount] = useState(1);State const full = count === max;Derived value return ( <div role="group" aria-label="Seats"> <button aria-label="Fewer" disabled={count === 1} onClick={() => setCount(count - 1)}Events >−</button> <output>{count} of {max}</output> <button aria-label="More" disabled={full} onClick={() => setCount(count + 1)}Events >+</button> </div> );}- 1State
- 2Derived value
- 3Events
Notes on detail A
- 1
State. The one number that changes when somebody presses a button. Each framework has its own word for it; the idea is the same.
- 2
Derived value. Worked out from the state every time rather than stored beside it, so the two can never disagree.
- 3
Events. What the person does, wired to what changes. The minus button stops at one and the plus at a full bench.
Switch versions and the balloons stay on the same ideas; only the syntax moves. Learn the ideas once and every framework after the first comes easier.
2The benches
Six benches, one workshop.
Each bench is a subject with four courses on it. The first is for people starting out; the last is the masterpiece the rest of the bench leads up to. Start wherever suits you — most people end up working at two or three.
Bench H
HTML & CSS
The material everything else is cut from: markup, layout and the accessibility no framework adds for you.
Bench T
TypeScript
JavaScript understood properly first, then types that make the wrong prop impossible to pass.
Bench R
React
Components, hooks and the server, learned as a model of when the screen updates rather than a list of rules.
Bench S
Svelte
A compiler instead of a runtime: runes, motion, and SvelteKit for everything from routing to the database.
Bench V
Vue
Templates and the Composition API, from one widget on an old page to a Nuxt app rendered three ways.
Bench B
Build & test
The toolchain, the tests and the performance budget that decide whether any of it ships.
3How a course runs
Measure twice, cut once.
Every course follows the same order of work, whatever the bench. Pick a mark on the rule to see what happens at that stage.
Before
Measure twice
Thirty minutes with the tutor before anything is paid, about what you build at work and where it keeps going wrong. If another course would suit you better, or none of ours would, you hear it here.
4What's included
The parts list for a seat.
Every course, at every price, comes with the same six things. Nothing extra is sold once you're in.
| Item | Part | Qty |
|---|---|---|
| 1 | Live sessions90 minutes each, in UK time, with cameras optional and questions expected. | 2 a week |
| 2 | People at your benchFew enough that the tutor knows what each of you is building by the second week. | 8 at most |
| 3 | Shared repositoryA branch for each person, the tutor's commits alongside yours, and every exercise in its history. | 1 |
| 4 | Open bench hourDrop in with whatever broke between sessions. Nobody presents anything. | 1 a week |
| 5 | Written reviewLine by line in your final pull request, ending with what to change first. | 1 |
| 6 | Recordings and notesEvery session and every handout, still there after the course ends. | Yours to keep |
5From the shop floor
Asked before the first cut.
Can't find yours? Write to us. The tutors on all 6 benches read the inbox themselves.
01What does a week on a course look like?
02What happens after I ask for a seat?
03Which framework should I learn first?
04I already use React at work. Is there anything here for me?
05Why does every price end in 16p?
06Can my employer pay?
07Can I join from outside the UK?
08How do refunds work?
Ready when you are
Bring something
to make.
Pick a course, or just write to us about what you're building. Either way, you talk to the person who would teach you before anything is paid.