Записи прошедших событий

Frontend Mix’25

2025-03-25 11:00 JS
Frontend Mix — ежегодная встреча для фронтендеров и всех, кто с ними работает. Спикеры из ЮMoney и Сбера рассказали, как работают над задачами и улучшают процессы в команде.

О чём были доклады

  1. Рефакторинг за 10 секунд
    Александр Мирошниченко, разработчик интерфейсов ЮMoney
  2. Анимация до кончиков пальцев
    Михаил Прядун, старший разработчик интерфейсов, Сбер
  3. Уязвимости фронтенда в финтехе
    Шамсудин Мусаев, разработчик интерфейсов ЮMoney
  4. Подходы и практики тестирования во фронтенде
    Даниил Игоревич, разработчик интерфейсов ЮMoney

Рефакторинг за 10 секунд — Александр Мирошниченко, разработчик интерфейсов ЮMoney

Как с помощью консольной утилиты производить автоматизированный рефакторинг крупных приложений за считанные секунды.
00:00 — О спикере
00:45 — О докладе
00:59 — Что такое для нас рефакторинг?
02:34 — Почему ручной рефакторинг — дорого?
03:36 — Комоды
05:48 — Какие решения есть на рынке?
10:10 — Как устроены наши комоды?
12:13 — Как всё устроено под капотом
13:41 — Диаграмма патчей
14:35 — Пример патча per file
16:53 — Пример патча codebase
19:19 — Как их объединить?
20:32 — Пример
22:15 — Есть ли минусы?
22:46 — Выводы

Анимация до кончиков пальцев — Михаил Прядун, старший фронтенд-разработчик, Сбер

Виды и способы создания анимации: как всё устроено, как браузер переставляет пиксели и как использовать это с умом.
00:00 — О спикере
00:56 — Для чего нужна анимация?
02:17 — Виды анимаций
06:43 — Работа браузера
07:33 — Устройство браузера — Event Loop
08:01 — Устройство браузера — Reflow
14:16 — Устройство браузера — Paint
21:17 — Устройство браузера — JS animation
23:10 — Выводы

Уязвимости фронтенда в финтехе — Шамсудин Мусаев, разработчик интерфейсов ЮMoney

Топ-3 атаки: как построить защиту по всем фронтам — от планирования до релиза.
00:00 — О спикере
01:00 — Зачем атакуют фронт
02:11 — Три главные угрозы
03:14 — Cross-Site Scripting (XSS)
07:16 — Cross-Site Request Forgery (CSRF)
10:48 — Supply Chain
15:30 — Нужны практические инструменты?
16:50 — А что насчёт комплексного подхода?
17:10 — Итоги

Подходы и практики тестирования во фронтенде — Даниил Игоревич, разработчик интерфейсов ЮMoney

Зачем нужно тестирование во фронтенде, какие стандарты и подходы существуют в индустрии, и как мы применяем их в своей работе.
00:00 — О спикере
01:00 — Небольшой опрос
01:33 — Что такое тестирование фронтенда
03:22 — Подходы к тестированию фронтенда
07:02 — Как мы пишет тесты
08:05 — Наши правила
12:21 — RTL
18:34 — Test Coverage
23:27 — Итоги