Frontend или Backend: как сделать выбор

Основные различия между фронтендом и бэкендом

Frontend и Backend — это две основные составляющие веб-приложений.

Frontend (или клиентская часть) отвечает за визуальное представление данных пользователю и взаимодействие с ними. Это верстка страницы, стилизация элементов, создание интерактивности и обработка событий пользователя.

Backend (или серверная часть) отвечает за обработку и хранение данных, а также бизнес-логику приложения. 

Бэкенд включает в себя создание функционала CRUD — создание, чтение, обновление и удаление данных. 

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

HTTP-протокол — это набор правил, по которым данные в интернете передаются между разными источниками, например, между компьютерами и серверами.

Типичные задачи и обязанности в каждой из специализаций

Frontend-разработчики могут создавать динамические интерфейсы и верстать сайты. 

Например, одно из наиболее востребованных направлений — разработка типовых интернет-магазинов.

Также можно работать с одностраничными приложениями (SPA). Разработка SPA и реализация отдельных функциональностей часто требуется в продуктовой разработке. 

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

Бэкенд-разработчики создают операции создания, чтения, обновления и удаления (CRUD). Это наиболее простая задача. 

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

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

Минимальные знания и навыки, необходимые для начала работы

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

Для начала нужно освоить:

• HTML — это язык разметки, который сообщает браузеру, какие элементы присутствуют на странице. Например, заголовки, параграфы, изображения.
• CSS — этот язык сообщает браузеру, какие стили должны применяться к элементам на странице. Например, он указывает, что заголовок должен быть зеленым и написан шрифтом Arial.
• Препроцессоры — это программы, которые расширяют возможности обычного CSS. Наиболее популярными являются SASS и LESS.
• JavaScript — это язык программирования, необходимый для создания интерактивных элементов пользовательского интерфейса, например, проверка введенных данных в формах или открытие всплывающих окон.

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

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

То есть у фреймворка существует основной компонент, как у пиццы — тесто, который не меняется, и гибкая часть — модули и элементы системы, как начинка в пицце.

Вот фреймворки, которые помогут разработчику:

• React, который подходит для создания простых SPA. 
• Angular, который предлагает множество инструментов, позволяющих создавать более сложные архитектуры. 
• Vue, который подходит для создания высокопроизводительных приложений и широко используется, например, Alibaba и Xiaomi. 

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

А вот базовые знания необходимые для начинающего бэкенд—разработчика:

• Язык программирования, самый основной — JavaScript. Также рекомендуется иметь навыки работы с языками Go, PHP, Java и Python для бэкенд-разработки веб-приложений.
• Git. Это система контроля версий, которая позволяет отслеживать изменения в коде и возвращаться к предыдущим версиям. 
• Базы данных. Существуют два типа баз данных — реляционные и нереляционные. Рекомендуется начать с изучения реляционных баз данных, например, MySQL или PostgreSQL.
• API. Это набор правил, по которым программы общаются между собой и передают данные. Особое внимание следует уделить пониманию технологии REST. Этот архитектурный стиль позволяет клиенту передать запрос серверу, а серверу дать ответ и ресурсы пользователю.

Фреймворки: При использовании языка программирования Go не требуется использование фреймворка. Однако для других языков актуальны следующие фреймворки:

• Node.js для JavaScript. Node.js является мощным инструментом, объединяющим большое количество разработчиков. Он позволяет создавать микросервисы. Ими пользуются, например, Paypal, Uber и eBay.
• Django для Python: Django считается лучшим веб-фреймворком для Python и широко используется Pinterest и Spotify.
• Spring для Java: Это универсальный фреймворк с собственной MVC-платформой и открытым исходным кодом.

Источники для получения знаний и обучения

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

Ниже еще несколько полезных ресурсов.

Для фронтенда:

• На Youtube HTML, CSS, JavaScript хорошо объясняет Владилен Минин. У него есть ролики и для начинающих, и для более продвинутого уровня по нюансам и более сложным технологиям.
• Javascript.ru — огромный современный онлайн-учебник по JavaScript.

Для бэкенда:

• Хабр — основа основ. На платформе разработчики делятся опытом, самостоятельными разработками, лайфхаками, полезными материалами.
• dev.to — полезнейший ресурс о разработке. Как Хабр, только на английском. Это целое комьюнити, где разработчики делятся историями, новостями и опытом.

Зарплаты в сфере фронтенда и бэкенда

На сайте Zarplan для джуниора в бэкенде указана средняя зарплата 102 200 рублей — это данные на ноябрь 2023 года.

Примерно прикинуть свою зарплату можно на калькуляторе на сайте Хабр. Чтобы посчитать, нужно будет авторизоваться. Там вы узнаете основные вилки зарплат разработчиков разного уровня и сферы IT.

Например, весной 2023 года дела на рынке обстояли так:

Общие данные по бэкендерам на JavaScript: от 186 000 руб. Мидлы от 126 000 до 136 000 руб. Сеньоры от 229 000 руб. 

Общие данные по фронтендерам на JavaScript от 153 000 руб. Мидлы от 122 000 до 164 000 руб.

Как сделать выбор между фронтэндом и бэкендом

Давайте еще раз пробежимся по основным понятиям.

Фронтенд — «лицо» продукта. Здесь нужно работать с интерфейсами сайта или приложения, с версткой.

Это направление подойдет, если:

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

Бэкенд — «органы» и изнанка продукта. Важно прописывать в коде операции чтения и обработки данных.

Сфера вам понравится, если:

• у вас аналитический и математический склад ума;
• вас мало интересует верстка;
• хотите быстрее дорасти до должности тех.лида.

Стать программистом и начать свой путь в этой сфере вы можете на курсах проекта «Содействие занятости».

У нас есть несколько программ по направлению IT и аналитика. Курсы подойдут тем, кто интересуется языками программирования, кодом и созданием игр, приложений и сервисов:

• Веб-программист
• 1С программист 
• Тестировщик 

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

Приятным бонусом вас добавят в закрытый канал с вакансиями. Здесь вы найдете вакансии «с опытом» и «без» от работодателей по всей России. Каждый день канал обновляется, в нем появляется больше 10 свежих вакансий.