Frontend-разработчик: с чего начать и куда расти

Фронтенд — это всё, что человек видит и трогает в браузере. Вход сюда самый понятный: результат виден сразу, первая страница получается на первой неделе.

Отсюда и главная сложность — на этот вход идут все.

Что учат и в каком порядке

HTML и CSS. Разметка и оформление. Осваиваются быстро, и на этом этапе кажется, что профессия лёгкая.

JavaScript. Здесь начинается настоящее программирование и отсеивается половина. Не потому, что язык сложный, а потому, что до этого была верстка, а тут — логика.

Фреймворк. Чаще всего React: на нём написана заметная часть того, чем вы пользуетесь. Отдельный язык поверх языка.

Всё остальное. Работа с сервером, сборка проекта, тесты, командные инструменты. То, чего нет в учебных задачах, но есть в любой работе.

На чём отсеиваются

На переходе от вёрстки к коду. Верстать нравится: сделал — видно. Программировать сложнее, и мотивация проседает ровно здесь.

На своих проектах. Пока задачи даёт курс, всё идёт. Когда нужно придумать и довести своё — оказывается, что это другая работа.

На первом собеседовании. Спрашивают не то, что учили: как работает язык внутри, почему так, а не иначе.

Что должно быть в программе

Свои проекты, а не только тренажёр. Три-четыре законченные работы, которые не стыдно показать. Это то, что смотрит работодатель.

Код-ревью. Разбор вашего кода живым человеком. Без него вы месяцами повторяете одни и те же ошибки и не знаете об этом.

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

Честно про конкуренцию

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

Если сомневаетесь, что фронтенд — ваше, посмотрите сначала, какой язык и направление выбрать и какие ИТ-профессии сейчас востребованы.