Frontend, Backend, Fullstack разработчики - в чем между ними разница?

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

Источник: https://serblog.ru/wp-content/uploads/2019/10/back.png

Что это?

У большинства различных современных сайтов или сервисов есть "два основных слоя": фронтенд и бэкенд.

Фронтенд (англ. frontend) — это разработка пользовательских функций и интерфейса. К ним относится всё, что пользователи видят на сайте или в приложении, и с чем можно взаимодействовать: картинки, выпадающие списки, меню, анимация, карточки товаров, кнопки, чекбоксы, интерактивные элементы. В случае с сайтом фронтенд часть продукта формируют и выводят на экран HTML, CSS, JavaScript. Занимается фронтенд частью сайта - Фронтенд разработчик.

Бэкенд (англ. backend) — это серверная часть веб-приложения, которая занимается обработкой взаимодействий пользователя с сайтом, взаимодействием с базой данных и выполнением бизнес логики. Для разработки бэкенд части проекта могут использоваться абсолютно разные языки программирования, например: Python, Go, Java, PHP или тот же JavaScript. Для работы с базами данных может потребоваться знание Mongo DB, MySQL, Postgre SQL. Занимается бэкенд частью проекта - бэкенд разработчик.

Full stack разработчик "играет за обе команды". Он может выполнять как задачи бэкенд, так и фронтенд специалиста.

Разберемся на примере

Источник: https://blog.skillfactory.ru/chem-frontend-otlichaetsya-ot-backenda-obyasnyaem-na-memah/

Предположим на сайте банка вы увидели кнопку "О нас".

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

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

500 Internal Server Error

Источник: https://techrocks.ru/wp-content/uploads/2020/07/front-end-back-end-500-error.jpg

Ошибка 500 Internal Server Error достаточно частая и возникает когда фронтенд и бэкэнд части сайта "не договорились". Она означает, что сервер не смог обработать запрос отправленный пользователем, а сам браузер не знает что именно пошло не так.

Большое спасибо за прочтение статьи :D

Больше интересного контента каждый день в телеграм-канале "Сложно-простая математика".

Подписывайтесь, не забывайте ставить лайки и писать комментарии. Надеюсь, что мы не прощаемся :-3!