18+
Оглавление - Как создать сайт, используя одни нейросети
- РАЗДЕЛ 1. ФИЛОСОФИЯ НУЛЕВОГО КОДА
- ГЛАВА 1. Почему «написать сайт» и «создать сайт» — разные вещи (и нейросеть сделает второе)
- ГЛАВА 2. Главный страх новичка: «Я ничего не понимаю в программировании» — и как ИИ его убивает
- ГЛАВА 3. Что умеют современные нейросети для веба
- ГЛАВА 4. Ограничения: чего ИИ НЕ сделает за тебя
- ГЛАВА 5. Принцип «Промт как конституция»: чем точнее закон, тем лучше результат
- Глава 6. Роль контекста: почему важно рассказать ИИ о своей кошачьей ферме, а не просить «просто сайт»
- ГЛАВА 7. Итеративный подход: от убогого макета к шедевру за 20 промтов
- ГЛАВА 8. Разница между «сделай красиво» и конкретными инструкциями
- ГЛАВА 9. Минимальный словарь для общения с ИИ
- ГЛАВА 10. Как тестировать и «допрашивать» нейросеть, чтобы она сама находила свои баги
- РАЗДЕЛ 2. ПОДГОТОВКА: ОТ ИДЕИ ДО ТЕХНИЧЕСКОГО ЗАДАНИЯ ЗА 10 МИНУТ
- ГЛАВА 11. Чек-лист «Что я хочу от сайта»
- ГЛАВА 12. Как использовать нейросеть для написания ТЗ для другой нейросети
- ГЛАВА 13. Промт «Ты — технический аналитик. Разработай структуру сайта под мой бизнес»
- ГЛАВА 14. Собираем референсы: просим ИИ описать стиль 3 лучших сайтов в нише
- ГЛАВА 15. Прототипирование текстом: как объяснить расположение блоков без картинок
- ГЛАВА 16.Создаем цветовую схему и шрифты через диалог с ИИ
- ГЛАВА 17. Генерация названий, слоганов и текстов
- ГЛАВА 18. Иконки и простые изображения: нейросети Midjourney/DALL-E под ваш стиль
- ГЛАВА 19. Промт на создание логотипа текстом
- ГЛАВА 20. Сводим всё в единый «супер-промт» первой версии
- РАЗДЕЛ 3. HTML/CSS: ГЕНЕРАЦИЯ ИДЕАЛЬНОЙ СЕТКИ
- ГЛАВА 21. Первый промт: «Сделай одностраничный сайт-визитку кофейни»
- ГЛАВА 22. Анатомия удачного промта для вёрстки: роль, формат, ограничения, примеры
- ГЛАВА 23. Как заставить ИИ использовать современный CSS
- ГЛАВА 24.Мобильная версия одним промтом: «добавь @media для экранов <768px»
- ГЛАВА 25. Исправляем кривые отступы: просим ИИ объяснить, почему блоки съехали
- ГЛАВА 26. Кнопки, ховеры, анимации — на словах: «сделай плавное появление при наведении»
- ГЛАВА 27.Формы обратной связи без бэкенда
- ГЛАВА 28. Сложные элементы: карточки товаров, слайдеры, аккордеоны — просим готовый код
- ГЛАВА 29. Промт «найди и исправь все визуальные баги» — и ИИ становится QA-инженером
- ГЛАВА 30. Рефакторинг от ИИ: «сделай код чище и добавь комментарии для меня»
- РАЗДЕЛ 4. JavaScript И ИНТЕРАКТИВНОСТЬ БЕЗ ЗНАНИЯ JS
- ГЛАВА 31. Когда нужен JS? Просим ИИ определить интерактив для вашего сайта
- ГЛАВА 32. Простейший слайдер изображений: промт с примером и без правок
- ГЛАВА 33. Калькулятор цен или доставки — в 3 промта
- ГЛАВА 34. Модальное окно (попап) по кнопке: чистый код + стили
- ГЛАВА 35. Табы, аккордеоны, выпадающие меню — ИИ делает идеально с первого раза
- ГЛАВА 36. Валидация формы на фронте: проверка email, телефона и не только
- ГЛАВА 37. Тёмная/светлая тема одним кликом: промт с сохранением в localStorage
- ГЛАВА 38. Анимация при скролле (появление блоков) — магия для клиента
- ГЛАВА 39. Интеграция с простым API без бэкенда
- ГЛАВА 40. Как отлаживать JS-ошибки: скопировали ошибку в ИИ — получили исправление
- РАЗДЕЛ 5. БЭКЕНД И ДАННЫЕ БЕЗ СЕРВЕРА? ЛЕГКО
- ГЛАВА 41. Почему бэкенд не нужен для 90% проектов
- ГЛАВА 42. Настраиваем Google Таблицы как базу данных через промт
- ГЛАВА 43. Принимаем заявки в месенджер: ИИ пишет код отправки через бота
- ГЛАВА 44. Форма обратной связи с отправкой на email (без своего сервера — EmailJS)
- ГЛАВА 45. Простая админка: редактирование текстов через JSON-файл
- ГЛАВА 46. Комментарии и отзывы без регистрации (localStorage + имитация)
- ГЛАВА 47. Поиск по сайту на чистом JS
- ГЛАВА 48. Сортировка и фильтрация товаров/услуг
- ГЛАВА 49. Подключение бэкенда-конструктора (Supabase) — пошаговый промт
- ГЛАВА 50. Безопасность: просим ИИ объяснить, какие данные нельзя хранить на клиенте
- РАЗДЕЛ 6. СБОРКА, ХОСТИНГ И ДОМЕН ЗА 30 МИНУТ
- ГЛАВА 51. Что такое хостинг и домен (объяснение от ИИ уровня «для бабушки»)
- ГЛАВА 52. Выбираем бесплатный хостинг: Netlify, Vercel, GitHub Pages — промт-сравнение
- ГЛАВА 53. Инструкция от нейросети: как залить папку с файлами на Netlify
- ГЛАВА 54. Подключаем свой домен: ИИ пишет пошагово для каждой папки
- ГЛАВА 55. Автоматическая деплой через GitHub
- ГЛАВА 56. Настраиваем SSL-сертификат (бесплатно) — просто жмём кнопки из инструкции ИИ
- ГЛАВА 57. Форма обратной связи начинает работать только на хостинге — фиксим с ИИ
- ГЛАВА 58. Как проверить скорость сайта и получить рекомендации от ИИ
- ГЛАВА 59. Meta-теги, Open Graph (для соцсетей) — добавляем промтом
- ГЛАВА 60. Чек-лист перед публикацией: ИИ проверяет готовый проект
- РАЗДЕЛ 7. ПРОДВИНУТЫЕ ТЕХНИКИ ПРОМТ-ИНЖИНИРИНГА ДЛЯ САЙТОВ
- ГЛАВА 61. Цепочка промтов вместо одного гигантского
- ГЛАВА 62. Ролевой промт: «Ты — фронтенд-архитектор с 10-летним стажем»
- ГЛАВА 63. Формат «вопрос — ответ — уточнение — код» против «сделай сразу»
- ГЛАВА 64. Как заставить ИИ объяснять каждую строку кода
- ГЛАВА 65. Контроль галлюцинаций: просим ссылаться на документацию и проверять синтаксис
- ГЛАВА 66. Использование памяти чата: исправляем ошибку, ИИ запоминает стиль
- ГЛАВА 67. Промт «примени единый стиль ко всем кнопкам» — глобальные правки
- ГЛАВА 68. Как просить ИИ написать код, совместимый со старыми браузерами
- ГЛАВА 69. Создаём свой шаблон «идеального промта для лендинга» и сохраняем
- ГЛАВА 70. Этика использования ИИ для сайтов: что можно, а за что поругают заказчики
- РАЗДЕЛ 8. РЕАЛЬНЫЕ ПРОЕКТЫ ОТ А ДО Я
- ГЛАВА 71. Проект 1: Портфолио фотографа (галерея, лайтбокс, адаптив)
- ГЛАВА 72. Проект 2: Лендинг для запуска курса (таймер, форма, попап)
- ГЛАВА 73. Проект 3: Каталог товаров с фильтрами и корзиной
- ГЛАВА 74. Проект 4: Блог на HTML + JSON (без CMS, но с админкой от ИИ)
- ГЛАВА 75. Проект 5: Визитка ресторана (меню, бронь стола, карта, отзывы)
- ГЛАВА 76. Проект 6: Сайт-инструмент (конвертер валют, генератор паролей, ИИ-запросник)
- ГЛАВА 77. Проект 7: Корпоративный сайт с 5 страницами и формой обратной связи
- ГЛАВА 78. Как нейросеть пишет всё сама: от пустой папки до рабочего сайта за 40 промтов
- ГЛАВА 79. Разбор типичных ошибок новичков при создании сайтов через ИИ
- ГЛАВА 80. Заключение: через год вы сможете открыть веб-студию без единого программиста