Что такое frontend?
Frontend — это часть сайта или приложения, которая выполняется в браузере пользователя: вёрстка, стили, анимации и вся логика интерфейса. Всё, что человек видит и с чем взаимодействует, — зона ответственности фронтенда.
Базовый набор фронтенд-разработчика — HTML, CSS и JavaScript, поверх которых работают фреймворки вроде React, Vue или Angular. К ним добавляются адаптивная вёрстка под разные экраны, доступность, оптимизация скорости загрузки и работа с макетами дизайнера.
Фронтенд получает данные от бэкенда и отображает их, а действия пользователя отправляет обратно на сервер. Внешне это выглядит как одно приложение, но за экраном — две разные системы, общающиеся через API.
Где применяется
Фронтенд-разработчик забирает макет из Figma и превращает его в работающий интерфейс: верстает страницы, подключает данные из API, обрабатывает формы и ошибки, добивается одинакового поведения в разных браузерах и на разных экранах. В продуктовой команде он работает бок о бок с дизайнером, бэкендером и QA.
Вакансии делятся примерно на три группы. Лендинги и корпоративные сайты — здесь ценят скорость вёрстки и внимание к деталям. Веб-приложения на React или Vue — личные кабинеты, панели управления, СRM. И отдельный слой — оптимизация: скорость загрузки и Core Web Vitals, от которых напрямую зависит позиция сайта в поиске и конверсия.
Пример
Пользователь нажимает «Показать ещё» в каталоге. Фронтенд отправляет запрос за следующей страницей товаров, пока идёт ответ — показывает скелетон вместо карточек, при ошибке сети выводит сообщение с кнопкой «Повторить». Сервер при этом отдал только данные, всё остальное — работа фронтенда.
Частые вопросы
С чего начать изучение фронтенда?
Порядок почти всегда один: HTML, затем CSS с флексбоксом и гридом, затем JavaScript. Только после этого фреймворк вроде React. Попытка стартовать сразу с React — самая частая ошибка новичков: без понимания языка чужой код превращается в набор заклинаний.
Сколько времени нужно, чтобы стать junior frontend-разработчиком?
При системных занятиях порядка восьми-двенадцати месяцев до уровня, с которым берут на первую работу. Решающим оказывается не число просмотренных уроков, а количество доведённых до конца проектов: два-три полноценных приложения в портфолио весят больше, чем длинный список пройденных курсов.
Нужна ли фронтендеру математика?
Для типовой продуктовой разработки — нет, хватает школьного уровня. Математика становится нужна в узких областях: работа с графикой и canvas, трёхмерные сцены, анимации по физическим законам, обработка данных для визуализаций. Это отдельные специализации, а не входной барьер.
Чем фронтенд отличается от вёрстки?
Вёрстка — это превращение макета в HTML и CSS. Фронтенд шире: сюда входит логика на JavaScript, работа с API, состояние приложения, маршрутизация, тесты и сборка. Вёрстка сегодня чаще воспринимается как часть работы фронтендера, а не отдельная профессия.