Новые возможности веб-приложений: 100 уроков

Эта подборка продолжает курсы по платформам и инструментам. В ней 100 уроков восьми новых серий. Каждый курс развивает отдельный проект: от модели данных или первого интерфейса до обработки ошибок, ограничений и завершённого учебного сценария. Можно выбрать один курс по своей задаче или собрать маршрут из нескольких серий.

Все материалы опубликованы. Учебные приложения и зависимости при написании не запускались; результаты в уроках описываются как ожидаемые. В оглавлениях есть архивы собственных исходников и требования к самостоятельной работе.

Восемь курсов

Курс	Уроков	Результат серии
AI-помощник по документам ProfessorWeb	16	Собственный корпус Markdown, поиск подходящих фрагментов, ответы с проверяемыми цитатами, отказ при нехватке данных и необязательный адаптер локальной модели.
Единый вход: OAuth, OIDC и passkeys	14	Локальная система входа «Пропуск»: два клиента, сессии, роли, выход и настройки беспарольного входа.
Go и htmx: приложение «Инвентарь»	14	Учёт предметов: HTTP, HTML-шаблоны, SQLite, формы, частичные обновления, конфликты изменений и права.
GraphQL: учебное API «Академия»	12	Курсы, авторы и записи учащихся: схема, запросы, изменения, частичные ошибки, пагинация и ограничения вычисления.
Веб-инфраструктура в Terraform: «Контур»	12	Описание локальных Docker-ресурсов: план изменений, переменные, модули, состояние, перенос адресов, импорт и дрейф.
Библиотека компонентов и Storybook: «Набор»	12	Токены, кнопка, поле, диалог, уведомления, темы, истории состояний и договор использования библиотеки.
Three.js: конфигуратор лампы «Форма»	10	Собственная модель, камера, выбор деталей, материалы, конфигурация, ссылка и управляемая загрузка 3D.
Solidity и веб: реестр сертификатов	10	Локальная EVM, выдача и отзыв, чтение из браузера, кошелёк, транзакции, история и проверка файла.

Какие направления пройти сначала

Начните с задачи, которую хотите решить. Для новой базы знаний полезен AI-помощник, но его качество начинается с подходящих документов и прав доступа. Для внутренних приложений подойдут Go и единый вход. Для большого интерфейса — библиотека компонентов и API. Terraform лучше изучать после знакомства с процессами, контейнерами и выпуском приложения. Three.js и Solidity относятся к отдельным прикладным сценариям.

Первые три направления дают 44 урока: AI, вход и Go. Следующие три — ещё 36 уроков: GraphQL, Terraform и Storybook. Конфигуратор и реестр добавляют 20 уроков специализированной практики. Это редакционный приоритет, а не обязательное требование прочитать все серии в одном порядке.

Маршрут: сервис по собственной базе знаний

1. Поиск по сайту — документы, индекс и ранжирование.
2. AI-помощник по документам — контекст, ссылки, отказ и ограничение расходов.
3. Единый вход — аккаунты, роли и сессии.
4. Диагностика приложения — границы запросов и работа с наблюдаемыми событиями.

Учебные проекты разных серий не являются готовыми взаимозаменяемыми модулями. В маршруте связываем знания. При объединении приложений потребуется отдельно согласовать идентификаторы пользователей, хранение данных и договор API.

Маршрут: внутреннее приложение компании

1. Go и htmx — предметная модель и формы инвентаря.
2. Единый вход — отдельная лаборатория централизованной идентификации.
3. Файловый архив — загрузки, доступ и обработка ресурсов.
4. Terraform — воспроизводимое описание локальной инфраструктуры.

Маршрут: образовательная платформа

1. Storybook и библиотека компонентов — общие состояния интерфейса.
2. Vue или React — устройство клиентского приложения.
3. GraphQL — схема учебных данных и договор клиента с API.
4. Единый вход — доступ к приложениям и управление сессиями.
5. Реестр сертификатов — необязательная локальная лаборатория хешей, выдачи и отзыва.

Маршрут: интерактивная карточка товара

1. Библиотека компонентов — понятные элементы формы.
2. Three.js — объёмное представление параметров товара.
3. Быстродействие сайта — измерение загрузки и ресурсов.
4. Веб-аналитика — наблюдение за пользовательским выбором и завершением сценария.

Все направления доступны в общем оглавлении курсов и тематическом каталоге. Прежние адреса уроков сохраняются; новая подборка добавляет самостоятельные серии рядом с существующими.

Следующая подборка — 100 уроков актуального веба: AI-агенты, MCP, SEO, интерфейс, Astro, RAG, зависимости и видеоаналитика.