Решаем чужой код на Codepen. Собеседование по фронтенду

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

Публичное собеседование для начинающего фронтенд-разработчика: студент Hexlet Сергей Корняков рассказывает о переходе из инженерной работы, учебных проектах и попытках попасть на стажировку. Александр Усков проверяет понимание работы браузера, HTTP, DOM, загрузки скриптов, форматов изображений и React. Затем они устно разбирают чужой React-код на CodePen и выполняют практическую задачу по переключению сортировки таблицы; в финале интервьюер даёт обратную связь о необходимости больше практиковаться в чтении и написании кода.

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

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

• Кандидат сообщил, что изучал JavaScript, React и Redux, выполнил несколько учебных проектов и подавался на стажировки в Яндекс, Авито и QIWI; опыта коммерческой работы на момент разговора у него не было.
• Для подготовки разбираются цепочка URL → DNS → HTTP-запрос → HTML-документ → DOM/CSSOM, а также различие между загрузкой и исполнением JavaScript и моментом готовности DOM.
• Обсуждаются практические критерии работы с изображениями: оптимизация PNG, выбор PNG при необходимости прозрачности, JPEG для многих фотографий и WebP как современный формат.
• В части HTTP рассматриваются назначение GET и POST, ответы не только в HTML, но и в JSON, AJAX, идемпотентность GET и связанные с кэшированием риски; это объяснение интервьюера, а не итог универсального правила для любого сервера.
• При разборе React-кода затрагиваются классовые компоненты, componentDidMount/componentDidUpdate, refs, ReactDOM.render, SVG и причины, по которым Hooks нельзя вызывать условно: их состояние сопоставляется с порядком вызовов.
• В задаче с таблицей кандидат реализует переключение двух вариантов сортировки: по name и по quantity с дополнительной сортировкой равных значений по location. Интервьюер отдельно указывает на мутацию массива методом sort и советует вычислять отсортированное представление из исходных данных и выбранного режима, а не дублировать данные в state.
• Итоговая оценка интервьюера: решение заработало, но кандидату полезно нарабатывать практику чтения чужого кода и уверенность в фундаментальных темах браузера и сетей.