✦ Підготовка до frontend-співбесіди

Frontend Interview Trainer

Тренажер для підготовки до співбесіди на позицію frontend-розробника. Оберіть тему та рівень - у кожному по 75 запитань, до тесту потрапляють 50 випадкових.

Обрати тему ↓
  • 12 тем
  • 3 рівні
  • 2700+ запитань

Тести за стеком

Запитання з кількох тем одразу - як на співбесіді на конкретну вакансію. 75 запитань.

Задачі на код

Напишіть рішення просто в браузері - тести перевірять його одразу. Класика співбесід: debounce, throttle, deepClone, Promise.all, EventEmitter, LRU-кеш та інші.

Верстка

HTML, CSS, Flexbox, Grid, Tailwind, адаптивність, доступність і продуктивність стилів.

  • HTML
  • CSS
  • Flexbox
  • Grid
  • Tailwind

JavaScript

Нативний JS: типи, замикання, this, прототипи, асинхронність і event loop, DOM та браузерні API.

  • Closures
  • Event loop
  • Promises
  • Prototypes
  • DOM

React

Компоненти, хуки, рендеринг, Context, lazy loading, Redux Toolkit і TanStack Query.

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

Керування станом

useState і useReducer, prop drilling, Context, Redux Toolkit, Zustand, а також серверний стан: TanStack Query, RTK Query, SWR і loader/action у React Router.

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

Next.js

App Router, Server і Client Components, рендеринг, кешування, Server Actions, Next.js 16.

  • App Router
  • RSC
  • Caching
  • Server Actions

Angular

Компоненти, шаблони й control flow, сигнали, DI, RxJS, роутинг, форми, change detection, SSR і NgRx.

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

Vue

Composition API й реактивність, компоненти й слоти, composables, Vue Router, Pinia, SSR і продуктивність.

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

Svelte

Svelte 5 і руни ($state, $derived, $effect, $props), шаблони та сніпети, реактивність без віртуального DOM, SvelteKit: роутинг, load, form actions і SSR.

  • Runes
  • Reactivity
  • Snippets
  • SvelteKit
  • SSR

TypeScript

Типи, дженерики, звуження, утилітарні та умовні типи, конфігурація і типізація React.

  • Generics
  • Narrowing
  • Utility types
  • tsconfig

Тестування

Jest і Vitest, React Testing Library, моки та MSW, Playwright і Cypress, піраміда тестів: що, як і на якому рівні тестувати.

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

Патерни проєктування

GoF-патерни в JS і React, SOLID, DRY/KISS/YAGNI, архітектурні підходи: MVC, Flux, FSD, Clean Architecture.

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

System Design

Проєктування фронтенду та вебсистем: рендеринг, API, кешування, авторизація, real-time, масштабування, деплой.

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