hw3

[emworks]

Задача

https://github.com/two-devs-teaching/hse-web-programming-2025/tree/main/hw/hw-3-web-api

Что сделано

Добавлена страница совместного просмотра по макету.

Когда пользователь нажимает в модалке кнопку "Смотреть вместе", он попадает на страницу совместного просмотра фильма. На странице доступны плеер и чат для обсуждения выбранного фильма. Реакции будут реализованы отдельно.

Используются следующие браузерные API:

• Broadcast Channel API – для демонстрации работы чата без реализации сервера. Чат привязан к конкретному фильму. Т.к. Broadcast API чат работает в пределах одного браузера, для возможности переписки пользователи должны открыть для просмотра один и тот же фильм в соседних вкладках браузера. Впоследствии Broadcast API может быть заменён на полноценный серверный транспорт, например, WebSocket.
• Web Storage API (localStorage) – история сообщений сохраняется в браузере текущего пользователя. Сообщения подгружаются в чат после перезагрузки страницы. В перспективе хранилище может быть использовано совместно с Service Worker API для реализации оффлайн-работы приложения (кеширование сообщений, гарантированная доставка при потере подключения и т.д.).

Демо

https://emworks.github.io/flickmate/feature/hw3/

Чеклист

• Задание: интегрировать в свой веб-проект как минимум одно браузерное API.

Критерии выполненного задания:

• Есть ссылка на код проекта с интегрированным браузерным API
• Выбранное API используется осмысленно и улучшает пользовательский опыт
• Код структурирован и разделён на логические модули
• Обработаны основные сценарии использования API
• Добавлена обработка ошибок для случаев, когда API недоступно
• Проект корректно работает в современных браузерах

Дополнительно (не было в задании):

• Вёрстка новой страницы адаптирована под десктоп, планшет и мобильные устройства.

[lyaplyap]

Ревью дз по browser api

Общие комментарии

• Прекрасная работа)

Соответствие критериям

• Есть ссылка на код проекта с интегрированным браузерным API [ok]
• Выбранное API используется осмысленно и улучшает пользовательский опыт [ok]
• Код структурирован и разделён на логические модули [ok]
• Обработаны основные сценарии использования API [ok]
• Добавлена обработка ошибок для случаев, когда API недоступно [ok]
• Проект корректно работает в современных браузерах [ok]

Итого: 10

[vsovgir]

Работа выполнена хорошо, все требования соблюдены.

• Читаемость и понятность кода.
• Отсутствие ошибок.
• Модульность и переиспользуемость кода.
• Соответствие стандартам форматирования и кодирования.
• Соответствие требованиям задания:
• • Есть ссылка на код проекта с интегрированным браузерным API.
• • Выбранное API используется осмысленно и улучшает пользовательский опыт. BroadcastChannel используется для реализации чата для совместного просмотра, localStorage хранит историю сообщений чата в рамках одного пользователя
• • Код структурирован и разделён на логические модули. Работа с API вынесена в отдельные модули в папке adapters
• • Обработаны основные сценарии использования API. Отправка/получение сообщений + хранение истории + привязка к конкретному фильму
• • Добавлена обработка ошибок для случаев, когда API недоступно. Есть try/catch и console.error