Frontend

Frontend выполняется на стороне клиента и отвечает за представление данных, ввод пользователя и взаимодействие с backend API.

Базовый стек

  • HTML — структура и семантика документа;
  • CSS — представление и layout;
  • JavaScript — поведение;
  • AJAX fetch — сетевые запросы без полной перезагрузки;
  • Bootstrap — готовая система layout и компонентов.

Граница с backend

Контракт проходит по HTTP:

UI state
→ request DTO
→ HTTP
→ backend
→ response DTO
→ UI state

Обе стороны должны одинаково понимать:

  • URL и method;
  • тип content;
  • структуру JSON;
  • обязательность полей;
  • status codes;
  • формат ошибки;
  • authentication;
  • правила повторного запроса.

См. Frontend и BackEnd отличия, REST, Http протокол.