✦ Przygotowanie do rozmowy na frontend developera

Frontend Interview Trainer

Trener do przygotowania się do rozmowy rekrutacyjnej na stanowisko frontend developera. Wybierz temat i poziom - w każdym jest 75 pytań, a do testu trafia 50 losowych.

Wybierz temat ↓
  • 12 tematów
  • 3 poziomy
  • 2700+ pytań

Testy według stacku

Pytania z kilku tematów naraz - jak na rozmowie rekrutacyjnej na konkretne stanowisko. 75 pytań.

Zadania z kodu

Napisz rozwiązanie prosto w przeglądarce, a testy od razu je sprawdzą. Klasyka rozmów rekrutacyjnych: debounce, throttle, deepClone, Promise.all, EventEmitter, cache LRU i inne.

HTML i CSS

HTML, CSS, Flexbox, Grid, Tailwind, responsywność, dostępność i wydajność stylów.

  • HTML
  • CSS
  • Flexbox
  • Grid
  • Tailwind

JavaScript

Czysty JS: typy, domknięcia, this, prototypy, asynchroniczność i event loop, DOM i API przeglądarki.

  • Closures
  • Event loop
  • Promises
  • Prototypes
  • DOM

React

Komponenty, hooki, renderowanie, Context, lazy loading, Redux Toolkit i TanStack Query.

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

Zarządzanie stanem

useState i useReducer, prop drilling, Context, Redux Toolkit, Zustand oraz stan serwerowy: TanStack Query, RTK Query, SWR i loader/action w React Router.

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

Next.js

App Router, Server i Client Components, renderowanie, cache, Server Actions, Next.js 16.

  • App Router
  • RSC
  • Caching
  • Server Actions

Angular

Komponenty, szablony i control flow, sygnały, DI, RxJS, routing, formularze, change detection, SSR i NgRx.

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

Vue

Composition API i reaktywność, komponenty i sloty, composables, Vue Router, Pinia, SSR i wydajność.

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

Svelte

Svelte 5 i runy ($state, $derived, $effect, $props), szablony i snippety, reaktywność bez wirtualnego DOM, SvelteKit: routing, load, form actions i SSR.

  • Runes
  • Reactivity
  • Snippets
  • SvelteKit
  • SSR

TypeScript

Typy, generyki, zawężanie, typy narzędziowe i warunkowe, konfiguracja i typowanie Reacta.

  • Generics
  • Narrowing
  • Utility types
  • tsconfig

Testowanie

Jest i Vitest, React Testing Library, mocki i MSW, Playwright i Cypress, piramida testów: co, jak i na jakim poziomie testować.

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

Wzorce projektowe

Wzorce GoF w JS i React, SOLID, DRY/KISS/YAGNI, podejścia architektoniczne: MVC, Flux, FSD, Clean Architecture.

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

System Design

Projektowanie frontendu i systemów webowych: renderowanie, API, cache, autoryzacja, real-time, skalowanie, wdrożenia.

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