Frontend в 2026-м — это не «верстать как в макете на глаз». Junior, которого зовут на собеседование, обычно умеет собрать интерфейс, который живёт в браузере: состояния, формы, доступность, сборка, Git.
Если вы целитесь в каталог вроде «Frontend-разработчик» в АЦО, держите фокус на ширине, которой хватает для первой работы, а не на всех новостях экосистемы сразу.
Обязательный каркас
- HTML как смысл. Заголовки, списки, формы, кнопки. Дивы вместо всего — красный флаг на ревью.
- CSS как система. Flex/Grid, каскад, кастомные свойства, адаптив. Препроцессор — по желанию, не вместо базы.
- JavaScript без фреймворка. DOM, события, fetch, промисы. Иначе React превращается в магию.
- Один фреймворк глубоко. Чаще React: компоненты, состояние, эффекты, маршрутизация. Vue/Svelte тоже ок, если вакансии в вашем городе такие.
- Инженерия. Git, npm, деплой (хотя бы статический хостинг), базовые DevTools.
Что учить во вторую очередь
TypeScript — сильный плюс уже на junior. Тесты на критичные функции. Основы доступности (клавиатура, контраст, подписи полей). Производительность: не грузить мегабайт картинок, понимать lazy и code splitting на уровне «зачем», не обязательно на уровне эксперта.
Не обязательно в первый год: микрофронтенды, GraphQL «потому что модно», три стейт-менеджера одновременно.
Портфолио, которое открывают
Два-три репозитория с README, скрином и ссылкой «потрогать». Хороший набор:
- Интернет-магазин или каталог с фильтрами и корзиной (даже учебный).
- Дашборд или таблица с сортировкой — видно работу с данными.
- Верстка сложного макета pixel-conscious: типографика, сетка, пустые состояния.
Добавьте тёмную тему или кастомный хук — только если это не ломает основное. Лучше стабильный средний проект, чем недоделанный «космос».
Связка с дизайном и бэкендом
Умение читать Figma (отступы, автолейаут, варианты) экономит недели. Умение сходить в Network и понять, почему API отдал 400, отличает верстальщика от разработчика.
Дальше рост — через код-ревью и продукт: вы не «рисуете кнопки», вы закрываете пользовательский сценарий в проде.
Материал редакции АЦО для направления Frontend. Соседняя тема к карьерному гиду «как стать junior в 2026».