🖥️ Frontend Developer

14-Day English Crash Course for Frontend Developers
Intensive Sprint

A focused 2-week programme covering the 14 highest-priority areas of English for frontend developers in international teams. From HTML, CSS, and React vocabulary to accessibility language, design handoffs, and technical interview preparation — each day is focused, practical, and linked directly to exercises. If you need results fast, start here.

Intensive 14 days · 42 exercises covered · 20–30 min/day · Full 30-day path →
Start Day 1 →

14-day overview

Week 1: Core Frontend Vocabulary & Code Communication

1

HTML, CSS & JavaScript Core Vocabulary

2

Browser APIs & DOM Vocabulary

3

React & Framework Vocabulary

4

IT Collocations for Frontend Work

5

Performance & Optimisation Vocabulary

6

Accessibility (a11y) Vocabulary

7

Design System & Component Vocabulary

Week 2: Testing, Communication & Career

8

CSS Collocations & Layout Language

9

Testing Vocabulary (unit, integration, E2E)

10

Code Review Language

11

Design Handoffs & Client Communication

12

Daily Standups & Team Communication

13

Frontend Technical Interview English

14

Salary Negotiation & Offer Phrases

Key phrases to learn this fortnight

hydration
"The component hydrates on the client — we need to avoid hydration mismatches between server and client renders."
reflow / repaint
"Avoid triggering reflow inside a loop — batch your DOM reads and writes for better performance."
cumulative layout shift
"Our CLS score is 0.18 — we need to add explicit width and height to images to fix this."
a11y
"This modal fails a11y — it needs a focus trap and an aria-labelledby attribute."
prop drilling
"We're seeing prop drilling five levels deep — this is a good case for Context or a state library."
nit:
"Nit: I'd extract this into a custom hook — makes it easier to test in isolation."
tree-shaking
"Import named exports so the bundler can tree-shake unused code from the final bundle."
design token
"Use the spacing design token here instead of a magic number — it keeps the UI consistent."
lazy loading
"Lazy loading the image carousel reduced initial bundle size by 40KB."
semantic HTML
"Use a <button> here, not a <div> with an onClick — semantic HTML is essential for accessibility."

Frequently asked questions

Who is this 14-day frontend English crash course for?

This crash course is for frontend developers who need focused, fast improvement in technical English — before a new job, a technical interview, or when transitioning to an international team. It covers the 14 highest-impact vocabulary and communication areas for frontend work.

What level of English do I need to start?

The course is designed for B1–B2 English learners (intermediate). You should be able to hold basic conversations in English. The course improves your professional and technical English, not general English from scratch. If you are unsure of your level, try Day 1 — if the vocabulary feels completely unfamiliar, build general English skills first.

How long does each day take?

Each day is designed for 20–30 minutes: roughly 10 minutes on vocabulary and 15 minutes on the communication exercise. The intensive format keeps each session focused and practical. Optional blog reading adds another 10–15 minutes if you want more context.

What vocabulary does this crash course cover?

The course covers HTML, CSS, and JavaScript vocabulary, browser API and DOM terminology, React and framework language, IT collocations, performance and optimisation terms, accessibility vocabulary, design system and component language, CSS layout collocations, testing vocabulary, code review phrases, design handoff communication, standup phrases, and interview and negotiation language.

Does the course cover React-specific vocabulary?

Yes. Day 3 focuses on React and modern framework vocabulary — including terms like props, state, hydration, virtual DOM, reconciliation, hooks, and the English phrases used when discussing component architecture in code reviews and standups.

Is accessibility vocabulary included?

Yes. Day 6 covers accessibility (a11y) vocabulary — including ARIA roles, semantic HTML language, keyboard navigation terminology, WCAG compliance phrases, and how to discuss accessibility requirements with designers and QA engineers in English.

How is this different from the 30-day frontend path?

The 14-day crash course covers the 14 highest-priority areas in a condensed format. The 30-day path goes deeper — adding CSS architecture, state management vocabulary, build tooling language, advanced component API communication, and a full week of interview and career preparation. Start with 14 days for a quick sprint; use 30 days for comprehensive coverage.

Does this course cover design handoff communication?

Yes. Day 11 focuses on design handoff and client communication — the English phrases used when receiving designs from Figma, asking clarifying questions to designers, and communicating implementation constraints to non-technical stakeholders.

Is there interview preparation in this course?

Yes. Days 13 and 14 cover frontend technical interview speaking and salary negotiation phrases. See /exercises/speaking/technical-interview-speaking/ for the full exercise set.

What should I do after completing this 14-day crash course?

After the crash course, move to the 30-day frontend path for deeper coverage of CSS architecture, state management, build tools, and advanced interview preparation. You can also browse all exercises at /exercises/ or start the QA Engineer 14-day path if your role overlaps with testing work.

Ready to start?

Begin with Day 1 and spend 20 minutes today.

Start Day 1 → Full 30-day path All learning paths