Flask для школьниковГлава 1 из 10
SilverTests.ru · Курс веб-разработкиВведение
Что мы создадим
Два проекта за 6 часов — от нуля до сетевой игры на 25 человек
🎯 Цель курса
За три занятия (6 часов) ты создашь два работающих проекта на Python и научишься основам веб-разработки — тому, как устроены все сайты в интернете.
1Проект А: Трекер привычек
📝 Техническое задание
Сайт, на котором можно: добавлять привычки (бег, чтение, английский), отмечать выполненные, видеть список. Данные хранятся на сервере — открыл с любого устройства, всё на месте.
Трекер — это сквозной проект. Каждая глава добавляет новую возможность:
| Глава |
Что добавляем |
Что изучаем |
| 3 |
Страницы: главная, привычки, о проекте |
Маршруты, шаблоны |
| 4 |
Общий каркас, список привычек из Python |
Наследование, циклы |
| 5 |
Форма «Добавить привычку» |
POST, request.form |
| 6 |
API для получения данных в JSON |
jsonify, request.json |
| 7 |
Добавление без перезагрузки страницы |
JavaScript, fetch |
2Проект Б: Regex Territory — сетевая игра
📝 Техническое задание
Сетка 6×6 «серверов». Каждый защищён набором строк. Напиши правильную регулярку — захвати сервер для своей команды. 3–4 команды, все играют одновременно с разных устройств. Кто захватил больше — победил.
Игра использует те же самые технологии, что и трекер — но показывает их в действии на 25 браузерах одновременно:
| Технология |
В трекере |
В игре |
| Маршруты |
/habits, /add |
/api/state, /api/capture |
| POST + JSON |
Добавление привычки |
Отправка regex |
| fetch |
Загрузка списка |
Опрос сетки каждые 1.5 сек |
| setInterval |
Автообновление |
Карта обновляется у всех |
3Что тебе понадобится
Python 3.8+ — проверь в терминале: python --version.
Редактор кода — PyCharm, VS Code или любой другой.
Браузер — Chrome или Firefox (для DevTools).
Терминал — встроенный в редактор или системный.
Никаких дополнительных программ или серверов не нужно. Flask — это библиотека Python, устанавливается одной командой.
4Как устроен этот учебник
Каждая глава начинается с цели — что конкретно ты сможешь сделать к концу. Потом — техзадание: как должен выглядеть и работать результат. И наконец — код и объяснения, как этого добиться.
Главы связаны: знания из главы 3 нужны в главе 4, из главы 6 — в главе 7. Если что-то непонятно — вернись на шаг назад.
Совет: не просто читай код — набирай руками. Запускай после каждого изменения. Ошибки — это нормально; Flask покажет, что не так.