Фронтенд и бэкенд

Два базовых понятия, описывающих «анатомию» программ: где выполняется код и что он делает. Поможет выбрать правильный подход под задачу.

Дата составления: 2026-03-30
Статус: ✅ Актуально

Суть

Фронтенд и бэкенд — это два основных функциональных «слоя» программы, которые могут присутствовать по отдельности или вместе.

Фронтенд — код, отвечающий за взаимодействие с пользователем: интерфейс, кнопки, формы, отображение данных. В веб-приложениях это, как правило, HTML, CSS и JavaScript. В десктопных приложениях фронтендом тоже называют интерфейсную часть, но она строится на других технологиях.

Бэкенд — код, работающий на сервере или локально без интерфейса. Обрабатывает входящие данные, обращается к базам данных, внешним сервисам (например, нейросетям), выполняет бизнес-логику. Пользователь не видит бэкенд — только результаты его работы.

Три типа программ

Только фронтенд — когда вся логика выполняется на стороне пользователя. Типичный пример: HTML-файл с калькулятором, который открывается в браузере без сервера.

Только бэкенд — когда интерфейс не нужен: скрипт обрабатывает файлы по расписанию, принимает вебхуки от внешних сервисов, запускается через терминал.

Фронтенд + бэкенд — когда нужен и интерфейс, и серверная логика. Пользователь видит форму (фронтенд), нажимает кнопку, запрос уходит на сервер (бэкенд), бэкенд вызывает API нейросети и возвращает ответ.

Когда достаточно только фронтенда

Чисто фронтендовое решение подходит, если вся обработка данных может происходить прямо на устройстве пользователя:

  • Конвертеры, калькуляторы, чек-листы;

  • Формы, которые не сохраняют данные;

  • Визуализация загруженных данных прямо в браузере;

  • Генераторы документов по шаблону.

Форматы чисто фронтендового приложения:

  • Один .html-файл — простейший случай, открывается в браузере без установки;

  • Набор файлов .html + .css + .js, хостящийся как статический сайт (GitHub Pages).

Главный плюс — не нужен сервер и деплой. Файл можно переслать коллеге в мессенджере.

Когда нужен бэкенд

Задача

Почему нужен бэкенд

Обращение к API нейросетей и других сервисов

API-ключ нельзя хранить на клиенте — он будет виден в коде

Сохранение данных между сессиями

Нужна база данных или файловое хранилище на сервере

Загрузка и обработка тяжелых файлов

Парсинг PDF, OCR — ресурсоемко для браузера

Прием вебхуков

Нужен адрес в Интернете, на который внешний сервис отправит данные

Автоматические задачи по расписанию

Браузер не запускает код без открытой вкладки

Когда достаточно только бэкенда

Не каждой задаче нужен интерфейс. Примеры, где бэкенд работает без фронтенда:

  • CLI-скрипт — программа, которую пользователь запускает вручную текстовой командой. Например: юрист вводит команду, указывая папку с договорами, и получает таблицу с извлеченными датами и суммами.

  • Обработчик файлов — программа, которая работает в фоне и реагирует на появление новых файлов. Например: сотрудники складывают сканы актов в общую папку, а программа автоматически распознает текст и сохраняет результат в таблицу.

  • Cron-задача — программа, которая запускается автоматически по расписанию. Например: каждое утро в 9:00 скрипт выгружает из базы просроченные задачи и отправляет сводку в Telegram-чат команды.

  • Вебхук-обработчик — программа, которая срабатывает, когда другой сервис присылает ей уведомление. Например: клиент заполняет форму на сайте, и данные автоматически попадают в CRM.

Make, n8n и Zapier — это фактически бэкенд без кода: они работают на серверах платформы, хранят ключи в настройках интеграций и запускаются по триггерам (событиям-условиям: пришло письмо, наступило время, обновилась строка в таблице).

Что учесть

  • API-ключ на фронтенде — грубая ошибка безопасности. JavaScript-код фронтенда виден любому пользователю через инструменты разработчика браузера. Ключ должен быть только на бэкенде или в переменных окружения.

  • «Статический» фронтенд ≠ «простой»: фронтенд может состоять из сотен файлов. Простота определяется задачей, а не технологией.

  • Граница фронтенд/бэкенд в десктопных приложениях несколько другая: в .exe, собранном через PyInstaller, весь код — и интерфейс, и логика — выполняется локально. Нет деления на клиент и сервер.

Связанные статьи

Теги: #концепция #новичок #вайб-кодинг