Шпаргалка

Всё главное про фронт и бэк на одной странице.

Фронтенд против бэкенда

| Признак | Фронтенд | Бэкенд | | --- | --- | --- | | Что это | Интерфейс: то, что видит и трогает пользователь | Логика, данные и секреты за кулисами | | Где работает | В браузере пользователя (клиент) | На сервере (удалённый компьютер) | | Языки | JavaScript, TypeScript | Python, Node.js, Go, Java, PHP | | Инструменты | React, Vue, Angular, HTML, CSS | Базы данных, серверные фреймворки | | Примеры задач | Кнопки, формы, вёрстка, анимации | Расчёты, авторизация, хранение данных, оплата | | Видит ли пользователь | Да, всё на виду | Нет, скрыто |

Глоссарий

| Термин | Что это | | --- | --- | | Клиент | Устройство пользователя - браузер или приложение, где работает фронтенд. | | Сервер | Удалённый компьютер, всегда включён, где работает бэкенд. | | API | Набор правил, по которым фронт обращается к бэку за данными. | | Рендеринг | Превращение данных в то, что видно на экране: отрисовка страницы. | | База данных (БД) | Место постоянного хранения данных - пользователи, заказы, тексты. | | JSON | Текстовый формат, в котором бэк обычно возвращает данные фронту. | | Fullstack | Тот, кто умеет и фронт, и бэк. | | CDN | Сеть серверов по миру, которая быстро раздаёт файлы фронта пользователю. | | Статика | Файлы фронта (страницы, стили, картинки), которые не меняются от запроса. | | Клиент-сервер | Базовая модель: клиент просит, сервер отвечает. |

Куда дальше

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