Фронт и бэк простыми словами

Любое приложение - сайт, мобильное приложение, онлайн-сервис - внутри разделено на две части. Их так и называют: фронтенд и бэкенд. Слова звучат пугающе, но смысл простой.

Фронтенд - это всё, что видит и трогает пользователь. Страница в браузере, кнопки, поля ввода, картинки, меню. Когда вы открываете сайт и нажимаете кнопку, вы взаимодействуете именно с фронтендом. Он работает прямо в вашем браузере или в экране приложения на телефоне.

Бэкенд - это сервер: то, что происходит за кулисами. Логика (что делать, когда нажали кнопку), расчёты, хранение данных, проверка паролей, секретные ключи. Пользователь бэкенд не видит и потрогать его не может. Он живёт на удалённом компьютере - сервере.

Фронтенд - то, что на виду. Бэкенд - то, что за кулисами.

Аналогия: магазин

Представьте обычный магазин.

Витрина, зал, кассовый прилавок - это фронтенд. Покупатель видит товары, берёт их в руки, подходит к кассе. Всё, с чем он напрямую взаимодействует, оформлено и понятно.

Склад, касса как система, бухгалтерия - это бэкенд. Покупатель туда не заходит. Там лежит запас товаров, считаются деньги, ведётся учёт, хранятся документы. Без этого магазин не работает, но покупателю всю эту кухню видеть не нужно - и не положено.

Зачем вообще делить

Можно спросить: почему не сделать всё одной кучей? Причин несколько, но главная для новичка - безопасность и порядок. Секретные вещи (пароли, ключи доступа, данные клиентов) нельзя показывать в браузере пользователя - туда может заглянуть кто угодно. Поэтому всё ценное прячут на сервер, в бэкенд. А фронтенд занимается только тем, что можно безопасно показать.

В следующих главах разберём, как эти две части общаются между собой, что конкретно где живёт и где всё это хостится.