Найти в Дзене

Об отличиях фронтенда и бэкенда — объясняем простыми словами

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

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

Разберем на примере, в чем отличие этих двух видов веб-разработки

  • Баннер и кнопка «Пройти обучение» — относится к фронтенду.
  • Добавление курсов на сайт и подсчет результатов в личном кабинете — это часть работы бэкенда.
  • Статус прохождения онлайн-курса — это снова фронтенд.

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

Фронтенд и бэкенд работают неразрывно, обычно они взаимодействуют по такой схеме.

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

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

Если вам интересна ИТ-сфера, вы хотели бы больше узнать об искусственном интеллекте и принять участие в хакатонах, то вам точно будет полезен наш проект «Цифровой прорыв. Сезон: искусственный интеллект». Узнать все подробности можно здесь.