Внедрение Critical CSS может существенно улучшить ключевые метрики загрузки, такие как FCP и LCP. Однако использовать готовые решения для его генерации не всегда возможно. На примере ВКонтакте поделюсь опытом реализации алгоритма для генерации Critical CSS в рантайме и расскажу, как это нововведение положительно сказалось на метриках загрузки, улучшив общий пользовательский опыт.

Когда нативное приложение перестало быть опцией, мы решили сделать ставку на PWA — и чуть не прогорели. История о том, почему мы отказались от Firebase, обманули ограничения iOS и Android и почему каждое обновление превращалось в русскую рулетку.

Расскажу о том, как удобнее создавать анимации для видео, какими способами их рендерить и какие бывают к этому подходы.

Вы узнаете, как сделать свой проект тестируемым, и познаете дзен unit-тестов. Научитесь писать тесты, которые проверяют продуктовые сценарии, выполняются за секунды и не падают, если приложение не сломано.

Система типов TypeScript не обладает свойством надёжности (soundness) и полна компромиссов. Расскажу про недостатки системы типов TypeScript, связанные с отношением подтипов (subtyping), которые могут приводить к ошибкам во время исполнения программы при отсутствии ошибок компиляции.

Обсудим, сколько стоит содержать виртуального инженера в команде; сможет ли он заменить реального инженера и когда это время настанет; где ИИ действительно ускоряет работу, а где все еще без человека никуда.

Composition API может вскружить голову своими возможностями, и во главе угла стоят композаблы. Что это такое и какими приемами можно подчинить их у себя на проекте, чтобы работа с ними приносила лишь радость? Попробуем разобраться со всем этим и покомпозировать композаблы.

ИИ становится все умнее — сам кодит, делает презентации, пишет тексты. Чтобы конкурировать на рынке труда, попробуем инвестировать в «софты». Минимум теории, максимум практики и неожиданных историй.

Письменность и алфавит, формальные системы и лямбда-исчисление, функциональные возможности из Scheme, синтаксис из C, прототипы из Self – все эти идеи были необходимы для создания JavaScript. Проследим интеллектуальный путь человечества к созданию этого прекрасного (ужасного — нужное подчеркнуть) языка.

Как создать свое AST-дерево для простейшего языка при помощи библиотеки ANTLR 4, подключить VS Code на фронте и использовать эту связку для вывода контекстных подсказок.

Как избавиться от оков графического интерфейса и построить свою «Консольную Арт Онлайн», где каждая команда — это шаг к новым возможностям.

Как дела у вашей карьеры? Давно проводили ее чекап? Знаете, какие витамины принять, чтобы быстрее расти по карьерной лестнице или ощущать себя более счастливым на работе? Если вы не привыкли задаваться такими вопросами или, наоборот, постоянно ими задаетесь, то этот воркшоп для вас.

Как выстроить процесс развития hard skills через повседневные действия, которые не требуют вечерней воли и воскресного марафона. Вы узнаете, как встроить прокачку в повседневную работу — от code review до общения с LLM. И как при этом не выгорать и не «учиться в стол».

В докладе разберем самые значимые новинки в Node.js и ее экосистеме, обсудим киллер-фичи Bun и Deno и посмотрим, где еще, кроме веба, можно применять платформу.

Обсудим, что такое качество архитектуры и как качественно проектировать архитектурные решения. Научимся принимать, валидировать и корректировать архитектурные решения.

Обзор проблемы обработки ошибок в TypeScript и рассмотрение комплексного подхода к ее решению.

Проведем performance-анализ тестового приложения на основе микрофронтендов, погрузимся в метрики производительности, проведем анализ рендеринга React, найдем и устраним утечки памяти.

Вы получите обзор экосистемы и поймете, какой инструмент выбрать для своего проекта, чтобы сэкономить время и нервы.

Это название должно отпугивать разработчиков от секретных приватных API React’а… Но кто сможет устоять перед искушением хотя бы мельком заглянуть и узнать, что так тщательно скрывают от нас корпорации? Приватные и устаревшие методы, отладочные утилиты, внутренние типы, а это что еще за Fiber?

Расскажу, как с помощью Repository в Nuxt и GraphQL выстроить понятный Data Layer, перестать хранить API-логику в компонентах и избавиться от хаоса в запросах. Покажу, как вынести его в Nuxt Layers, типизировать через GQL Codegen и сделать стабильным для роста проектов.

Как в команде Яндекс Маркета распараллелили сервис и перестали заниматься тем, в чем Node.js не очень хорош.

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

...или История о фичах, которыми мы пользуемся ежедневно, но не замечаем их. Реально ли сделать хорошую JavaScript Console с хорошим DX исключительно на фронтенде в виде SPA? Заглянем в спецификацию ECMAScript — будет хардкор!

Как переложить часть ответственности за проверку фронтенд-приложений на искусственный интеллект. Покажу, как AI-агент может взять на себя анализ кода, стилей и метрик в браузере, превращая разрозненные данные из Lighthouse, DevTools и кастомных анализаторов в осмысленные выводы и actionable-инсайты.

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

Расскажу, как работает и какие технологии использует современный текстовый редактор в вебе и за счет чего Яндекс Документы быстрее, чем Google Docs.

Научимся выстраивать эффективную стратегию кэширования, которая гарантирует быстрый и отзывчивый интерфейс.

Разработка библиотеки для создания пошаговых сценариев в приложении.

Императивное написание эндпоинтов и запросов к ним вызывает скуку и усложняет код. Посмотрим как это побороть при помощи RPC, Proxy и щепотки магии TypeScript.

Расскажу, почему уставать при работе в IT — нормально и что с этим делать. Только наука, личный опыт и много шуток. Без эзотерики и мракобесия.

Самый простой способ визуализации звука в web и не только.

Мало кто знает, но часть своих идей (SFC, например) Vue украл у Svelte. Потом Svelte украл новые идеи обратно, что-то переделал, от чего-то отказался. Будем разбираться, чем эти фреймворки схожи и чем отличаются.