Фронтендер — это фуллстак. Примите реальность. Разработчик рассказывает, как изменился рынок

Кто пишет: Максим Ходасевич, senior front-end engineer в FocusReactive, 6+ лет опыта. Ведёт блог о фронтенде. 

Что делать, если ты начинающий разработчик

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

Фронтенд-фреймворки раньше работали только на одном компьютере (в браузере), но теперь они поддерживают и второй тип компьютеров — серверы.

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

Фронтенд стал бэкэндом, а фронтендеры — фулстеками. Такова реальность. Чтобы писать на React, необходимо разбираться в серверных технологиях.

Например, когда я искал свою первую работу 6 лет назад, требовалось:

• Понимать, как работает браузер и обработка запросов.
• Владеть HTML: знать новые теги и принцип работы языка.
• Освоить CSS: методы написания, работу с простыми и сложными свойствами, создание блоков.
• Работать с React/React-router: классовые компоненты, хуки, либо аналогичные технологии, например Vue. Теория и практика.
• Понимать, как функционирует State Management, а также популярные библиотеки вроде Redux.
• Владеть инструментами для тестирования (Testing Libraries).
• Работать с UI-библиотеками, такими как Material UI или Ant Design.
• Разбираться в теории, например ООП и других основах.

Сейчас технологии значительно продвинулись, и требования стали ещё выше.

Что требуют от фронтендеров сейчас:

• Знание подходов к CSS:
  Понимание различных методологий написания CSS (BEM, CSS-in-JS, Atomic CSS и др.), их особенностей и применения. Умение оптимизировать CSS и работа с Tailwind CSS. Это востребовано, но относительно просто освоить.

• Современный стейт-менеджмент:
  Нужно разбираться, как изменился подход к управлению состоянием. Сейчас существует более 10 решений (например, Redux Toolkit, Zustand, Recoil), и каждая компания может использовать своё. Многие из них имеют серверные аспекты, что усложняет их изучение.

• Новые UI-библиотеки:
  Текущие проекты активно используют копирование и переиспользование готовых open-source компонентов. Знание популярных библиотек и умение быстро адаптировать их под задачи остаются ключевыми навыками.

• Развитие React и альтернативных фреймворков:
  Реакт продолжает активно развиваться: появляются новые серверные возможности и дополнительные инструменты. Нужно разбираться как в традиционных, так и в новых подходах. У Vue и других фреймворков похожая динамика — требуется изучение их эволюции.

• Мета-фреймворки:
  Владение Next.js, Nuxt и другими инструментами стало обязательным. Эти фреймворки добавляют важные возможности вроде SSR (server-side rendering), кэширования и ревалидации.

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

• Новые рабочие среды:
  Современные компании используют множество инструментов, включая Docker, CI/CD, и облачные сервисы. Понимание этой экосистемы обязательно.

• Софт-скиллы:
  Умение работать в команде, самостоятельно брать ответственность за выполнение задач и демонстрировать «high ownership» — один из ключевых факторов, который всё чаще упоминается в вакансиях.

Я провёл мини-исследование, чтобы выяснить, какие технологии наиболее востребованы на европейском рынке. Его результаты представлены на графике.

Как понять, что вы готовы к работе фронтенд-разработчика?

Во-первых, вы изучили основы веб-разработки (HTML, CSS, JavaScript) и освоили React, а также Next.js или другой мета-фреймворк. 

Во-вторых, вы можете самостоятельно начать проект с нуля, реализовать его логику, развернуть приложение на сервере и поделиться ссылкой на рабочую версию. Ещё лучше, если у вас уже есть 10+ таких завершённых проектов, чтобы выработать уверенность и «мышечную память».

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

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

Как найти работу фронтендером

Главное сейчас — искренне любить технологии и быть готовым к небольшой зарплате в начале карьеры.

Вот несколько советов:

• Найдите своё коммьюнити и работайте над open-source проектом
  Очень важно научиться работать и взаимодействовать с людьми. Поищите единомышленников на X, Twitch или в комментариях на YouTube. Взаимодействуйте с людьми, задавайте вопросы и старайтесь быть полезным, а не спамить («don’t talk unless you can’t improve the silence»). Также найдите полезное видео в тему.
  В open-source всегда нужны рабочие руки — это отличная возможность «набить руку», поработать в реальных процессах и добавить проект в портфолио.

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

• Учите менее популярные технологии
  Пример — Svelte. У него пока небольшой рынок, но он постепенно растёт. Конкуренция в таких нишах ниже, а шансы найти работу — выше.

• Будьте проактивными
  Пишите людям напрямую в LinkedIn и предлагайте свои услуги, подчёркивая свою трудолюбивость и желание учиться. Многие боятся написать первыми, но это важно. Замечено, что в LinkedIn часто даже не пишут сообщений при добавлении в друзья.

  Ваша задача — убедить работодателя, что вы являетесь позитивным ROI (return on investment, возврат инвестиций).

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

Сколько зарабатывают фронтендеры

Я нашёл график, который показывает зарплаты миддлов и сеньоров в Евросоюзе. Суммы указаны в год до уплаты налогов.

Кроме США и Англии, близко к $100 тысячам «грязными» в год в Европе зарабатывают только в Швейцарии и Германии. Помните о прогрессивной шкале налогообложения: чем выше доход, тем выше процент налогов. Много зарабатывать становится невыгодно.

В Польше зарплата фронтендера составляет $2,5–6 тысяч «грязными» в месяц. Такой разброс зависит от навыков и умения себя продать.

В Европе работы довольно много, в то время как в Беларуси её меньше. На сайте rabota.by сейчас размещено 147 вакансий для фронтендеров по всей стране.

Полезные ссылки для начинающих

• Отличный интерактивный гайд по NextJS.
• Хороший ресурс для начинающих изучать React, и туда же YouTube-видео. Потом почитайте эт. И рекомендую углубляться в понравившиеся вас темы. 

Советую следить за этими аккаунтами в X — @kentcdodds,  @TejasKumar_, @jherr, @webdevcody, @leeerob, @ryancarniato. У них есть youtube-каналы и подкасты. 

И ещё пару полезных ресурсов: 

• Syntax.fm.
• ThisWeekInreact.
• YouTube-канал t3dotgg.
• gitnation.com.
• Тред на Reddit.
• YouTube-канал FrontendFirst.

Вместо послесловия

Да, требования высоки. Нужно знать множество технологий, прикладывать дополнительные усилия и мыслить нестандартно. Но если вы соответствуете этим требованиям и сможете продемонстрировать свою ценность, работа всегда вас найдёт.

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

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

Делайте то, что вы действительно любите, и удачи!

Мнение автора может не совпадать с позицией редакции.