Профессия

Фронтенд-разработчик

Ты открываешь на телефоне схему кинозала, касаешься кресла и сразу видишь цену билета. Можно передумать, выбрать другой ряд, а потом подтвердить бронь. Всё, с чем ты взаимодействуешь на этой странице, — моя работа. Я фронтенд-разработчик. Дизайнер рисует макет, а я превращаю его в страницу, на которой кнопки, меню и формы действительно работают.

HTML помогает мне задать структуру страницы, CSS — настроить её внешний вид, а JavaScript — описать, что происходит, когда ты нажимаешь кнопку или меняешь выбор. Если кресло уже заняли, сервер сообщит об этом, а мой код покажет понятное сообщение и обновит схему. Я проверяю, чтобы она помещалась на маленьком экране и чтобы свободные места можно было отличить от занятых не только по цвету. А если интернет пропал, страница должна объяснить, что случилось, вместо того чтобы бесконечно крутить кружок загрузки.

Если тебе хочется создавать такие страницы, присмотрись к техническим вузам и колледжам, где студенты делают сайты и веб-приложения. А начать можно ещё в школе: изучай HTML, CSS и JavaScript и сразу пробуй их в деле. Сделай, например, афишу школьного спектакля, которую удобно читать с телефона. Добавь кнопку «Подробнее», чтобы открывать расписание, и попроси друга проверить, легко ли его найти.

Отрасли:Цифровые технологии и коммуникации

Обложка профессии

Каждый день я

  • Смотрю макеты и уточняю у дизайнера, как страница должна вести себя в разных ситуациях
  • Пишу код для страниц, меню, кнопок и форм
  • Подключаю интерфейс к серверу, чтобы показывать актуальные цены, расписание или статус заказа
  • Продумываю, что увидит человек, пока данные загружаются или если произошла ошибка
  • Проверяю, как страница выглядит на разных экранах и в разных браузерах
  • Прохожу по ссылкам и заполняю формы с клавиатуры, чтобы проверить, удобно ли пользоваться сайтом без мыши
  • Ускоряю загрузку страницы: подбираю размер картинок и убираю лишний код
  • Исправляю ошибки, которые нашли тестировщики или заметили пользователи

Карьера

  • В ИТ-компаниях, которые разрабатывают веб-приложения
  • В веб-студиях, которые создают сайты для разных заказчиков
  • В интернет-магазинах и на маркетплейсах
  • В банках и компаниях, которые делают платёжные сервисы
  • В редакциях онлайн-медиа и командах интерактивных проектов
  • В онлайн-школах и сервисах для обучения
  • В командах государственных цифровых сервисов
  • На самостоятельных проектах и частных заказах

Тебе будет интересна моя профессия, если ты

  1. Ты замечаешь, когда кнопку на телефоне трудно нажать или непонятно, что она делает
  2. Тебе нравится придумывать, как показать одну и ту же информацию на большом и маленьком экране
  3. Когда делаешь презентацию, ты думаешь, что зритель заметит первым
  4. Тебе интересно оживить макет: сделать так, чтобы элементы реагировали на действия человека
  5. Тебе нравится быстро видеть результат: изменил строку кода, обновил страницу, проверил
  6. Ты можешь дать другу попробовать свою работу и спокойно поправить то, что ему оказалось непонятно
  7. Если сайт ведёт себя странно, тебе интересно выяснить, при каком действии это происходит
  8. Тебе хочется соединить программирование и дизайн в одном проекте

Подходит ли тебе эта профессия? Проверь себя в примерочной!

Примерить профессию