Your 8-Week Study Plan

A structured study plan is the difference between wasting months and landing an offer in 8 weeks. This plan assumes 2-3 hours of daily practice alongside a full-time job.

The Plan

Weeks 1-2: JavaScript & TypeScript Foundations

Goal: Eliminate knowledge gaps in core JS/TS that trip candidates up.

• Event loop, call stack, microtask vs. macrotask queues
• Closures — write 5 examples from memory
• this binding rules (default, implicit, explicit, new)
• Prototypal inheritance vs. class syntax
• Promises, async/await, error handling patterns
• TypeScript generics, utility types, type guards
• Practice: 3-5 JS coding problems per day on LeetCode (Easy/Medium)

Weeks 3-4: React Deep Dive

Goal: Master React internals and common interview patterns.

• React Fiber architecture and reconciliation algorithm
• All hooks: useState, useEffect, useRef, useMemo, useCallback, useReducer
• Custom hooks — design and implement 3-5
• State management: Context API, Zustand, Redux Toolkit, TanStack Query
• Server Components and the "use client" / "use server" directives
• Next.js App Router, Server Actions, streaming SSR
• Practice: Build 2 small React apps from scratch (no starter template)

Weeks 5-6: Frontend System Design

Goal: Develop a framework for answering system design questions.

• Learn the RADIO framework (Requirements → Architecture → Data Model → Interface → Optimization)
• Practice 5 classic problems:
  • Design an autocomplete/typeahead
  • Design a chat application UI
  • Design a spreadsheet
  • Design a news feed
  • Design a photo gallery with infinite scroll
• Component library architecture and API design
• State management at scale
• Real-time updates (WebSockets, SSE, polling trade-offs)
• Practice: Whiteboard 1 design problem per day (set a 35-minute timer)

Week 7: Performance & Accessibility

Goal: Be able to discuss and optimize real-world performance issues.

• Core Web Vitals: LCP, CLS, INP — thresholds and optimization strategies
• Chrome DevTools Performance tab and Lighthouse
• Code splitting, lazy loading, prefetching
• Image optimization (formats, responsive images, lazy loading)
• WCAG 2.2 AA requirements — focus management, ARIA, keyboard navigation
• Practice: Audit 2-3 real websites using Lighthouse and identify fixes

Week 8: Behavioral & Mock Interviews

Goal: Polish your story and get live feedback.

• Prepare 8-10 STAR stories covering: leadership, conflict, failure, impact, collaboration
• Map stories to Amazon LPs if targeting Amazon
• Salary research on levels.fyi for your target role/level/company
• Practice negotiation scripts
• Do at least 2 mock interviews — use Pramp, interviewing.io, or ask a friend
• Record yourself answering questions and review for filler words, pacing

Daily Schedule Template

Time Block	Activity	Duration
Morning	1-2 coding problems (LeetCode/Frontend-specific)	45 min
Lunch	Read 1 article on the week's topic	15 min
Evening	Deep study session (concepts, system design practice, or mock)	60-90 min

Adjustments by Target Company

If targeting...	Spend more time on...
Meta	Vanilla JS coding, frontend system design
Google	Algorithms/DSA, general coding
Amazon	STAR stories mapped to LPs (dedicate 2+ full days)
Apple	Applied/practical problems, accessibility
Startups	Portfolio projects, pair programming practice

Resources

• Coding practice: LeetCode, GreatFrontEnd, BFE.dev
• System design: "Frontend System Design" by GreatFrontEnd, Educative
• Mock interviews: Pramp (free), interviewing.io, Exponent
• Salary data: levels.fyi
• Company-specific prep: Glassdoor interview reviews, Blind

Tip: Consistency beats intensity. 2 hours daily for 8 weeks is more effective than 8-hour weekend cramming sessions.

Now that you have the big picture, let's dive into the technical content. Starting with JavaScript and TypeScript mastery. :::