Нейросети: от первого вопроса до вайбкодинга

Если знакомство с нейронками пока сводится к «спросил что-то в чате», давай попробуем пойти чуть дальше. Сделаем что-нибудь полезное или просто приятное: понятный текст, свою картинку, смешной мем. А потом, если захочется, перейдём к коду и агентам.

Начать с первого урока

Для кого и что понадобится

Для тех, кто только начинает, и для разработчиков, которые пока используют ИИ как чат с подсказками. Программировать для первой части не нужно: хватит доступного чата в браузере или на телефоне. Для второй и третьей частей понадобится компьютер. Нужные термины разберём по ходу.

Три части — три результата

1. Знакомимся с нейросетями. Разберёмся, как модель пишет ответ и почему может выдумать факт. Выберем одно задание: картинку, портрет, мем или текст. Получим первую версию, попросим правку и сравним результат.
2. Вайбкодинг — скользкая дорожка =) Соберём страницу о себе в одном HTML-файле, откроем её в браузере и добавим переключатель темы. По дороге поговорим о том, как пользоваться ИИ и продолжать учиться самому.
3. Помощник внутри проекта. Откроем папку в агентском приложении, проверим доступ к файлам и инструментам. Разберём правила, скиллы, документацию и короткую память между чатами.

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

Примеры, которые можно рассмотреть

Внутри — мои фотографии и рисованные образы, работы чат-бота Малены, мемы, скриншоты игры MALENASTROM и сайта-портфолио. Для практики подготовлены изображения до и после правки и две рабочие версии одностраничника. Покажу и места, где нейросеть изменила лишнее: на них проще объяснить, зачем проверять результат.

Чего ждать от курса

Ты научишься ставить небольшую задачу, давать модели нужные материалы, замечать ошибки и объяснять правки. На этом уже можно строить собственные эксперименты. Установка всех перечисленных сервисов и покупка подписки не нужны — начни с одного доступного инструмента.

Возможности сервисов меняются. Рядом с техническими пояснениями есть ссылки на официальные инструкции, а у сведений о доступе — даты проверки.

Авторские HTML-примеры можно использовать и переделывать, в том числе для коммерческих проектов, по лицензии 0BSD. Это разрешение относится к учебному коду; фотографии, рисунки и игры целиком под него не подпадают.