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.
Start Day 1 →30-day overview
Week 1: Foundations
Frontend Core Vocabulary
CSS & Styling Language
JavaScript & TypeScript Vocabulary
React & Frameworks Language
Code Review Language for UI
Browser APIs & Web Platform Vocab
Week 2: Components & Architecture
Debugging & Error Language
Git & Version Control
Agile & Sprint Vocabulary
Performance & Core Web Vitals
Component API Documentation
Design System Language
Week 3: Communication
Accessibility (a11y) Vocabulary
Testing Vocabulary: Unit & E2E
Build Tools & Bundlers Language
Daily Standups in English
Design Handoff Conversations
Sprint Planning & Estimation
Week 4: Advanced Topics
Async Communication & Slack
Writing Technical Documentation
State Management Language
Browser Compatibility Communication
Security for Frontend: XSS, CSP
SEO & Web Analytics Vocabulary
Week 5: Career & Interview
CI/CD & Deployment Language
Technical Interview English
Portfolio & Self-Presentation
Salary Negotiation Language
Final Review: All Key Phrases
Mock Interview Practice
Key phrases to learn this month
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.