для начинающих · технический гайд

Бэкенд и фронтенд

Любое приложение - сайт, мобильное приложение, сервис - состоит из двух частей. Фронтенд - то, что вы видите и трогаете. Бэкенд - то, что работает за кулисами: логика, расчёты, данные, секреты. Этот гайд объясняет с нуля, как они устроены, как связаны и где что живёт.

Без кода и без подготовки. Достаточно понимать, что такое сайт и кнопка. Аналогии вместо терминов, схемы вместо теории.

Начать с начала →Сразу к шпаргалке Курс про API

что вы поймёте

Где проходит граница

Что относится к фронтенду, что к бэкенду и почему это вообще разделено.

Как они общаются

Зачем нужен API, как фронт шлёт запрос и получает данные в ответ.

Где всё это живёт

Что значит fullstack, где хостится фронт, где бэк и при чём тут база данных.

главы

Фронт и бэк простыми словами

Фронтенд - то, что видит и трогает пользователь. Бэкенд - сервер с логикой, данными и секретами. Аналогия витрины и склада.

Как они связаны

Фронт шлёт запросы к бэку по API, бэк отвечает данными, фронт показывает. Путь от нажатия кнопки до картинки на экране.

Что где живёт

Интерфейс в браузере против логики, базы и секретов на сервере. Языки и фреймворки с обеих сторон и почему ключи только на бэке.

Fullstack и где что хостится

Что значит fullstack, модель клиент-сервер, где живёт фронт (CDN/статика), где бэк (сервер) и что такое база данных рядом.

Шпаргалка

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