StudyCode
К практике
Начальныйфронтендбекендархитектура
JuniorфронтендбекендархитектураHTTP

Клиент и сервер

Как устроено разделение: что делает браузер и что делает сервер.

Нажми на элемент чтобы увидеть объяснение
🌐

Клиент

браузер / приложение

HTTP

запрос
ответ

Сервер

бекенд / API

Язык примеров:
Шаг 1 из 4
1

Клиент: фронтенд

Что такое клиент?

Клиент — это программа, которая инициирует запросы и отображает результат.

Самый распространённый клиент — браузер (Chrome, Firefox, Safari). Но клиент может быть и мобильным приложением, и скриптом, и Postman.

Что делает фронтенд?

javascript
Фронтенд отвечает за:
├── HTML — структура страницы
├── CSS  — внешний вид
└── JS   — поведение (клики, анимации, запросы к серверу)

Весь фронтенд-код выполняется прямо на устройстве пользователя — в браузере.

Что фронтенд НЕ должен делать?

  • Хранить пароли или секретные ключи (пользователь видит весь JS-код)
  • Напрямую обращаться к базе данных
  • Проверять права доступа (только для UX, настоящая проверка — на сервере)

Аналогия

Ресторан: ты (клиент) видишь меню, делаешь заказ, получаешь еду. Кухня (сервер) — за закрытой дверью, ты не видишь как готовится блюдо.