Please enable JavaScript to use this page!

AllTalks site logo
🍔

#frontend

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-компонентов от Яндекса. Компоненты используются внутри и отвечают самым строгим требованиям: темизируемость (дизайн отдельно, управление визуалом…

OdessaFrontend Meetup

18 min

DRY’им Vuex

Михаил Фарапонов

В один прекрасный солнечный день вы осознаете, что ваш Vuex store и ваши Vuex модули переполнены дублирующимся кодом асинхронных вызовов и мутаций.

OdessaFrontend Meetup

46 min

Пощупать 3д в браузере

Константин Плаксивый

Веб технологии давно позволяют прикоснуться ко всем 3 измерениям в браузере используя WebGL, и для этого достаточно понять самые простые принципы трехмерной графики. Что такое геометрия и материал. К…

MinskJS

20 min

Безопасный input. Сбор данных пластиковой карты в iframe

Эдуард Титов

«Доклад об отрисовке формы в iframe», — скажете вы. И да, и нет. Будет не только форма, да и iframe будет не один, поскольку отрисовать форму — это далеко не всё. Вы узнаете, что нужно сделать для бе…

JavaScript fwdays

64 min

HTML: The Good Parts, fwdays'20

Вадим Макеев

Html, head, title, base, link, meta, style, body, article, section, nav, aside, h1, h2, h3, h4, h5, h6, header, footer, p, address, hr, pre, blockquote, ol, ul, li, dl, dt, dd, figure, figcaption, ma…

JavaScript fwdays

36 min

DevTools, more than just a debugger

Chen Hui Jing

The newer CSS features, like Flexbox, Grid or Shapes, introduce new properties and behaviors that can sometimes be complicated to people who are encountering them for the first time. This talk will …

JavaScript fwdays

39 min

The best is yet to come: the Future of React

Matheus Albuquerque

A wise man once said: "React is such a good idea that we will spend the rest of the decade continuing to explore its implications and applications”. In 2017, React Fiber was the thing in the communi…

JavaScript fwdays

34 min

Building the web in the web

Sara Vieira

Every day I work to build something where anyone can build the web in the web and in my opinion its time for me to put my idea to the test so in this talk we are gonna build an app that prints Kanye …

Я ❤︎ Фронтенд

39 min

BFCache, или Туда и обратно

Виктор Хомяков

По данным Google, в мобильном браузере Chrome на четыре перехода по ссылкам приходится один возврат назад, на предыдущую страницу. Если есть вероятность в 20%, что пользователь через секунду вернётся…

Я ❤︎ Фронтенд

34 min

Как сделать редактор майндмэпов

Тим Чаптыков

Обычно пет-проекты начинаются просто: у вас есть идея, вы её реализуете, радуетесь успеху. Постепенно появляется желание добавить в проект новые фичи: управление с клавиатуры, буфер обмена, undo-redo…

Я ❤︎ Фронтенд

42 min

Картинки как коробки. Что же там внутри?

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

Картинки и видео — это «чёрные ящики», внутри которых лежит много интересного и непонятного. Но можно заглянуть внутрь некоторых форматов, всё там поменять и посмотреть, что из этого получится. При п…

Я ❤︎ Фронтенд

51 min

HTML: The Good Parts

Вадим Макеев

html, head, title, base, link, meta, style, body, article, section, nav, aside, h1, h2, h3, h4, h5, h6, header, footer, p, address, hr, pre, blockquote, ol, ul, li, dl, dt, dd, figure, figcaption, ma…