Привет, Хабр! Меня зовут Данил. Я фронтенд-разработчик, и мне очень нравится смотреть в записи или посещать митапы и конференции, на которых профессионалы делятся своим опытом в формате докладов.
Я постоянно добавлял записи докладов, которые показались мне интересными в закладки, и их собралось достаточное количество, чтобы можно было поделиться этим списком с вами. Суммарная продолжительность докладов составляет более 48 часов, поэтому уверен - вам точно будет, что посмотреть.
Содержание:
Кейсы
Зоопарк иконок: упрощаем работу с иконками для дизайна и разработки — Игорь Федоров, ВКонтакте
Как команда UIKit Вконтакте сделала единый репозиторий иконок вместо 30000 png-файлов, разбросанных по всей соцсети.
Смотреть на YouTube
Смотреть в VК Видео
Берём под контроль i18n в большом проекте — Даниил Гапонов, Яндекс
Как в Яндекс Cloud наводили порядок с переводами, в результате которого удалось удалить около 10000 ненужных.
Смотреть на YouTube
Смотреть в VК Видео
Как сделать красиво и не переписать приложение — Дарья Корчуганова, Газпромбанк
Как команда Газпромбанка проводила редизайн приложения для бизнеса.
Смотреть на YouTube
Смотреть в VК Видео
Как мы улучшали метрики Web Vitals на примере платёжных форм — Сергей Давыдов, ЮMoney
Как искать места для оптимизации и какие действия предпринимать: практические примеры на странице оплаты ЮКасса.
Смотреть на YouTube
Смотреть в VК Видео
Веб или натив: путь Яндекс Еды — Константин Ларгин, Яндекс
Как команда Яндекс переработала приложение Delivery Club с использованием WebView, но в результате всё пришлось переписать на нативные технологии.
Смотреть на YouTube
Смотреть в VК Видео
Добавление темизации в проект — Анастасия Барташук, Яндекс
Как команда Яндекс Go столкнулась с тем, что темизация их приложения работает некорректно, и какие меры она предприняла, чтобы ее улучшить.
Смотреть на YouTube
Смотреть в VК Видео
Веб моей мечты. Как мы строили платформу для работы десятков команд — Олег Коровин, Samokat.tech
Как команда Samokat.tech (сейчас ecom.tech) создавала платформу и переносила не нее десятки своих проектов.
Смотреть на YouTube
Как мы внедряли Е2Е-тесты и почему у нас ничего не вышло — Руслан Байгунусов, Касперский
Как разработчики Лаборатории Касперского внедряли E2E-тесты.
Смотреть на YouTube
Экосистемная «шапка»: адаптируй это — Геннадий Ватитов, МТС
Как команда МТС делала единую шапку с авторизацией, личным кабинетом, сервисом уведомлений и многообразием сервисов для большого количества веб-приложений, написанных на разных фреймворках.
Смотреть на YouTube
Смотреть в VК Видео
Как мы переписали форму подачи объявления под Backend-Driven UI — Владимир Кулишин, Циан
Что такое BDUI и как команда Циан переводила на него форму создания объявления.
Смотреть на YouTube
Смотреть в VК Видео
Укрощение строптИИвого — Максим Алмаев и Дмитрий Размолодин, Яндекс
Как команда Авто.ру внедряла Yandex GPT для генерации описания автомобиля.
Смотреть на YouTube
Оптимизация веб‑приложений на примере Турбоаппа Такси — Сергей Алейников, Яндекс
Как команда Яндекс Go оптимизировала свое веб-приложение.
Смотреть на YouTube
Смотреть в VK Видео
Технологии
Антология полезностей в TypeScript — Андрей Тараненко, Т1
О практиках, которые позволят точнее работать с типами и повысить типобезопасность всего кода.
Смотреть на YouTube
Смотреть в VК Видео
Когда проснулся и узнал, что существуют PWA — Антон Непша, Сбер
Какие сложности могут ждать вас при разработке PWA.
Смотреть на YouTube
Смотреть в VK Видео
Как написать свой linter — Евгений Войтенко, Т-Банк
Пошаговая инструкция создания своего правила для ESLint.
Смотреть на YouTube
BDUI как спасение от релизов — Никита Мамизеров, Альфа-Банк
Как команда Альфа-Банка внедряла BDUI, с какими сложностями столкнулась и что в итоге получилось.
Смотреть на YouTube
Смотреть в VК Видео
BFCache: как моментально загрузить предыдущую страницу — Илья Сидорчик, Яндекс
Что такое Back Forward Cache и каким образом он помогает моментально загружать страницы вашего приложения.
Смотреть на YouTube
Смотреть в VК Видео
Цвета в CSS — София Валитова, Cube
О цветах в вашем приложении и о том, почему стоит относиться к ним стоит с такой же серьезностью, как и к остальному коду.
Смотреть на YouTube
Смотреть в VК Видео
От римских императоров до Temporal API: покоряем даты и время в JS — Сергей Соловьев, Т-Банк
О времени, проблемах работы с временем в JS и их решениях, включая новый Temporal API.
Смотреть на YouTube
Смотреть в VК Видео
Как жить с монорепой — Алексей Николаев, Sendsay.ru
О плюсах и минусах монорепозиториев, о том, как с ними жить и когда лучше обзавестись микросервисной архитектурой.
Смотреть на YouTube
Смотреть в VК Видео
Angular Platforms: как запускать приложение где угодно? — Олег Соловьев, Т-Банк
Что такое платформы в Angular, каков принцип их работы и как написать свою, чтобы запустить Angular-приложение, например, в консоли.
Смотреть на YouTube
Смотреть в VК Видео
Копаемся под капотом браузера: как работает event loop и compositing — Сергей Чикуенок, Одноклассники
О внутренней работе таких механизмов браузера, как Event loop и Compositing.
Смотреть на YouTube
OpenApi и как его можно применить — Павел Савков, Axenix
О технологии OpenApi: что такое контракт, как работает кодогенерация, кому и почему это полезно.
Смотреть на YouTube
Смотреть в VК Видео
Generics. Что? Где? Когда? — Тёма Сенюков, Яндекс
Для тех, кто всё еще не до конца понимает, что же такое эти ваши Generics в TypeScript.
Смотреть на YouTube
Смотреть в VК Видео
Создаем надежные тесты с Playwright: опыт и рекомендации — Никита Велько, OneTwoTrip
О хитростях настройки, типичных ловушках Playwright и о том, как добиться стабильности, высокой скорости и предсказуемости тестирования.
Смотреть на YouTube
Смотреть в VК Видео
Мои данные — это мои данные, или Local-first decentralized web — Павел Востриков, Касперский
О техниках и подходах к сохранению данных пользователя, которые позволяют улучшить UX.
Смотреть на YouTube
Смотреть в VК Видео
Идемпотентность: что, где и как? — Алексей Окружко, Kolesa Group
Что такое идемпотентность, как ее достигнуть и в чем ее важность.
Смотреть на YouTube
Нативные поповеры с Popover API — Егор Левченко, Дока
О Popover API, который позволяет работать с модальными окнами, лайтбоксами и тултипами без (или почти без) JS.
Смотреть на YouTube
Смотреть в VК Видео
Процессы
Как улучшить DX и перестать тратить силы на бессмысленную рутину — Ольга Болотова, Альфа-Банк
Что такое Developer Experience, и как он помогает бизнесу зарабатывать больше денег.
Смотреть на YouTube
Смотреть в VК Видео
CI/CD-pipeline — Владимир Дроздецкий, Magnit Tech
О подробностях работы CI/CD пайплайна в Magnit Tech.
Смотреть на YouTube
Смотреть в VК Видео
Код-ревью с уважением — Ангелина Купцова, КОРУС Консалтинг
О правильном использовании код-ревью, а также о его хороших и плохих практиках.
Смотреть на YouTube
Смотреть в VК Видео
Как не сгореть на инциденте? — Владимир Витковский, Ozon
Как организован инцидент-менеджмент в команде Ozon Tech и с какими проблемами можно столкнуться во время инцидента.
Смотреть на сайте E-CODE
Запрыгиваем на релизный поезд. Как мы ускоряли путь задач фронтенда на production — Юрий Голубев, ВКонтакте
О внедрении системы merge train в деплой frontend-проектов Mail.ru, ее плюсах и минусах.
Смотреть на YouTube
Смотреть в VК Видео
Реставрация без сноса — Азат Шаймухаметов, OneTwoTrip
Как внедрение рефакторинга в процесс разработки улучшает качество кода и ускоряет релиз новых функциональностей.
Смотреть на YouTube
Смотреть в VК Видео
Как accessibility делает код проще и доступнее — Максим Соломахин, Яндекс
Как доступность помогает создавать инклюзивные интерфейсы, а еще упрощает код, делает его чище и понятнее.
Смотреть на YouTube
Смотреть в VК Видео
Архитектурный гайдлайн как инструмент эффективной разработки — Максим Соснов, Т-Банк
О важности гайдлайнов в разработке, ведь одни и те же хорошие практики могут интерпретироваться каждым разработчиком по-разному.
Смотреть на YouTube
Смотреть в VК Видео
Ретро быстрого приготовления — Ольга Окулова, Т-Банк
Что такое ретроспективы и как их правильно проводить, чтобы добиться максимального результата.
Смотреть на YouTube
Смотреть в VК Видео
Как строится надежность Яндекс Такси — Александр Фишер, Яндекс
О процессах, инструментах и практиках, которые обеспечивают бесперебойную и надежную работу Яндекс Такси.
Смотреть на YouTube
Смотреть в VК Видео
Trunk Based Development как замена Git Flow — Владимир Агеев, Т-Банк
О переходе команды Т-Бизнес с Git Flow для сокращения релизного цикла.
Смотреть на YouTube
Смотреть в VК Видео
Отладка веб-приложений на мобильных браузерах для frontend-разработчика — Дмитрий Смотряев, МТС
О способах отладки веб-приложений на мобильных устройствах, их плюсах и минусах.
Смотреть на YouTube
Смотреть в VК Видео
Сборник рецептов старого веб-мастера — Никита Дубко, Яндекс
Полезные советы по автоматизации рабочих процессов.
Смотреть на YouTube
Смотреть в VК Видео
Хорошие практики
Рефакторинг как процесс, который работает сам по себе — Константин Логиновских, Cloud.ru
Как пять минут простого рефакторинга за стаканом утреннего кофе сделают вашу жизнь и жизнь вашего репозитория лучше.
Смотреть на YouTube
Смотреть в VK Видео
Как не замучить пользователя плохими контролами — Илья Бирман, Дизайн-бюро Артема Горбунова
Как делать нормальные кнопки, поля ввода, селекты, чекбоксы, слайдеры и прочие элементы пользовательского интерфейса.
Смотреть на YouTube
Смотреть в VК Видео
Сайт, готовый ко всему — Никита Дубко, Яндекс
Про необходимость задуматься о том, что ваше приложение могут открыть где угодно и иногда к этому стоит быть готовым.
Смотреть на YouTube
Смотреть в VК Видео
Remember Everything? — Олег Семичев, TradingView
Практические рекомендации по тому, как помнить всё и оставаться работоспособным.
Смотреть на YouTube
Интернационализация от I до N / Интернационализация — что ты такое? — Алексей Ершков, Яндекс
О разработке в международных реалиях, о понятиях интернационализации и локализации. Автор делится рекомендациями по созданию инфраструктуры существующего проекта, которая позволит не думать об особенностях языков и культур и сосредоточиться на продукте.
Смотреть на YouTube
Смотреть на YouTube
Смотреть в VК Видео
Frontend Fortified: как стать неприступным для атак — Зар Захаров, ВКонтакте
О базовых принципах безопасности ваших веб-приложений.
Смотреть на YouTube
Пишем код для людей — Владимир Захаров, ГК Иннотех
Почему программист должен писать код не для машин, а для людей
Смотреть на YouTube
Смотреть в VК Видео
Tests you don't need — Александр Комлев, Циан
Доклад основан на книге Владимира Хорикова «Принципы юнит-тестирования». В нем обсуждаются плохие подходы к тестированию и рекомендации, как их избежать.
Смотреть на YouTube
Развитие
Ты — это то, как ты пишешь. Как расти через качество кода — Юрий Митус, Сбер
Как расти и совершенствоваться через качество своего кода.
Смотреть на YouTube
Смотреть в VК Видео
Архитектура веб-приложений. Подготовка к сложному интервью — Игорь Антонов, Т-Банк
Советы и рекомендации по подготовке к архитектурной секции интервью. Автор рассказывает, как подготовиться к таким интервью, а также делится своим видением архитектуры веб-приложений.
Смотреть на YouTube
Смотреть в VК Видео
Как стать сеньором — Василий Романов, ВКонтакте
Какие качества и навыки необходимо развивать в себе, чтобы стать сеньором.
Смотреть на YouTube
Зачем нам нужны FrontOps — Максим Смирнов, Т-Банк
Кто такой FrontOps, как им стать и зачем он нужен бизнесу.
Смотреть на YouTube
Смотреть в VK Видео
Коммитить в опенсорс — это просто! — Никита Соболев
Как легко коммитить в опенсорс. Начните с инструмента, которым пользуетесь: дополните документацию, зарепортите баг или предложите фичу.
Смотреть на YouTube
Собственные инструменты
Мониторинг доступности (a11y) — Максим Кузнецов, ВКонтакте
Как ВКонтакте автоматизировали мониторинг доступности и создали инструмент, позволяющий в режиме реального времени собирать ошибки доступности.
Смотреть на YouTube
Смотреть в VК Видео
Как сделать автотесты полезными. Эволюция автотестов в Яндекс ID — Дмитрий Андриянов, Яндекс
Об опыте команды Яндекс ID в полной автоматизации регрессионного тестирования, которое помогает быть более смелым в принятии решений.
Смотреть на YouTube
Смотреть в VК Видео
Логируем МНОГО! — Артём Арутюнян
О продвинутом инструменте логирования, который выходит за пределы браузерных девтулов, и о его возможностях.
Смотреть на YouTube
Смотреть в VК Видео
Как мы упростили жизнь разработчикам за счет создания браузерного расширения — Михаил Волынов, ВКонтакте
О внутреннем расширении для DevTools, которое упрощает жизнь разработчикам ВКонтакте.
Смотреть на YouTube
Смотреть в VК Видео
Инструменты надежности Такси — Александр Фишер, Яндекс
О программных инструментах, которые обеспечивают бесперебойную работу Такси даже при повышенной нагрузке.
Смотреть на YouTube
Сломай меня полностью: Chaos Engineering — Максим Ивашковский и Андрей Матвеев, Яндекс
Как в Яндекс Go улучшают надежность приложения с помощью Chaos Engineering, убирая зависимость между микросервисами и позволяя приложению продолжать работу, даже когда некоторые из них перестают отвечать.
Смотреть на YouTube
Смотреть в VК Видео
Виртуальные заказы Такси — Максим Тремпольцев, Яндекс
Как команда Яндекс Такси научилась реалистично проверять готовность сервиса к повышенным нагрузкам.
Смотреть на YouTube
Смотреть в VК Видео
Git, ты слишком медленный! Знакомьтесь, Ast — новая VCS для больших репозиториев — Сергей Казьмин и Максим Гречаниченко, Касперский
О собственном VSC-решении команды лаборатории Касперского для больших репозиториев, которое было создано из-за медленной работы Git.
Смотреть на сайте E-CODE
Необычный фронтенд
Уникальный 3D-опыт на сайте-музее Самоката. Тонны графики, оптимизаций и WebGL — Павел Мажуга, Chipsa
История создания интерактивного 3D-музея в вебе, написанного с использованием React и Three.js (сайт-музей).
Смотреть на YouTube
Смотреть в VК Видео
Как переселить целый город — смена игрового движка в ЮVillage — Александр Непомнящих, ЮMoney
Опыт команды ЮMoney в переезде их собственной игры ЮVillage с самописного игрового JS-движка на полноценный сторонний (ЮVillage).
Смотреть на YouTube
Смотреть в VК Видео
Пользовательская мясорубка: как строить коллаборативные сервисы — Виктор Щеглов, Recraft
Что такое коллаборативные сервисы, какие проблемы возникают при их создании и поддержке и как с ними справляться.
Смотреть на YouTube
Смотреть в VК Видео
Плюс Сити: история создания игры — Саша Клюшкин, Яндекс
О создании продукта, который объединяет всю экосистему сервисов Яндекс внутри одной игры.
Смотреть на YouTube
Смотреть в VК Видео
Не фронтенд
Собственная ферма мобильных устройств для тестирования в Сбере — Владимир Коржев, Сбер
Доклад про собственную ферму устройств Сбера. История создания, советы по выбору устройств и работе с ними.
Смотреть на YouTube
Мобильная ферма? Тесты мобильных приложений без телефона и эмулятора — Александр Кабанец, Selectel
О ферме устройств компании Selectel: история создания и сложности, которые необходимо преодолеть, чтобы создать инструмент для удаленного управления.
Смотреть на YouTube
Смотреть в VК Видео
Вам чек нужен? — Аркадий Пасенко, ЮMoney
Об истории чеков и всём их жизненном цикле в современном мире.
Смотреть на YouTube
Смотреть в VК Видео
Автоматизация полиграфического дизайна — Сергей Турулин
О создании схемы движения общественного транспорта и навигации в торговых центрах и других объектах.
Смотреть на YouTube
Оффер, от которого невозможно отказаться — Максим Сазонов, Яндекс
Как готовиться к собеседованию, чтобы кандидат принял именно ваше предложение.
Смотреть на YouTube
Логистический продукт от Лавки — Фёдор Матанцев и Женя Харитонюк, Яндекс
Как устроена логистика Яндекс Лавки и что помогает команде доставлять продукты так быстро.
Смотреть на YouTube
Смотреть в VК Видео
Заключение
В завершение хотелось бы порекомендовать посещать конференции и митапы или просто смотреть доклады в записи, потому что это невероятно полезно и интересно.
Если вам понравилась подборка и вы хотели бы периодически получать подобные рекомендации свежих докладов, то можете заглянуть в мой телеграм-канал. Там я также делюсь полезными статьями, книгами, заметками и советами.
Если какая-то ссылка в статье недоступна, обязательно сообщите мне об этом.
А у вас есть примеры интересных докладов? Делитесь ими в комментариях!
*Статья написана в рамках ХабраЧелленджа 4.0, который прошел в ЛАНИТ весной 2025 года. О том, что такое ХабраЧеллендж, читайте здесь.