Frontend Mix — ежегодная встреча для фронтендеров и всех, кто с ними работает. Спикеры из Ю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: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 — Выводы
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 — Итоги
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 — Итоги
01:00 — Небольшой опрос
01:33 — Что такое тестирование фронтенда
03:22 — Подходы к тестированию фронтенда
07:02 — Как мы пишет тесты
08:05 — Наши правила
12:21 — RTL
18:34 — Test Coverage
23:27 — Итоги