Собрал список самых частых задач на Frontend-собеседованиях, которые попадались нам на live-coding / тех этапах

Кому-то все задачи покажутся баяном и легкотней, а для кого-то все будет в новинку и все задачи неизвестны. Подробно расписать все в одном посте невозможно, поэтому вставлял только краткие названия, кто решал тот поймет, кто не решал — вбивайте в гугл или просто посмотрите наши собеседования на ютубе

1) JavaScript “алгоритмические” мини-задачи

— Debounce / Throttle (поиск, скролл)
— DeepСlone (объекты/массивы, Date/Map/Set — хотя бы обсудить ограничения).
— Flatten массива ([1,[2,[3]]] -> [1,2,3]) + вариант с глубиной.
— findUnique (uniq, удаление дублей, подсчёт частот).
— GroupBy (сгруппировать массив объектов по полю).
— Promise-методы: Promise.all, allSettled, race (упрощённые реализации).

2) Асинхронность, контекст, запросы

— fetchWithRetry или useFetchWithRetry
— Задачи на вывод в консоль(миллион вариантов, нужно знать порядок микро, макрозадач, что такое executor, как работают async функции и RaF + RequestIdleCallback)
— Задачи на this, контекст, всплытие(много вариантов, нужно знать про TDZ, var, let, всплытие, отличие стрелочных от declaration)

3) React-задачи (самые популярные)

— Список + фильтр + поиск + сортировка + пагинация (классика).
— Форма с валидацией (email/пароль, async validation, disable submit).
— Оптимизация рендеров: memo, useCallback, useMemo.
— ErrorBoundary (часто теорией)

4) TypeScript-задачи (если TS)

— Типизировать функцию/хук, часто с дженериками: getValueByKey к примеру
— Реализовать свой readonly или partial, привести пример собственного mappedType

5) CSS/верстка

— Порядок селекторов
— Flex/Grid layout, responsive.
— Sticky хедер / футер.
— Центрирование, равные колонки, “карточки в сетке”.

Если формат интересен, ставьте 🤓 сделаем также подборку самых частых вопросов на собеседованиях, там очень много глубоких и хитрых вопросов, которых в популярных сборниках и не увидишь.

Это такой джентельменский набор, который лучше держать в "кеше" на этапе собеседований. Это и другое тренируем на менторстве, а также на бесплатных стримах с решением livecoding🫡