Что такое бэкенд и фронтенд — в чём разница?

Бэкенд (backend) — серверная часть сайта: логика, база данных, обработка запросов. Невидима для пользователя, но обеспечивает работу функционала. Фронтенд (frontend) — клиентская часть: всё что видит пользователь в браузере (вёрстка, анимации, интерактивность).

Сравнение бэкенда и фронтенда:

Что делает бэкенд:

• Принимает запросы от браузера (отправил форму)
• Обрабатывает данные (проверяет, сохраняет в БД)
• Отдаёт ответ (HTML-страницу или JSON)
• Работает с базой данных (товары, пользователи, заказы)
• Интегрируется с внешними сервисами (1С, оплата)
• Обеспечивает безопасность (аутентификация, защита от атак)

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

• Отображает страницу (HTML + CSS)
• Обрабатывает клики и действия пользователя
• Отправляет запросы на бэкенд (AJAX)
• Показывает анимации и переходы
• Валидирует формы (проверка email, телефона)
• Адаптируется под разные устройства

Пример работы (отправка формы):

1. Фронтенд: пользователь заполняет форму, нажимает "Отправить"
2. Фронтенд: JS проверяет поля (email корректный?)
3. Фронтенд: отправляет данные на бэкенд (POST-запрос)
4. Бэкенд: принимает данные, проверяет, сохраняет в БД
5. Бэкенд: отправляет email менеджеру
6. Бэкенд: возвращает ответ ("Спасибо, заявка принята")
7. Фронтенд: показывает сообщение пользователю

Стоимость разработки:

Когда нужен только фронтенд:

• Статичный сайт (без форм и логики)
• Landing page на Tilda/Readymag
• Прототип для демонстрации

Когда нужен только бэкенд:

• API для мобильного приложения
• Микросервис (отдельная функция)
• Интеграция между системами

Fullstack-разработчик:

• Знает и фронтенд, и бэкенд
• Может сделать весь проект один
• Дороже стоит (от 3000 ₽/час vs 2000 ₽/час)
• Подходит для небольших и средних проектов