Как разбить большую идею на этапы
Калькулятор чаевых помещался в один запрос: его можно описать в пяти строках и проверить за минуту. С проектом побольше так не выйдет — если отправить агенту всю идею сразу, вы получите много всего одновременно и не поймёте, что из этого работает.
В этом уроке вы начнёте второй проект курса — страницу кафе — и доведёте до результата её первый этап.
Почему одна большая задача мешает
Запрос «сделай сайт для кафе с меню, фотографиями, корзиной, оформлением заказа и админкой» выглядит понятным, но у него три следствия:
- RUFP принимает за вас десятки решений, о которых вы не думали;
- проверять результат приходится целиком, и при первой ошибке непонятно, где именно она возникла;
- любая правка задевает части, которые вы ещё не смотрели.
Работать этапами не медленнее: каждый этап проверяется за минуту, и вы не возвращаетесь к переделке всего проекта.
Этап — это проверяемый результат
Не делите проект на «сначала разметка, потом данные, потом оформление»: ни один из таких кусков нельзя открыть и проверить. Делите по тому, что пользователь сможет сделать на странице.
Для страницы кафе получается четыре этапа:
- Меню списком. Название, описание и цена для шести блюд.
Проверка: страница открывается, все шесть блюд видны с ценами. - Разделы меню. Завтраки, горячее, напитки и переключение между ними.
Проверка: при выборе раздела показываются только его блюда. - Подсчёт заказа. Выбор блюд и сумма к оплате.
Проверка: выбрал три блюда — сумма совпала с их ценами. - Вид на телефоне.
Проверка: на узком экране текст и кнопки не наезжают друг на друга.
Фотографии, оплату и админку в список не включаем. Их можно добавить отдельными этапами, когда основа работает.
Создайте первый этап
Первый этап описывается так же, как любая задача из третьего урока: что создать, что должно работать, что учесть, как проверить готовность.
Про остальные этапы агенту сейчас сообщать не нужно. Он выполнит только то, что вы попросили, и вам будет что проверить.
Проверьте результат
Откройте страницу и убедитесь, что все шесть блюд на месте и у каждого есть название, описание и цена.
Если чего-то не хватает, исправьте точечным запросом, как в прошлом уроке, и только потом переходите ко второму этапу. Переход к следующему этапу поверх непроверенного — обычная причина того, что проект «внезапно перестал работать».
После первого этапа у вас уже есть страница, которую видно в браузере: не половина сайта, а рабочая, пусть и небольшая, версия.
Разбейте новую задачу на этапы
Меню кафе уже готово. Теперь владелец просит добавить фотографии блюд, адрес и часы работы, а также форму бронирования. Не просите RUFP сделать всё сразу.
Разделите новые функции на отдельные этапы. Для каждого этапа запишите:
- что должно появиться на странице;
- как проверить результат;
- можно ли выполнить его независимо от остальных этапов.
Затем выберите один этап и составьте для него запрос.
Не пишите «подготовь основу» или «настрой структуру» — такой результат невозможно проверить. Пишите конкретно: «Добавь фотографии ко всем шести блюдам. Готово, когда у каждого блюда отображается фотография, а меню продолжает работать».
Итог
Большая идея превращается в проект через список этапов, каждый из которых даёт проверяемый результат. Первый этап отправляют в работу сразу, остальные держат в запасе.
Первый этап страницы кафе у вас уже готов. Дальше разберём, как продолжать работу над ним, не описывая проект заново в каждом запросе.