Company guides
🟦 Microsoft — Frontend Interview Guide
Emphasis: Strong fundamentals, TypeScript, and accessibility (Microsoft is an industry a11y leader). Balanced DSA + practical frontend.
Related: Company index · ROADMAP
The loop (typical)
| Round | Focus | Prep section |
|---|---|---|
| Phone screen | DSA / coding | — |
| Coding 1–2 | DSA + a UI/JS problem | 03-javascript · 16-machine-coding |
| Frontend / design | Component or "Design X" | 15-system-design |
| As-appropriate (values) | Growth mindset | — |
What they emphasize
- Accessibility — WCAG, ARIA, keyboard. Frequently and seriously scored.
- TypeScript — typing components and APIs well.
- Fundamentals — DOM, JS, DSA balance.
- Collaboration & growth mindset in behavioral.
Frequently asked (community-sourced)
Machine coding
- Build an accessible Modal → flagship
- Build accessible Tabs / Accordion → 16-machine-coding
- Build a Tree View (file explorer) → nested comments pattern
- Build an Autocomplete → flagship
System design
- Design a productivity app (Office-like) → 15-system-design
- Design a Notification System → flagship
Fundamentals
- TypeScript generics/utility types → 04-typescript
- Accessibility patterns → 11-accessibility
Prep plan (2 weeks)
- Go deep on accessibility (ARIA APG patterns).
- Sharpen TypeScript.
- Balance DSA with 3–4 accessible components.
- Prepare growth-mindset behavioral stories.
🟢 Green flags · 🔴 Red flags
🟢 Do: lead with accessibility (ARIA, keyboard, focus) · strong TypeScript typing · clean fundamentals · growth-mindset behavioral stories.
🔴 Avoid: inaccessible components · any-everywhere typing · ignoring keyboard users · fixed-mindset answers.
📝 Sample interviewer prompts
- "Build an accessible modal with a focus trap."
- "Type this component's props and hooks properly."
- "Make this tree view fully keyboard-navigable."
Interviewed at Microsoft? Add the questions you got (role + year) via a PR.