Содержание курса
7
разделов
129
уроков
1107
тестов
176
задач
4 ч.
обн. 24 сентября 2026
Подготовка
9 уроков
1.
Знакомство и рекомендации
↗
2.
Шпаргалка Python
↗
3.
Тест на самопроверку: Python
↗
4.
Шпаргалка JavaScript
↗
5.
Тест на самопроверку: JavaScript
↗
6.
Шпаргалка HTML + CSS
↗
7.
Тест на самопроверку: HTML + CSS
↗
8.
Шпаргалка JSON
↗
9.
Инструменты fullstack-разработчика
↗
Погружение в Fullstack
8 уроков
1.
Как работает веб — клиент, сервер и HTTP
↗
2.
Backend и Frontend — две стороны одной медали
↗
3.
API — связующее звено между frontend и backend
↗
4.
Проверочный тест: Backend, Frontend и API
↗
5.
Инструменты разработчика — вкладка Network
↗
6.
Что такое REST и зачем он нужен
↗
7.
Четыре главных метода HTTP в REST
↗
8.
Итоговый тест: Погружение в Fullstack
↗
Знакомство с Django (Backend)
22 урока
1.
Инструментарий разработчика — виртуальное окружение
↗
2.
Создание проекта
↗
3.
Знакомство с settings.py и первый запуск сервера
↗
4.
Проверочный тест: команды, структура, настройки
↗
5.
Создание приложения
↗
6.
Модели
↗
7.
Поля модели и связи между таблицами
↗
8.
Миграции
↗
9.
Проверочный тест: приложения, модели и миграции
↗
10.
Представление (View)
↗
11.
Маршрутизация (URLconf)
↗
12.
Возвращаем JSON вручную
↗
13.
View, которая работает с моделью
↗
14.
Итоговый тест: Представления и маршруты
↗
15.
Регистрация модели в админке
↗
16.
Создание суперпользователя
↗
17.
Наполнение базы через админку
↗
18.
Простая кастомизация админки
↗
19.
Итоговый тест по админке Django
↗
20.
Итоговая практика и тест - Часть 1
↗
21.
Итоговая практика и тест - Часть 2
↗
22.
Шпаргалка Django
↗
Превращаем Django в API (Django REST Framework)
24 урока
1.
Что такое REST Framework и зачем он нужен
↗
2.
Установка и настройка Django REST Framework
↗
3.
Первая Browsable API
↗
4.
Проверочный тест: Установка и первое знакомство с DRF
↗
5.
Сериализаторы — мост между Python и JSON
↗
6.
Использование сериализатора в представлении (APIView)
↗
7.
Десериализация (Создание поста через API)
↗
8.
Проверочный тест: Сериализаторы - Часть 1
↗
9.
Проверочный тест: Сериализаторы - Часть 2
↗
10.
Знакомство с Generic-классами
↗
11.
ViewSet — один класс для всего CRUD (One Ring to rule them all)
↗
12.
Проверочный тест: Умные представления - Часть 1
↗
13.
Проверочный тест: Умные представления - Часть 2
↗
14.
Router — автоматическая генерация URL для ViewSet
↗
15.
Анализ сгенерированных URL и методов
↗
16.
Проверочный тест: Роутеры - Часть 1
↗
17.
Проверочный тест: Роутеры - Часть 2
↗
18.
Глубокое погружение в Browsable API
↗
19.
Postman
↗
20.
Анализ ошибок
↗
21.
Проверочный тест: Тестирование API
↗
22.
Итоговый тест: Django REST Framework - часть 1
↗
23.
Итоговый тест: Django REST Framework - часть 2
↗
24.
Шпаргалка Django REST Framework
↗
Знакомство с React (Frontend)
40 уроков
1.
Что такое React и его роль в fullstack
↗
2.
Установка Node.js и npm — подготовка среды для React
↗
3.
Выбор инструмента: Vite vs Create React App
↗
4.
Первый проект на React
↗
5.
Первый запуск и разбор кода
↗
6.
Проверочный тест: Настройка окружения и создание проекта
↗
7.
Знакомство с JSX
↗
8.
Функциональные компоненты и props
↗
9.
Композиция компонентов
↗
10.
Props — передача данных в компоненты
↗
11.
Проверочный тест: JSX и компоненты - Часть 1
↗
12.
Проверочный тест: JSX и компоненты - Часть 2
↗
13.
Состояние компонента и хук useState
↗
14.
Хук useState — управление состоянием
↗
15.
Управляемые компоненты — работа с формами
↗
16.
Условный рендеринг — интерфейс, который реагирует
↗
17.
Проверочный тест: Состояние и хук useState - Часть 1
↗
18.
Проверочный тест: Состояние и хук useState - Часть 2
↗
19.
Побочные эффекты и хук useEffect
↗
20.
Синтаксис useEffect и его тонкости
↗
21.
Первый запрос к API — fetch в действии
↗
22.
Обработка состояний загрузки и ошибок
↗
23.
Проверочный тест: Побочные эффекты и хук useEffect - Часть 1
↗
24.
Проверочный тест: Побочные эффекты и хук useEffect - Часть 2
↗
25.
Стилизация в React — от CSS до Material UI
↗
26.
Установка и настройка Material UI
↗
27.
Знакомство с основными компонентами Material UI
↗
28.
Структурирование интерфейса — Grid, Card, List
↗
29.
Создание форм в Material UI
↗
30.
Тематизация и кастомизация Material UI
↗
31.
Проверочный тест: Стилизация в React. Material UI - Часть 1
↗
32.
Проверочный тест: Стилизация в React. Material UI - Часть 2
↗
33.
Знакомство с React Router — установка и первые страницы
↗
34.
Создание страниц и организация маршрутов
↗
35.
Навигация, активные ссылки и параметры маршрута
↗
36.
Проверочный тест: Маршрутизация (React Router) - Часть 1
↗
37.
Проверочный тест: Маршрутизация (React Router) - Часть 2
↗
38.
Проверочный тест React - Часть 1
↗
39.
Проверочный тест React - Часть 2
↗
40.
Шпаргалка React
↗
Соединяем Django REST и React
18 уроков
1.
Как работает Fullstack-приложение
↗
2.
Настройка CORS (Cross‑Origin Resource Sharing)
↗
3.
Проверочная работа: CORS
↗
4.
Первый GET‑запрос из React к API
↗
5.
Отображение списка данных
↗
6.
Проверочная работа: GET и отображение списка данных
↗
7.
Форма создания новой записи (POST)
↗
8.
Обновление списка после создания
↗
9.
Проверочная работа: POST и обновление списка (Часть 1)
↗
10.
Проверочная работа: POST и обновление списка (Часть 2)
↗
11.
Страница деталей и динамические маршруты
↗
12.
Редактирование записи (PUT)
↗
13.
Удаление записи (DELETE)
↗
14.
Обработка ошибок валидации с бэкенда
↗
15.
Проверочная работа: изменение данных и валидация (Часть 1)
↗
16.
Проверочная работа: изменение данных и валидация (Часть 2)
↗
17.
Проверочная работа Django REST + React (Часть 1)
↗
18.
Проверочная работа Django REST + React (Часть 2)
↗
Свой проект
7 уроков
1.
Идея, планирование и структура
↗
2.
Backend на Django REST Framework
↗
3.
Frontend на React — базовый интерфейс
↗
4.
Создание, редактирование и удаление на React
↗
5.
Пользователи, аутентификация и личный кабинет
↗
6.
Деплой и финальные штрихи
↗
7.
Послесловие
↗