Финальный проект и портфолио
Урок 26 из 26 курса «Вайбкодинг: курс с нуля». Бесплатно, с анимациями и тестом.
Весь путь на одной карте
Это финал курса, и на схеме весь маршрут из десяти остановок. Первая половина. Идея: что делаешь и для кого. ТЗ: план на одну страницу. ИИ-инструмент: конструктор, редактор или агент. GitHub: код в облаке со всей историей. Хостинг: сайт выходит в интернет, а у каждой ветки своя превью-ссылка. Домен: твоё имя вместо технического адреса. Остальные остановки на следующем слайде.
Вторая половина маршрута
База данных и вход: только если сайт должен помнить данные пользователей. Портфолио из одной страницы обойдётся без них. Безопасность: ключи на сервере, правила доступа к базе, лимиты запросов. Запуск: чек-лист, аналитика, ссылка там, где твои люди. Отзывы: слушаешь людей и улучшаешь. Флажок в конце значит живой проект, а не идеальный. Главное правило: не запускай, пока не прошёл проверку безопасности.
Каким будет твой первый проект
Выбери маленький проект, который нужен тебе или друзьям. Лендинг: одна страница о тебе, твоей группе или стриме. Telegram-бот: напоминает о дедлайнах по учёбе. Калькулятор: делит счёт в кафе на всю компанию. Мини-игра: квиз по любимому сериалу. Трекер привычек: серия дней без пропусков. Портфолио: витрина твоих работ. Короче: один законченный проект лучше трёх брошенных.
README: витрина проекта
Портфолио: подборка твоих работ, которую видят другие. На GitHub его сердце: README, главная страница репозитория. Напиши в нём, какую проблему решает проект, дай живую ссылку на сайт, добавь пару скриншотов, перечисли, на чём сделано и как запустить. Закрепи лучшие репозитории в профиле, чтобы их видели первыми. И проверь, что в публичном коде нет ключей.
Как рассказать о проекте
В заявке на стажировку, учёбу или подработку показывай не только ссылку, но и историю. Какую проблему ты увидел. Что решал ты как продюсер, а что делал ИИ. Где ИИ ошибся и как ты это заметил. Чему научился. Честно говори, что работал с ИИ: умение ставить задачи и проверять результат ценно само по себе. Полезные репозитории для старта ниже, под уроком.
Проверь себя
- Что обязательно стоит положить в README проекта для портфолио?
Правильный ответ: Какую проблему решает, живую ссылку и скриншоты. README читают люди, которые не полезут в код. Им нужны суть, ссылка и картинки. Ключи в публичном репозитории утекут. - Когда на маршруте нужны база данных и вход в аккаунт?
Правильный ответ: Когда сайт должен помнить данные пользователей. Статичный сайт, например портфолио, публикуется без базы. База и вход нужны, когда надо хранить чьи-то данные. - Как лучше говорить о работе с ИИ в портфолио?
Правильный ответ: Честно: что решал ты, что делал ИИ, где ловил ошибки. Честный рассказ показывает твою реальную работу: продюсерские решения и проверку. Это ценят больше, чем вид, что ты всё написал сам.