Веб-программист, который может все

Содержание: 

• Кто такой fullstack-разработчик
• Чем он занимается 
• Hard и soft skills
• Плюсы и минусы работы 
• Как стать fullstack-разработчиком
• Стоит ли идти в эту профессию? Анализируем доходы и востребованность на рынке 
• Как познакомиться с профессией

Кто такой фулстек-разработчик

Когда-то для запуска веб-проекта достаточно было «блокнота» и знания основ языка гипертекстовой разметки HTML. С 2010-х годов сайты стали значительно сложнее и превратились в полноценные веб-приложения, над которыми работают команды программистов. И веб-разработка разделилась на два направления: 

• Backend. Где разработчик отвечает за настройку сервера, подключение баз данных, написание различных скриптов и безопасность проекта. Если проще — за работу тех процессов, которые пользователь не видит при взаимодействии с сайтом.
• Frontend. Разработка визуальной части сайта (интерфейса) с кнопками, картинками, текстом и формами обратной связи — всего того, с чем взаимодействует посетитель. 

Несмотря на это, IT-специалисты, которые могут в одиночку запустить функциональный сайт, используя огромный арсенал инструментов, остались и сегодня. И это фулстек-разработчики. 

«Full Stack» буквально переводится как «полный набор». В IT-среде у этой фразы есть конкретное значение. Стек — это набор технологий, необходимых для решения определенной задачи. Например, создания веб-приложения. Обычно стек включает один или несколько языков программирования, среду для автоматизированной разработки, библиотеки с готовыми скриптами и модулями, базы данных, упаковщики проекта и пр.

Фулстек-девелопер — это веб-программист, который освоил полный стек технологий для реализации проекта. В отличие от бэкендера и фронтедера, которые отвечают за разработку только серверной и только пользовательской части, fullstack-разработчик может работать над сайтом или веб-приложением самостоятельно и способен все сделать под ключ. Он хорошо знает как минимум один язык программирования, изучил верстку (HTML+CSS), разбирается в библиотеках, фреймворках, и понимает, как установить сервер и выложить сайт.

Чем занимается fullstack-разработчик

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

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

Hard и soft skills

Если фронтенд жестко привязан к технологиям (HTML+CSS и JavaScript) и одинаковый везде, то для кодирования серверной части (бэкенд) можно использовать практически любой язык. Стек, который используют в разработке технологий, подбирается под решение конкретных задач. 

Например, для мобильных и браузерных игр используют язык Java. Для создания продуктов, где важно быстродействие и производительность, например, для создания офисных приложений, лучше подойдет язык C#. Если важна гибкость проекта, как в платформе для создания интернет-магазинов Shopify, — Ruby. Если скорость разработки, то Python. В свою очередь под конкретный язык используются свои фреймворки и библиотеки.

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

Hard Skills:

• Навыки верстки сайтов: HTML+CSS. Язык гипертекстовой разметки HTML и каскадные таблицы стилей CSS используются для того чтобы сформировать структуру сайта или приложения, распределить по своим местам кнопки, поля с текстом и картинками, задать визуальный стиль страницы.
• JavaScript. Это универсальный язык программирования и единственный язык, который понимают браузеры. Используется во фронтенде для добавления анимации, интерактивных форм обратной связи, интерфейса веб-приложения, например, редактора фотографий или видео. Подойдет для написания кода исполнительных модулей, которые запускаются на сервере, приложений и игр. JS нужно освоить досконально, это один из главных инструментов веб-разработчика.
• Второй язык программирования. Используется для серверной части, и его нужно знать хотя бы поверхностно. При этом жесткой привязки к конкретному инструменту нет. Среди работодателей стран СНГ востребованы разработчики со знанием Python, PHP, Java. В иностранных компаниях спрос также на Ruby, C#, Go (Golang) и Cotlin.
• Фреймворки. Это программная платформа для кодирования, которая автоматизирует рутинные процессы, позволяя в пару кликов подставлять стандартные модули, упрощает и ускоряет разработку. Для фронтенда это Angular, Vue, Express.js, Nest.js. В бэкенде фреймворк подбирается под язык. Node.js — для JavaScript, Django — для Python, ASP.NET — для C#, Yii2 — для PHP, Ruby on Rails — для Ruby.
• Библиотеки. Это база шаблонных скриптов, функций и модулей для пользовательских интерфейсов. Для фронтенда: JQuery, REACT. Для бэкенда библиотека выбирается под язык. Например, Requests, Celery подойдут для Python.
• Препроцессоры и фреймворки для CSS. Автоматизируют работу с каскадными таблицами. Среди популярных инструментов отмечают: SCSS/SASS, PostCSS, Less, Bootstrap.
• Сборщик проектов. Gulp.js, Parsel, Webpack — приложения, которые собирают отдельные части в единый проект, при этом сжимают файлы и удаляют ненужную информацию (например, комментарии), оптимизируют структуру в пользу быстродействия.
• Язык запросов SQL. Нужен для подключения к проекту баз данных. Также важно уметь работать с системами управления базами данных: MongoDB, MySQL, PostgreSQL.
• Система контроля версий GIT и пакетный менеджер для быстрой загрузки новых библиотек NPM.
• Знание основ сетевой безопасности. Кроме того, нужно уметь устанавливать и настраивать серверы (обычно используются Apache, NGINX, IIS) и быстро справляться с типовыми проблемами.
• Знание основ работы протоколов интернета (HTTP) и теории разработки программного обеспечения.
• Знание английского. Как минимум на том уровне, чтобы прочитать и правильно понять техническую документацию.

Soft Skills:

• Коммуникабельность. Фулстеку по-прежнему нужно уметь работать в команде. Маркетологи, дизайнеры, владельцы продукта — без постоянного контакта с ними никак. 
• Терпение, умение доводить работу до конца. Эти навыки особенно важны, учитывая, что над большинством задач приходится работать в одиночку, поэтому работа над проектом заметно растягивается.
• Многозадачность. Важно быстро переключаться с одной задачи на другую, особенно на этапе запуска бета-версии и тестирования, когда нужно оперативно устранять ошибки в серверной части, оптимизировать работу фронтенда и дорабатывать дизайн. И все это нужно делать одновременно.
• Умение планировать время. Без жесткого тайм-менеджмента легко затеряться среди простых рутинных задач и затянуть работу над проектом или, что еще хуже, перегореть.
• Желание постоянно учиться. Web-development быстро развивается. Инструменты, которые использовались всего лишь пять лет назад, сейчас не актуальны. Появляются новые фреймворки, библиотеки. Развивать карьеру можно только если быстро осваивать новые технологии и сразу использовать их.

Плюсы и минусы работы 

Фулстек-программисту нужно разбираться во всем и сразу. Информации настолько много, что физически не хватает времени, чтобы глубоко освоить отдельные инструменты. Таким разработчикам с одной стороны легко найти работу. Ведь сотни, даже тысячи компаний, от небольших предприятий до банков или мобильных операторов, ищут специалистов, которые смогут поддерживать проект в одиночку. Но сложнее будет устроиться в IT-компанию мечты уровня Яндекс, Spotify, Amazon или Google, где предпочитают более глубокие познания в отдельных инструментах. 

Поэтому выделим основные плюсы и минусы в работе fullstack-разработчика.

Достоинства:

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

Недостатки:

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

Как стать fullstack-разработчиком

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

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

Традиционное образование в колледже или университете для получения профессии «Fullstack» — не самый рациональный вариант. Можно пойти учиться на IT-специальность, но в белорусских вузах в принципе отсутствует такое направление. Технологии веб-разработки обычно подаются в виде отдельных курсов, как вспомогательный инструмент для специальностей, которые больше направлены на работу в промышленном секторе. При этом зачастую университетские программы сильно отстают и предлагают знания на уровне первой половины 2010-х годов, а само обучение занимает 4-5 лет. В реалиях веб-разработки, где ежегодно появляются новые инструменты, даже актуальная учебная программа к концу обучения может стать устаревшей. И в любом случае придется многому учиться заново уже в самой компании.

Альтернативным вариантом может стать стажировка в крупной компании с хорошей командой. По данным career.habr.com, некоторые стажеры могут даже рассчитывать на зарплату в 400$, работая удаленно. И многие компании с радостью берут молодых программистов с перспективой обучить специалиста под себя. Но чтобы устроиться на стажировку, нужны знания, хотя бы базовые.

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

Стоит ли идти в фулстек-разработчики? Анализируем доходы и востребованность на рынке

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

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

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

При этом большинству компаний не нужна большая IT-команда, и выгоднее нанять одного специалиста, который заменит сразу двух. Впрочем, девелоперы полного цикла с опытом нужны и крупным софтверным компаниям для курирования масштабных проектов. И работодатели готовы платить универсальному разработчику на 20-30% больше, чем бекенд- или фронтенд-девелоперу. 

По информации портала indeed, fullstack-developer входит в топ-15 самых востребованных IT-специальностей в 2023 году. А в 2022 году, согласно анализу журнала Code in Game, такие разработчики были на первом месте по уровню спроса среди рекрутеров. 

Спрос на профессию подтверждают и высокие зарплаты. На портале rabota.by вакансии зарплаты для разработчиков уровня Junior стартуют от 400$. Разработчики с опытом могут рассчитывать на зарплату до 2400$. На порталах jobcareer и belmeta.com работодатели предлагают доход от 1000$ — для разработчиков уровня middle, и до 6000$ — для senior.

В Великобритании, по данным Coursera, доход начинающего разработчика стартует от 39 500$ в год или от 3 300$ в месяц. В США fullstack-developer, по данным Talent.com, зарабатывает от 97 500$ в год или от 8 125$ в месяц. На портале Indeed указана средняя медианная зарплата в 124 646$ в год или 8 825$ в месяц.

Как познакомиться с профессией

Прежде чем с головой погрузиться в профессию, нужно усвоить, что веб-разработка — это не сборка Landing Page или визиток в визуальном конструкторе типа Tilda или WordPress. Fullstack — это программист, который работает над сложными проектами уровня онлайн-банкинга, маркетплейсами вроде Wildberries и Aliexpress, образовательными платформами. И для некоторых задач просто не существует шаблонного решения — нужны нестандартные идеи.  

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

Изучать все и сразу не нужно. Для начала достаточно разобрать верстку (CSS+HTML) и язык JavaScript. По ходу изучения основ кодирования можно параллельно начать изучать принципы использования фреймворка. Например, Angular — для frontend и node.js — для backend. Этого достаточно, чтобы сделать первый несложный проект и разработать красивый интерфейс сайта. Для более сложных веб-приложений уже нужно браться за язык запросов SQL и основ безопасности. Например, без баз данных не получится делать проекты сложнее блога или витрины на пять-десять товаров. 

Чтобы вам было проще, редакция Skillbox.by собрала полезные ресурсы для самостоятельного изучения. 

Блоги и библиотеки документации:

• habr.com — IT-сообщество, где программисты, в том числе веб-разработчики, регулярно выкладывают свои наблюдения и обмениваются опытом;
• FreeCodeCamp — портал, на котором постоянно выкладывают обучающие материалы по вебу, прежде всего — по JS, CSS и HTML;
• JavaScript.com — англоязычный портал, на котором много информации по JavaScript и технологиям разработки;
• leetcode.com — сообщество, где можно найти реальные задачи и подготовиться к собеседованию на должность разработчика;
• learn.microsoft.com — здесь вы найдете много туториалов по сайтостроению с использованием облачных платформ и инструментов Microsoft;
• Google Developers Learn — на платформе много обучающих материалов и курсов по верстке, web-девелопменту и языкам программирования.
• nodejs.org, vuejs.org, jquery.com, www.typescriptlang.org — здесь можно найти подробную документацию по библиотекам и фреймворкам.

Литература:

• Chris Northwood «The Full Stack Developer»;
• Этан Браун «Изучаем JavaScript. Руководство по созданию современных веб-сайтов»
• Valerio De Sanctis «ASP.NET Core 3 and Angular 9»;
• Владимир Дронов «Django 3.0. Практика создания веб-сайтов на Python»;
• Frank Zammetti «Modern Full-Stack Development»;
• Робин Никсон «Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5»;
• Джон Дакетт «HTML и CSS. Разработка и дизайн веб-сайтов»;
• Алекс Бэнкс, Ева Порселло «React и Redux. Функциональная веб-разработка»;
• Дэвид Макфарланд «Новая большая книга CSS».