18+
Оглавление - Вайб-кодер от нуля до мастера в эпоху AI
- Часть 1. Новый старт: твой гараж теперь с AI-турбонаддувом
- Глава 1. Добро пожаловать в гараж кодеров 2.0
- — Кто мы теперь: кодеры или менеджеры AI? Разбираем новую философию
- — Мой первый фейл с Copilot: как я чуть не запушил в прод код, который сам не понимал
- — Вайб> Автогенерация: почему твой мозг — всё ещё главный инструмент
- Глава 2. Сетап для вайб-кодера: VS Code + Copilot vs. Cursor
- — Путь 1: Классика с апгрейдом. Ставим VS Code, накатываем GitHub Copilot
- — Путь 2: Всё включено. Разбираем Cursor — IDE, где AI уже под капотом
- — Путь 3: Облачный вайб. Replit — кодим в браузере с AI-ассистентом
- Глава 3. «Hello, AI!»: Пишем первый код, не касаясь клавиатуры (почти)
- — Просим Copilot/Cursor сгенерить «Hello, World!» на JS
- — Анализируем, что он выдал: почему именно console. log, а не alert
- — Дебажим первую ошибку, сгенерированную AI. Учимся задавать правильные промпты
- Часть 2. Основы под присмотром: учимся, а не просто копипастим
- Глава 4. Логика и данные: когда AI твой штурман, а не пилот
- — Переменные, типы, условия. Просим AI написать функцию и проверяем её на косяки (например, == вместо ===)
- — Рофлим над тем, как Copilot предлагает три разных способа написать цикл for, и все — неоптимальные
- — Практика: Рефакторим код, сгенерированный AI, до состояния «можно показывать сеньору»
- Глава 5. Функции и структуры данных: организуем хаос, который создал AI
- — Просим AI написать обработку массива объектов
- — Разбираем, почему он предложил мутировать массив, и как это фиксить с помощью. map () или. reduce ()
- — Учимся писать промпты для AI, чтобы он сразу генерил чистый и предсказуемый код
- Глава 6. Асинхронность: Promise, который AI может и не сдержать
- — Генерим fetch-запрос к API с помощью Cursor
- — Ловим баги: что делать, если AI забыл про. catch () или try/catch в async/await
- — Разбор «ада коллбэков», который может случайно сгенерить AI, если его не контролировать
- Часть 3. AI-инструментарий: разбор по болтам
- Глава 7. GitHub Copilot: твой второй мозг или второй источник багов?
- — Copilot Chat: Как задавать вопросы прямо в IDE и получать куски кода
- — Автодополнение: Тюним его, чтобы он предлагал код в твоём стиле
- — Кейс: Пишем простой To-Do лист на React, максимально используя Copilot. Смотрим, где он ускорил, а где — подставил
- Глава 8. Cursor: IDE, которая думает, что она — Senior Developer
- — Ctrl+K магия: Как генерить и редактировать код блоками
- — «Chat with your codebase»: Задаём вопросы по всему проекту. «Где у меня тут баг с авторизацией?»
- — Кейс: Рефакторим старый говнокод-проект с помощью Cursor. Оцениваем, насколько стало чище
- Глава 9. Replit: твой облачный гараж с AI-механиком
- — «Ghostwriter»: Встроенный AI в Replit. Сравниваем с Copilot
- — Bounties: Как можно зарабатывать, выполняя таски с помощью AI
- — Кейс: Быстро прототипируем бэкенд на Node. js + Express прямо в браузере, деплоим в один клик
- Часть 4. Проектная работа: строим ракету с AI-экипажем
- Глава 10. Фронтенд: React-компоненты, которые AI почти не сломал
- — Генерим структуру проекта и компоненты с помощью Cursor
- — Стилизуем с Tailwind CSS, прося AI накидать классы. Разбираем, где он косячит с адаптивностью
- — Дебажим стейт-менеджмент: почему AI любит пихать всё в один useState
- Глава 11. Бэкенд: Node. js API, которое держится на честном слове и AI
- — Пилим REST API, где роуты, контроллеры и модели генерит AI
- — Фокус на безопасности: Проверяем, не нагенерил ли AI дыр типа SQL-инъекций
- — Подключаем базу данных (например, PostgreSQL), доверяя AI написать схему. Ищем его косяки
- Глава 12. Деплой и CI/CD: доверяй, но проверяй
- — Пишем конфиг для GitHub Actions с помощью Copilot Chat
- — Настраиваем автоматический деплой на Vercel/Netlify
- — Разбираем кейс, когда AI сгенерил кривой скрипт для сборки, и прод лёг в пятницу вечером
- Часть 5. Вайб на всю жизнь: как остаться кодером, а не придатком к AI
- Глава 13. Мышление вайб-кодера: рефакторинг, архитектура и другие скиллы, которые AI пока не освоил
- — Почему умение читать чужой (и AI) код теперь важнее, чем умение быстро печатать
- — Как принимать архитектурные решения, когда AI предлагает 10 вариантов
- — Твой рост: от оператора AI до инженера, который управляет системой
- Глава 14. Чей это код, братан? Этика, копирайт и серые зоны AI
- — Вступление: Представь, ты сгенерил гениальный кусок кода, а потом прилетает иск от компании, на чьём коде обучался AI. Разбираем, как не сесть в лужу
- — Копирайт: кто владелец вечеринки? Твой код, код Microsoft или код того парня с GitHub, чей репозиторий скормили нейронке? Разбираем текущий юридический бардак
- — Лицензионный ад: Что делать, если Copilot подсунул тебе кусок кода под лицензией GPL в твой коммерческий проект?
- — Этика: не будь оператором копипасты. Где грань между использованием инструмента и обманом?
- Глава 15. Keep coding, keep vibing
- — Баланс между ручным кодингом и использованием AI-тулзов
- — Как оставаться в тренде и не пропустить следующий большой сдвиг
- — Финальный вайб: кодинг — это творчество, а AI — просто наш самый умный, но иногда косячный инструмент в гараже