Домашнее задание — Урок 01

📋 Формулировка задания

Исходное задание из LMS:

Создайте простое веб-приложение на Flask. Следуйте следующему алгоритму:

Настройка проекта: создайте новый проект. Настройте виртуальное окружение. Активируйте виртуальное окружение и установите Flask с помощью pip.
Создание базового Flask-приложения: создайте файл main.py. Импортируйте необходимые модули (Flask). Напишите код для создания экземпляра Flask-приложения. Добавьте маршрут, который будет отвечать на корневой URL (/) и возвращать простое приветствие, например, «Hello, Flask!».
Расширение функциональности: добавьте дополнительный маршрут /user/<name>, который будет возвращать приветственное сообщение с переданным именем.
Запуск и тестирование приложения: запустите приложение, убедитесь, что все маршруты работают корректно. Приложите как решение ваш проект на гите и скриншоты с проверкой работы всех маршрутов.

🔧 Шаг 0. Подготовка окружения

Перед началом работы над любым заданием курса нужно настроить окружение.

📁 Структура репозитория: мы используем один репозиторий для всех практических работ курса. Это удобнее, чем 46 отдельных репозиториев.

Создайте (или откройте) рабочую папку в VS Code

В VS Code нажмите Ctrl+K Ctrl+O → выберите или создайте папку python-advanced-practice. Это будет корень вашего учебного репозитория.

# Или в терминале VS Code (Ctrl + `):
mkdir python-advanced-practice
cd python-advanced-practice

Инициализируйте Git-репозиторий (один раз на весь курс)

git init

# Создайте базовые файлы
echo "# Python Advanced — Практические работы" > README.md
echo "venv/" > .gitignore
echo "__pycache__/" >> .gitignore
echo "*.pyc" >> .gitignore
echo ".env" >> .gitignore

git add README.md .gitignore
git commit -m "init: базовая структура репозитория"

Создайте папку для текущего урока

mkdir -p flask/lesson-01
cd flask/lesson-01

Создайте виртуальное окружение (venv)

# Windows (PowerShell / CMD)
python -m venv venv
venv\Scripts\activate

# Mac / Linux
python3 -m venv venv
source venv/bin/activate

После активации в начале строки терминала появится (venv). Все дальнейшие команды выполняйте внутри venv.

Установите Flask

pip install flask

# Сохраните зависимости
pip freeze > requirements.txt

Создайте ветку для задания

# Вернитесь в корень репозитория
cd ../../..

# Создайте и переключитесь на ветку
git checkout -b lesson/01-flask-intro

# Если у вас есть удалённый репозиторий (GitHub/GitLab):
git push -u origin lesson/01-flask-intro

🛠️ Шаги выполнения задания

Создайте файл main.py

В VS Code создайте файл flask/lesson-01/main.py и напишите базовое приложение:

from flask import Flask

app = Flask(__name__)

@app.route('/')
def hello():
    return 'Hello, Flask!'

if __name__ == '__main__':
    app.run(debug=True)

Проверка в VS Code:

Убедитесь, что venv активирован (в терминале есть (venv)).
Запустите: python flask/lesson-01/main.py
Откройте браузер: http://127.0.0.1:5000
Вы должны увидеть: Hello, Flask!

Добавьте маршрут с параметром

Добавьте в main.py второй маршрут:

@app.route('/user/<name>')
def greet_user(name):
    return f'Hello, {name}!'

Проверка: откройте http://127.0.0.1:5000/user/ВашеИмя — должно отобразиться приветствие с именем.

Сделайте скриншоты работающих маршрутов

Сделайте скриншоты:

Главная страница /
Страница /user/ВашеИмя

Сохраните скриншоты в папку flask/lesson-01/screenshots/.

✅ Полное решение

Ниже приведено полное решение задания. Совет: попробуйте выполнить самостоятельно, прежде чем смотреть ответ.

from flask import Flask

app = Flask(__name__)

@app.route('/')
def hello():
    return 'Hello, Flask!'

@app.route('/user/<name>')
def greet_user(name):
    return f'Hello, {name}!'

if __name__ == '__main__':
    app.run(debug=True)

🧪 Как проверить решение

Активируйте venv: venv\Scripts\activate (Windows) или source venv/bin/activate (Mac/Linux).
Запустите: python flask/lesson-01/main.py
Проверьте терминал — не должно быть ошибок, должна появиться строка Running on http://127.0.0.1:5000.
Откройте в браузере:
- http://127.0.0.1:5000 → «Hello, Flask!»
- http://127.0.0.1:5000/user/Anna → «Hello, Anna!»

🐛 Отладка в VS Code

Если что-то не работает:

Поставьте точку останова (breakpoint) кликом слева от номера строки в main.py.
Нажмите F5 → выберите Python File.
Используйте панель Debug (переменные, стек вызовов, консоль).
Проверьте Terminal на наличие traceback — Python показывает номер строки с ошибкой.

💾 Сохранение работы

# Добавьте все файлы урока
git add flask/lesson-01/

# Сделайте коммит с осмысленным сообщением
git commit -m "lesson-01: Flask intro — базовое приложение и маршрутизация"

# Отправьте на GitHub / GitLab
git push

🛠️ Настройка VS Code для Flask

Рекомендуемые расширения:

Python (Microsoft) — подсветка, IntelliSense, отладка.
Pylance (Microsoft) — улучшенный анализ кода Python.

Настройка запуска (опционально):

Нажмите Ctrl+Shift+P → Python: Create Environment → выберите venv.
Для запуска: F5 → Python File.

💡 Советы и типичные ошибки

Убедитесь, что venv активирован перед установкой пакетов.
Не коммитьте папку venv/ — она указана в .gitignore.
Если порт 5000 занят — измените порт: app.run(port=5001).
Не используйте app.run() в продакшене — только для разработки.

🏠 Домашнее задание 1

⚡ Суть задания