Web & Frontend

Part of the Interview Prep Roadmap. Coverage ratings are explained there.

Optional track — relevant if the role touches frontend work.

Frontend Fundamentals

JavaScript and DOM basics, CSS, then framework-specific questions (commonly React).

Coverage: moderate

Resources · JavaScript.info — thorough and free · MDN Web Docs · web.dev — Learn CSS

JavaScript Fundamentals

• Types, coercion, and equality
• Scope, closures, and hoisting
• this binding
• Prototypes and classes
• Callbacks, promises, and async/await
• The event loop

Practice

• Is JavaScript compiled or interpreted — Exabyting
• var, let and const — Exabyting, with answer
• Hoisting — Exabyting, with answer
• What a closure is — Exabyting
• Closures and outer scope access — Exabyting
• The JavaScript event loop — Exabyting
• How single-threaded JS handles async work — Exabyting

DOM & Browser

• DOM tree and element selection
• Event handling, bubbling, and delegation
• Browser rendering pipeline
• Cookies, localStorage, and sessionStorage

Practice

• Events in the document — WellDev
• Event-driven programming in JavaScript — Bevy Commerce
• Detect a button click with an event listener — Relisource
• A button that grows on each click — Relisource

HTML & CSS

• Semantic HTML
• Box model
• Flexbox and grid
• Responsive design and media queries
• Specificity and the cascade

Practice

• Parse characters inside an HTML string — Orbitax, with answer
• Why Tailwind over other CSS libraries — Exabyting

Frameworks

• Component-based architecture
• State management
• Lifecycle and hooks
• Virtual DOM and reconciliation

Practice

• Why React, over direct DOM manipulation — Exabyting
• Why props should not be mutated — Exabyting
• React vs. Next.js — Astha IT

Frontend Performance

• Bundle size and code splitting
• Lazy loading
• Caching and asset optimization