Frontend собеседование с лайвкодингом. Не дала себя запутать.

Коротко о видео

Автор проводит фронтенд-собеседование с Юлией при участии Ярослава: сначала обсуждают JavaScript, браузер, сеть, безопасность, оптимизацию, Next.js и React, затем решают две задачи в лайвкодинге и переходят к рабочим ситуациям. Вопросы затрагивают Event Loop, Promise, DOM/CSSOM, HTTPS/TLS, CORS, SSR, хуки React, React.memo и useCallback; часть ответов интервьюеры уточняют прямо по ходу разговора. В финале интервьюеры говорят, что Юлия хорошо прошла собеседование, но решение о найме, компания и вакансия не раскрываются.

Затронутые темы

Что взять на заметку

• Перед собеседованием стоит чётко различать var, let и const, Temporal Dead Zone, falsy-значения, а также помнить, что строка с пробелом и пустой массив приводятся к true.
• Нужно уметь объяснить Event Loop, очереди microtask/macrotask, состояния и комбинаторы Promise.all, Promise.allSettled, Promise.race и Promise.any; таймаут-обёртка не равна отмене исходной операции, для отмены запроса в ролике упоминают AbortController.
• Полезно повторить путь загрузки страницы: DNS, соединение и HTTP-запрос, построение DOM и CSSOM, render tree, layout и paint, а также различия async и defer у script.
• По безопасности стоит подготовить ответы о различии HTTP и HTTPS, роли TLS и сертификатов, а также о том, что CORS проверяется браузером по заголовкам ответа и может включать preflight-запрос.
• При выборе библиотеки или фреймворка собеседники предлагают смотреть на динамику npm-загрузок, GitHub, активность комьюнити, обновления и открытые issues; при этом выбор между React и Next.js должен учитывать навыки команды и стоимость внедрения, а не только SSR и SEO.
• Для React нужно уметь объяснить useEffect, useRef, управляемые input, useContext, useMemo, useCallback и связку React.memo с устойчивой ссылкой на callback; в ролике отдельно разбирают распространённую путаницу вокруг ререндеров родителя, потомка и props.
• В рабочих вопросах кандидат предлагает обсуждать расходящиеся оценки, учитывать неопределённость требований, незнакомый сервис, backend и тестирование; для неописанных состояний макета — уточнять у дизайнера и аналитика, а технический долг обосновывать бизнесу измеримым влиянием на сроки разработки.