Кто такие Frontend разработчики Контура
Больше 200 специалистов создают удобные веб-сервисы для бизнеса

Что делаем

Разрабатываем функциональные решения для продуктов Контура.

Создаем удобную инфраструктуру для быстрого запуска продуктов и фич

Участвуем в создании и внедрении внутренних решений на базе AI и ML

Внедряем цифровую доступность в интерфейсы

Как устроен отдел frontend-разработки

В зависимости от задач всех frontend-разработчиков Контура можно разделить на продуктовых, инфраструктурных и рейнджеров.

Создают интерфейсы для продуктов. Именно они ответственны за конечный результат, который увидит пользователь.

Делают так, чтобы код переиспользовался, продукты создавались быстрее и качественнее, а велосипедов в командах становилось меньше. Они распределены по трем направлениям: инфраструктура дизайн-системы Kontur UI, инфраструктура виджетов, инфраструктуры внутри отдельных больших команд.

Приходят на помощь в проекты, которым требуется усиление. Как правило, это временный внутренний контракт от 3 до 6 месяцев. Рейнджер помогает выполнить конкретную задачу или оптимизировать процессы, а затем переходит в другой проект.

Группа frontend-разработчиков из одного бизнес-направления образует кластер. Это сообщество из 5–25 разработчиков, в котором можно обсудить схожие задачи и обменяться контекстом. 

Это не формальная структура, а сообщество для профессионального роста, где можно обменяться опытом, обсудить успехи и грабли.

— помогает сотруднику профессионально расти, подбирает подходящие задачи и участвует в его оценке;
— привлекает экспертов или сам участвует в ревью сложных технических задач;
— настраивает процессы в кластере, следит за комфортной атмосферой.

Руководитель кластера отличается от тимлида тем, что работает с несколькими командами и обладает разными продуктовыми контекстами.

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

Стек

  • Языки frontend-приложений: JavaScript и TypeScript.
  • Базовое решение для построения веб-интерфейсов — React, есть несколько проектов на Angular.
Стек
  • Для тестирования используем unit, скриншотные, e2e и интеграционные тесты.
  • Код-стайл автоматизируем с помощью Prettier, ESLint и Stylelint.
  • Зависимостями управляем через npm, Yarn и Lerna.
  • Компоненты разрабатываем и документируем в Storybook.
  • Контракты с бэкендом генерируем через ОpenАPI.

Внутренние инструменты

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

Совокупность требований к компонентам, шрифтам, цветам, расположению элементов, поведению интерфейса.

Перейти

Инструмент для фронтенд-разработчиков, который позволяет минимальными усилиями поддерживать в продуктах существующую дизайн-систему.

Перейти

Инструмент для скриншотного тестирования на базе Storybook и Selenium. Предоставляет возможности для создания и сравнения скриншотов отдельных ui-компонентов интерфейса. Позволяет контролировать изменения их визуального состояния в процессе разработки.

Перейти

Общие правила, которые стандартизируют разработку и задают технологический мейнстрим.

Обучение и развитие

Внутренние инструменты, которые помогают наращивать экспертизу:

Крэш-курс

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

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

Внутренняя стажировка

Это способ попробовать силы в другой команде и не потерять место в основной. Она длится несколько месяцев и помогает:

  • сменить привычный контекст, научиться новому и принести эти знания в свой проект;
  • познакомиться с коллегами и помочь другой команде в решении непростой задачи; 
  • доказать свой уровень в новых условиях и увидеть зоны роста.

Владислав Аткишкин

frontend-разработчик

После стажировки появляется новый опыт для формирования лучших практик по написанию кода и процессам внутри команды. Это как кирпичики Lego: из них за время работы сложилась конструкция. Ты ходишь на стажировки и берешь еще кирпичики для решения сложных и разноплановых задач.

Такие практики — проявление горизонтальной мобильности. Подробнее о том, как она устроена в Контуре, рассказали в подкасте «КОДА КОДА».

Слушать

Три направления развития специалистов

Тимлид

Управляет командой и мотивирует ее; сфокусирован на развитии каждого сотрудника.

Техлид

Отвечает за техническую часть проекта: архитектуру, выбор технологий, качество кода.

Фичалид

Руководит внедрением фичей в продукт. Такие проекты включают в себя и менеджерскую и техническую составляющую.

Траектории развития зафиксированы в роадмапе. Кроме понимания, куда двигаться дальше и как перейти на следующую ступень, он позволяет:

  • оценить свой кругозор;
  • найти рекомендации по обучению;
  • фиксировать прогресс собственного уровня знаний;
  • обозначить себя экспертом по конкретной теме, чтобы коллеги могли обращаться за помощью.

Текущий уровень скилов разработчика определяет внутренняя система грейдов. Текущий грейд, его динамика и критерии достижения следующего зафиксированы во внутреннем сервисе Контур.Матрица.

Junior, Middle, Middle+, Senior, Lead, Lead+

Делимся экспертизой

Ведем блог
на Хабре

Перейти

Участвуем в профильных
конференциях
и митапах, организуем
собственные ивенты

Выступаем с докладами
на YouTube-канале Технологии
в Контуре

Перейти

Проводим стажировки
и сотрудничаем
с вузами

Перейти

Ulearn.me

Развиваем Ulearn.me — наша платформа с бесплатными интерактивными
онлайн-курсами для начинающих специалистов.

Перейти

Кристина Истомина

frontend-разработчик в Стриме

Впервые про стажировки от Контура я узнала, когда училась на ФИИТе, где часть учебных курсов нам преподавали ребята из Контура. Благодаря одному из таких курсов, основы веб-разработки, я и захотела стать фронтендером. Мне понравилось видеть красивый результат своей работы над кодом. После успешного прохождения собеседования я попала на стажировку в команду Компаса. Чтобы начать осваиваться в проекте, мне дали задачу про упрощение кода с помощью css-переменных и задачу про редизайн мини-модалок для фильтров Компаса.

Мне очень повезло с наставницей на стажировке. Она советовала, что изучить для прокачки хард-скиллов, помогала с рабочими вопросами, рассказывала про «большой мир фронтенда». Но самое главное — поддерживала меня и помогала не отчаиваться, если не все получалось сразу. Это давало мотивацию и силы продолжать пробовать, ошибаться, расти и становиться лучше, не ругая себя.

Как стать Frontend-разработчиком в Контуре

  1. Подать заявку на  стажировку.
  2. Выполнить тестовое задание в формате контеста: 3 задачи и 3 часа на решение.
  3. Пройти техническое интервью.

Самые талантливые стажеры остаются в командах и могут продолжить развитие под руководством опытного наставника.

Материалы для саморазвития:

  1. Выбрать подходящую по опыту и направлению вакансию на сайте.
  2. Рассказать про свой опыт и поделиться ожиданиями на HR-интервью, задать вопросы по вакансии.
  3. Пройти техническое интервью. Мы оценим уровень компетенции согласно нашей матрице и подберем подходящую команду.
  4. Познакомиться с командой. Будущие коллеги расскажут про продукт, процессы, онбординг, задачи на испытательный срок.
  5. Получить оффер и трудоустроиться в дистанционном формате.

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

Присоединяйтесь к нам

Ищем талантливых коллег, чтобы вместе создавать функциональные решения.

Смотрите вакансии