Видео этого урока скоро появится
Конспект урока доступен ниже
Финал: приложение, готовое к реальным пользователям
Итоговый проект: доведёшь приложение от макета до рабочей версии в интернете. Пройдёшь полный цикл: референс, правила проекта, декомпозиция, отладка, публикация. В конце проверка по чек-листу качества: скорость, обработка ошибок, мобильная версия.
Конспект урока
- 1
Договор о продукте
Один абзац: кто пользователь, какую задачу решает, какой экран главный. Всё, что не работает на этот абзац, уходит в список «потом».
- 2
Правила и каркас
Заведи .cursor/rules, собери структуру страниц и общие компоненты. Дальше вся работа идёт внутри этого каркаса, а не рядом с ним.
- 3
По одной возможности за раз
Каждая возможность проходит цикл: план, реализация, ручная проверка, сохранение версии. Не начинай следующую, пока предыдущая не работает.
- 4
Крайние случаи списком
Пустые данные, долгая загрузка, обрыв сети, двойное нажатие, чужая запись по прямой ссылке. Отдай список агенту и всё равно пройди его руками.
- 5
Публикация с переменными окружения
Секреты задаются в настройках хостинга, в репозитории лежит только пример файла без значений. После публикации проверяй боевой адрес, локальный запуск ничего не доказывает.
- 6
Финальный чек-лист качества
Скорость первой загрузки, мобильная версия, понятные тексты ошибок, заголовки и описания страниц, работающая обратная связь.
Практика
Доведи своё приложение до публичного адреса и пройди по нему как новый пользователь с телефона. Составь список из пяти проблем и закрой их за один заход.
Сделал? Отметь урок пройденным и переходи дальше