Что должен знать начинающий фронтенд-разработчик

Обязательный минимум

Разметка и оформление страниц. Не поверхностно: семантика, блочная модель, современные способы раскладки, адаптивность под телефоны. Умение сверстать страницу по картинке — базовый навык, который проверяют почти всегда.

JavaScript. Типы данных, функции, работа с массивами и объектами, изменение страницы из кода, обработка событий, асинхронность и запросы к серверу.

Асинхронность — та тема, на которой чаще всего плывут. Разберитесь всерьёз.

Один фреймворк. Обычно React, реже другие. Компоненты, состояние, передача данных вниз, работа со списками, простая маршрутизация.

Один. Не три поверхностно.

Инструменты. Система контроля версий, работа с пакетами, представление о том, как проект собирается.

Инструменты браузера. Уметь посмотреть, что за запрос ушёл, почему элемент выглядит не так, где ошибка в коде.

Что можно доучить в процессе

• Типизация — полезна, но на входе не всегда обязательна.
• Тестирование интерфейсов.
• Управление состоянием сложнее встроенного.
• Оптимизация загрузки.
• Серверная отрисовка.

Их упоминают в вакансиях, но чаще как желаемое.

Что показать в проекте

Один законченный интерфейс, где видно:

• работу с данными с сервера, включая ожидание и ошибки;
• формы с проверкой введённого;
• адаптивность — открывается на телефоне;
• аккуратную структуру: понятно, где что лежит.

Экран со списком, страница элемента и форма добавления — уже достаточный набор, если сделано опрятно.

На чём проваливаются собеседования

Асинхронность. «Почему код выполнился не в том порядке» — классический вопрос, на котором видно, разобрался человек или заучил.

Как работает страница. Что происходит от ввода адреса до появления картинки на экране. Спрашивают часто, отвечают плохо.

Вёрстка «на глазок». Человек умеет собрать интерфейс из готовых компонентов, но не может сверстать простую раскладку руками.

Незнание инструментов браузера. Кандидат, который не умеет посмотреть сетевые запросы, выглядит как человек, который никогда ничего не отлаживал.

Как проверить себя

Сделайте страницу с нуля без библиотек компонентов: раскладка, адаптивность, загрузка данных, обработка ошибок. Если получилось — минимум закрыт.

И покажите результат кому-нибудь, кто пишет фронтенд. Разбор чужими глазами найдёт то, чего вы не видите: именно к этим местам обычно и цепляются на собеседовании.