Interview-focused Markdown notes for JavaScript, React.js, Node.js, Express.js, and system design.
This repository is designed for preparation, not passive reading. The goal is to help you revise quickly, study in a sane order, and build interview answers that connect frontend, backend, and architecture tradeoffs.
- JavaScript fundamentals, async behavior, object model, browser performance, and frontend architecture
- React foundations through senior-level topics like Fiber, reconciliation, and large-scale architecture
- Node.js runtime behavior, async programming, modules, core APIs, and data modeling tradeoffs
- Express request lifecycle, middleware, REST API design, error handling, and production concerns
- Frontend and backend system design notes plus question-driven revision material
- A cross-stack master sheet that links related topics across folders
If this is your first time in the repo, use this order:
- Open master-cross-stack-interview-sheet.md
- Pick the track that matches your target role
- Open that folder's roadmap file
- Read the canonical topic notes in order
- Finish with the cheat sheet and system design question files
| Area | What It Covers | Best Entry File | Best For |
|---|---|---|---|
| JavaScript | Language fundamentals, closures, async, object model, performance, browser concerns | javascript/javascript-roadmap.md | Frontend and full-stack interviews |
| React.js | Components, hooks, context, patterns, performance, Fiber, architecture | reactjs/reactjs-roadmap.md | Frontend interviews from junior to senior |
| Node.js | Runtime model, event loop, async patterns, modules, core APIs, data modeling | nodejs/nodejs-roadmap.md | Backend and full-stack interviews |
| Express.js | Routing, middleware, REST APIs, validation, error handling, production features | expressjs/express-roadmap.md | Backend API interviews |
| System Design | Frontend and backend design foundations, question drills, revision sheets | system-design/frontend-system-design.md | Senior frontend, backend, and full-stack rounds |
| AI | A compact AI guide | ai/mastering-ai-guide.md | Bonus reading |
Use this if you are targeting React or frontend product roles:
- javascript/javascript-roadmap.md
- reactjs/reactjs-roadmap.md
- system-design/frontend-system-design.md
- system-design/frontend-system-design-question.md
- system-design/frontend-system-design-cheat-sheet.md
Use this if you are targeting Node.js, Express, or backend-heavy full-stack roles:
- nodejs/nodejs-roadmap.md
- expressjs/express-roadmap.md
- system-design/backend-system-design.md
- system-design/backend-system-design-question.md
Use this if you want end-to-end preparation across language, UI, API, runtime, and architecture:
- master-cross-stack-interview-sheet.md
- javascript/javascript-roadmap.md
- reactjs/reactjs-roadmap.md
- nodejs/nodejs-roadmap.md
- expressjs/express-roadmap.md
- system-design/frontend-system-design.md
- system-design/backend-system-design.md
Use this in the final 1 to 2 days before interviews:
- javascript/javascript-interview-cheat-sheet.md
- reactjs/reactjs-interview-cheat-sheet.md
- nodejs/nodejs-interview-cheat-sheet.md
- expressjs/express-interview-cheat-sheet.md
- system-design/frontend-system-design-cheat-sheet.md
- system-design/backend-system-design-question.md
Use the same loop for any topic:
- Start with the roadmap file for that folder
- Read one canonical note instead of jumping across many files
- Convert headings into spoken interview answers
- Write down 3 to 5 weak points after each session
- Revisit those weak points using the cheat sheet before the interview
- Read the roadmap for your target stack
- Cover only the highest-yield topics in that roadmap
- Finish with the cheat sheet
- Practice answering 5 to 10 questions aloud
- Day 1: JavaScript and React or Node.js and Express, depending on your role
- Day 2: Advanced topics, system design, and question drills
- Day 1: JavaScript fundamentals and async
- Day 2: React foundations and core hooks
- Day 3: React advanced topics and patterns
- Day 4: Node.js runtime and async behavior
- Day 5: Express request lifecycle, APIs, and error handling
- Day 6: Frontend and backend system design
- Day 7: Cheat sheets, mock answers, and gap review
Most folders follow a simple pattern:
- A roadmap file tells you reading order and priorities
- Topic files go deeper on concepts and tradeoffs
- A cheat sheet helps with fast recall before interviews
That means you usually should not start from a random deep-dive file. Start from the roadmap unless you already know exactly what gap you want to fix.
- Do not just read passively; answer questions aloud
- Prefer explaining tradeoffs over memorizing definitions
- Use the cross-stack sheet when you need connected answers instead of isolated facts
- Re-read only the topics you miss in mock interviews
- Treat system design notes as reasoning practice, not scripts to memorize verbatim
These notes are plain Markdown files. You can use them directly in:
- GitHub for browsing and linked navigation
- VS Code for side-by-side reading and note-taking
- Obsidian if you prefer a vault-style workflow
- Students preparing for JavaScript ecosystem interviews
- Frontend engineers revising React and frontend system design
- Backend engineers preparing for Node.js and Express rounds
- Full-stack engineers who want one connected preparation set
- Developers who prefer concise, linked notes over large scattered documents
If you want the fastest path into the repo, start with one of these:
- master-cross-stack-interview-sheet.md
- javascript/javascript-roadmap.md
- reactjs/reactjs-roadmap.md
- nodejs/nodejs-roadmap.md
- expressjs/express-roadmap.md
The best way to use this repository is to study in layers. First learn the roadmap of a topic, then internalize the highest-yield concepts, then practice answering questions with clear tradeoffs and examples. If you do that consistently, this repo becomes a revision system instead of a pile of notes.