All plans
7-day plan
4 questions/day
intermediate
7-Day Crash Plan
Seven days, four questions a day, across the highest-frequency interview surfaces — JavaScript, async, React, performance, system design. Built for engineers with a hard deadline who need maximum signal in minimum time.
Milestones
- Day 3: Halfway check — confidence on JS + async
- Day 6: Mock interview — pick two unseen questions and time yourself
- Day 7: Final sweep — revisit anything still shaky
Revision strategy
Re-skim yesterday's answers each morning before starting new questions. End each day by writing a one-sentence summary of each answer from memory.
Overall progress0/7 days · 0%
Day 1
0/4JavaScript core
- · Closures, scope, this
- · Equality and types
- What is the difference between currying and partial application in JavaScript?javascript · easy
- What is the difference between the nullish coalescing operator and logical OR in JavaScript?javascript · easy
- Why do you want to join this company?behavioral · easy
- Can you explain how this, call, apply, and bind relate in JavaScript?javascript · medium
Day 2
0/4Async + networking
- · Promises, microtasks
- · AbortController patterns
- What is the difference between prototypal and classical inheritance in JavaScript?javascript · easy
- What is the difference between the microtask and macrotask queues?javascript · easy
- What is your approach to efficient data fetching in a modern frontend app?performance · easy
- When should you use WebSockets, Server Sent Events, or polling?networking · medium
Day 3
0/4React fundamentals
- · Hooks mental model
- · Forms + lists
- What are the key differences between React 16 and React 18?react · easy
- What is the difference between a React Node, Element, and Component?react · easy
- What is your approach for handling sync conflicts and operational transforms in collaborative apps?system-design · easy
- How would you build a custom React hook that handles loading, error, and success states?react · medium
Day 4
0/4React internals + perf
- · Fiber, hydration
- · Memo discipline
- What are the differences between server side rendering and client side rendering?performance · easy
- What is hydration in server side rendering?react · easy
- What techniques do you use to ensure performance and responsiveness in a web app?performance · easy
- How would you prevent unnecessary re renders in a dashboard with live updates?react · hard
Day 5
0/4Performance + rendering
- · CWV + bundle splits
- · Reflow vs repaint
- What strategies would you use to improve page load time for a global audience?performance · easy
- Which frontend performance metrics do you track in production?performance · easy
- Where do Flexbox and CSS Grid actually shine in real product UIs?css · easy
- How would you center a div inside another div in modern CSS?css · easy
Day 6
0/4System design mock
mock
- · Scope a design out loud
- What are the UX challenges unique to AI interfaces, such as latency, hallucinations, and streaming?system-design · easy
- What is the difference between traditional AI and generative AI from a frontend perspective?system-design · easy
- What is your experience with Redux, Redux Toolkit, or other state management libraries?react · easy
- How do you prevent XSS in React applications?security · medium
Day 7
0/4Revision sweep
revision
- · Re-derive answers from memory