Role Pack · Junior to Mid
Frontend Developer Interview Pack
Framework-agnostic JavaScript, CSS, browser and DOM fundamentals, the broadest-audience pack, and the free sample.
JS fundamentals, the event loop, CSS layout, the DOM and accessibility, everything asked regardless of framework.
- Questions
- 360
- Topics
- 20
- Pages
- 308pages
- 360 questions, every one with a model answer
- JS + browser cheat sheet
- STAR + concept answer frameworks
- 5-day prep plan
Get the Frontend Developer Interview Pack — Free
One-off. Delivered as a PDF by email the moment payment clears.
Prices shown are a USD base. Your local-market price is calculated at checkout in your own currency, plus any local sales tax.
What is inside
20 chapters, in the order the interviews tend to ask them:
- Execution model & the event loop
- Closures, scope & hoisting
- Prototypes, classes & this
- Async patterns: promises & async/await
- CSS layout systems
- The DOM & event handling
- Performance & rendering
- Accessibility & semantic HTML
- The browser, networking & storage
- Modules, tooling & build
- React components and props
- Hooks, effects and the rules behind them
- The cascade, layers and custom properties
- Transitions, keyframes and motion that stays smooth
- Forms and constraint validation
- Web components and custom elements
- Web workers and moving work off the main thread
- Security in the browser
- Progressive web apps and working offline
- Internationalisation, formatting and right to left
How the answers are built
Each chapter opens with the checklist the question is really testing. A few from this pack:
- JavaScript runs on one thread with a call stack, a task queue for timers and I/O, and a microtask queue for promise reactions.
- A closure keeps a reference to the environment it was created in, so it reads the variables that were in scope where it was written.
- An object delegates property lookup to its prototype, and the chain ends at null through Object.prototype.
- A promise is an object in one of three states, and it settles exactly once, permanently.
- box-sizing: border-box folds padding and border into a declared width, which is what stops a padded element from overflowing its parent.
- An event travels capture from the window down to the target, then bubbles back up, so a handler on an ancestor sees every descendant's event.
Questions this pack covers
- Walk through what happens when you register a timer after a promise that has already resolved
- Why does a heavy synchronous loop freeze the entire page?
- What is a closure, and where would you actually use one?
- Explain hoisting and the temporal dead zone together
- Explain prototypal inheritance and the prototype chain
- What does this refer to in a method call compared with a plain call?
- What are the promise states, and how does a promise transition between them?
- How do Promise.all and Promise.allSettled differ?
Each one is answered in full in the pack, with the reasoning written out rather than a bullet list.
About this pack
- How many questions?
- 360, spread across 20 topics, written out in full across 308 pages.
- Do the answers just list keywords?
- No. Each answer is written as prose, because that is what you have to reproduce when someone asks you the question.
- How do I get it?
- Pay once and the PDF arrives by email immediately, with a signed download link.
- Can I get it refunded?
- Yes, if it is not what you expected. See the refund policy.
