Вернуться в видеотеку

Техническое собеседование Junior+ Frontend-разработчика с live coding

Публичное техническое собеседование на позицию Junior+ Frontend-разработчика на канале ApexNovaTech. Кандидата спрашивают о JavaScript, TypeScript, React, Next.js, Virtual DOM и авторизации; в live coding он начинает реализовывать поиск покемонов с подсказками.

Источник: ApexNovaTech

Открыть на YouTube

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

Дмитрий, который изучает frontend около года, проходит публичное техническое собеседование на Junior+ позицию. После обсуждения резюме интервьюеры проверяют знания Next.js и SSR, JWT и cookies, TypeScript, React и Virtual DOM, а также баз JavaScript: замыканий, this, прототипов, let и const. В live coding кандидат начинает собирать React-форму поиска покемонов с фильтрацией списка и подсказками; ему объясняют принцип управляемого input и работу со state. В итоговой обратной связи интервьюеры отмечают фрагментарность знаний JavaScript и React и советуют укреплять фундаментальную базу. После основной части ведущие обсуждают стажировку и применение ИИ-инструментов.

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

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

  • Virtual DOM — это представление UI в памяти; React сопоставляет результаты рендеринга и вносит необходимые изменения в реальный DOM.
  • Для React-полей ввода, от которых зависит UI, обычно используют управляемый компонент: состояние, value и onChange.
  • Для автодополнения полезно разделить ввод запроса, фильтрацию исходного массива и отображение совпадений.
  • Типы и интерфейсы TypeScript нужны на этапе проверки и компиляции, но не сохраняются в итоговом JavaScript-коде.
  • Флаг HttpOnly запрещает JavaScript-доступ к cookie и снижает риск кражи токена при XSS.

Рекомендуем посмотреть

50:46
FrontendJunior

Мок-собеседование Junior frontend-разработчика с live coding

Повторное мок-собеседование Junior frontend-разработчика Михаила: обсуждают его опыт и резюме, затем проверяют HTML/CSS, JavaScript и React. В live coding он реализует на ванильном JavaScript поиск по списку с debounce; в конце интервьюеры дают развёрнутую обратную связь.

1:16:06
FrontendSenior

Собеседование Frontend-разработчика: HTML, React и алгоритмы

Техническое интервью на Frontend/React-позицию уровня Middle+/Senior в неназванной финтех-компании: HTTP/CORS/WebSocket, HTML и accessibility, CSS, JavaScript/TypeScript, React и SEO/SSR. В live coding разбираются Event Loop, поиск максимальной прибыли по курсам валют и утечка памяти из-за обработчиков событий.

1:12:43
FrontendMiddle

Мок-собеседование по frontend-разработке

Публичное мок-собеседование frontend-разработчика: кандидат обсуждает опыт, процессы команды, наставничество и взаимодействие с коллегами. Техническая часть охватывает HTML и семантику, CSS, CORS и хранение данных в браузере, JavaScript, TypeScript и React. В live coding кандидат решает задачу поиска пары чисел с заданной суммой, а в финале получает обратную связь по ответам и подготовке к этапам найма.