Sign In Get Started Free

Back to Question Bank

Frontend Interview Questions

Complete frontend interview prep — JavaScript, React, and HTML/CSS in one structured path.

22 Easy34 Medium15 Hard

3 sections

JavaScript

Array Methods & Chaining

Closures & Lexical Scope

Destructuring, Defaults & Optional Chaining

flat, flatMap & Array.from

Implement Array Flatten — Multiple Approaches

Event Loop — Microtasks vs Macrotasks

Implement classnames — CSS Class Builder Utility

Implement Debounce

Implement Deep Clone

Implement Function.prototype.bind Polyfill

Scope, Hoisting & the Temporal Dead ZonePremium

Spread, Rest & Shallow vs Deep CopyPremium

String Methods & ManipulationPremium

Ternary, Nullish Coalescing & Logical OperatorsPremium

typeof, Type Coercion & EqualityPremium

Implement get, set & omit — Nested Object UtilitiesPremium

Implement groupBy, countBy & sortByPremium

Implement map, filter & reduce from ScratchPremium

Implement MemoizePremium

Implement once — Execute a Function Only OncePremium

Implement pipe & compose — Function CompositionPremium

Implement Promise.all, allSettled, race & anyPremium

Implement ThrottlePremium

Promise Chaining & Async Error HandlingPremium

this, call, apply & bindPremium

Generator Functions & Custom IteratorsPremium

Implement Async Parallel — Concurrency ControlPremium

Implement Curry — Advanced CurryingPremium

Implement EventEmitter — Pub/Sub PatternPremium

Implement LRU CachePremium

Implement Observable-like Method ChainingPremium

Prototypal Inheritance & the Prototype ChainPremium

React

HTML & CSS

Build a Card Component with Hover Effects

Build a Loading Spinner

Build a Responsive Navbar

Build the Flexbox Holy Grail Layout

Build a Tooltip Component

Build a Per-Component Dark Mode Toggle

Build a Skeleton Loading Screen

Build an Animated Hamburger to X Menu Icon

Build a CSS Variables Theme SwitcherPremium

Build a CSS-only Toggle SwitchPremium

Build a CSS Scroll Snap CarouselPremium

Build a CSS-only Dropdown MenuPremium

Build a Glassmorphism Card UIPremium

Build a Responsive Masonry Card GridPremium

Build a Sticky Header with Shrink EffectPremium

Build a CSS-only AccordionPremium

Build a Material Design Ripple EffectPremium

Build a Multilevel Dropdown NavigationPremium

Build a Responsive Admin Dashboard LayoutPremium

Frequently Asked Questions

Practice related topics to round out your placement prep.