Frontend Собеседование с разбором. Путь к трудоустройству 2024

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

Учебная запись тестового собеседования фронтенд-разработчика: кандидат отвечает на вопросы по HTML, CSS, JavaScript, React и REST. Обсуждаются структура HTML и семантика, CSS-модель и специфичность, области видимости, замыкания, методы строк и массивов, event loop, а также state, props, Virtual DOM и хуки React. В конце интервьюер положительно оценивает прохождение вопросов, но это не является подтверждением трудоустройства.

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

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

• Подготовьте объяснение структуры HTML-документа: назначение doctype, head, body и метатегов, включая кодировку и viewport.
• Уметь различать семантические элементы: article — самостоятельная смысловая единица, section — тематический раздел документа; также объяснить пользу семантики для доступности и SEO.
• Разберите схлопывание вертикальных margin: два отступа 20px и 30px обычно дадут 30px, а не 50px; предотвратить его можно, например, через border/padding или flex/grid-контекст.
• Повторите CSS-специфичность, каскад и роль !important; отдельно уметь назвать селекторы по тегу, классу, id, атрибуту, псевдоклассу и псевдоэлементу.
• Для JavaScript подготовьте связанный рассказ о var, let, const, областях видимости, замыкании и чистых функциях без побочных эффектов и изменения входных данных.
• Отдельно проверьте методы массивов: Array.prototype.slice не мутирует исходный массив, тогда как splice мутирует; в записи интервьюер по ошибке приписывает мутацию slice.
• В React нужно чётко разделять state, props, Virtual DOM, useState, useEffect, useRef, useMemo и useCallback; также полезно объяснить очереди microtask/macrotask в event loop.