Сквозь время

Карта курса

Семнадцать частей, от того, как устроен интернет, до агентного веба. Урок открывается, когда пройдено всё, на что он опирается.

  • Пройден
  • Открыт
  • Ждёт других уроков

0 Старт

Как здесь учиться, и о чём будет ваш сайт.

  1. Как устроен этот учебник 12 минут
  2. Машина времени: восемь эпох одного сайта сначала: как устроен курс: урок, схема, практика, тест, карточки
  3. Рабочее место: редактор, предпросмотр и проверки сначала: машина времени: один сайт в восьми эпохах
  4. Бриф: ваш проект в семи полях сначала: рабочее место: редактор, предпросмотр, проверки
  5. Ваши данные остаются у вас: хранение, экспорт, личный ключ сначала: бриф проекта

1 Как устроен интернет

От ARPANET до веба; пакеты, DNS, HTTP и то, как браузер рисует страницу.

  1. От ARPANET до Всемирной паутины сначала: эпохи веба и их инструменты
  2. Браузерные войны, доткомы, веб 2.0, платформы и Рунет сначала: от ARPANET до Всемирной паутины
  3. Пакеты, IP и TCP: как данные доходят сначала: интернет и веб: не одно и то же
  4. URL, домены и регистраторы сначала: IP-адреса, TCP и порты
  5. DNS: от резолвера до корня и обратно сначала: доменные имена, зоны и регистраторы
  6. HTTP: запросы, ответы, коды и заголовки сначала: путь DNS-запроса: резолвер, корень, TLD, авторитетный сервер
  7. HTTPS и TLS: шифрование и доверие сначала: HTTP: запрос и ответ
  8. Как браузер рисует страницу сначала: коды состояния и заголовки HTTP, HTTPS и TLS

2 HTML

Документ, теги, смысл разметки, ссылки, формы и доступность.

  1. Первая страница: теги, заголовок, ссылка сначала: рабочее место: редактор, предпросмотр, проверки, как браузер рисует страницу: разбор, DOM, CSSOM, раскладка, отрисовка
  2. Страница 1996 года: таблицы, font и счётчик сначала: структура HTML-документа, теги, элементы и атрибуты
  3. Смысловая разметка и заголовки сначала: вёрстка таблицами, font и spacer GIF: что это было и почему ушло, заголовок
  4. Ссылки, изображения и медиа сначала: смысловые элементы: header, nav, main, article, section, footer, устройство URL
  5. Таблицы: для данных, не для раскладки сначала: вёрстка таблицами, font и spacer GIF: что это было и почему ушло, смысловые элементы: header, nav, main, article, section, footer
  6. Формы: как человек что-то отправляет сначала: ссылки: относительные, абсолютные, якоря, HTTP: запрос и ответ, HTTPS и TLS
  7. Head, мета-теги и Open Graph сначала: структура HTML-документа, коды состояния и заголовки HTTP
  8. Доступность: сайт для всех сначала: формы и поля, изображения, alt, srcset и picture, заголовки и структура документа
  9. Языки сайта: lang, hreflang и перевод сначала: Head и мета-теги, основы доступности: текстовые альтернативы, метки, порядок фокуса

3 CSS

Каскад, блоки, типографика, цвет, flexbox, grid и адаптивность.

  1. Селекторы и каскад: оформление в отдельном файле сначала: смысловые элементы: header, nav, main, article, section, footer, теги, элементы и атрибуты
  2. Блочная модель, единицы и float-раскладка сначала: каскад, наследование и порядок правил
  3. Типографика и цвет сначала: единицы измерения: px, rem, em, %, vw, каскад, наследование и порядок правил
  4. Flexbox: выстраиваем в ряд и в столбец сначала: блочная модель, Float-раскладка и «святой Грааль»
  5. Grid: двумерная сетка сначала: Flexbox
  6. Адаптивность: медиазапросы и контейнерные запросы сначала: Grid, Head и мета-теги
  7. Современный CSS: переменные, вложенность, :has() и слои сначала: специфичность, цвет: hex, rgb, hsl, oklch, контейнерные запросы
  8. Анимация и движение с уважением к людям сначала: пользовательские свойства (переменные), основы доступности: текстовые альтернативы, метки, порядок фокуса

4 Дизайн и дизайн-системы

История веб-дизайна, иерархия, цвет, токены и то, как читать дизайн-систему.

  1. Тридцать лет веб-дизайна: от серого фона до стекла сначала: от ARPANET до Всемирной паутины, доткомы, веб 2.0, мобильные устройства и платформы, отдельный файл стилей: разделение содержимого и оформления, Float-раскладка и «святой Грааль»
  2. Что старит сайт: устаревшее и современное сначала: история веб-дизайна: от серого фона до стекла, контраст текста: отношение и пороги WCAG, Head и мета-теги
  3. Иерархия, сетка и пустое место сначала: что старит сайт: устаревшее и современное, Grid, типографика: шрифты, интерлиньяж, мера строки, пользовательские свойства (переменные)
  4. Типографская шкала: размеры по лестнице, а не наугад сначала: визуальная иерархия, типографика: шрифты, интерлиньяж, мера строки, единицы измерения: px, rem, em, %, vw
  5. Цветовая система и контраст: палитра, которую можно прочитать сначала: визуальная иерархия, цвет: hex, rgb, hsl, oklch, контраст текста: отношение и пороги WCAG, пользовательские свойства (переменные)
  6. Что такое дизайн-система и из чего она состоит сначала: визуальная иерархия, цветовая система, типографская шкала
  7. Как читать чужую дизайн-систему: Material, Apple, Fluent сначала: дизайн-система: из чего она состоит, контраст в цветовой системе: роли, состояния, текст на картинке
  8. Системы государства и больших компаний: GOV.UK, Carbon, Atlassian сначала: как читать чужую дизайн-систему: Material, Apple HIG, Fluent, формы и поля, основы доступности: текстовые альтернативы, метки, порядок фокуса
  9. Продуктовые и «безголовые» системы: Polaris, Primer, Radix, shadcn/ui, Tailwind сначала: как читать чужую дизайн-систему: Material, Apple HIG, Fluent, пользовательские свойства (переменные)
  10. Российские открытые системы и русский язык в интерфейсе сначала: продуктовые и «безголовые» системы: Polaris, Primer, Radix, shadcn/ui, Tailwind, язык страницы, hreflang и многоязычные адреса
  11. Дизайн-токены: имена вместо чисел сначала: продуктовые и «безголовые» системы: Polaris, Primer, Radix, shadcn/ui, Tailwind, цветовая система, типографская шкала, пользовательские свойства (переменные)
  12. Атомарный дизайн: атомы, молекулы, компоненты и их состояния сначала: дизайн-токены, смысловые элементы: header, nav, main, article, section, footer
  13. Документация и управление системой: страница компонента, версии, вклад сначала: атомарный дизайн, компонент и его состояния
  14. От макета к коду: Figma, передача и работа с ИИ сначала: дизайн-токены, компонент и его состояния
  15. Приметы шаблонной страницы и своя маленькая дизайн-система сначала: передача макета разработчику, управление системой: версии, вклад, устаревание, что старит сайт: устаревшее и современное, дизайн-система: из чего она состоит

5 JavaScript

Значения, функции, DOM, события, fetch и компоненты.

  1. Значения, функции, массивы и объекты сначала: структура HTML-документа, как браузер рисует страницу: разбор, DOM, CSSOM, раскладка, отрисовка
  2. DOM: страница как дерево, которое можно менять сначала: массивы и объекты, смысловые элементы: header, nav, main, article, section, footer
  3. События: реакция на клики, ввод и клавиши сначала: DOM: дерево страницы из JavaScript, формы и поля
  4. Асинхронность, fetch и JSON сначала: события и их всплытие, HTTP: запрос и ответ
  5. Модули, npm и сборка сначала: fetch и запросы к серверу, устройство URL
  6. Зачем нужны фреймворки сначала: DOM: дерево страницы из JavaScript, события и их всплытие, модули ES
  7. Компонент на Svelte сначала: реактивность, модули ES
  8. Прогрессивное улучшение сначала: fetch и запросы к серверу, события и их всплытие, формы и поля

6 Сервер и языки

Что такое веб-сервер, почему языки живут там, где живут, и что такое API.

  1. Что такое веб-сервер: Apache, nginx и Caddy сначала: HTTP: запрос и ответ, устройство URL, путь DNS-запроса: резолвер, корень, TLD, авторитетный сервер
  2. Статика и динамика сначала: веб-сервер, структура HTML-документа
  3. От CGI к PHP и серверам приложений сначала: статика и динамика, HTTP: запрос и ответ
  4. Почему у каждого языка своя ниша сначала: CGI, сервер приложений
  5. API и REST: как программы разговаривают друг с другом сначала: HTTP: запрос и ответ, fetch и запросы к серверу, JSON
  6. GraphQL и вебхуки сначала: REST
  7. Аутентификация простыми словами сначала: REST, HTTPS и TLS
  8. Собираем стек под проект сначала: ниши языков серверной разработки, REST, аутентификация, вебхуки

7 Данные

Базы данных, SQL на настоящем Postgres в браузере, поиск и приватность.

  1. Что такое база данных и зачем она сайту сначала: статика и динамика, JSON
  2. SQL: читаем и пишем данные сначала: реляционная модель: таблицы, ключи, связи
  3. Связи между таблицами: JOIN и нормализация сначала: SQL: выборка
  4. Индексы и транзакции сначала: соединения таблиц, SQL: вставка, изменение, удаление
  5. Документные, ключ-значение и графовые базы: когда и когда не стоит сначала: реляционная модель: таблицы, ключи, связи, индексы
  6. Поиск: полнотекстовый и векторный сначала: индексы, как выбрать базу данных
  7. Приватность по замыслу: что хранить и где сначала: транзакции и ACID, SQL: вставка, изменение, удаление, аутентификация

8 CMS, генераторы и Jamstack

WordPress, Tilda и Битрикс, генераторы сайтов, headless CMS.

  1. Что такое CMS и зачем она нужна сначала: статика и динамика, реляционная модель: таблицы, ключи, связи, бриф проекта
  2. WordPress: тема, плагины и эпоха 2010 года сначала: что такое CMS, модель контента: типы, поля, связи, смысловые элементы: header, nav, main, article, section, footer, блочная модель
  3. Что ломается у WordPress и сколько он на самом деле стоит сначала: WordPress: тема, плагины, записи и страницы
  4. Tilda и 1С-Битрикс: российский рынок сайтов сначала: что такое CMS, модель контента: типы, поля, связи, формы и поля
  5. Генераторы статических сайтов и Markdown сначала: что такое CMS, смысловые элементы: header, nav, main, article, section, footer, адаптивная вёрстка и mobile first, HTTP: запрос и ответ
  6. Headless CMS: когда контент отделён от сайта сначала: модель контента: типы, поля, связи, генератор статических сайтов: шаблоны, сборка, вывод в HTML, REST, fetch и запросы к серверу
  7. Jamstack: сборка, CDN и вебхук сначала: Headless CMS: контент как API, генератор статических сайтов: шаблоны, сборка, вывод в HTML
  8. Как выбрать: дерево решений для вашего проекта сначала: обновления, безопасность и цена владения WordPress, конструктор Tilda: блоки, Zero Block, ограничения, 1С-Битрикс: сайт, магазин и интеграция с 1С, Jekyll, Hugo, Eleventy, Astro, SvelteKit: чем отличаются, Jamstack: предсборка, CDN, API

9 Инфраструктура

Хостинг, домены, сертификаты, CDN, контейнеры и CI/CD.

  1. Где живёт сайт: от виртуального хостинга до облака сначала: HTTP: запрос и ответ, веб-сервер, статика и динамика, как выбрать CMS или генератор под проект
  2. Домен и DNS на практике: зона своего сайта и переезд без простоя сначала: путь DNS-запроса: резолвер, корень, TLD, авторитетный сервер, DNS-записи и TTL, доменные имена, зоны и регистраторы, виды хостинга: статический, shared, VPS, выделенный, облако
  3. HTTPS на практике: сертификат, продление и типичные поломки сначала: HTTPS и TLS, сертификаты и доверие, домен и DNS на практике: A, AAAA, CNAME, MX, TXT, TTL
  4. CDN, serverless и edge: сайт ближе к посетителю сначала: коды состояния и заголовки HTTP, HTTP: запрос и ответ, виды хостинга: статический, shared, VPS, выделенный, облако, REST
  5. Контейнеры и Docker: одна и та же коробка везде сначала: веб-сервер, виды хостинга: статический, shared, VPS, выделенный, облако, генератор статических сайтов: шаблоны, сборка, вывод в HTML
  6. Kubernetes простыми словами и когда он не нужен сначала: контейнеры и Docker: образ, контейнер, том, как выбрать хостинг под проект и бюджет
  7. CI/CD: выкладка по коммиту сначала: Dockerfile и Compose, виды хостинга: статический, shared, VPS, выделенный, облако, сборка по вебхуку: правка в CMS → новый сайт, npm и сборка в общих чертах
  8. Выкладываем свой сайт: GitHub Pages, Vercel или российский хостинг сначала: CI/CD: проверка и выкладка по коммиту, домен и DNS на практике: A, AAAA, CNAME, MX, TXT, TTL, сертификаты TLS и Let’s Encrypt на практике, как выбрать хостинг под проект и бюджет
  9. Копии, мониторинг и российские требования к данным сначала: виды хостинга: статический, shared, VPS, выделенный, облако, CI/CD: проверка и выкладка по коммиту, выкладываем свой сайт: GitHub Pages, Vercel, российский хостинг, локализация персональных данных

10 Тексты для веба

Как читают с экрана, инфостиль, заголовки и микротексты.

  1. Как люди читают с экрана сначала: бриф проекта, смысловые элементы: header, nav, main, article, section, footer, визуальная иерархия
  2. Информационный стиль: «Пиши, сокращай» сначала: чтение с экрана: F-образный паттерн и сканирование
  3. Перевёрнутая пирамида и заголовки сначала: информационный стиль: факты вместо оценок, Open Graph и превью ссылок
  4. Микротексты и UX-writing сначала: информационный стиль: факты вместо оценок, формы и поля
  5. Тон голоса и гайд по стилю сначала: микротексты и UX-writing: кнопки, ошибки, подсказки
  6. Юридические и экспертные тексты сначала: тон голоса и гайд по стилю, приватность по замыслу
  7. Редактура: биография до и после сначала: заголовки: что обещают и что даёт, экспертные тексты: проверяемость и скромность

11 Копирайтинг и маркетинговые фреймворки

AIDA, PAS, JTBD, StoryBrand, воронки и лестница ценности.

  1. Уровни осведомлённости и принципы Огилви сначала: заголовки: что обещают и что даёт, бриф проекта
  2. AIDA, AIDCA, ACCA, PAS, PASO и SLAP сначала: пять уровней осведомлённости (Шварц), микротексты и UX-writing: кнопки, ошибки, подсказки
  3. BAB, 4U, 4P, FAB и QUEST сначала: AIDA
  4. JTBD и Value Proposition Canvas сначала: BAB (Before–After–Bridge)
  5. StoryBrand и Hook–Story–Offer сначала: JTBD и job stories
  6. Убеждение и его границы сначала: StoryBrand (SB7), экспертные тексты: проверяемость и скромность
  7. STP, 4P/7P и карта пути клиента сначала: Value Proposition Canvas
  8. Воронка, See–Think–Do–Care и RACE сначала: карта пути клиента
  9. AARRR, маховик, North Star, ICE и RICE сначала: воронка: TOFU, MOFU, BOFU
  10. Лестница ценности и офферы сначала: воронка: TOFU, MOFU, BOFU, тёмные паттерны и граница манипуляции, юридические тексты: политика и согласие простыми словами

12 Сторителлинг

Почему истории работают, и десяток способов рассказать свою.

  1. Почему истории работают сначала: поля брифа: кто, для кого, действие, разделы, содержимое, языки, тон
  2. Три акта, пирамида Фрейтага и зигзаг Дуарте сначала: нарративный транспорт: почему истории работают
  3. Путь героя: кто герой на вашем сайте сначала: три акта
  4. Круг Хармона и критика пути героя сначала: путь героя (Кэмпбелл, Воглер)
  5. Короткие формы: ABT, хребет Pixar, кисётэнкэцу сначала: три акта
  6. StoryBrand как скелет страницы сначала: путь героя (Кэмпбелл, Воглер), StoryBrand (SB7)
  7. История на посадочной странице сначала: StoryBrand как скелет страницы, три акта
  8. История проекта и история основателя сначала: сюжет посадочной страницы
  9. Кейс: STAR и «до и после» сначала: ABT: And–But–Therefore, история бренда
  10. Рассказ на данных: заголовок-вывод и один акцент сначала: три акта
  11. Визуальный сторителлинг и прокрутка сначала: рассказ на данных, три акта
  12. Эксперт, который не хвастается: рассказ и правила рекламы сначала: история бренда, кейс: STAR и «до и после»
  13. Какая версия работает лучше: проверка на читателях сначала: рассказ эксперта без хвастовства и этика рекламы, ABT: And–But–Therefore

13 Маркетинг и рост

Автоматизация, почта, соцсети, SEO и GEO, правовые рамки.

  1. Автоматизация: триггеры, сегменты, каскады сначала: воронка: TOFU, MOFU, BOFU, лид-магнит и tripwire
  2. E-mail: доставляемость, согласие, отписка сначала: автоматизация: триггеры, сегменты, каскады, DNS-записи и TTL, формы и поля, микротексты и UX-writing: кнопки, ошибки, подсказки
  3. Лестница ценности на деле: страница, «спасибо», учёт сначала: рассылки и закон: согласие и отписка, основное предложение, OTO, upsell и downsell, тёмные паттерны и граница манипуляции
  4. Соцсети в России: Telegram, ВКонтакте, видео и метки UTM сначала: ABT: And–But–Therefore, тон голоса и гайд по стилю, автоматизация: триггеры, сегменты, каскады
  5. SEO: сканирование, индексация, ранжирование сначала: коды состояния и заголовки HTTP, Head и мета-теги, смысловые элементы: header, nav, main, article, section, footer, заголовки: что обещают и что даёт
  6. Техническое SEO и разметка JSON-LD сначала: SEO: сканирование, индексация, ранжирование, язык страницы, hreflang и многоязычные адреса
  7. GEO: как попасть в ответы ИИ сначала: SEO: сканирование, индексация, ранжирование, смысловые элементы: header, nav, main, article, section, footer, перевёрнутая пирамида
  8. Локальное SEO: карточка организации и LocalBusiness сначала: техническое SEO: robots.txt, sitemap, канонические адреса, структурированные данные: schema.org и JSON-LD, 4P копирайтера: Picture–Promise–Prove–Push
  9. Платный трафик, маркировка рекламы и ОРД сначала: SMM в России: VK, Telegram, YouTube после 2022 года, SEO: сканирование, индексация, ранжирование, 4U для заголовков, метки UTM: откуда пришёл человек

14 Метрики и поведение

Отказы, конверсии, когорты, A/B-тесты и их ловушки.

  1. Что двигает клики и удержание сначала: чтение с экрана: F-образный паттерн и сканирование, визуальная иерархия, поведенческая модель Фогга
  2. Яндекс Метрика и GA4: счётчик, события, цели сначала: события и их всплытие, Head и мета-теги, коды состояния и заголовки HTTP
  3. Отказы, время, прокрутка и CTR сначала: установка счётчика Яндекс Метрики, визиты, просмотры, события и цели
  4. Конверсия, воронки, когорты и удержание сначала: отказы: определения в Метрике и GA4, воронка: TOFU, MOFU, BOFU, AARRR (пиратские метрики)
  5. Метрики, которые обманывают: тщеславные цифры и закон Гудхарта сначала: конверсия и микроконверсии, North Star Metric
  6. A/B-тесты и их ловушки сначала: внимание и поведение: что двигает клики и удержание, конверсия и микроконверсии, тщеславные метрики и закон Гудхарта
  7. Тепловые карты, записи сессий и согласие на cookie сначала: установка счётчика Яндекс Метрики, юридические тексты: политика и согласие простыми словами, приватность по замыслу
  8. HEART, North Star и панель показателей сначала: конверсия и микроконверсии, когорты и удержание, North Star Metric, тщеславные метрики и закон Гудхарта

15 Качество и право

Скорость, доступность, безопасность, 152-ФЗ, реклама и чек-лист запуска.

  1. Скорость: Core Web Vitals и бюджет сначала: как браузер рисует страницу: разбор, DOM, CSSOM, раскладка, отрисовка, изображения, alt, srcset и picture, адаптивная вёрстка и mobile first, события и их всплытие, CDN: кэш у границы сети, веб-шрифты
  2. Доступность вглубь: WCAG 2.2 и проход по странице сначала: основы доступности: текстовые альтернативы, метки, порядок фокуса, ARIA и первое правило ARIA, контраст текста: отношение и пороги WCAG, контраст в цветовой системе: роли, состояния, текст на картинке, уважение к prefers-reduced-motion
  3. Клавиатура и диктор: имя, роль, состояние сначала: WCAG 2.2: принципы, уровни и новые критерии, формы и поля, события и их всплытие
  4. Тесты сайта: что такое сквозной тест сначала: формы и поля, события и их всплытие, коды состояния и заголовки HTTP, CI/CD: проверка и выкладка по коммиту, клавиатура и чтение с экрана: имя, роль, состояние
  5. Безопасность сайта: OWASP, HTTPS, обновления и пароли сначала: аутентификация, сессии и cookie, HTTPS и TLS, сертификаты TLS и Let’s Encrypt на практике, SQL: выборка, CI/CD: проверка и выкладка по коммиту
  6. Безопасность формы: проверка на сервере и спам сначала: OWASP: основы безопасности сайта, проверка полей в браузере и согласие на обработку данных, Serverless и edge-функции
  7. 152-ФЗ: персональные данные, оператор, согласие сначала: формы и поля, приватность по замыслу, локализация персональных данных, безопасность форм и спам, юридические тексты: политика и согласие простыми словами
  8. Политика обработки и согласие на сайте сначала: 152-ФЗ: персональные данные, согласие, оператор, юридические тексты: политика и согласие простыми словами, проверка полей в браузере и согласие на обработку данных, язык страницы, hreflang и многоязычные адреса
  9. Cookie, трекеры и честный баннер сначала: 152-ФЗ: персональные данные, согласие, оператор, установка счётчика Яндекс Метрики, этика аналитики: согласие, маскирование, сроки хранения, сессии и cookie, коды состояния и заголовки HTTP
  10. Авторское право: фото, шрифты, тексты и лицензии сначала: изображения, alt, srcset и picture, экспертные тексты: проверяемость и скромность, веб-шрифты
  11. Закон о рекламе и правила профессии сначала: рассказ эксперта без хвастовства и этика рекламы, маркировка рекламы и ОРД, экспертные тексты: проверяемость и скромность
  12. Защита прав потребителей: продажа и оферта онлайн сначала: закон о рекламе и этика адвокатов и экспертов, политика обработки и согласие на сайте, формы и поля, юридические тексты: политика и согласие простыми словами
  13. Доступность и закон, и правила других стран сначала: WCAG 2.2: принципы, уровни и новые критерии, клавиатура и чтение с экрана: имя, роль, состояние, 152-ФЗ: персональные данные, согласие, оператор, Cookie и трекеры, язык страницы, hreflang и многоязычные адреса
  14. Предзапусковый чек-лист сначала: Core Web Vitals: LCP, INP, CLS, WCAG 2.2: принципы, уровни и новые критерии, тесты сайта: что такое сквозной (e2e) тест, заголовки безопасности и HTTPS, безопасность форм и спам, 152-ФЗ: персональные данные, согласие, оператор, политика обработки и согласие на сайте, Cookie и трекеры, авторское право: изображения, шрифты, тексты и лицензии, закон о рекламе и этика адвокатов и экспертов, защита прав потребителей: продажа и оферта онлайн, доступность и закон: ГОСТ Р 52872-2019, техническое SEO: robots.txt, sitemap, канонические адреса, резервные копии: 3-2-1 и проверка восстановления

16 ИИ и будущее веба

ИИ-конструкторы, вайб-кодинг, агентный веб и Искин.

  1. ИИ-конструкторы сайтов: bolt, Lovable, v0, Tilda AI и вопросы к любому из них сначала: как выбрать CMS или генератор под проект, конструктор Tilda: блоки, Zero Block, ограничения, компонент на Svelte, выкладываем свой сайт: GitHub Pages, Vercel, российский хостинг, приметы страницы
  2. Вайб-кодинг: что он даёт и чего стоит сначала: ИИ-конструкторы сайтов: bolt, Lovable, v0, Tilda AI, OWASP: основы безопасности сайта, безопасность форм и спам
  3. Промпты как брифы: как ставить задачу ИИ сначала: ИИ-конструкторы сайтов: bolt, Lovable, v0, Tilda AI, бриф проекта, Value Proposition Canvas
  4. Проверка результата ИИ: ошибки, которые выглядят правдоподобно сначала: вайб-кодинг: что даёт и чего стоит, промпт как бриф, приметы страницы, предзапусковый чек-лист
  5. Итоговая работа: мини-конструктор «бриф, структура, тексты, код» сначала: промпт как бриф, проверка результата ИИ, fetch и запросы к серверу, JSON, REST, аутентификация
  6. Агентная сеть: MCP, A2A и агенты как посетители сначала: конвейер «бриф → структура → тексты → код», описание API (OpenAPI), вебхуки, GEO: попасть в ответы ИИ, OWASP: основы безопасности сайта
  7. Итоговая работа с Искином: интервью, сайт и критическая проверка сначала: проверка результата ИИ, агентная сеть, конвейер «бриф → структура → тексты → код», проверка доступности: автоматика и руками, Core Web Vitals: LCP, INP, CLS
  8. Интернет интеллекта, запуск и куда идти дальше сначала: Искин: бриф и интервью → сайт и сервис, агентная сеть, предзапусковый чек-лист, панель показателей проекта