All levels 6 topic areas 135+ exercises

Frontend Developer

Frontend developers write code that users see and interact with. Their daily English covers discussing rendering strategies, writing PR descriptions for UI refactors, presenting performance metrics, and documenting component APIs. This path builds the exact vocabulary and phrasing you need.

Start first exercise → Browse all exercises

Topics covered

DOM & Browser APIs
CSS & Layout
JavaScript & TypeScript
Accessibility (a11y)
Performance & Web Vitals
Component design

Vocabulary spotlight

4 terms every Frontend Developer should know in English:

hydration n.

The process of attaching JavaScript event handlers to server-rendered HTML

"Partial hydration improved our Time to Interactive by 40%."

debounce v./n.

Delay executing a function until after a period of user inactivity

"We debounce the search input to avoid excessive API calls."

render-blocking adj.

Resources that prevent the browser from presenting page content

"That third-party script is render-blocking — we should defer it."

layout shift n.

Unexpected movement of visible page content, measured as CLS

"Reserving space for images eliminated the layout shift on load."

Open full glossary →

📚 Vocabulary Reference

Key terms organised by category for Frontend Developers:

Browser & DOM

DOMBOMvirtual DOMshadow DOMevent bubblingevent delegationmutation observer

Rendering

hydrationSSRSSGISRtree shakingcode splittinglazy loadingbundlingtranspilingpolyfill

CSS & Layout

specificitybox modelviewportbreakpointz-indexreflowrepaintBEMutility classCSS custom property

Web Performance

First Contentful PaintTime to InteractiveCumulative Layout ShiftLCPFIDbundle sizeminificationcache busting

Accessibility (a11y)

ARIAsemantic HTMLscreen readerfocus managementcontrast ratioalt textkeyboard navigationWCAG

Components & Frameworks

componentpropsstatehookcontextreducereffectlifecycledirectivetemplatereactivity

Study full vocabulary modules →

Recommended exercises

JavaScript & TypeScript Vocabulary 30 exercises

CSS Architecture Terms 25 exercises

Accessibility (a11y) Vocabulary 20 exercises

Code Review Communication 20 exercises

Performance & Web Vitals 20 exercises

Passive Voice in Technical Writing 10 exercises

Reading Component & API Documentation 3 exercises

Writing Pull Request Descriptions 2 exercises

Frontend Developer Interview Questions 5 exercises

Real-world scenarios you'll practise

Explaining a rendering bottleneck during a performance review
Writing a PR description for a major CSS refactor
Presenting accessibility audit findings to the team
Discussing bundle size trade-offs in a tech planning meeting

Recommended reading

Reference glossaries for Frontend Developers

Deep-dive glossaries covering terminology specific to this role:

Design Patterns Programming Paradigms HTTP Status Codes

Browse full IT glossary →