Собираем сайт-портфолио

Первая часть курса закончилась. Наш бот работает 24/7 на сервере, сам перезапускается при падении и обновляется от каждого пуша в GitHub. Вы освоили Cursor и Claude Code, научились работать через Plan mode, сохранять проект в Git и писать понятные промпты. Этого набора хватит, чтобы собрать почти любой небольшой продукт.

Во второй части пойдут темы посерьезнее. Будем продумывать архитектуру проекта, учиться описывать поведение словами еще до написания кода, страховаться автоматическими тестами. В общем, снимать с себя рутину везде, где это возможно. Чтобы не замыкаться на одном боте, возьмем второй пример — сайт-портфолио. Принципы вайбкодинга те же. Просто на другом продукте будет виднее, какие из них работают везде одинаково. Бот никуда не денется: все, что разберем дальше, применимо и к нему.

Что соберем за эту часть

Сайт-портфолио с шапкой с именем, блоком «обо мне», разделом «проекты» с карточками и формой обратной связи. На нем разберем архитектуру, спецификацию, тесты, логирование, скиллы, суб-агентов и MCP. К концу второй части у вас будет работающий сайт и понимание, как вайб-кодить любой продукт.

Новый проект — новая папка