Goal: Master the "Magic" under the hood of JS and the nuances of TypeScript.
JS Engine: Event loop, microtasks vs. macrotasks, garbage collection, and memory leaks
Scope & Closures: Practical applications (currying, memoization, module pattern)
Prototypes: Prototypal inheritance vs. Class inheritance
TypeScript: Generics, Utility Types (Pick, Omit, Partial), Discriminated Unions, and Type Guards
Friday Mock Interview
JavaScript Fundamentals & Coding Patterns
Promises: Implementing Promise.all, Promise.allSettled, and handling race conditions
API Design: Fetch API, AbortController, and Debouncing/Throttling
The Critical Rendering Path: How the browser parses HTML/CSS/JS (Reflow vs. Repaint)
Friday Mock Interview
Machine Coding: Building a UI Component from scratch in vanilla JS/TS
Goal: Proving you understand React's reconciliation and optimization strategies.
Reconciliation: The Diffing algorithm and the Virtual DOM
Hooks Internals: Rules of hooks, creating custom hooks, and useLayoutEffect vs useEffect
State Management: When to use Context API vs. Redux/Zustand vs. Server State (React Query)
Friday Mock Interview
React Hooks & State Management Patterns
Optimization: React.memo, useMemo, useCallback, and Code Splitting
Next.js Architecture: SSR vs. SSG vs. ISR vs. Client-side rendering
Hydration: What is it, and why do "Hydration Mismatch" errors happen?
Friday Mock Interview
Performance Profiling & Next.js optimization
Goal: Navigating complex UI logic and Data Structures.
Recursion: Handling nested comments/folders
Trees & Graphs: Flattening nested objects, DOM tree traversal (BFS/DFS)
Strings & Arrays: Sliding windows and Two-pointer techniques for UI logic
Friday Mock Interview
LeetCode-style problems focused on Frontend scenarios
Advanced CSS: Flexbox/Grid deep dive, Container Queries, and CSS-in-JS vs. Tailwind
Accessibility: ARIA roles, keyboard navigation, and screen reader compatibility
Design Systems: Tokenization and component library architecture
Friday Mock Interview
CSS Layouts & Accessibility Audit
Goal: Thinking like an Architect.
The Framework: Requirements gathering, API contract design, Data Modeling, and Security (CORS, XSS, CSRF)
Scalability: Micro-frontends vs. Monoliths, Image Optimization, and CDN strategies
Offline Support: Service Workers and Progressive Web Apps (PWAs)
Friday Mock Interview
System Design: "Design a Video Streaming Platform" or "Design an E-commerce Dashboard"
Experience Deep Dive: STAR method for past projects
Leadership: Handling conflict, code review philosophy, and mentoring
Final Review: Revisiting weak spots from previous mock interviews
Friday Mock Interview
Final Graduation Mock (Full Loop: Technical + Behavioral)
Every Friday, evaluate yourself or your peers on these four pillars
Did you think out loud?
Is the code modular, typed, and clean?
Did you explain the why (e.g., "I'm using useMemo here because...")?
Did you handle edge cases (loading states, errors, empty data)?
Join the bootcamp and master frontend interviews in 8 weeks