Фронтенд и бэкенд: что где происходит
Простое объяснение для заказчика: что видит пользователь, что происходит на сервере и почему это важно знать при обсуждении задач.
Коротко
Фронтенд — всё, что происходит в браузере посетителя: то, что он видит и на что нажимает. Бэкенд — то, что происходит на сервере: хранение данных, расчёты, проверки, отправка писем.
Как это работает вместе
Посетитель заходит на страницу. Браузер запрашивает её у сервера. Бэкенд достаёт данные из базы, готовит ответ и отдаёт. Фронтенд показывает это человеку. Человек нажимает «отправить заявку» — фронтенд передаёт данные на сервер, бэкенд их проверяет, сохраняет и отправляет уведомление.
Что относится к фронтенду
- Внешний вид и вёрстка, поведение на разных экранах.
- Анимации, всплывающие окна, интерактивные элементы.
- Проверка формы «на лету» — подсказки об ошибках до отправки.
- Скорость отрисовки того, что видит человек.
Что относится к бэкенду
- База данных: товары, заказы, пользователи, статьи.
- Логика: расчёт стоимости, скидки, права доступа.
- Интеграции с CRM, оплатой, доставкой.
- Безопасность: проверка данных, защита от подделки запросов.
- Отправка писем и уведомлений.
Как это влияет на обсуждение задач
«Поменять цвет кнопки и порядок блоков» — фронтенд, обычно быстро. «Добавить скидку для постоянных клиентов» — бэкенд, потому что нужно хранить историю покупок и считать по правилам. «Сделать так, чтобы заявка уходила в CRM» — тоже бэкенд.
Понимание границы помогает оценивать сроки: похожие по описанию задачи могут отличаться в десять раз по трудоёмкости.
Кто такой фулстек
Разработчик, который делает и то, и другое. Для небольших проектов это удобно и дешевле. Для крупных обычно нужны специалисты в каждой части: глубина важнее универсальности.
Не уверены, к чему относится ваша задача?
Опишите, что нужно, — объясним простыми словами, из чего складывается работа и сколько займёт.
Читайте дальше
Как устроен деплой и почему сайт иногда «лежит»
Что происходит между «разработчик закончил» и «изменения на сайте», почему бывают простои и что делает деплой безопасным.
2 минуты чтенияМиграция сайта на другой хостинг
Когда пора переезжать, как подготовиться и что проверить после переноса, чтобы не потерять данные, почту и позиции в поиске.
1 минута чтенияАдаптивная вёрстка: что это и зачем
Почему сайт должен выглядеть по-разному на телефоне и мониторе, чем адаптив отличается от мобильной версии и что проверять при приёмке.
1 минута чтения