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