Frontend Developer
← Все ролиСоздаёт всё, что видит пользователь: интерфейсы, кнопки, анимации, формы. Отвечает за внешний вид и удобство работы с продуктом в браузере.
Что делает
- Вёрстка интерфейсов по макетам (Figma, Zeplin)
- Разработка интерактивных компонентов (React/Vue/Angular)
- Адаптивная вёрстка для мобильных и десктоп устройств
- Работа с состоянием приложения (Redux, Zustand, Pinia)
- Интеграция с API бэкенда (REST, GraphQL)
- Оптимизация производительности (Core Web Vitals, lazy loading)
Понимает
- Как устроен HTTP и браузерный рендеринг
- Как работает авторизация (JWT, OAuth, cookies)
- Основы оптимизации производительности фронтенда
- Базы UI/UX — доступность, удобство навигации
Примеры задач
Сделать страницу каталога товаров с фильтрами и поиском
Добавить анимацию перехода между страницами
Поднять оценку Lighthouse с 60 до 90+
Написать компонент модального окна с trap focus
Инструменты
HTML / CSS / JavaScript / TypeScriptReact / Vue / Angular / Next.js / NuxtTailwind CSS / CSS Modules / Styled ComponentsWebpack / Vite / esbuildJest / Vitest / Cypress / PlaywrightFigma / Storybook
Карьерный путь
1
Junior Frontend
0–2 годаУчится, выполняет задачи под руководством, растёт и набирается опыта
Базовые инструменты стекаЧтение чужого кодаВыполнение задач по ТЗРабота с Git
2
Middle Frontend
2–5 летРаботает самостоятельно, понимает систему, оценивает задачи
Самостоятельная реализация фичCode reviewОценка сроковОптимизация кода
3
Senior Frontend
5–8 летПринимает технические решения, отвечает за качество, менторит других
Архитектурные решенияМенторингТехнический дизайнПланирование нагрузки
4
Tech Lead
8–12 летРуководит командой, распределяет задачи, принимает решения
Управление командойДекомпозиция задачВзаимодействие с бизнесомТехнические стандарты
5
Architect / CTO
12+ летОпределяет техническое направление, проектирует системы, отвечает за технологическую стратегию
Системный дизайнТехнологическая стратегияМасштабированиеБизнес-архитектура