Что такое front end? Что такое back end? Как связаны между собой front end и back end?

Front end – это то, что пользователь видит в браузере.

Эта часть разработки приложения:

отвечает за:

    представление информации;
  • интерфейс;
  • дизайн. 

включает:

    HTML;
  • CSS;
  • верстку.

Это минимально необходимые технологии, применяемые в front end.

Главная страница сайта, на которую будет попадать пользователь – это front end.

Back end – более «темная» часть, скрытая от пользователя.

Это набор аппаратно-программных средств, реализующих:

    логику работы сайта;
  • структуризацию информации;
  • управление информацией.

В самом простом понимании back end – это работа:

    с базой данных;
  • с приложением;
  • со структуризацией информации.

Все соединяется на сервере. Сервер – это back end, веб-браузер пользователя – это front end. Когда пользователь вводит запрос в веб-браузере, он обращается к серверу. Сервер обрабатывает этот запрос и выдает соответствующую информацию. То, как эта информация будет выглядеть, и есть front end.

В браузере рендерятся:

    картинки;
  • стили CSS;
  • функциональные скрипты;
  • пользовательский интерфейс.

Вопрос: где back end соединяется с front end? На мой взгляд, неверно предположение о том, что frontender (разрабочик, занимающийся представлением приложения) должен глубоко разбираться в том, как работает back end. В свою очередь, backender не должен разбираться в принципах работы front end. Это концепция отделения бизнес-логики от внешнего представления.

Самая распространенная модель, применяемая в CMS (системах управления контентом) – Model-View-Controller – «Модель-Представление-Контроллер»:

    структура информации;
  • работа с базой данных;
  • представление;
  • макеты;
  • шаблоны;
  • редактирование, обновление и добавление информации.