Бэкенд-разработка взаимодействует с фронтендом по следующей схеме: 5

1. Пользователь что-то делает во фронтенде, например, нажимает кнопку. 5
2. Фронтенд отправляет информацию об этом действии в бэкенд. 5
3. Бэкенд обрабатывает информацию. 5 Например, если пользователь нажал кнопку «Заказать», формирует для него корзину и подсчитывает цену с доставкой. 5
4. Бэкенд возвращает информацию назад фронтенду. 5
5. Фронтенд «рисует» для пользователя понятную «картинку» — страницу корзины со стоимостью товара и доставки. 5

Существует несколько вариантов взаимодействия фронтенда и бэкенда: 3

• HTTP-запрос напрямую отправляется на сервер. 3 Сервер ищет информацию, встраивает её в шаблон и возвращает в виде HTML-страницы. 3
• Вариант с использованием AJAX (Asynchronous JavaScript and XML). 3 В этом случае запрос отправляет JavaScript, загруженный в браузер, а ответ приходит в формате XML или JSON. 3
• Одностраничные приложения загружают данные без обновления страницы. 3 Это тоже делается с помощью AJAX или фреймворков Angular и Ember. 3
• Универсальные/изоморфные приложения. 4 Некоторые библиотеки и фреймворки, например, React и Ember, позволяют исполнять приложения как на сервере, так и в клиенте. 4 В этом случае для связи фронтенда с бэкендом приложение использует и AJAX, и обрабатываемый на сервере HTML. 4