Track 05 of 06
Frontend Engineering
Learn to build interfaces that hold up: accessible components, a shared design system, and pages that stay fast. Self-paced and free, with a peer pod and a volunteer mentor.
- Cost
- Free
- Pace
- Self-paced
- Builds toward
- Frontend or UI engineer
Is it for you?
You like the details of how interfaces look and behave, and want to build them to a professional standard.
What you’ll learn
- Build components that work with a keyboard and a screen reader
- Turn a visual design into reusable tokens and components
- Document a component library so others can adopt it
- Measure and fix what makes pages slow
- Test components visually and behaviourally
The stack
- HTML and CSS
- TypeScript
- React
- Accessibility (WCAG)
- Design tokens
- Web performance
The project brief
Component library for a product suite
Build the shared component library for a family of sample products, from buttons to data tables, with design tokens, documentation, accessibility checks and visual tests.
- What it shows
- That you can build interfaces other engineers want to reuse, to an accessibility standard.
- Builds toward
- Frontend or UI engineer
Briefs are modelled on real startup problems for learning. The work is yours: it is not done for any company, and it is not paid.
How the track runs
- Plant roots. Create your profile, choose your track and see what it covers.
- Foundations. Work through your track’s learning material at your own speed.
- Project sprint. Join a pod of up to six and build a production-style project brief.
- Lead and reflect. Optionally lead a pod, support newer students, and review what you learned.
- Share your portfolio. Publish your shipped work and earn your certificate of completion.
Questions about this track
- Is the Frontend track about design or code?
- Code, with a designer’s eye. You implement and maintain a design system rather than drawing one from scratch.
- Why does the track focus on accessibility?
- Because accessible interfaces work better for everyone, and it is a skill many teams struggle to hire for. It is part of every component you build.
Plant your roots
Create a free account, choose your track and start at your own pace. No card needed, and you can pause or leave at any time.