Frontend- и backend-разработчик: в чем разница

В мире IT backend и frontend определяют какую сторону занимает разработчик и над чем он работает. На вопрос о разнице между двумя видами разработки мы ответили в этой статье.

Что такое Backend-разработка

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

Принцип работы backend-части продукта выглядит так:

1. Информация поступает от пользователя (поисковой запрос).

2. Данные обрабатываются (распознавание запроса).

3. Информация передается на сервер (поиск в базе).

4. Приходит ответ от сервера в виде корректной информации (вывод результата).

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

Как работает backend-разработчик

Backend-программист — это фундамент проекта: он разрабатывает серверную часть, архитектуру и логику сайта. Сюда же относится система обработки и хранения информации, а также база данных. Его работа не видна, но без бэкенда сайт просто не будет загружаться. При этом выбор языка разработчиком зависит от конкретного проекта и сервера. Жестких ограничений нет, он может выбрать любой универсальный язык: Ruby, Python, Java, PHP, Go. Кроме языка, бэкендеру нужны знания базы данных: MySQl, PostgreSQL, NoSQL.

Что такое Frontend-разработка

Frontend — это, наоборот, пользовательская сторона сайта или приложения. То есть видимый интерфейс и функции, с которыми взаимодействует клиент. Сюда относится текст, анимация, интерактивные элементы, всплывающее меню. У каждой страницы есть свой код — его можно увидеть, нажав клавишу F12 или “CTRL+U”. Это консоль разработчика, которая определяет:

• внешний вид сайта, 
• верстку, 
• графику, 
• шрифты, 
• размеры элементов, 
• цвета.

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

Как работает frontend-разработчик

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

• HTML — разметка документов для удобного просмотра веб-страницы.
• CSS — описание и внешний вид страницы: цвета, шрифты, отображение элементов.
• JavaScript — реализует действия на странице: реагирует на запросы пользователя.

Дополнительно frontend-разработчик должен знать библиотеки JavaScript, систему контроля версий Git и препроцессоры SASS/LESS.

Как связаны frontend- и backend-разработчик

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

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

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

На что обратить внимание рекрутеру

Определить профиль

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

Изучить профиль

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

Профессиональные сообщества

Это могут быть общие сообщества и каналы, или по отдельным видам разработки. Например, загляните в такие Telegram-каналы:

• Frontend разработчик
• Библиотека фронтендера
• Вакансии Backend/Frontend 
• Веб-страница

Также поищите кандидатов в сообществах по конкретному языку. О них мы писали в двух статьях: Где и как найти разработчиков и Социальный рекрутинг.