Чаще всего для разработки сайта используют два слоя: фронтенд — внешняя часть для обычных пользователей, бэкенд — технический раздел, отвечающий за выполнение внутренних команд.
Проще говоря, фронтенд — это верстка интерфейса, которая включает иллюстрации, видео, таблицы, меню, логотипы. Все, с чем посетитель сайта может взаимодействовать. Бэкенд — это внутренняя логика работы ресурса, которая скрыта от обычных людей. Именно там выполняются все внутренние задачи.
Разберем на примере, в чем отличие этих двух видов веб-разработки
- Баннер и кнопка «Пройти обучение» — относится к фронтенду.
- Добавление курсов на сайт и подсчет результатов в личном кабинете — это часть работы бэкенда.
- Статус прохождения онлайн-курса — это снова фронтенд.
Любой человек может увидеть код фронтенда, для этого необходимо зайти на сайт, нажать на правую кнопку мыши и выбрать в открывающемся меню «Посмотреть код». А вот код бэкенда открыть так просто не получится, он хранится на сервере, на котором размещен и сам сайт.
Фронтенд и бэкенд работают неразрывно, обычно они взаимодействуют по такой схеме.
- Человек выбрал товар и добавил его в корзину — фронтенд фиксирует команду и передает ее в бэкенд.
- Бэкенд считывает эти данные — формирует в корзине список продуктов и рассчитывает сумму.
- После бэкенд пересылает получившийся результат фронтенду.
- Фронтенд преобразовывает эту информацию в «картинку» — пользователь видит страницу с итоговой стоимостью к оплате и вариантами доставки.
Главное отличие фронтенда и бэкенда состоит в том, что первый разрабатывает внешний вид сайта, который человек видит в своем смартфоне или компьютере. А второй выполняет команды на сервере и демонстрирует только окончательный результат посетителю ресурса.
Если вам интересна ИТ-сфера, вы хотели бы больше узнать об искусственном интеллекте и принять участие в хакатонах, то вам точно будет полезен наш проект «Цифровой прорыв. Сезон: искусственный интеллект». Узнать все подробности можно здесь.