Ранний доступ • Hypermedia

Hypermedia & htmx

Переосмыслите работу веба без громоздких SPA. Никакого React. Сервер — главный дирижёр.

Что вы начнёте применять

Hypermedia mindset

Учитесь думать в терминах связей и переходов: состояния, действия и affordances описываются прямо на сервере.

htmx как инструмент

Освойте hx-атрибуты, swap-стратегии, partial rendering и веб-сокет расширения для живых интерфейсов.

Серверный UX

Формируйте интерфейсы через контракты API, состояния ошибок и сообщения, которые делает сервер.

Комбинация с существующим стеком

Встраивайте hypermedia-модули в проекты с Go, Django или Rails и уживайте их с React-кодом там, где он уже нужен.

Как устроен ранний доступ

Wave 0 • Framework

Скелет курса, гайлы по архитектуре hypermedia и первые практики: формирование командной терминологии, теория HATEOAS, decomposition UI.

Wave 1 • Практикум

Сценарии с htmx и серверными partials: динамические формы, подтягивание данных, координация состояния через response headers.

Wave 2 • Продакшен

Прототипы full-stack: авторизация, real-time взаимодействия, интеграция с существующими SPA-модулями и DevOps-пайплайн.

Что получают участники раннего доступа

  • Доступ к еженедельным обновлениям сценариев и материалам по мере релиза модулей.
  • Закрытые созвоны с авторами курса и создателями симулятора для обратной связи.
  • Возможность влиять на roadmap: голосовать за сценарии, темы и интеграции.
  • Специальная цена на полный курс после релиза и доступ к будущим обновлениям.

Что посмотреть в демо

Используйте кнопку «Попробовать демо» в начале страницы, чтобы пройти первый сценарий и увидеть, как hypermedia-подход работает живьём.

В демо вы увидите, как сервер управляет интерфейсом через гиперссылки и состояния, а также попробуете ключевые hx-атрибуты.

После прохождения можно вернуться к конспекту и повторить шаги — весь сценарий доступен без регистрации.

Как выглядит демо-сценарий

После клика по кнопке «Запустить демо» в начале страницы ты попадёшь в полноценный рабочий день с задачами, чатами и терминалом прямо в браузере.

Давид — Senior Backend разработчик объясняет, как воспроизвести баг

Давид, Senior Backend

Отлично, давай теперь воспроизведём этот баг и проверим, что логи говорят о проблеме.

$ curl -s "api/cart/price?subtotal=100"
🚀 Запустить демо

Откроется в новой вкладке без регистрации и покажет полный сценарий.

Евгений Петрович — автор симулятора foobar, Senior бэкенд-инженер в Авито
7+ лет опыта

Об авторе

Привет, я Женя — Senior бэкенд‑инженер в Авито. Ранее фуллстэк в Playrix и Skillbox, выпускник Школы 21 и Школы Менеджеров Яндекса.

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

Остались вопросы?

Запишись на 15-минутный звонок с автором симулятора