Разработка
Фронтенд-разработчик
Превращает макеты и требования в быстрый, доступный и надёжный интерфейс, которым удобно пользоваться на любом устройстве.
Открыть интерактивный профильуровни, самопроверка, сравнение
Где работают
- Веб-сервисы и SaaS
- Личные кабинеты и админки
- Интернет-магазины
- Дизайн-системы
Типичные задачи
- Сверстать экран по макетуПеренести макет в код с адаптивом под нужные устройства и пройти ревью.Стандартная · с уровня Junior
- Подключить экран к APIПолучить и отправить данные, обработать загрузку и ошибки.Стандартная · с уровня Junior
- Реализовать сложную фичу с состоянием и формамиСпроектировать состояние, валидацию и сценарии ошибок, покрыть тестами.Комплексная · с уровня Middle
- Создать компонент для дизайн-системыСделать переиспользуемый компонент с вариантами, доступностью и документацией.Комплексная · с уровня Middle
- Ускорить загрузку и отклик интерфейсаНайти узкие места по метрикам скорости и устранить их.Комплексная · с уровня Middle
- Сделать интерфейс доступным для всех пользователейПроверить экран на доступность и исправить проблемы для клавиатуры и скринридеров.Комплексная · с уровня Middle
- Привести обработку персональных данных в своей работе к требованиям законаС 2025 года за утечки персональных данных действуют оборотные штрафы: проверить, какие данные вы собираете, кто к ним имеет доступ и есть ли согласия.Комплексная · с уровня Middle
- Спроектировать архитектуру клиентского приложенияВыбрать структуру, роутинг, работу с данными и рендеринг под требования продукта.Системная · с уровня Senior
- Предложить решение, которое лучше достигает цели продуктаСравнить варианты реализации по ценности, срокам и рискам и договориться с продуктом и дизайном.Системная · с уровня Senior
- Задать фронтенд-стандарты для нескольких командДоговориться о стеке, компонентах и практиках и закрепить их.Системная · с уровня Staff Engineer
Ключевые навыки
- Программирование на TypeScript
- Реализация интерфейсов
- Вёрстка на HTML и CSS
- Создание адаптивной вёрстки
- Работа с состоянием приложения
- Проектирование клиентской архитектуры приложений
- Работа с дизайн-системами и библиотеками компонентов
- Интеграция API
- Проведение код-ревью
- Написание модульных тестов
- Оптимизация производительности
- Обеспечение доступности цифровых продуктов
Предметные области
- Веб-разработка
- Веб-приложения
- Интернет-магазины
- Внутренние системы и админки
- Дизайн-системы
Ступени роста
- JuniorЗадача, часть фичи
- MiddleФича или компонент
- SeniorКомпонент и смежные команды
- Staff EngineerНесколько систем и команд
- Team LeadКоманда разработки (5–8)
- Head of EngineeringНесколько команд
- CTOТехнологии компании
С кем работают
- Дизайнер интерфейсов
- Бэкенд-разработчик
- Менеджер продукта
- Тестировщик
- Аналитик данных