Фулстек-дизайнер

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

Чтобы понять, чем занимается fullstack разработчик, необходимо разобраться, как работают современные веб-сервисы. Они состоят из двух частей:

• Frontend – все, что видит пользователь на своем экране. Дизайн сайта, кнопки, формы, личный кабинет на сайте и т.д. Версткой и программированием этих элементов занимаются frontend-программисты.

• Backend – все, что связано с сервером, хранением данных на нем и вычислениями на сервере. Например, когда вы задаете поисковый запрос в Яндекс, результаты поиска формирует сервер. Это – задачи backend-разработчиков.

Во frontend и backend имеются свои технологии и языки программирования, которыми нужно владеть. Если программист разбирается в обоих направлениях и может выполнять задачи по frontend и backend – он называется fullstack разработчиком.

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

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

Освоить необходимые технологии для работы fullstack разработчиком можно на курсе «Веб-разработчик с нуля» в онлайн-университете Нетология. Занятия проводятся онлайн, поэтому учиться можно из любого города. Помимо теории, выполняются практические задания, что позволяет получить опыт реальной работы для дальнейшего поиска работы. Также Нетология способствует трудоустройству студентов в крупные ИТ-компании.

Что нужно знать, чтобы стать Python-разработчиком?

Учиться нужно постепенно: сначала освоить базу любого программиста — HTML, CSS и Javascript. HTML и CSS отвечают за расположение элементов на веб-странице и информацию о стиле: шрифты, начертание текста, отступы, Javascript добавляет интерактива: на этом языке можно вписать в страницу анимированные элементы. Это уровень верстальщика — первая ступень разработки.

Следующая ступень — фронтенд, создание внешней оболочки сайта и разработка взаимодействия пользователя и сайта. Можно остаться на ней, но если хочется большего — например, создать собственное приложение, развернуть сервер, написать свою CMS, — здесь подключается бэкенд, то есть серверная часть. Чем дальше, тем чаще для написания бэкенда используют именно Python, а не привычный PHP.

Что нужно знать будущему фулстек-разработчику: 

1. Основы Python: как писать код, как подключать библиотеки и работать с разными видами файлов.
2. Как работают фреймворки. Это программы, которые облегчают создание бэкенда и его базовой логики. Они связывают в одну систему URL-адреса, части кода на Python, базы данных и HTML-страницы. Самые популярные фреймворки для работы с интерактивными сайтами сегодня – это Bootstrap и Django. 
3. Как подключить базу данных при помощи SQL. Чтобы сервис отвечал требованиям бизнеса, он должен собирать данные о клиентах. Для этого нужно знать, как именно их собирать, хранить и передавать. Это задачи для языка SQL.
4. Работа с docker-контейнерами и ОС Linux. Контейнеры помогают упаковать приложение вместе со средой запуска в файл, который без проблем откроется на другом компьютере. Так вы сможете передавать приложение заказчику безопасно и просто. А разворачивать сервер, на котором будет работать ваше приложение, будете на Linux — для этого нужно понимать, как работает эта система.

Перечисленные навыки можно получить за 9-12 месяцев на комплексном курсе и чуть дольше – собирая материалы самостоятельно. Набрав базу для уровня junior, за два года практики вы сможете стать уверенным миддлом. 

Плюсы и минусы профессии

Плюсы

1. Широкие профессиональные компетенции, свои знания fullstack-разработчик на Python сможет применить во время работы в любых проектах – от маленького сайта до широкомасштабной игры.
2. Язык Python простой в изучении, он станет хорошим стартом для начинающих разработчиков.
3. Большой выбор образовательных программ, поэтому профессию можно освоить на курсах, но наличие высшего технического образования станет хорошим бэкграундом. 
4. Много вакансий и работодателей, заинтересованных в fullstack-разработчиках на Python.
5. Изучение иностранных языков поможет выйти на международный рынок и приумножить прибыль. Например, в США fullstack-разработчик на Python получает около 120 тыс. долларов в год.

Минусы

1. Fullstack-разработчик на Python выполняет большой объем работ, что чревато профессиональным выгоранием.
2. Работа сидячая, львиную долю времени fullstack-разработчик на Python проводит за компьютером – все это приводит к развитию профзаболеваний.

Самый минимум: что нужно знать, чтобы стать Full-Stack Developer?

Давайте рассмотрим минимальный набор знаний которые необходимо иметь, чтобы быть Full-Stack-девелопером.

HTML: теги, основы работы браузера

Full-Stack Developer — это человек, который ежедневно работает с браузером. Безупречное знание того, как работает браузер, очень помогает. Когда вы будете сталкиваться с проблемами, вы оцените это знание по достоинству.

СSS: знание адаптивной верстки

Стилизация страниц и адаптация их под разные размеры экранов — основы основ. Адаптивность — это умение вашего приложения или сайта подстроиться под размер экрана. Прежде всего это предполагает работу с Flexbox и кредами.

JavaScript

Знание JavaScript — это мастхэв, поскольку этот язык до сих пор остается одним из самых популярных и востребованных.

Рано или поздно любой Full-Stack столкнется с необходимостью понимать JS.

Фреймворки и библиотеки

Если вы уже получили приведенные выше базовые знания, то дальше можно начать знакомство с фреймворками и библиотеками, такими как React, Angular. Эти знания очень пригодятся, ведь чистый JavaScript редко используют.

Фреймворки и библиотеки — это то, что уже существует, то есть уже написано. Соответственно, нам ничего не нужно писать или придумывать, а просто брать и использовать. Лучше в этом попрактиковаться путем самостоятельного создания небольших приложений или скопировать проект, который уже есть: создать свой Instagram, например.

Знание алгоритмов и паттернов программирования

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

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

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

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

Пара слов о бэкенде

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

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

Также важно знать работу протокола HTTP, то есть каким образом происходит взаимодействие между клиентами и сервером

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

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

Курсы

Онлайн-университет Skillbox

В университете можно получить образование по направлению «Fullstack-разработка на JavaScript». В программу курса включены базы данных, фреймворки, Git, верстка и другие не менее полезные темы. Длительность обучения достигает 12 месяцев, каждый слушатель получает работы для портфолио.

GeekBrains

В GeekBrains открыт факультет fullstack JavaScript для всех, кто хочет обучиться профессиональной разработке. Длительность курса составляет 15 месяцев, после его завершения выпускники будут иметь работы для портфолио, опыт управления проектами, а также им предлагают помощь в трудоустройстве.

Должностные обязанности и личные качества

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

Фулстек-специалист умеет:

1. Использовать CMS и фреймворки.
2. Писать простые в использовании интерфейсы.
3. Преобразовывать макеты сайта, делать их читаемыми.
4. Писать модульные тесты.
5. Автоматизировать повторяющиеся процессы построения веб-ресурса.
6. Тестировать получившийся интернет-сервис.
7. Работать с базами данных: подключаться к ним, создавать запросы, управлять и т. д.
8. Разбираться в HTTP, HTTPS.
9. Использовать Docker.
10. Работать с Git.
11. Отлаживать ошибки и устранять баги.
12. Реализовывать адаптивный дизайн.
13. Работать с DOM посредством JavaScript.
14. Взаимодействовать с API.
15. Получать информацию от программных интерфейсов.
16. Работать с платформами для хостинга.
17. Писать shell-скрипты.
18. Настраивать и использовать поисковые серверы.
19. Осуществлять Code Review.
20. Работать с технологиями AJAX.
21. Правильно структурировать код.
22. Составлять план работы, чтобы все успеть.
23. Работать с облачным хостингом.

Знает:

1. HTML и CSS.
2. Адаптивную и кроссбраузерную верстки.
3. Как пользоваться сервисом для хостинга IT-проектов GitHub.
4. Как делать перевод с английского и знает язык на уровне Intermediate и выше.
5. Как реализовать паттерны программирования.
6. Алгоритмы и структуры данных.
7. Как работает сервер и хостинг.
8. Несколько языков программирования.
9. Как разделять файлы.
10. Принципы взаимодействия компонентов React.
11. Системное администрирование.
12. Особенности совместимости всех браузеров.
13. Операционные системы iOS, Android.

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

Личные качества:

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

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

Архитектура веб-приложения

После того как вы познакомитесь с HTML/CSS, JavaScript, бэкендом, базами данных, а также HTTP/REST, настанет время перейти к архитектуре веб-приложения. Для того чтобы создать сложное приложение, вам нужно знать, как правильно структурировать код, как разделять файлы, где держать большие медиафайлы, как структурировать данные в базе данных и так далее.

Конечно, обо всем этом можно прочитать в сети, однако наилучшим решением будет практика, ведь лучше всего работать не одному, а в команде.

Поэтому не факт, что человек, который занимается разработкой более 7 лет, знает CSS или JS лучше разработчика с двухлетним опытом работы. Однако чем больше опыт у специалиста, тем с большим количеством приложений он работал, а значит, работая с ним в команде, появляется возможность узнать больше об архитектуре и дизайне приложений (помимо других важных вещей). Опыт дает возможность увидеть картинку целиком.

Однако пока вы в начале пути, ознакомьтесь со следующими темами:

• Платформа как услуга, например Heroku, AWS и Hostman. 
• MVC.

А вот вам одно познавательное видео (на английском):

Фронтенд

Здесь четыре курса, которых, в принципе, хватит, чтобы найти работу разработчиком на React и не думать ни о чём в ближайшие несколько лет. Расскажем, что вы будете делать на каждом из курсов (кроме прохождения интерактивных тренажёров, работы с личными наставниками, просмотра демонстраций, прослушивания лайвов с разбором сложных моментов из теории, естественно, это всё будет и вообще само собой разумеется).

Подготовительный курс — основы HTML, CSS, JavaScript и Git. Это месяц подготовки к обучению примерно по 10 часов в неделю. Курс нужен, чтобы понять основы веб-разработки, не впадать в ступор от терминов на следующих курсах и не бояться коммитить в master на учебном проекте.

JavaScript. Профессиональная разработка веб-интерфейсов. После курса сможете: 

• Сделать любую интерактивность в рамках страницы — настроить валидацию формы, прикрутить галерею, показать модалку, загрузить данные с лоадером.

• Настроить сборщик для бандлирования. 

• Работать по отдельности с несколькими страницами.

На выбор два проекта — сервис просмотра фотографий, похожий на Инстаграм, и сайт по аренде недвижимости в Токио. Спойлер: 73% студентов выбирают первый проект.

JavaScript. Архитектура клиентских приложений. После курса сможете:

• Понять, что такое SPA. 

• Настроить сборщик с транспайлером и локальный сервер. 

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

• Настроить связи между компонентами и сделать интерактивность в рамках приложения (на примере MV*).

На выбор тоже два проекта. Первый — сервис для подбора фильмов, похожий на тот, что начинается на «Кино» и заканчивается на «Поиск». Второй — для подбора путешествий и планирования маршрута поездок.

Разработка сложных клиентских приложений на React.js. После курса сможете:

• Спроектировать приложение на стеке React-Redux-Thunk-Jest.

• Донастроить сборку для React.

• Пересказать своими словами основные концепции React (VirtualDOM, JSX, композицию, однонаправленный поток данных). 

• Объяснить принципы устройства роутинга в SPA. 

• Тестировать приложения с помощью Jest.

• Устроиться на работу джун-фронтендером с упором на React.

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

Плюсы и минусы профессии

Плюсы

1. Возможность самосовершенствоваться.
2. Беспрерывное обучение (курсы, конференции, полезная литература).
3. Работа в отечественной или зарубежной компании, что дает возможность совершенствоваться в профессиональном плане.
4. Стабильный заработок.
5. Востребованность.
6. Возможность планировать рабочее время.
7. Очень интересная работа с творческим уклоном.
8. Возможна работа на дому.
9. Любые ошибки, допущенные во время работы, можно быстро исправить.

Минусы

1. Многофункциональность.
2. Большое количество обязанностей.
3. Ответственность.
4. Многочасовая работа за компьютером.
5. Заказчики, которые часто критикуют работу специалиста.

Как стать Full Stack разработчиком и куда двигаться дальше

Большинство Full Stack разработчиков — это выходцы из Back-end, которые по мере необходимости сталкиваются с Front-end задачами и учатся их решать.

Самые распространенные стеки технологий — .NET, PHP или Node.js + JavaScript. Но конфигурации могут быть какими угодно, лишь бы позволяли разрабатывать весь продукт целиком.

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

«Самый простой способ стать Full Stack разработчиком — попробовать самостоятельно разработать пет-проект, который решает какую-то проблему. Это может быть плагин, сайт, утилита, бот — что угодно. После нескольких успешных проектов освоите концепцию или же поймете, что это не ваше» (Владимир Сподарик, Senior Full Stack Developer).

Конкретные рекомендации о том, как стать Full Stack разработчиком, зная Back-end, Владислав Фурдак собрал в отдельной статье.

Насчет того, стоит ли развиваться как Full Stack разработчикам-новичкам или же сначала дорасти хотя бы до Middle-позиции по какому-то одному направлению, мнения расходятся:

«Я бы, наверное, не советовал новичкам сразу становиться Full Stack разработчиками. Лучше начинать с чего-то одного: Front-end или Back-end, а дальше уже по мере необходимости осваивать смежные области. Потому как при попытке развиваться „в ширину“ можно недобрать достаточной „глубины“ и в итоге превратиться в „разнорабочего“, который умеет делать все, но недостаточно хорошо» (Вячеслав Лобода, Senior Full Stack PHP Developer).

Разделились мнения опрошенных программистов и насчет зарплат:

«Я работаю на фрилансе, позиционирую себя как Back-end разработчик с дополнительными навыками Front-end. Эти дополнительные навыки позволяют мне более эффективно решать задачи и, соответственно, несколько повышают ценность меня как программиста. Если грубо прикинуть, это дает увеличение рейта на 15%» (Вячеслав Лобода, Senior Full Stack PHP Developer).

На момент публикации на DOU открыто 223 вакансии по направлению Full Stack, причем в 157 из них ищут специалиста с опытом от трех лет. По отдельным специализациям вакансий больше: например, 240 по .NET, 296 по PHP, 434 по Front-end.

Из Full Stack специалистов получаются хорошие тимлиды, способные решать кросс-командные проблемы, а также лид-разработчики, способные «тащить» проекты в одиночку. Также можно бесконечно развиваться «по горизонтали»: изучать новые технологии, устраиваться на более сложные проекты.

Другие варианты — уйти в архитектуру, менеджмент или даже стать СТО стартапа. Широкие знания Full Stack разработчика помогут видеть сильные и слабые стороны проектных решений. К тому же за время карьеры человек накопит много знаний по самым разным технологиям и ему будет из чего выбрать при планировании проекта.

Иллюстрации Ульяны Патоки

Преимущества и недостатки

Прежде всего, Fullstack-разработчики способны быстро приступить к работе и за сравнительно короткие сроки сформировать прототип продукта. В сравнении с front-end и back-end специалистами, у них более обширные познания, благодаря чему они постоянно имеют свое мнение по вопросам текущего проекта – им не нужно обращаться за помощью к коллегам из других областей web-разработок. И напротив, если в команде есть фуллстек, он способен взаимодействовать со всеми участниками проекта, сокращая тем самым время работы и технические затраты на каналы связи.

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

Плюсы и минусы профессии

Плюсы:

Минусы:

Универсальность. На многих проектах заказчики предпочитают нанимать одного универсального fullstack разработчика, чем 3-5 узких специалистов. Это позволяет клиентам экономить средства, а фуллстеку – быть востребованным. Возможность работать удаленно и на фрилансе. Fullstack программисту проще найти подработку на фрилансе, поскольку там часто требуются универсалы, способные и сервер настроить, и форму на сайте починить, и адаптивный дизайн внедрить. Высокая востребованность на рынке. Разнообразные задачи и проекты. Fullstack разработчику проще вырасти в тимлида или архитектора, поскольку он разбирается в широком спектре технологий и может руководить узкими специалистами. Если какие-то технологии устареют, фуллстек не останется без работы. Ведь он владеет множеством технологий.

Универсал не может разбираться во всех технологиях так же, как узкий специалист. Поэтому fullstack web developer обычно привлекается на типовые проекты, где не требуется владеть технологиям на уровне узкого специалиста. Потолок зарплат универсальных разработчиков несколько ниже, чем у узких специалистов. Нужно прикладывать много сил, чтобы иметь актуальные знания по широкому спектру технологий.

UX/UI-дизайнер

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

UX/UI-дизайнер умеет не только создавать, но и внедрять свои идеи, передавать в вёрстку, контролировать реализацию на этапе авторского надзора, а также следить за реакцией пользователя при помощи метрик. Научиться всему и начать работать в этой области поможет факультет UX/UI-дизайна от GeekBrains.

Понятие UX ввёл Дональд Норман в 1993 году, когда работал в Apple. «Я придумал термин, потому что понятия „человеческий интерфейс“ и „юзабилити“ были слишком узкими. Я хотел покрыть все аспекты персонального опыта с системой, включающей индустриальный дизайн, графику, интерфейс, физическое взаимодействие и руководство пользователя. С тех пор этот термин широко распространился, так что и он начал терять своё значение», — отметил Норман в 2007 году в интервью Adaptive Path.

Со временем в UX/UI-дизайне появились «подпрофессии»: веб-дизайнер и дизайнер продукта.

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

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

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

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

Такой дизайнер — камертон и та нить, что связывает бизнес с реальностью и потребностями пользователей. Поэтому он должен знать термины юнит-экономики, уметь говорить на языке бизнеса, строить CJM, Service Blueprint и мастерски презентовать свои идеи.

Язык бэкенда

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

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

Поэтому ниже я перечислю все популярные языки и технологии бэкенда.

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

• Node.js: хороший вариант, т.к. это просто окружение JS (то есть при знании JS не нужно будет учить новый язык программирования). А самый популярный для изучения и создания приложений фреймворк – это Express.
• Ruby: еще один популярный для бэкенда язык. Самые популярные фреймворки: Ruby on Rails и Sinatra.
• Python: популярные фреймворки – Django и Flask.
• Java: сейчас Java уже редко изучают для применения в бэкенде, однако существуют компании, которые его до сих пор используют, поэтому найти работу можно и с этим языком программирования.
• PHP: сейчас является краеугольным камнем в вебе, но конкретно в бэкенде используется нечасто.

Что значило full stack в 2000 году и что значит сейчас?

2000 год был очень давно, в этом году был выпущен PHP 4.0. Да, 4.0. Тогда, хороший веб-разработчик знал немного HTML, CSS и процедурный PHP, потому что собственно ООП появился в версии 5.0.

Сборка LAMP (Linux — Apache — MySQL — Perl / PHP) был в моде в те годы, практически без альтернативы. В начале 2000-х, если кто использовал контроль версий – то они считались либо технологическими еретиками либо мастерами. Сегодня это смешно, если кто-то не использует данные технологии.

Так, давайте попробуем классифицировать основные требования, которыми должен обладать full stack разработчик:

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

1. Linux и написание shell скриптов
2. Облачные технологии: Amazon, Rackspace, и т.д.
3. Фоновые процедуры: Gearman, Redis
4. Поиск: Elasticsearch, Sphinx, Solr
5. Кэширование: Varnish, Memcached, APC / OpCache
6. Мониторинг: Nagios

Linux по-прежнему самая распространённая операционная система Интернета, используемая в веб-разработке (не считая .NET). Кроме того, full stack разработчик должен знать, как работает облачный хостинг, Amazon / Rackspace.

Поиск является неотъемлемой частью большинства веб-сайтов — разработчик должен знать, как настроить и использовать поисковые серверы, такие как Sphinx или Elasticsearch.

Кэширование также важно: Varnish, обратный прокси, Memcached

Инструменты веб-разработки

1. Контроль версий: Git, Mercurial, SVN
2. Виртуализация: VirtualBox, Vagrant, Docker

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

Используя средства виртуализации и среды разработки на основе каждого проекта легко настроить с помощью VirtualBox и Vagrant.

Если вы хотите работать с Vagrant вы должны знать, основной синтаксис Ruby.

Бэк-энд технологии

1. Веб-серверы: Apache, Nginx
2. Языки программирования: PHP, NodeJS, Ruby
3. Базы данных: MySQL, MongoDB, Cassandra, Redis, SQL / JSON в целом

Знание тонкостей работы с Apache и Nginx — это норма. Full stack разработчик должен знать, как настроить данные инструменты.

PHP должен быть освоен на высоком уровне, NodeJS, Ruby – как можно лучше.

В дополнение к веб-серверам и языкам программирования, full stack разработчик должен знать как работать с различными базами данных.

Реляционные (например, MySQL, PostgreSQL) и нереляционные базы данных (как MongoDB, Redis или Cassandra) различия между которыми full stack разработчик должен знать, наряду с XML / JSON.

Фронтальные технологии

1. HTML / HTML5: Семантический веб
2. CSS / CSS3: LESS, SASS, Медиа запросы
3. JavaScript: JQuery, AngularJS, Knockout, и т.д.
4. Особенности совместимости всех браузерах
5. Адаптивный дизайн
6. AJAX, JSON, XML, WebSocket

JavaScript, который изначально никто не воспринимал всерьёз, сегодня превратился в один из самых популярных и мощных языков. Новые методологии и структуры появляются каждый день: MVC, MVVM, MVP, Angular, Knockout, Ember, и т.д.

Наряду с HTML, CSS, Javascript, full stack разработчик должен знать о принципах работы с медиа-запросами CSS, а так же препроцессорами, такими как LESS и SASS.

Следует также знать, как работать с технологиями AJAX или WebSocket.

Дизайн

1. UI
2. UX
3. Преобразование веб-дизайна в код

В дополнение к интерфейсным технологиям, full stack разработчик также должен уметь преобразовать макет сайта в полноценный шаблон, используя HTML / CSS / Javascript.

Так же вам могут потребоваться знания самых разных технологий. Если вы хотите настроить Vagrant вам нужно знать синтаксис Ruby, а для более эффективной работы с DOM не обойтись без JQuery.

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

1. IOS
2. Android
3. Гибрид: PhoneGap, Appcelerator

Full stack разработчик должен иметь хорошее представление об этих технологиях.

Кто такой Fullstack-разработчик

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

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

Fullstack-разработчик совмещает обязанности по написанию front-end и back-end. Он обладает огромным количеством навыков и может заниматься проектом самостоятельно, без подключения дополнительных специалистов, будь то UI или UX дизайнеры. В частности, он может:

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

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

Средняя зарплата fullstack-разработчика в России в 2021 году

По оценке разных источников, заработная плата фуллстак-разработчика в РФ составляет около 200 000 руб. Доход зависит от опыта, квалификации и стека используемых технологий. К примеру, по статистике сайтов с вакансиями, в 2021 году средняя зарплата программиста со знанием Python — 81 200, Javascript – 85 700, Java – 142 500 рублей. Заработок fullstack-разработчика находится на порядок выше упомянутых специалистов, так как специалист владеет сразу несколькими языками программирования.

Мы посмотрели вакансии на ХедХантере, чтобы оценить, какие суммы предлагают российские компании профессионалам со знанием полного стека веб-разработки. В России наблюдается большой разброс в цифрах в зависимости от опыта, города и условий: в офисе или удаленно. В таблице собраны самые низкие и самые высокие зарплаты фуллстак-программистов разной квалификации.

Junior	от 25 до 220 тысяч рублей
Middle	от 40 до 280 тысяч рублей
Senior	от 100 до 550 тысяч рублей
Удаленно	от 30 до 500 тысяч рублей

В Москве

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

Около 2/3 вакансий на сайте HeadHunter – это должности с заработной платой более 190 тыс. руб. Наибольший заработок предлагают Full-Stack инженеру на Angular/Java – до 7000 долларов.

Должность	Минимум	Максимум
Джуниор	60 тыс. руб.	220 тыс. руб.
Мидл	90 тыс. руб.	280 тыс. руб.
Сеньор	100 тыс. руб.	510 тыс. руб.
Удаленная работа	50 тыс. руб.	510 тыс. руб.

В Санкт-Петербурге

Средняя зарплата фуллстек-разработчика в СПб превышает 100 000 рублей – такой вывод можно сделать по вакансиям с ХедХантера.

Самый высокий доход можно получать на должности senior fullstack developer – до 6000 долларов. Компания рассматривает кандидатов с опытом от 3 лет, знанием JavaScript, Node.js, Express.js, React, Next.js, Python, Linux и CI/CD.

Условия	Минимальная зарплата	Максимальная зарплата
Junior	25 000 р.	80 000 р.
Middle	60 000 р.	180 000 р.
Senior	100 000 р.	480 000 р.
Удаленно	60 000 р.	440 000 р.

Особенности профессии

Язык программирования Python, на котором может работать fullstack-разработчик, в последние несколько лет приобрел широкое распространение. Это неудивительно, ведь он обладает рядом плюсов:

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

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