Frontend Interview Preparation Plan

1
Pick a start date and pace
Each card gets a target date from your start date. DSA runs as a daily track alongside the frontend topics.
2
Work through the cards
Open a card, read why it matters, work through the resources and tick off the action items as you go.
3
Track and revise
Move cards across the board. Use Revise for topics you need to come back to. The tracker shows whether you're ahead or behind.

Set your start date

Pick a start date and a pace. Every story gets a target date, and the tracker shows whether you're on track. Progress is saved in this browser only.

Start datePace

To do

Moderate0/5

Status of HTML Essentials

Moderate0/7

Status of CSS Essentials

Moderate0/7

Status of Modern HTML & CSS

Easy0/6

Status of Web Accessibility (a11y)

Moderate0/8

Status of Javascript Core Concepts

Moderate0/5

Status of Event Loop & Concurrency Model

Moderate0/7

Status of Promises & Async/Await

Moderate0/5

Status of Currying & Partial Application

Hard0/6

Status of Functional Programming & Immutability

Hard0/5

Status of Symbols, Iterators & Generators

Moderate0/5

Status of Javascript Proxy & Reflect

Moderate0/5

Status of Throttle & Debounce

Moderate0/7

Status of Polyfills

Moderate0/6

Status of DOM APIs

Moderate0/9

Status of Javascript Coding Questions (BFE.dev)

Easy0/10

Status of UI Challenges (Machine Coding)

Moderate0/9

Status of React In Depth

Moderate0/5

Status of Fetching Data & REST APIs

Moderate0/6

Status of CDN, HTTP/1.1, HTTP/2 & HTTPS

Moderate0/5

Status of Client-side Storage

Moderate0/6

Status of Web Security

Easy0/4

Status of Service Workers & PWAs

Moderate0/7

Status of Rendering Performance & Jank

Easy0/6

Status of Core Web Vitals

Moderate0/4

Status of Virtual Scrolling (Windowing)

Easy0/4

Status of Web Animations

Hard0/6

Status of Module Bundlers (How Webpack Works)

Moderate0/5

Status of Javascript Design Patterns

Hard0/5

Status of Rendering Strategies (CSR, SSR, SSG, ISR)

Moderate0/7

Status of Frontend System Design

Easy0/4

Status of UX Design for Engineers

Moderate0/6

Status of Data Structures Fundamentals

Moderate0/6

Status of Sorting Algorithms

Moderate0/8

Status of Problem Solving — LeetCode Patterns

Hard0/6

Status of Memoization & Dynamic Programming

Easy0/7

Status of Behavioral Interviews & Negotiation

Moderate0/6

Status of Bonus: Generative AI for Frontend Engineers

In progress

Nothing here yet

Revise

Nothing here yet

Done

Nothing here yet

Pick a start date and pace

Work through the cards

Track and revise

Set your start date