Please open Telegram to view this post
VIEW IN TELEGRAM
🥰6👍1
В современных веб-приложениях (видео-редакторах и подобных) все чаще требуется покадровая обработка видео, однако в Chromium эта операция работает значительно медленнее, чем могла бы.
В докладе я расскажу, почему возникает эта проблема, как устроен медиа-пайплайн браузера и какое решение удалось реализовать для ее устранения.
Покажу, как оптимизация внутренней логики Chromium позволила ускорить покадровую перемотку в десятки раз без изменения интерфейсов, а также поделюсь результатами тестирования и опытом подготовки патча для Chromium.
Fullstack-разработчик (в основном в рамках JS), сейчас работает в Яндексе и уже несколько лет занимается производительностью веб и Node.js приложений.
Интересуется низкоуровневыми аспектами работы браузеров, производительностью и open source-разработкой, поэтому в докладе расскажет не только о результате, но и о том, как удалось до него дойти.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12🔥1👏1
KeyPoint — веб-тренажёр слепой печати для незрячих, слабовидящих и зрячих пользователей. Но в центре доклада не сам тренажёр, а приём, который делает сайт по-настоящему доступным – это невидимая кнопка.
Это первый по порядку фокуса элемент страницы: зрячий пользователь с мышью его никогда не касается, но как только на сайт заходит незрячий и начинает навигацию с клавиатуры или скринридера, он мгновенно попадает на эту кнопку и интерфейс сам переключается в полностью доступный режим, без поиска ссылки «версия для слабовидящих» и без лишних действий.
Разберём, как это устроено технически, почему привычные «кнопки доступности» чаще всего не работают для незрячих, и какие выводы мы сделали, встраивая это в реальный продукт. Уйдёте с конкретным паттерном, который можно применить на любом сайте.
iOS-разработчик и автор системы QuickAlert, помогающей людям с ОВЗ, менеджер образовательных программ Университета ИТМО.
Развивает продукты на стыке технологий и доступности; KeyPoint — один из них.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👏1
Вы любите шоу 2000-х так, как люблю их я? Поиграем в новую игру, добавим немного интерактивчика в тихий летний вечер. Будем знакомиться с новыми и старыми любителями JavaScript. Пять человек, пять героев без страха смотрящих в зрительный зал. Посмотрим кто из них самый "слабый" фронтендер. Кого уже ждёт позорное изгнание? Кого команда удалит, как больной зуб? А кто получит славу и сладкий приз?
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9😁2
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6🥰1
Спасибо всем, кто был сегодня снами, но далеко не разбегайтесь, через пол часа идём на афтепати в Брюгге на Макарова, 22: https://yandex.ru/web-maps/org/bryugge/1055078064/
Яндекс Карты
Брюгге, ресторан, наб. Макарова, 22, Санкт-Петербург — Яндекс Карты
🏆 Обладатель награды «Хорошее место — 2026». ⭐️ Рейтинг 4,9. 2258 отзывов, 546 фото. Забронировать, посмотреть меню, номер телефона, часы работы, вход на карте и построить маршрут вы можете в Яндекс Картах.
🔥7👍1
✨ Ура! Скоро PiterJS #93 🤩
Попрофилируем сеть, пройдем инженерный путь и поразбираемся с ауентификаторами, только на PiterJS!😎
⏰ Когда: 27 Августа 19:00
📍 Где: Т-Банк (Свердловская набережная, 44с2)
📰 Программа
🗣 19:10 Юрий Дождиков
🎤 Factory store: масштабирование без компромиссов🤨
🗣 20:10 Николай Шабалин
🎤 OTP-поле: маленький инпут, большой UX🤩
🗣 21:10 Юлия Волкова
🎤 Кажется, опять сеть тупит🤩
🎫 Регистрация: https://piterjs.org/#!meetup=7v9148_5ouuec
Попрофилируем сеть, пройдем инженерный путь и поразбираемся с ауентификаторами, только на PiterJS!
⏰ Когда: 27 Августа 19:00
📍 Где: Т-Банк (Свердловская набережная, 44с2)
📰 Программа
🗣 19:10 Юрий Дождиков
🎤 Factory store: масштабирование без компромиссов
🗣 20:10 Николай Шабалин
🎤 OTP-поле: маленький инпут, большой UX
🗣 21:10 Юлия Волкова
🎤 Кажется, опять сеть тупит
🎫 Регистрация: https://piterjs.org/#!meetup=7v9148_5ouuec
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10🥰5
✨ На грядущем PiterJS 🖥 для вас выступит Юрий Дождиков с докладом:
📜 Factory store: масштабирование без компромиссов😰
В докладе разберу конкретную ситуацию: один и тот же UI открыт в нескольких местах и должен разделять общее состояние. Пройдём весь инженерный путь: симптом, варианты, решение, результат.
🎫 Регистрируйся, пока есть места: https://piterjs.org/#!meetup=7v9148_5ouuec
✔️ А если передумал идти — отмени регистрацию там же.
📜 Factory store: масштабирование без компромиссов
В докладе разберу конкретную ситуацию: один и тот же UI открыт в нескольких местах и должен разделять общее состояние. Пройдём весь инженерный путь: симптом, варианты, решение, результат.
🎫 Регистрируйся, пока есть места: https://piterjs.org/#!meetup=7v9148_5ouuec
✔️ А если передумал идти — отмени регистрацию там же.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥4🔥3
✨ На грядущем PiterJS для вас выступит Николай Шабалин с докладом:
📜 OTP-поле: маленький инпут, большой UX😳
OTP-коды окружают нас повсюду: мы получаем их в SMS, видим в пушах, слышим по телефону и генерируем в приложениях-аутентификаторах. Разберёмся, как правильно проектировать поле для ввода одноразового кода: нужен ли один <input> или несколько визуально разделённых, как работают autocomplete="one-time-code" и WebOTP API и почему браузер иногда может сам подставить код.
🎫 Регистрируйся, пока есть места: https://piterjs.org/#!meetup=7v9148_5ouuec
✔️ А если передумал идти — отмени регистрацию там же.
📜 OTP-поле: маленький инпут, большой UX
OTP-коды окружают нас повсюду: мы получаем их в SMS, видим в пушах, слышим по телефону и генерируем в приложениях-аутентификаторах. Разберёмся, как правильно проектировать поле для ввода одноразового кода: нужен ли один <input> или несколько визуально разделённых, как работают autocomplete="one-time-code" и WebOTP API и почему браузер иногда может сам подставить код.
🎫 Регистрируйся, пока есть места: https://piterjs.org/#!meetup=7v9148_5ouuec
✔️ А если передумал идти — отмени регистрацию там же.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6❤🔥4👍1
✨ На грядущем PiterJS для вас выступит Юлия Волкова с докладом:
📜 Кажется, опять сеть тупит😳
«Кажется, опять сеть тупит» — так мы иногда объясняем медленную загрузку. Открываем Network tab, но что именно мы там видим?
Давайте разберём каждый этап тайминга — Queueing, Stalled, DNS Lookup, Initial Connection, SSL, TTFB, Content Download — что он означает и на что уходит время.
Вытащим из DevTools максимум информации, соберём ещё данных с помощью полезных команд в терминале, а затем поймём, как использовать все эти знания, чтобы влиять на производительность сайта, UX и безопасность. Что мы можем улучшить как разработчики, а что скорей в зоне ответственности инфраструктуры?
Доклад для тех, кто уже сто раз отвечал на собесе «что происходит после того, как ввели адрес и нажали Enter» и кто хочет наконец получить из этого рабочий навык, а не просто историю.
🎫 Регистрируйся, пока есть места: https://piterjs.org/#!meetup=7v9148_5ouuec
✔️ А если передумал идти — отмени регистрацию там же.
📜 Кажется, опять сеть тупит
«Кажется, опять сеть тупит» — так мы иногда объясняем медленную загрузку. Открываем Network tab, но что именно мы там видим?
Давайте разберём каждый этап тайминга — Queueing, Stalled, DNS Lookup, Initial Connection, SSL, TTFB, Content Download — что он означает и на что уходит время.
Вытащим из DevTools максимум информации, соберём ещё данных с помощью полезных команд в терминале, а затем поймём, как использовать все эти знания, чтобы влиять на производительность сайта, UX и безопасность. Что мы можем улучшить как разработчики, а что скорей в зоне ответственности инфраструктуры?
Доклад для тех, кто уже сто раз отвечал на собесе «что происходит после того, как ввели адрес и нажали Enter» и кто хочет наконец получить из этого рабочий навык, а не просто историю.
🎫 Регистрируйся, пока есть места: https://piterjs.org/#!meetup=7v9148_5ouuec
✔️ А если передумал идти — отмени регистрацию там же.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8❤🔥2
🎉 PiterJS PiterJS #93 уже завтра в Т-Банк: Свердловская набережная, 44с2
🤗 Ждем тебя к 19:00.
🙏 Если не придёщь — отмени регистрацию: https://piterjs.org/#!meetup=7v9148_5ouuec
📽️ Но всё-равно смотри трансляцию: https://live.vkvideo.ru/piterjs
🤗 Ждем тебя к 19:00.
🙏 Если не придёщь — отмени регистрацию: https://piterjs.org/#!meetup=7v9148_5ouuec
📽️ Но всё-равно смотри трансляцию: https://live.vkvideo.ru/piterjs
PiterJS
Ежемесячный питерский митап о JavaScript, Node.js и всём, что окружает современного фронтендера.
🔥5👍2🤔1
🎉 PiterJS #93 уже сегодня в Т-Банке: Свердловская набережная, д. 44с2 ( Бц Ferrum )
🚌 От Площади Ленина до бизнес-парка Полюстрово каждые 10 минут ходят бесплатные автобусы: benuabus.ru
🤗 Ждем тебя к 19:00.
На всякий случай захвати паспорт😎
📽 А если не сможешь прийти - смотри трансляцию: https://live.vkvideo.ru/piterjs
🚌 От Площади Ленина до бизнес-парка Полюстрово каждые 10 минут ходят бесплатные автобусы: benuabus.ru
🤗 Ждем тебя к 19:00.
На всякий случай захвати паспорт
📽 А если не сможешь прийти - смотри трансляцию: https://live.vkvideo.ru/piterjs
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥3🔥2
🎬 PiterJS PiterJS #93 начинается! ❤️
📽️ Занимайте места и смотрите трансляцию: https://live.vkvideo.ru/piterjs
📽️ Занимайте места и смотрите трансляцию: https://live.vkvideo.ru/piterjs
Please open Telegram to view this post
VIEW IN TELEGRAM
VK Видео Live
VK Видео Live — стримы, прямые эфиры и трансляции игр, спортивных событий и каналов
VK Видео Live — стриминговая платформа для тебя! Игры, музыка, творчество и общение с растущим комьюнити. Смотри или запускай свой стрим прямо сейчас!
🔥2
✨ Вот и подошёл к концу очередной PiterJS.. 😃
📢 Оставляйте свои отзывы — они нам очень интересны: https://piterjs.org/#!meetup=7v9148_5ouuec
🎊 А кому не хватило, идём вместе на афтепати: в Харатс https://yandex.ru/maps/-/CTDTvMnl
📢 Оставляйте свои отзывы — они нам очень интересны: https://piterjs.org/#!meetup=7v9148_5ouuec
🎊 А кому не хватило, идём вместе на афтепати: в Харатс https://yandex.ru/maps/-/CTDTvMnl
Please open Telegram to view this post
VIEW IN TELEGRAM
PiterJS
Ежемесячный питерский митап о JavaScript, Node.js и всём, что окружает современного фронтендера.
🔥5👍2
📸 Ищите себя на фоточках. https://vk.ru/album-92250781_311752082
👐 Спасибо всем, что были с нами!
🙌 Особенно докладчикам — без вас ничего бы не состоялось!
🫶 Отдельное спасибо тем, кто оставил отзыв — вы помогаете нам становиться лучше: https://piterjs.org/#!meetup=7v9148_5ouuec
🤝 И конечно же, огромное спасибо от всего сообщества площадке Т-Банк за гостеприимство и партнёрам за подарки.
👋 Не скучайте, мы скоро снова всех вас соберём вместе!
👐 Спасибо всем, что были с нами!
🙌 Особенно докладчикам — без вас ничего бы не состоялось!
🫶 Отдельное спасибо тем, кто оставил отзыв — вы помогаете нам становиться лучше: https://piterjs.org/#!meetup=7v9148_5ouuec
🤝 И конечно же, огромное спасибо от всего сообщества площадке Т-Банк за гостеприимство и партнёрам за подарки.
👋 Не скучайте, мы скоро снова всех вас соберём вместе!
VK
PiterJS #93 – 224 photos
PiterJS #93 - PiterJS - 224 photos
🔥10❤🔥2
✨ Ура! Скоро PiterJS #94 🤩
В этот раз обсудим харнесы, узнаем как выбрать стейт менеджер, и поиграем в Слабое звено!🤩
⏰ Когда: В этот раз в среду 30 сентября, регистрация с 18:30
📍 Где: Юмани https://yandex.ru/maps/-/CXUQJXn1 ( Пискарёвский просп., 2, корп. 2, БЦ Бенуа )
📰 Программа:
🗣️ 19:10 Арсений Филатов
🎤 Когда простой API становится ловушкой при выборе стейт-менеджера
🗣️ 19:50 Дмитрий Земляченко
🎤 Harness - база
🗣️ 20:45 Ярослав Силкин
🎤 Слабое звено
🎫 Регистрация: https://piterjs.org/#!meetup=g79cp0_9bma7r🤩
В день митапа поделимся двумя лайвхаками: как быстрее добраться и как получить qr на входе❤️
В этот раз обсудим харнесы, узнаем как выбрать стейт менеджер, и поиграем в Слабое звено!
⏰ Когда: В этот раз в среду 30 сентября, регистрация с 18:30
📍 Где: Юмани https://yandex.ru/maps/-/CXUQJXn1 ( Пискарёвский просп., 2, корп. 2, БЦ Бенуа )
📰 Программа:
🗣️ 19:10 Арсений Филатов
🎤 Когда простой API становится ловушкой при выборе стейт-менеджера
🗣️ 19:50 Дмитрий Земляченко
🎤 Harness - база
🗣️ 20:45 Ярослав Силкин
🎤 Слабое звено
🎫 Регистрация: https://piterjs.org/#!meetup=g79cp0_9bma7r
В день митапа поделимся двумя лайвхаками: как быстрее добраться и как получить qr на входе
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥17😱1
✨ На грядущем PiterJS для вас выступит Арсений Филатов с докладом:
📜 Когда простой API становится ловушкой при выборе стейт-менеджера
Простой API часто выглядит главным аргументом за стейт-менеджер: меньше кода, быстрее старт, «всем понятно». Но при длинных цепочках — событие, мутация, эффект, гонки запросов — простота API не гарантирует простоту понимания цепочки изменений. В докладе разберём прозрачность и детерминизм логических цепочек и покажем, как перевести эти свойства в измеряемые критерии. На пилоте с Effector, Redux Toolkit, MobX и Zustand посмотрим, какая факторная структура получается и где «удобный API» расходится с управляемостью поведения. 🎫
Регистрируйся, пока есть места: https://piterjs.org/#!meetup=g79cp0_9bma7r ✔️
А если передумал идти — отмени регистрацию там же.
📜 Когда простой API становится ловушкой при выборе стейт-менеджера
Простой API часто выглядит главным аргументом за стейт-менеджер: меньше кода, быстрее старт, «всем понятно». Но при длинных цепочках — событие, мутация, эффект, гонки запросов — простота API не гарантирует простоту понимания цепочки изменений. В докладе разберём прозрачность и детерминизм логических цепочек и покажем, как перевести эти свойства в измеряемые критерии. На пилоте с Effector, Redux Toolkit, MobX и Zustand посмотрим, какая факторная структура получается и где «удобный API» расходится с управляемостью поведения. 🎫
Регистрируйся, пока есть места: https://piterjs.org/#!meetup=g79cp0_9bma7r ✔️
А если передумал идти — отмени регистрацию там же.
PiterJS
Ежемесячный питерский митап о JavaScript, Node.js и всём, что окружает современного фронтендера.
✨ На грядущем PiterJS для вас выступит Дмитрий Земляченко с докладом:
📜 Harness - база🤩
Мы привыкли думать, что AI-агент — это просто LLM, которой мы дали промпт. Но между вашим запросом и изменённым кодом находится целая система: context, tools, skills, MCP и workflow.
На примере современных coding agents разберём, что на самом деле происходит внутри harness, как формируется контекст, почему модель можно менять прямо посреди сессии и зачем агенту вообще нужны tools и skills.
А заодно посмотрим на пару практических инструментов, которые помогают давать LLM больше полезного контекста — и на то, куда эта идея приводит.
🎫 Регистрируйся, добавились места: https://piterjs.org/#!meetup=g79cp0_9bma7r
✔️ А если передумал идти — отмени регистрацию там же.
📜 Harness - база
Мы привыкли думать, что AI-агент — это просто LLM, которой мы дали промпт. Но между вашим запросом и изменённым кодом находится целая система: context, tools, skills, MCP и workflow.
На примере современных coding agents разберём, что на самом деле происходит внутри harness, как формируется контекст, почему модель можно менять прямо посреди сессии и зачем агенту вообще нужны tools и skills.
А заодно посмотрим на пару практических инструментов, которые помогают давать LLM больше полезного контекста — и на то, куда эта идея приводит.
🎫 Регистрируйся, добавились места: https://piterjs.org/#!meetup=g79cp0_9bma7r
✔️ А если передумал идти — отмени регистрацию там же.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2