🍔

#frontend

HolyJS

43 min

Server-driven UI в вебе. Не пиши, а описывай свой фронтeнд

Виталий Полещук, Стёпа Михайлюк

Фронтенд — это огромное количество форм, представляющих собой однотипный код, который нужно писать и поддерживать для разных платформ. Нашего брата, фронтендера, порой называют обидным словом «Формаш…

HolyJS

19 min

Улучшаем качество кода React-приложения с помощью Compound Components

Александр Дунай

Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и в нем появляется куча условий. Согласитесь, такие компоненты сложно читать, ревьюить и вообще понима…

YaTalks

52 min

30 лет — полёт нормальный!

Виталий Харисов, Ольга Алексашенко, Сергей Бережной, Сергей Чикуёнок

Вебу исполнилось 30 лет. С лёгким флёром ностальгии поговорим о его взрослении, развитии и самочувствии в 2021 году. Обсудим нашу профессию, сложности и задачи, сопровождение проектов, актуальные тем…

YaTalks

63 min

Когда документация — просто космос

Наталья Теплхина, Дэн Абрамов, Алена Батицкая

Вы написали библиотеку. Но чтобы ей начали пользоваться, к ней должна прилагаться хорошая и понятная документация. Как её писать? Что делать, если нужна многоязычность? Как создать понятную навигацию…

YaTalks

43 min

Аутентификация в вебе. История развития

Алексей Авдеев

YaTalks

62 min

Спецвыпуск «Веб-стандартов»

Вадим Макеев, Андрей Мелихов, Никита Дубко

Новости фронтенда за прошедшую неделю в специальном выпуске подкаста «Веб-стандарты» в видеоформате.

YaTalks

45 min

Как и зачем проводить тесты с незрячими людьми?

Валерия Курмак, Анатолий Попко

Поговорим о доступности цифрового контента и сервисов, вместе попробуем ответить на важные вопросы: Почему важно проводить тесты с незрячими пользователями? Почему автоматизированных тестов или само…

YaTalks

52 min

Существующие инструменты не работают в невесомости? Напиши свои!

Андрей Ситник, Антон Усманский, Никита Дубко, Роман Дворнов

Опенсорс открывает две дороги: использовать существующие решения или написать своё, учитывая опыт предков. В какой момент пора создавать новый репозиторий? Как поддерживать инструмент? Зачем вкладыва…

YaTalks

37 min

Создание универсальной UI-библиотеки

Евгений Тропин

Доклад будет полезен разработчикам, которые создают свою библиотеку компонентов и заботятся о доступности интерфейсов.

YaTalks

65 min

Научите меня писать интерфейсы для космолётов!

Сергей Бережной, Тина Думилина, Кирилл Мокевнин, Александр Патлух, Алексей Симоненко

Ушла эпоха веб-мастеров, когда можно было научиться делать сайты с помощью книг и CHM-файлов. Как теперь учиться писать веб? Какую школу выбрать? Нужен ли ментор? Нужно ли образование во фронтенде? П…

ITeaConf

26 min

Howto: интерактивная визуализация на сотни тысяч элементов внутри браузера

Иван Затравкин

В данном докладе мы рассмотрим комплексный подход к решению проблемы взаимодействия в режиме реального времени с датасетами в сотни тысяч элементов. Посмотрим и проверим, что сработало, а какие идеи …

ITeaConf

25 min

Что не так с React.js? Best practices vs code smells

Александр Погорелов

Доклад начну с представления себя и плана презентации, потом разберу каждый из смысловых блоков, которых всего три: немного о самом фреймворке; разбор "запахов" кода; разбор лучших практик. Доклад бу…

ITeaConf

34 min

Рендеринг, Почему никто не следит за потерянными кадрами

Сергей Иванов

Современная фронтенд разработка,в частности вопрос производительности, сводится к тому, чтобы удовлетворить набор требований lighthouse или метрик Core Web Vitals. Однако почему среднестатистический …

DotNext

71 min

Фронтенд на функциональном языке? Подержите мое пиво!

Вагиф Абилов

Вагиф — разработчик бэкенда, как и многие из вас. Что ему делать, когда нужно показать какие-нибудь данные? Написать программу для консоли (вздох)? Или, может быть, выучить CSS и JavaScript (глубокий…

SECON.Weekend про fromtend

109 min

Интеллектуальное шоу про frontend

Сергей Сова, Дмитрий Карловский

Дмитрий Карловский VS Сергей Сова

SECON.Weekend про fromtend

62 min

ElectronJS. В чем магия

Александр Руденко

Каждый когда-то слышал, что десктопные приложения можно разрабатывать с использованием web-технологий. Но как? Для чего? Именно на эти вопросы я постараюсь вам ответить и показать, насколько мощным …

SECON.Weekend про fromtend

84 min

Разбираемся в сортах реактивности

Дмитрий Карловский

Сравним различные подходы к реактивному программированию. Вытащим на поверхность их подводные камни. И разберём как реактивность решает или наоборот усугубляет проблемы.

HolyJS

75 min

Автоматическая виртуализация рендеринга произвольной верстки

Дмитрий Карловский

Рендерить всё — это слишком медленно. Подстраиваться под ограничения виртуального скролла — сложно. Встречайте полностью виртуальный рендеринг, гарантирующий отзывчивость приложения независимо от ра…

HolyJS

73 min

Алгоритмы консенсуса. При чем тут Node.js?

Андрей Печкуров

Мы отправимся в увлекательное путешествие по жестокому миру распределенных систем и познакомимся с основными проблемами, возникающими в них. Полученные знания помогут нам понять, для чего нужны алгор…

TechTrain

71 min

Тестирование без боли и страха

Глеб Бахмутов

Мы все стараемся отложить то, что нас пугает и не нравится на потом. Тестирование фронтенда также делается в последнюю секунду, что ведет к предсказуемым последствиям: ошибки просачиваются к пользова…

TechTrain

67 min

Эволюция способов сохранения конфиденциальной информации в секрете

Александра Калинина

Каждый программист в своей жизни встречается с информацией, которую необходимо держать в секрете: пароли к учеткам, секретные ключи доступа, CVV код от карточки, в конце концов. Однако не каждый сраз…

TechTrain

57 min

Паттерны проектирования умных интерфейсов, версия 2020

Виталий Фридман

Вы — умница. И если вам нужно доставить что-то в режиме жесткого дедлайна, конечно, вы сделаете это. Поскольку у нас нет большого количества времени в запасе, мы полагаемся на вещи, которые всегда ра…

Tver.io

38 min

ML для фронтендеров

Максим Северухин

Рассмотрим что такое ML и с чем его едят фронтед-разработчики. Как нам войти в ML и реализовать уже сегодня первое приложение. А так же разработаем главную фичу Aliexpress прямо на докладе. Даешь ML …

Tver.io

41 min

Wasm 101

Полина Гуртовая

Совсем не хардкорное введение в WebAssembly. Напишем немного кода для стековой виртуальной машины, заглянем под капот v8. И, чтобы нам точно было не скучно, добавим немного C++ и Rust.

Tver.io

29 min

React Reconciler: как написать собственный рендерер

Ярослав Лосев

Что такое “реконсиляция” в React и какой путь проходит компонент от кода до отрисовки на экран, какие рендереры уже существуют и как написать свой собственный на примере отрисовки React-компонентов в…

HolyJS

73 min

Оборачиваем существующее REST API в GraphQL (методология за 1000000 рублей)

Павел Черторогов

А реально обернуть REST API в GraphQL? И как сделать R&D для этой технологии? Обычно обкатку технологии принято делать на TodoMVC. Так и поступим. А коль Павел человек непростой, то придется брать и…

HolyJS

72 min

Cовременный бэкенд для фронтенда на Node.js

Андрей Мелихов

Современный фронтенд — это богатое клиентское приложение, оперирующее развесистым набором данных. Однако, оставаясь в парадигме архитектуры «клиент-сервер», такие приложения всё ещё требуют серверног…

web.dev

32 min

Image compression deep-dive

Jake Archibald, Surma

Images are often the biggest assets in a web page, so compressing them well can be a huge saving for users. There are some rough rules for which image format you should use in a given situation, but …

web.dev

22 min

10 modern layouts in 1 line of CSS

Una Kravets

In this dynamic talk, Una goes over the power of modern CSS layout techniques by highlighting a few key terms and how much detail can be described in a single line of code. Learn a few layout tricks …

PiterJS

30 min

Почему Elm?

Максим Пацианский

Elm — это функциональный язык программирования, в котором нет runtime exceptions, зато есть очень дружественный компилятор. Рефакторинг кода на абсолютно новом уровне! Если проект собрался — значит о…

PiterJS

30 min

Фоновые сервисы в браузерах — есть ли жизнь после закрытия вкладки?

Максим Сальников

Пользователь закрывает вкладку в браузере и ваше замечательное фронтенд-приложение испаряется. А что, если можно было бы оставить какие-то его части, и еще немного поработать во благо улучшения UX? О…

Tver.io

156 min

State Management Talks

Сергей Сова, Павел Черторогов, Артём Арутюнян, Павел Малышев, Александр Шушунов

"Наденьте на хеллоуин костюм shared mutable state и вы напугаете кучу фронтедеров!" Зачем нужны стейт-менеджеры на фронтенде, что за стейт хранится в них и где место бизнес- и не только логике, разб…

web.dev

16 min

What’s new in speed tooling

Elizabeth Sweeny

Our understanding of how to effectively measure and optimize a user's experience is continually evolving, and we keep our metrics and tooling updated to reflect the latest in our learnings. This talk…

web.dev

34 min

Core Web Vitals in the DevTools timeline

Paul Lewis, Philip Walton

The Core Web Vitals are a great way to assess the UX impact of page load performance. In this talk, we cover what the vitals are, where they came from, and how you can use Chrome's DevTools to explor…

web.dev

38 min

Optimize for Core Web Vitals

Addy Osmani

In this hands-on talk, we cover tips & tricks for optimizing your user-experience to meet the Core Web Vitals. We use tools like Lighthouse & DevTools, show you code snippets for fixes, and highlight…

Я.Субботник

41 min

Бесконечная лента — без шуток

Валентин Каменек

Лирическая история о том, как делать бесконечную ленту контента, когда у тебя десятки миллионов пользователей, дюжина продуктов, в которые ты интегрируешься, а ты сам — часть Яндекса. В программе — д…

Я.Субботник

40 min

Магия современных возможностей JavaScript для работающего программиста

Александр Николаичев

Расскажу о таких современных возможностях JavaScript, как лямбда-функции, символы и прокси-объекты. Их использование позволяет писать лаконичный код и избегать лишних абстракций, особенно для сложных…

Я.Субботник

46 min

Эмуляция NES Famicom Dendy на веб технологиях

Евгений Кузнецов

Это выступление о подходе, который позволяет эмулировать компьютерные системы с использованием веб-технологий (TypeScript, Сanvas, web audio). Расскажу, как устроена архитектура компьютеров на пример…

Я.Субботник

47 min

@yandex ui

Владимир Гринеко

Презентация @yandex/ui — open source библиотеки React-компонентов от Яндекса. Компоненты используются внутри и отвечают самым строгим требованиям: темизируемость (дизайн отдельно, управление визуалом…