frontend.beauty · no login required
Frontend interview practice and timed mock interviews
Graded quizzes, output-prediction problems, find-the-bug drills, and 45–90 minute mocks — plus guides on JavaScript, React, CSS, and system design. Start in the browser. No signup.
- No login required
- Quizzes and mocks with solution
- Byte size learning with full guides
- Practice questions
- 66
- Articles
- 667+
- Mock durations
- 45–90m
- Browser tools
- 13
Practice first
Start a quiz or mock interview without creating an account
Open a session in the browser, check answers as you go, and follow misses into full guides. Session progress stays on this device.
Interactive practice
Daily quizzes and on-demand drills
Multiple choice, multi-select, output prediction, find-the-bug, and CSS layout questions. Each answer includes an explanation and links to related articles.
Start practicing →Mock interview
Timed self-assessment (Test Me)
Choose 45, 60, or 90 minutes and a track: fundamentals, React, or mixed. Use the countdown, mark items for review, and get a topic breakdown with study recommendations at the end.
Take a mock interview →Also available without an account:cheat sheets,snippets,playground, andbrowser tools.
Start with the guides
High-traffic topics people actually study for work and interviews.
The event loop
Call stack, macrotasks, microtasks — and how to talk about freezes in interviews.
Closures
Lexical environment, factories, loop gotchas, and what “capture” actually means.
Rules of Hooks
Why call order matters, what the linter is protecting, and the bugs that show up when you cheat.
useEffect fundamentals
Sync with the outside world — deps, cleanup, and when effect isn’t the right tool.
LRU cache
Map + doubly linked list (and the Map-order trick) for O(1) get/put.
CORS for frontend
What the browser blocks, what the server must send, and how to debug preflight.
Browse by topic
Pick a subject and work through the guides in order — or jump in wherever you need.
The rest of the interview loop
After practice and mocks: topic guides, machine coding briefs, DSA patterns, and system design notes. All pages are free without login.
Interactive practice
Daily quizzes, output prediction, debugging drills — graded with explanations.
Mock interview
Timed 45–90 min self-assessments with topic breakdown and study recommendations.
Cheat sheets
Flexbox, Grid, Hooks, TypeScript, Git, Regex — copy-friendly interview references.
Snippets library
Debounce, throttle, modal, infinite scroll — production-minded copy-paste blocks.
Interview guides
How to structure answers, common JS/React questions, and what seniors get probed on.
Most-asked questions
Curated Q&A lists by topic and company — short answers plus links into deeper guides.
Machine coding
Timed UI builds: autocomplete, modals, infinite scroll — requirements and tradeoffs.
Frontend system design
Feeds, typeahead, dashboards — scope, data, cache, and perf budgets.
DSA for frontend
Patterns in JS/TS: two sum, graphs, DP, design problems like LRU.
Recently featured
Flagship guides we keep polished.
CORS Explained for Frontend
Why the browser blocks cross-origin responses, what Access-Control-* headers mean, preflight, credentials, and how to fix real frontend errors.
browser · intermediate
CSS Box Model
Content, padding, border, margin, box-sizing, and how the math actually works for layout and overflow.
css · beginner
CSS Grid Fundamentals
Two-dimensional layout with tracks, gaps, placement, fr units, and when grid beats flex for page scaffolding.
css · beginner
Flexbox Fundamentals
Flex container vs items, main vs cross axis, grow/shrink/basis, alignment, wrapping, and the bugs that show up in real layouts.
css · beginner
LRU Cache
Design an LRU cache with O(1) get and put — Map + doubly linked list, Map insertion-order approach, and interview tradeoffs.
dsa · advanced
Apple Frontend Interview
What frontend candidates typically face at Apple — polish, accessibility, web/UI craft, coding, and prep. Composite/unofficial.
experiences · advanced
Meta Frontend Interview
What frontend candidates typically face at Meta — rounds, coding focus, product sense, and a prep plan. Composite/unofficial guidance.
experiences · advanced
Microsoft Frontend Interview
What frontend candidates typically face at Microsoft — loops, TypeScript/systems flavor, coding bar, and prep. Composite/unofficial.
experiences · advanced
Netflix Frontend Interview
What frontend candidates typically face at Netflix — performance-minded UI, coding, design rounds, and prep. Composite/unofficial.
experiences · advanced
Browser tools
Small utilities that run on your machine — useful when you don’t want another tab of SaaS.
Playground
HTML, CSS, and JS with a live preview. Good for pasting a snippet while you read.
const el = document.querySelector('.card')
el?.addEventListener('click', () => {
console.log('ready')
})