✦ Ready. Set. Hired.

Frontend Interview Trainer

Practice for your frontend developer interview. Pick a topic and a level - each has 75 questions, and every quiz picks 50 at random.

Choose a topic ↓
  • 12 topics
  • 3 levels
  • 2,700+ questions

Tests by stack

Questions from several topics at once - just like an interview for a specific role. 75 questions.

Coding tasks

Write your solution right in the browser, and tests check it instantly. Interview classics: debounce, throttle, deepClone, Promise.all, EventEmitter, an LRU cache and more.

HTML & CSS

HTML, CSS, Flexbox, Grid, Tailwind, responsive design, accessibility and styling performance.

  • HTML
  • CSS
  • Flexbox
  • Grid
  • Tailwind

JavaScript

Vanilla JS: types, closures, this, prototypes, async code and the event loop, DOM and browser APIs.

  • Closures
  • Event loop
  • Promises
  • Prototypes
  • DOM

React

Components, hooks, rendering, Context, lazy loading, Redux Toolkit and TanStack Query.

  • Hooks
  • Context
  • Redux Toolkit
  • TanStack Query
  • Lazy

State Management

useState and useReducer, prop drilling, Context, Redux Toolkit, Zustand, and server state with TanStack Query, RTK Query, SWR and React Router loaders/actions.

  • useState
  • useReducer
  • Context
  • Redux Toolkit
  • Zustand
  • TanStack Query
  • RTK Query
  • SWR
  • React Router

Next.js

App Router, Server and Client Components, rendering, caching, Server Actions, Next.js 16.

  • App Router
  • RSC
  • Caching
  • Server Actions

Angular

Components, templates and control flow, signals, DI, RxJS, routing, forms, change detection, SSR and NgRx.

  • Signals
  • RxJS
  • DI
  • Router
  • Forms
  • NgRx

Vue

Composition API and reactivity, components and slots, composables, Vue Router, Pinia, SSR and performance.

  • Composition API
  • Reactivity
  • Pinia
  • Vue Router
  • SFC
  • Nuxt

Svelte

Svelte 5 and runes ($state, $derived, $effect, $props), templates and snippets, reactivity without a virtual DOM, SvelteKit: routing, load, form actions and SSR.

  • Runes
  • Reactivity
  • Snippets
  • SvelteKit
  • SSR

TypeScript

Types, generics, narrowing, utility and conditional types, configuration and typing React.

  • Generics
  • Narrowing
  • Utility types
  • tsconfig

Testing

Jest and Vitest, React Testing Library, mocks and MSW, Playwright and Cypress, the test pyramid: what, how and at which level to test.

  • Jest
  • Vitest
  • Testing Library
  • Mocks
  • Playwright
  • Cypress

Design Patterns

GoF patterns in JS and React, SOLID, DRY/KISS/YAGNI, architecture approaches: MVC, Flux, FSD, Clean Architecture.

  • GoF
  • SOLID
  • Architecture
  • FSD
  • Anti-patterns

System Design

Designing frontends and web systems: rendering, APIs, caching, auth, real-time, scalability, deployment.

  • Caching
  • API
  • Auth
  • Real-time
  • Scalability