Глава 07

Открой то, что получилось

Сейчас впервые попробуем твою собственную штуку.

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


Дождись завершения поручения. По пути Codex может показывать команды, файлы и код. В последнем ответе ищи адрес предпросмотра или уже открытую вкладку Browser.

Найди страницу

Нажми адрес в ответе. Встроенный браузер можно открыть сочетанием ⌘Shift+B на Mac или Ctrl+Shift+B на Windows. Наша цель — увидеть поля и кнопки, которыми можно пользоваться. Официальная инструкция Browser.

Если видишь только файлы, отправь это сообщение в тот же чат. Заполнять в нём ничего не нужно.

Можно отправить AI
Помоги открыть именно работающую страницу. Запусти локальный предпросмотр моей папки public, открой его во встроенном Browser и напиши адрес. Если мне нужно что-то сделать самому, дай один ближайший шаг и объясни, что я увижу.

Адрес вроде http://localhost:… или http://127.0.0.1:… ведёт к странице на этом компьютере. Публичный адрес получим позже.

Сделай то, ради чего придумал сайт

  1. Возьми проверочный пример из заметки.
  2. Введи данные и нажми главную кнопку.
  3. Сравни ответ с тем, что ожидал.

Для калькулятора покупки: условные 1 000 € и 20 € за час должны дать 50 часов. Для выбора занятия: если в списке одно дело, выпасть может только оно.

Выбрана прогулка, но таймер ещё не запущен
Дело уже выбрано. Отсчёт начнётся отдельным действием. Открыть крупнее ↗

Если страница открылась, но главная кнопка не работает или проверочный пример даёт неправильный ответ, сначала опиши проблему. К улучшениям перейдём, когда основное действие заработает.

Запиши одно наблюдение

Не оценивай пока весь дизайн. В заметке достаточно двух строк: «Уже работает…» и «Первое, что хочу изменить…». Если всё устраивает, первой правкой может стать твоя подпись кнопки или название.

Если страница не открывается, загляни в главу 10. Не нужно начинать весь проект заново.

Теперь ты

Открой свой сайт, проверь один заранее известный результат и запиши наблюдение.

Готово, когда главное действие работает и твой проверочный пример даёт ожидаемый результат. Если пока нет — начни с главы помощи.

Теперь сохраним работающую версию и внесём одну твою правку.