Frontend Mix — ежегодная встреча для фронтендеров и всех, кто с ними работает. Спикеры из ЮMoney и Сбера рассказали, как работают над задачами и улучшают процессы в команде.
О чём были доклады
Как спят вкладки в браузере
Константин Дмитриенко, программист ЮMoney ⓘ
Как построить Spec-Driven платформу для генерации писем
Денис Афанасьев, старший программист ЮMoney ⓘ
Подключение модуля шумоподавления в рабочее место оператора
Марина Ефимова, фронтенд-разработчик Сбер Контакт Платформа ⓘ
Круглый стол AI во фронтенде: вызовы и реальность
Борис Рябов, руководитель отдела разработки интерфейсов ЮMoney, ⓘ
Алексей Симоненко, сооснователь HTML Academy ⓘ
и Александр Канунников ⓘ
Как спят вкладки в браузере — Константин Дмитриенко, программист, ЮMoney
На живом примере разберём, как браузер усыпляет вкладки, почему из-за этого ломается real-time и какие приёмы дебага и resync помогают находить и чинить их в продакшене. А через статью Константина на Хабре погрузиться в тему можно ещё до митапа.
00:00 — Вступление: о спикере, докладе, команде 04:25 — Как мы уведомляем оператора об изменениях 05:04 — Тормоза UI и «мёртвый интерфейс» 06:04 — Лишние вызовы ручек и гора нотификаций 07:24 — Решение — батчинг событий 08:06 — Что такое «сон» вкладки и зачем браузер это делает? 08:39 — Проблема «спящих» вкладок 09:14 — Какие могут быть последствия? 10:11 — Инструменты для обработки состояния «Сна» 11:44 — Page Lifecycle API: состояния и переходы 14:15 — Как работает «бюджетный» троттлинг 16:59 — Как обойти троттлинг? 17:28 — Что происходит с замороженной вкладкой? 18:00 — Как среагировать на заморозку? 18:41 — Как обойти заморозку? 19:20 — Отдельный кейс — системный сон 20:03 — Какие мы делаем выводы? 21:51 — BFCache 25:24 — Как ловить события навигации? 26:36 — Как обрабатывать и дебажить? 30:04 — Итоги
Как построить Spec-Driven платформу для генерации писем — Денис Афанасьев, старший программист, ЮMoney
Используя OpenAPI как единый источник правды, покажем, как описывать контракты электронных писем через спецификацию и автоматически генерировать консистентный HTML.
00:00 — Введение: о спикере и докладе 01:36 — Как может быть устроена отправка писем в системе 02:41 — Варианты генерации html-писем 04:11 — О фронтенд-приложении «Letters» 06:00 — Ключевые проблемы 11:04 — Эволюция системы 14:00 — Интерактив 14:54 — Спецификация 16:47 — Генерация NestJS-сервисов 18:57 — Публикация Swagger-спецификации 19:36 — Кодогенерация на основе OpenAPI 27:18 — Почему мы не используем AI для генерации писем? 28:27 — Итоги
Подключение модуля шумоподавления в рабочее место оператора — Марина Ефимова, фронтенд-разработчик, Сбер Контакт Платформа
Рассмотрим инструменты React, WebSockets, WebRTC, а также архитектуру и логику работы модуля шумоподавления. Порассуждаем о личном и профессиональном росте разработчика и что сподвигло меня заниматься этой задачей на рабочем проекте.
00:00 — Вступление: о спикере. 01:03 — Из чего состоит рабочее место 02:00 — О докладе 02:50 — Зачем использовать шумоподавление? 03:27 — Технологии проекта 03:58 — Как организована работа с WebRTC 05:15 — Что такое WebRTC? 05:52 — Что такое WebSockets? 06:38 — WebRTS — основа голосовых взаимодействий 07:08 — Создание локального стрима 07:47 — Создание удаленного стрима 09:06 — Работа с настройками шумоподавления в рабочем месте оператора 10:01 — Краткий разбор инструмента шумоподавления 11:58 — Компонент ContextProvider 13:40 — Бизнес компонент Settings 14:23 — Работа с потоками в компоненте Session 15:52 — Тестирование 18:22 — Сложности при реализации 19:48 — Практические выгоды внедрения 20:07 — Как выбор пал на эту задачу? 21:53 — Вывод
Круглый стол AI во фронтенде: вызовы и реальность — Борис Рябов, руководитель отдела разработки интерфейсов ЮMoney, Алексей Симоненко, сооснователь HTML Academy и Александр Канунников
Обсудим влияние нейросетей на фронтенд с трёх позиций: рынка, разработки и образования. Разберём реальные кейсы использования AI-инструментов и выясним, станет ли фронтендер будущего промт-инженером или сохранит верность фундаментальным знаниям.
00:00 — Вступление от ведущего 01:16 — За что фронтенд-разработчику платят в 2026, когда написание кода стало дешёвым? 18:16 — Разработчик в будущем — сотрудник, специализирующийся только на ИИ? 22:28 — Итоги первой части дискуссии 25:35 — Что делать тем, кто пошёл в IT не ради денег, а ради кода? 30:31 — ИИ — это новый веток того, что уже было? Будет ли бизнес понимать, что профессионалы с фундаментальными знаниями ещё нужны? 35:49 — ИИ помогает бизнесу отыграться на разработчиках? 36:22 — Разработчик превращается в ревьюера 44:02 — Выводы