Please enable JavaScript to use this page!

AllTalks site logo
🍔

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

В данном докладе мы рассмотрим комплексный подход к решению проблемы взаимодействия в режиме реального времени с датасетами в сотни тысяч элементов. Посмотрим и проверим, что сработало, а какие идеи не выстрелили. В моем докладе мы поговорим о технологиях в браузере, которые могут быть использованы в подобных сценариях: WebAssembly, WebWorkers, WebGL. Спойлер: не все из них пригодились и принесли ожидаемые результаты. И в завершение постараемся немного заглянуть в будущее и посмотреть, как подобное может решаться в браузере через несколько лет.


FrontendConf

48 min

Самый низкий уровень: пишем на WebGL и WebAssembly без фреймворков и транскомпиляторов

Антон Хлыновский

Говоря о WebGL, часто имеют в виду three.js или другие похожие фреймворки. Новичок на поле веб-технологий WebAssembly уже начинает ассоциироваться с языками C или Rust. А как же, ведь нужные утилиты …

OdessaFrontend Meetup

46 min

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

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

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

Chrome Dev Summit

30 min

The main thread is overworked & underpaid

Surma

Amongst all the platforms for app development, the web is arguably the only one that does not make good use of threading. On the web, the main thread has a lot of responsibilities, and we keep adding…

React Advanced

24 min

What a Drag

Vojtech Miksu

"Can we do this thing drag and droppable?". That’s one of the sentences that every front end developer fears the most. There are many DnD libraries out there but did you ever consider building someth…

CSSCAMP

32 min

Mind over Matter: Optimize Performance Without Code

Stéphanie Walter

Did you already optimize every. single. line. of. code. to be found on your website or mobile app? Are you getting tired of hearing about load times and TTFB(Time to first byte)? Do you need to remin…

React Advanced

28 min

Hooked on D3: Creating Animated Ch(art)s with D3 and React Hooks

Monica Wojciechowska

From a quick glance, it might not seem like D3 and React are a match made in heaven. After all, they’re both all about being in charge - who gets to render, who gets to update, who gets to decide how…

Chrome Dev Summit

36 min

Adaptive Loading - Improving web performance on slow devices

Addy Osmani, Nate Schloss

Today, developers often build components and routes for a single baseline ("mobile", "desktop"). However, the environment conditions users are in are often much more nuanced. They may be on a device …

FrontendConf

53 min

История одной анимации

Юрий Артюх

Будет рассказано об истории создания одной анимации от получения макета до сдачи клиенту. История включает в себя язык WebGL, Three.js, GLSL, Canvas 2D, графы и немного математики.

React Advanced

41 min

Keynote: Performance is magic

Ken Wheeler

This talk will explore strategies for fixing performance issues in your apps when they arise. We will look at how we can make our React apps “Blazing” fast, and when it’s time to bail out of React in…

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…

PiterJS

30 min

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

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

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

Frontend Love

9 min

Blazor with WebAssembly

Don Wibier

One of the latest technologies targeting front-end development that is gaining quite some traction isWebAssembly. And the latest development stack for it is Blazor! While it’s still in preview mode, …

Chrome Dev Summit

33 min

Chrome extensions and the world of tomorrow

Simeon Vincent

Chrome's extensions platform is undergoing a sea change. Nearly 6 years after the current manifest version was introduced, we are revving it again. Manifest V3 rethinks several of the basics about ho…

Chrome Dev Summit

25 min

Oh the things you’ll compile - modern WebAssembly

Thomas Nattestad, Ingvar Stepanyan

WebAssembly is an entirely new language format for the Web that lets you run languages that were previously impossible on the Web. Come to this talk to see how you can use WebAssembly in new ways, le…

Tver.io

41 min

Wasm 101

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

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

ITeaConf

34 min

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

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

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

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…

DotNext

70 min

Могу ли я спрыгнуть с F5-корабля прямиком в гиперпространство в реальном времени?

Александр Якунин

Каковы связи между обновлениями, работающими в режиме реального времени, инкрементными сборками, кэшированием, избыточностью микросервиса и, наконец, популярностью React? Александр покажет, как набор…

TechTrain

67 min

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

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

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