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