Актуальный веб: 100 новых уроков
Эта подборка продолжает новые возможности веб-приложений. В ней 100 уроков восьми серий, выбранных после исследования актуальных направлений веб-разработки и продвижения. У каждого курса есть последовательный пример, оглавление и архив самостоятельных состояний проекта.
Все материалы опубликованы. Приложения, зависимости, модели и измерения при написании не запускались; результаты описаны как ожидаемые. Тесты и деплой учебных приложений не выполнялись. Демонстрационные таблицы SEO и видео не являются статистикой ProfessorWeb.
Восемь курсов
Какие маршруты выбрать
Обновление контентного сайта: Astro → нативный интерфейс → безопасные зависимости. Сохраняем постоянные адреса, улучшаем доступность и отделяем среду сборки от опубликованных файлов.
Помощник по собственным знаниям: AI workflow → MCP → RAG и pgvector. Сначала описываем задания и полномочия, затем инструменты, источники и границы ответа.
Продвижение учебной библиотеки: SEO в эпоху AI-поиска → видео, социальный поиск и аналитика. Связываем вопросы аудитории со страницами и отдельными каналами, различаем показ, упоминание, переход и результат.
Маршруты связывают знания; учебные приложения разных курсов не являются автоматически совместимыми модулями. Требования к среде и ограничения указаны в каждом оглавлении.
Все 100 уроков
AI-агенты в работе веб-разработчика
- Контракт задачи для AI-агента
- AI-агент для разработки: карта проекта и границы изменения
- AI-агент для разработки: контекст проекта без лишних файлов
- AI-агент для разработки: сохранение URL как условие изменения
- AI-агент для разработки: одна задача и один небольшой результат
- AI-агент для разработки: ревью изменения, предложенного агентом
- AI-агент для разработки: диагностика ошибки с достаточными данными
- AI-агент для разработки: чужой текст в контексте агента
- AI-агент для разработки: разрешения на действия и человеческое решение
- AI-агент для разработки: параллельная работа без конфликтов файлов
- AI-агент для разработки: учёт расходов и граница повторной попытки
- AI-агент для разработки: продолжение работы после смены контекста
- AI-агент для разработки: отчёт об изменении и основания выводов
- AI-агент для разработки: полный маршрут изменения Markdown-библиотеки
MCP: инструменты Markdown-библиотеки
- Данные и обязанности MCP-сервера
- MCP: JSON-RPC и обнаружение сервера
- MCP: описание инструментов и проверка аргументов
- MCP: поиск по разрешённым Markdown-документам
- MCP: чтение документа по идентификатору
- MCP: ошибки протокола и ошибки инструмента
- MCP: ресурсы и устойчивые URI
- MCP: роль сервера и доступ до поиска
- MCP: черновик только после серверного подтверждения
- MCP: повтор запроса и идемпотентная запись
- MCP: клиент, который проверяет ответ сервера
- Передача MCP-инструментов в сопровождение
SEO в эпоху AI-поиска
- Контракт измерения видимости в AI-поиске
- SEO для AI-поиска: сопоставимые запросы и журнал наблюдений
- SEO для AI-поиска: карта страниц, тем и постоянных URL
- Индексирование и допуск страницы в AI-поиск
- SEO для AI-поиска: проверяемые примеры на учебной странице
- SEO для AI-поиска: связи уроков и покрытие задачи читателя
- SEO для AI-поиска: свежесть материала и журнал изменений
- SEO для AI-поиска: контракты выгрузок Google и Яндекса
- Показы в генеративном поиске Google
- Share of Voice в ответах Алисы AI
- Рефералы AI-сервисов и границы аналитики
- SEO для AI-поиска: редакционный эксперимент без обещания роста
- Реестр требований и мифов об AI SEO
- SEO для AI-поиска: редакционный процесс наблюдения и обновления
Современные нативные интерфейсы: учебный каталог
- Прогрессивное улучшение веб-интерфейса: каталог уроков
- HTML dialog: карточка урока в нативном диалоге
- Popover API: всплывающая справка в веб-интерфейсе
- CSS anchor positioning: привязка справки к кнопке
- CSS anchor positioning: запасные позиции у края экрана
- Плавная смена фильтра с View Transitions
- View Transitions: переходы между страницами каталога
- Scroll-driven animations в CSS: полоса чтения
- CSS view timeline: появление карточек при прокрутке
- Доступная анимация сайта: настройки движения пользователя
- CSS style queries: плотность карточек
- Типизированный CSS attr(): визуальная шкала
- CSS: контрастный текст и запасной цвет
- Нативный веб-интерфейс: передача интерфейса с матрицей возможностей
Контентный сайт на Astro: библиотека «Полка»
- Статическая библиотека на Astro
- Astro: Markdown и контракт коллекции
- Astro: страница статьи из записи коллекции
- Astro: общий layout, хедер и футер
- Astro: каталог и тематические разделы
- Astro: пагинация без пропуска материалов
- Astro: прежние адреса и карта соответствий
- Astro: иллюстрации и статические ресурсы
- Astro: локальная интерактивность и острова
- Astro: статический поисковый индекс
- Astro: порядок уроков и оглавление статьи
- Astro: карта сайта и управление индексированием
- Astro: черновики и редакционный маршрут
- Astro: статический выпуск и передача сборки
RAG и pgvector: поиск по учебной библиотеке
- Границы RAG и корпус учебной библиотеки
- RAG и pgvector: фрагменты Markdown и устойчивые ссылки
- RAG и pgvector: эмбеддинги и договор пространства векторов
- Pgvector в PostgreSQL: документы и векторы
- RAG и pgvector: идемпотентный импорт и активация ревизии
- Косинусный поиск в pgvector: доступ к источникам
- RAG и pgvector: полнотекстовый поиск и объединение рангов
- HNSW в pgvector: индекс и фильтрация
- RAG и pgvector: контекст, цитаты и отказ от ответа
- RAG и pgvector: обновление, удаление и смена модели
- RAG и pgvector: вопросы для оценки поиска и ответа
- RAG и pgvector: локальный веб-интерфейс и передача проекта
Безопасные зависимости и сборки веб-проекта
- Безопасность npm-зависимостей: граф зависимостей и границы доверия
- Безопасность npm-зависимостей: Lockfile, версии и целостность архива
- Скрипты установки и разрешения npm v12
- Безопасность npm-зависимостей: разбор обновления до установки пакетов
- Безопасность npm-зависимостей: уязвимости и достижимость кода
- SBOM и состав выпуска
- Безопасность npm-зависимостей: изоляция установки и сборки в CI
- Trusted publishing и краткоживущие полномочия
- Безопасность npm-зависимостей: происхождение сборки и проверка пакета
- Безопасность npm-зависимостей: подозрительное обновление и восстановление
Поисковая аналитика видео и контента
- Аналитика видео: поиск, просмотры и переходы на сайт
- Аналитика видео и сайта: свойства платформ и доступ к данным
- Идентификаторы видео, статей и плейлистов
- Аналитика видео и сайта: нормализация выгрузок без потери смысла
- Группы поисковых запросов для видео
- Связь статьи и видео в учебном маршруте
- Сравнение коротких и полных видео
- Аналитика видео и сайта: аннотации изменений и повторные наблюдения
- Переходы из видео и границы атрибуции
- Выбор следующей темы по данным видео и сайта
Другие серии находятся в общем оглавлении и тематическом каталоге.