Основы веб-разработки: фронтенд и бэкенд простыми словами

Фронтенд и бэкенд — две стороны одного сайта

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

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

Что такое HTML и зачем он нужен

HTML (HyperText Markup Language) — язык разметки, которым описывается структура веб-страницы: где заголовок, где абзац текста, где изображение, где ссылка. Браузер читает HTML-документ и на его основе строит то, что видит пользователь. Сам по себе HTML не отвечает за визуальное оформление (это задача CSS) и не отвечает за интерактивность (это задача JavaScript) — он только задаёт структуру и смысловые блоки содержимого.

Как это работает вместе на практике

Когда пользователь открывает сайт, браузер загружает HTML-разметку, применяет к ней CSS-стили и выполняет JavaScript-код фронтенда. Если странице нужны реальные данные (например, список товаров или статус заказа) — фронтенд обращается к бэкенду, который достаёт нужную информацию из базы данных и возвращает её обратно. Разделение на фронтенд и бэкенд позволяет командам работать параллельно и использовать для каждой части технологии, лучше всего подходящие именно под неё.