What to check
before day one

Front-end design is hands-on from the first session. Participants who arrive with basic orientation get more out of each exercise and spend less time on setup during live workshops.

Workshop preparation — front-end design tools and environment setup
8
sessions of practical work

What the workshops expect of you

You do not need to know CSS or JavaScript in advance. You do need to be comfortable with a code editor and have a browser installed where you can open DevTools.

Each workshop module runs as a sequence of exercises — you write code, break it, and examine why. Participants typically arrive with some exposure to HTML structure, even if it is from reading documentation rather than building anything complete. The exercises scaffold from there.

Install VS Code and the Live Server extension before the first session. Have a GitHub account ready for submitting exercise files. The platform runs in a browser, so no local server or Node environment is needed to participate.

View the full program
Starting point
After module 3
Opens files in a text editor
Works in VS Code with extensions
Copies HTML snippets
Writes structured markup independently
Guesses at layout behaviour
Reads browser DevTools output
No version control habit
Commits and pushes to GitHub
Unclear on box model
Applies flexbox and grid confidently
Portrait of Tomáš Bureš
Tomáš Bureš
Graphic designer, cohort 4

I set up VS Code the night before and it saved a full hour during the first live session.

Portrait of Ragnhild Vik
Ragnhild Vik
UX researcher, cohort 6

The checklist on this page is accurate — I skipped the GitHub step and had to sort it mid-workshop.

Portrait of Adekunle Fashola
Adekunle Fashola
Web producer, cohort 7

No prior CSS experience. The pre-read materials linked from the platform were enough to follow session one without gaps.