Смотреть урок

В этом уроке я показываю, как с нуля создать профессиональный, минималистичный веб-сайт на чистых HTML, CSS и JavaScript, используя исключительно нейросеть Gemini Pro от Google. Через подход вайб-кодинга мы шаг за шагом собираем макет в среде разработки Google Antigravity: от поиска референсов и генерации первой hero-секции до формирования сложной структуры, добавления анимаций и внедрения сгенерированного в Veo 3 видео. Материал будет полезен всем, кто хочет научиться создавать стильные и адаптивные сайты без глубокого изучения сложных фреймворков и найма сторонних специалистов.

Оглавление с таймкодами

0:00–5:01 Демонстрация готового проекта, обзор инструментов и поиск референса для hero-секции.

5:01–8:01 Создание базы проекта, настройка рабочих промптов (workflows) и первая генерация кода.

8:01–11:00 Задание жесткой структуры сайта и адаптация текстов под русскоязычный магазин здорового питания.

11:00–14:00 Добавление…