🖥️ Frontend Developer

30-Day English for Frontend Developers
Complete Learning Path

A structured day-by-day programme covering every area of English that frontend developers need in professional teams. You will build vocabulary for CSS, JavaScript, React, and TypeScript; learn the language of accessibility reviews, design handoffs, and Core Web Vitals discussions; practise communication for standups, sprint planning, and code reviews; and prepare your language for technical interviews and portfolio presentations. Each day is 20–30 minutes with direct links to exercises, vocabulary sets, and phrasebooks.

Intermediate 30 days · 90 exercises covered · 20–30 min/day · Full role guide →
Start Day 1 →

30-day overview

Week 1: Foundations

1

Frontend Core Vocabulary

2

CSS & Styling Language

3

JavaScript & TypeScript Vocabulary

4

React & Frameworks Language

5

Code Review Language for UI

6

Browser APIs & Web Platform Vocab

Week 2: Components & Architecture

7

Debugging & Error Language

8

Git & Version Control

9

Agile & Sprint Vocabulary

10

Performance & Core Web Vitals

11

Component API Documentation

12

Design System Language

Week 3: Communication

13

Accessibility (a11y) Vocabulary

14

Testing Vocabulary: Unit & E2E

15

Build Tools & Bundlers Language

16

Daily Standups in English

17

Design Handoff Conversations

18

Sprint Planning & Estimation

Week 4: Advanced Topics

19

Async Communication & Slack

20

Writing Technical Documentation

21

State Management Language

22

Browser Compatibility Communication

23

Security for Frontend: XSS, CSP

24

SEO & Web Analytics Vocabulary

Week 5: Career & Interview

25

CI/CD & Deployment Language

26

Technical Interview English

27

Portfolio & Self-Presentation

28

Salary Negotiation Language

29

Final Review: All Key Phrases

30

Mock Interview Practice

Key phrases to learn this month

hydration
"The page shows a hydration mismatch — the server-rendered HTML differs from the client render."
tree-shaking
"We should check that tree-shaking is working correctly — some unused imports might be bundled."
code splitting
"Adding code splitting reduced our initial bundle size by 40%."
LCP
"Our LCP is at 3.2s — we need to optimise the hero image to hit the 2.5s threshold."
prop drilling
"There's a lot of prop drilling here — this might be a case for context or a state management library."
semantic HTML
"Using a <div> here breaks the accessibility tree — this should be a <nav>."
design token
"Use the design token for colour here rather than a hardcoded value — it will update automatically in dark mode."
nit:
"Nit: this CSS selector could be simplified — but not a blocker."
repaint/reflow
"Animating this property causes a reflow — we should use transform instead for better performance."
ARIA label
"This button needs an ARIA label — it's not clear to screen readers what it does."

Frequently asked questions

What does this frontend English path cover?

The path covers CSS and JavaScript vocabulary, React and framework terminology, component API documentation, accessibility (a11y) language, Core Web Vitals and performance vocabulary, design handoff communication, testing vocabulary, CI/CD basics, and technical interview preparation.

Is this suitable for React developers?

Yes. The path covers React-specific vocabulary including component lifecycle, hooks, state management, props, hydration, and the language used in React documentation and code reviews. The principles apply equally to Vue, Angular, and Svelte developers — the underlying concepts and communication patterns are framework-agnostic.

Does the path cover accessibility language?

Yes. Day 13 focuses specifically on accessibility (a11y) vocabulary: ARIA attributes, WCAG guidelines, semantic HTML, keyboard navigation, screen reader communication, and the language used in accessibility audits and design reviews. This is increasingly important as accessibility requirements become standard in professional frontend work.

How much time per day is needed?

Each day is designed for 20–30 minutes. Vocabulary exercises take about 10 minutes and communication exercises take 15 minutes. Optional blog reading adds depth if you have more time. Consistency is the key — 25 minutes every day is far more effective than two hours once a week.

Is there content on talking about performance?

Yes. Day 10 covers Core Web Vitals and performance vocabulary: LCP, FCP, CLS, TTI, bundle size, tree-shaking, code splitting, and the language used when discussing performance audits with the team or presenting Lighthouse results to stakeholders.

Does the path cover design system vocabulary?

Yes. Day 12 focuses on design system language: design tokens, component variants, atomic design, Storybook vocabulary, and the phrases used in design review and handoff discussions. Day 17 extends this with design handoff conversation practice.

What speaking exercises are included?

Days 16, 27, and 30 include speaking exercises: standup phrases, professional self-introduction, and mock technical interview practice. The path also links to listening exercises for design review meetings and sprint planning discussions so you can practise both producing and understanding spoken English in frontend contexts.

Does this path cover CSS collocations?

Yes. The path includes collocations exercises on Days 5 and 6 that cover natural phrase combinations specific to frontend work: "responsive layout", "media query breakpoint", "cascading specificity", "flexbox container", "critical rendering path", and more. Collocations are important because using the right word combinations signals professional fluency.

Can backend developers use this path?

Yes. Backend developers who need to collaborate with frontend teams, full-stack engineers, or anyone who works with CSS, JavaScript, or browser-side technologies will benefit from the vocabulary, accessibility language, and design handoff communication sections.

What comes after this 30-day path?

After completing the 30-day path, explore the Frontend Developer guide at /guides/frontend-developer/ for comprehensive reference material, or browse /exercises/ for additional CSS, JavaScript, and UX writing exercises. You can also start the Backend Developer path if you work full-stack.

Ready to start?

Begin with Day 1 and spend 20 minutes today.

Start Day 1 → All learning paths Browse all exercises