User Interface
JavaScript Coding
Conceptual
Roadmap

Roadmap

Crack Your Frontend Interview in 90 Days: The Ultimate Guaranteed Pathway to Frontend Interview Success!

Week 1

- Bar ChartUser Interface
- Flatten ArrayJavaScript Coding
- Bar Chart (Level Ups)User Interface
- MemoizeJavaScript Coding
- City SearchUser Interface
- Polyfill: map()JavaScript Coding
- City Search (Level Ups)User Interface
- Working of box model in CSSConceptual
- Polyfill: filter()JavaScript Coding
- call( ) vs apply( )Conceptual
- sleep( )JavaScript Coding
- pipeJavaScript Coding
- What does preventDefault( ) do?Conceptual

Week 2

- Select MenuUser Interface
- What is a closure in JavaScript?Conceptual
- Select Menu (Level Ups)User Interface
- this keyword in JavaScriptConceptual
- Todo ListUser Interface
- mul(a)(b)(c)JavaScript Coding
- Todo List (Revision)User Interface
- SetJavaScript Coding
- sum(a)(b)(c).....(n)JavaScript Coding
- this ChallengeConceptual
- City Fetcher APIJavaScript Coding
- Tricky ClosureJavaScript Coding
- multiAdd(1,2)(3)(4,5,6)(7,9)()JavaScript Coding

Week 3

- Tic Tac ToeUser Interface
- Tic Tac Toe (Step Ups)User Interface
- Traverse DOM TreeJavaScript Coding
- var vs let vs constConceptual
- CalculatorUser Interface
- isNumbersOnlyJavaScript Coding

Week 4

- Tree NavigationUser Interface
- Tree Navigation (Step Ups)User Interface
- DebounceJavaScript Coding
- ThrottleJavaScript Coding
- Transfer ListUser Interface
- fetch with cache and expiryJavaScript Coding
- Transfer List (Revision)User Interface
- inRangeJavaScript Coding
- Shallow EqualityJavaScript Coding
- Deep EqualityJavaScript Coding
- Polyfill: bind()JavaScript Coding
- Translate vs Absolute PositioningConceptual

Week 5

- Star WidgetUser Interface
- Integers Greater ThanJavaScript Coding
- Star Widget (Revision)User Interface
- Shallow MergeJavaScript Coding
- Deep MergeJavaScript Coding
- What is event loop?Conceptual
- Progress BarUser Interface
- Progress Bar (Step Ups)User Interface
- What is code splitting?Conceptual
- async vs deferConceptual
- Event EmitterJavaScript Coding
- Paginated Data RankingJavaScript Coding

Week 6

- StopwatchUser Interface
- Stopwatch (Step Ups)User Interface
- == vs ===Conceptual
- Polyfill: apply()JavaScript Coding
- Polyfill: call()JavaScript Coding
- ToastUser Interface
- What is tree shaking?Conceptual
- Toast (Step Ups)User Interface
- What is dangerouslySetInnerHTML in react?Conceptual
- Promise.all( )JavaScript Coding
- Promise.any( )JavaScript Coding
- Promise.allSettled( )JavaScript Coding
- Promise.race( )JavaScript Coding

Week 7

- Deal a HandUser Interface
- Deal a Hand (Revision)User Interface
- What is key prop in React?Conceptual
- Pub SubJavaScript Coding
- What is cookie?Conceptual
- Deep Flatten ObjectJavaScript Coding
- Phone Number InputUser Interface
- What is hoisting in JavaScript?Conceptual
- Phone Number Input (Revision)User Interface
- How to improve website performance?Conceptual

Week 8

- Transaction FilteringUser Interface
- Right or Wrong?JavaScript Coding
- Transaction Filtering (Step Ups)User Interface
- Microtask vs MacrotaskConceptual
- Min Max StackJavaScript Coding
- Throttle ArrayJavaScript Coding
- WordleUser Interface
- Wordle (Revision)User Interface
- What is static method in a class?Conceptual
- clearAllIntervals( )JavaScript Coding
- clearAllTimeouts( )JavaScript Coding

Week 9

- Nested CommentsUser Interface
- Nested Comments (Revision)User Interface
- default vs named exportConceptual
- Nested FilteringJavaScript Coding
- Count By ConditionJavaScript Coding
- Cancel Ongoing RequestsJavaScript Coding
- Local Storage ExpiryJavaScript Coding
- What is box sizing: border-box?Conceptual
- TabsUser Interface
- What is CORS?Conceptual

Week 10

- Node UnwinderUser Interface
- Node Unwinder (Revision)User Interface
- What are web vitals?Conceptual
- What is semantic HTML?Conceptual
- AccordionUser Interface
- What are rules of react hooks?Conceptual
- Chaining CalculatorJavaScript Coding
- Clock AngleJavaScript Coding
- session storage vs local storage vs cookiesConceptual
- groupByJavaScript Coding
- inline vs inline-block vs blockConceptual

Week 11

- Traffic LightUser Interface
- Image CarouselUser Interface
- Retry Promise N TimesJavaScript Coding
- Immutability ChallengeJavaScript Coding
- How would you test a react application?Conceptual
- Custom Assertion FunctionJavaScript Coding
- What is XSS?Conceptual
- Load CSS dynamicallyJavaScript Coding
- Sequential AsyncJavaScript Coding
- Digital ClockJavaScript Coding
- Reference vs Syntax ErrorConceptual
- What is event delegation?Conceptual
- API: fetch with timeoutJavaScript Coding

Week 12

- Transactions SumJavaScript Coding
- state vs propsConceptual
- PromisifyJavaScript Coding
- What is Test Driven Development?Conceptual
- Click By DomainsJavaScript Coding
- sync vs async functionsConceptual
- Debounce Without TimerJavaScript Coding
- What is anonymous function?Conceptual
- Timer ManagerJavaScript Coding
- What does typeof operator do?Conceptual
- parseNumberJavaScript Coding