fa
Feedback
Веб-страница

Веб-страница

رفتن به کانال در Telegram

Всё по фронтенду, бэкенду и девопсу в одном месте Разместить рекламу: @tproger_sales_bot Правила общения: https://tprg.ru/rules Другие каналы: @tproger_channels Сайт: https://tprg.ru/site Регистрация в перечне РКН: https://tprg.ru/64ai

نمایش بیشتر

📈 تحلیل کانال تلگرام Веб-страница

کانال Веб-страница (@tproger_web) در بخش زبانی روسی بازیگری فعال است. در حال حاضر جامعه شامل 22 907 مشترک است و جایگاه 1 307 را در دسته هنر و طراحی و رتبه 29 034 را در منطقه روسيا دارد.

📊 شاخص‌های مخاطب و پویایی

از زمان ایجاد در невідомо، پروژه رشد سریعی داشته و 22 907 مشترک جذب کرده است.

بر اساس آخرین داده‌ها در تاریخ 27 ژوئن, 2026، کانال فعالیت پایداری دارد. در ۳۰ روز گذشته تغییر اعضا برابر -165 و در ۲۴ ساعت گذشته برابر -3 بوده و همچنان دسترسی گسترده‌ای حفظ شده است.

  • وضعیت تأیید: تأیید نشده
  • نرخ تعامل (ER): میانگین تعامل مخاطب 11.32% است و در ۲۴ ساعت نخست پس از انتشار، محتوا معمولاً 6.84% واکنش نسبت به کل مشترکان کسب می‌کند.
  • دسترسی پست‌ها: هر پست به طور میانگین 2 594 بازدید دریافت می‌کند. در اولین روز معمولاً 1 567 بازدید جمع‌آوری می‌شود.
  • واکنش‌ها و تعامل: مخاطبان به‌طور فعال حمایت می‌کنند؛ میانگین واکنش به هر پست 6 است.
  • علایق موضوعی: محتوا بر موضوعات کلیدی مانند css, javascript, html, github, браузер تمرکز دارد.

📝 توضیح و سیاست محتوایی

نویسنده این فضا را محل بیان دیدگاه‌های شخصی توصیف می‌کند:
Всё по фронтенду, бэкенду и девопсу в одном месте Разместить рекламу: @tproger_sales_bot Правила общения: https://tprg.ru/rules Другие каналы: @tproger_channels Сайт: https://tprg.ru/site Регистрация в перечне РКН: https://tprg.ru/64ai

به لطف به‌روزرسانی‌های پرتکرار (آخرین داده در تاریخ 28 ژوئن, 2026)، کانال همواره به‌روز و دارای دسترسی بالاست. تحلیل‌ها نشان می‌دهد مخاطبان به‌طور فعال با محتوا تعامل دارند و آن را به نقطه اثرگذاری مهم در دسته هنر و طراحی تبدیل کرده‌اند.

22 907
مشترکین
-324 ساعت
-437 روز
-16530 روز
آرشیو پست ها
Кастомный select наконец становится настоящим select, а не div-театром в Safari WebKit разобрал главное правило customizable
Кастомный select наконец становится настоящим select, а не div-театром в Safari WebKit разобрал главное правило customizable select: кастомизировать можно, но нельзя ломать смысл option. Теперь можно менять оформление, добавлять richer UI, пользоваться новым поведением Safari 27, но текстовая сущность option всё ещё должна оставаться понятной браузеру и ассистивным технологиям. Хорошее чтение для всех, кто хоть раз собирал свой dropdown и потом внезапно получал проблемы с клавиатурой, screen reader или формами.

PWA теперь можно перевезти на новый адрес без ручной переустановки Установленные PWA долго были жёстко привязаны к origin. По
PWA теперь можно перевезти на новый адрес без ручной переустановки Установленные PWA долго были жёстко привязаны к origin. Поменяли домен, путь или архитектуру — и пользователь фактически оставался со старым приложением, которое нельзя аккуратно перевезти на новый адрес. Chrome 150 добавляет PWA Origin Migration. Новое приложение объявляет migrate_from в manifest, старый origin подтверждает миграцию через .well-known/web-app-origin-association, а пользователь получает update-like диалог вместо ручного удаления и новой установки.

Альфа-Банк открыл предпринимателям доступ к MarketGuru Сервис помогает разобраться с маркетплейсами: покажет растущие ниши, п
Альфа-Банк открыл предпринимателям доступ к MarketGuru Сервис помогает разобраться с маркетплейсами: покажет растущие ниши, проанализирует конкурентов и подскажет, какой товар взлетит. Внутри — ИИ-ассистент, который генерит тексты и визуалы для карточек товаров. Плюсом можно получить консультацию эксперта по e-commerce, который соберёт стратегию под конкретный бизнес. Для клиентов Альфа-Банка доступ бесплатный на месяц. Если продаёте онлайн или тестируете гипотезу, то стоит попробовать. Это #партнёрский пост

Почему 3D View Transition внезапно выглядит плоским View Transition API легко продаётся красивыми демками: одна страница прев
Почему 3D View Transition внезапно выглядит плоским View Transition API легко продаётся красивыми демками: одна страница превращается в другую, карточки перелетают, всё плавно. А потом добавляете 3D-transform, и эффект почему-то схлопывается в обычную плоскую анимацию. На CSS-Tricks разобрали типичную ловушку: браузер создаёт отдельное дерево псевдоэлементов для перехода, и 3D-контекст там ведёт себя не так, как в исходной DOM-структуре. Приходится понимать ::view-transition-*, transform-style, stacking context и то, где именно теряется глубина. Полезный текст, если вы уже пробовали View Transitions, но столкнулись с проблемами.

Chrome решил, что старые блокировщики вам больше не нужны Классический uBlock Origin в Chrome проработает до конца июня. Chro
Chrome решил, что старые блокировщики вам больше не нужны Классический uBlock Origin в Chrome проработает до конца июня. Chrome 150 уберёт обходной флаг, в июле Chrome 151 добьёт остатки поддержки Manifest V2, старой платформы расширений. Старые блокировщики не запустятся. Google объясняет это сложностью, техническим долгом и рисками для безопасности. Честный перевод — фильтрует слишком хорошо. Останутся uBlock Origin Lite и AdGuard на Manifest V3, новой платформе расширений, но с жёстким лимитом правил: реклама может прорываться, фильтры могут обновляться реже. Нужен чистый трафик? План Б. Можно перейти на Firefox или другой браузер с поддержкой MV2. На Tproger.

Datastar предлагает вернуть состояние туда, где ему спокойнее Если у вас в веб-приложении половина боли начинается со слов «а
Datastar предлагает вернуть состояние туда, где ему спокойнее Если у вас в веб-приложении половина боли начинается со слов «а теперь синхронизируем frontend state с backend state», The Tao of Datastar стоит открыть хотя бы ради контраста. Идея простая, но не всем приятная: backend остаётся source of truth, фронт получает HTML-patches и signals, а долгие обновления идут через SSE. Даже оптимистичные апдейты авторы советуют не тащить по привычке, а показывать честный loading до подтверждения сервера. Я бы не воспринимал это как религию против SPA. Скорее как хороший чек для себя: сколько клиентского состояния вы держите только потому, что фреймворк сделал это самым очевидным путём?

Чистое API на Node.js Когда server.js разрастается до лабиринта, читать его становится больно. На такой случай я бы сохранил
Чистое API на Node.js Когда server.js разрастается до лабиринта, читать его становится больно. На такой случай я бы сохранил это руководство. Там собран минимальный, но продакшен-готовый скелет API на Node.js: роутер, контроллер, сервис и схема валидации живут каждый в своём слое. А errorHandler превращает исключения в HTTP-ответы в одном месте. Валидация через Zod стоит на границе — до бизнес-логики, версионирование по /api/v1 закладывается с первого дня, а Swagger не допиливается на коленке в релизный день. Новую фичу потом можно добавить папкой, а не рефакторингом. Читайте, как устроить слои.

Chrome тестирует WebMCP для сайтов, с которыми будут работать агенты В Chrome 149 открылся origin trial для WebMCP. Это API,
Chrome тестирует WebMCP для сайтов, с которыми будут работать агенты В Chrome 149 открылся origin trial для WebMCP. Это API, через который сайт сможет явно описывать агенту действия, состояние страницы и назначение элементов интерфейса. В примерах у Chrome — сложные формы, диагностические страницы и интерфейсы, где человеку понятно по контексту, а модели приходится гадать. Я бы пока смотрел на это осторожно: origin trial — не стандарт. Но сама идея важная для веба: интерфейсы начинают проектировать не только для людей и скринридеров, но и для ИИ.

Node.js готовит security-релизы на 17 июня Версии должны выйти 17 июня или вскоре после этой даты. Деталей уязвимостей пока н
Node.js готовит security-релизы на 17 июня Версии должны выйти 17 июня или вскоре после этой даты. Деталей уязвимостей пока нет, и это нормально для coordinated release: сначала патчи, потом подробности. Анонс короткий, но action item из него вполне конкретный.

⚡️ Тестовое собеседование с руководителем Frontend-разработки в этот четверг 18 июня, в четверг, в 19:00 МСК приходи онлайн н
⚡️ Тестовое собеседование с руководителем Frontend-разработки в этот четверг 18 июня, в четверг, в 19:00 МСК приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика. Как это будет: ➡️ Виталий Черков — руководитель группы Frontend разработки с опытом 8+ лет — будет задавать реальные вопросы и давать задачи разработчику-добровольцу; ➡️ Виталий будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью; ➡️ В конце можно будет задать любой вопрос Виталию. Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы. Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot Это #партнёрский пост

photo content

x86-эмулятор, который работает на одном CSS Разработчица собрала x86 CPU emulator без JavaScript, без WebAssembly и без привы
x86-эмулятор, который работает на одном CSS Разработчица собрала x86 CPU emulator без JavaScript, без WebAssembly и без привычного runtime — только на CSS. Это не кандидат на прод и не новая платформа для вычислений. Ценность в другом: CSS здесь используют как странную вычислительную модель с состояниями, селекторами и каскадом, которые внезапно начинают напоминать машину выполнения. История хороша как инженерный фокус. Подробности по ссылке

CSS ломает голову не только фронтендерам matklad написал разбор CSS с позиции человека, которому нужно сверстать страницу, но который не хочет внезапно становиться специалистом по каскаду. Получился хороший список мест, где CSS неприятен: browser defaults, wrapper-слои, layout без единого универсального алгоритма, selectors как наследование на стероидах, margin collapsing, box-sizing, font-size и line-height. Мне нравится, что текст не превращается в нытьё. Это скорее практичная карта минного поля: что стоит зафиксировать в reset, где не полагаться на дефолты и почему семантический HTML часто упрощает CSS сильнее, чем очередная обёртка. Особенно пригодится вайб-кодерам.

URL — это не строка, а источник маленьких несовпадений Если когда-нибудь парсили URL на бэке, фронте и в соседнем сервисе, то знаете этот неприятный момент: вроде вход один, а результат чуть разный. URL Parser Tester сравнивает поведение разных парсеров прямо в браузере. Для этого авторы тянут реализации через WebAssembly и Web Workers, а потом показывают, где расходятся Python, Go, Node.js, libcurl, Firefox, Safari и WHATWG URL. Там есть хорошие примеры: `file://` с Windows UNC paths, invalid percent encoding, IDNA, нормализация пути. Я бы держал такой инструмент под рукой перед тем, как писать свою «простую» URL-валидацию.

Let’s Encrypt готовит сертификаты к post-quantum эпохе Вебу придётся жить с post-quantum TLS не в теории, а в браузерах, цепо
Let’s Encrypt готовит сертификаты к post-quantum эпохе Вебу придётся жить с post-quantum TLS не в теории, а в браузерах, цепочках сертификатов и размерах handshake. Let’s Encrypt разобрали, как они подходят к post-quantum будущему сертификатов. Новые алгоритмы меняют размер ключей, подписи, цепочки и требования к инфраструктуре. Для обычного сайта это пока не задача на завтра, но для CDN, хостингов, CA и браузеров подготовка уже идёт.

Один клик в github.dev мог утащить GitHub-токен Сильный security-разбор на стыке веба и редактора: в github.dev OAuth-токен д
Один клик в github.dev мог утащить GitHub-токен Сильный security-разбор на стыке веба и редактора: в github.dev OAuth-токен давал доступ к репозиториям пользователя, а VS Code webviews пытались быть удобными и прокидывали часть keyboard events наружу. Автор показал цепочку: Jupyter notebook в webview, message passing, симуляция горячих клавиш, установка расширения через рекомендованные extensions и доступ к токену. Звучит дико, но именно такие баги рождаются на границе iframe isolation, UX и доверенных workspace. Материал полезен не только безопасникам. Если делаете web IDE, sandbox, preview HTML или plugin system, там много уроков про то, где удобство начинает пробивать модель безопасности.

JSON исполнилось 25 лет, и улучшать его уже почти нельзя Tim Bray, один из людей с именем в спецификациях XML и JSON, написал хороший текст о состоянии форматов в 2026 году. Главная мысль цепляет: JSON уже настолько везде, что чинить его странности почти невозможно. Комментариев нет, даты нет, числа неудобные, Unicode может неприятно удивлять, но миллиарды парсеров в устройствах и сервисах никуда не денутся. Для веб-разработки это хороший трезвый вывод: формат данных — не только красота спецификации, но и инерция экосистемы. Иногда «достаточно хорошо» побеждает потому, что его уже невозможно заменить без боли.

WebGPU-чарты уже тянут десятки миллионов точек ChartGPU — не просто очередная charting library с красивыми демками. Проект ис
WebGPU-чарты уже тянут десятки миллионов точек ChartGPU — не просто очередная charting library с красивыми демками. Проект использует WebGPU и показывает бенчмарки вроде 35 млн точек примерно на 72 FPS и streaming dashboards с несколькими графиками на одном GPUDevice. Интереснее всего здесь даже не цифра, а направление: визуализация больших данных постепенно перестаёт быть задачей только для десктопных тулов и серверного pre-render. Браузер получает GPU-пайплайн, typed arrays, shared resources и нормальный шанс не умереть на первом же scatter plot. Репозиторий я бы смотрел, если делаете мониторинги, финтех-графики, observability или любые интерфейсы, а ваш canvas уже начинает задыхаться.

HTML-first, который обогнал React не по идеологии, а по конверсии Я бы сохранил этот кейс не как очередной спор «React или без React», а как напоминание: большая форма для публичного сервиса не обязана быть SPA. У автора до этого уже был React-вариант, его сняли через три дня из-за жалоб: спиннеры, глобальное состояние, проблемы с доступностью и загрузки в localStorage. Новая версия на Astro работала HTML-first: каждый шаг формы отдельной страницей, данные и файлы сразу сохранялись на бэкенде, JS только улучшал опыт. Валидацию автор вынес в web component меньше 1 КБ, который использует обычную HTML-валидацию и откатывается к браузеру/серверу, если что-то не сработало. Самое показательное: после запуска число завершённых форм выросло вдвое. Разбор хорош тем, что возвращает веб к простому вопросу: а будет ли это работать на старом телефоне и плохой сети?

Кэш браузера может промахиваться просто из-за мусора в URL Если одна и та же страница открывается как /sale?utm_source=google, /sale?utm_source=newsletter и /sale?fbclid=..., браузерный кэш обычно считает это разными URL. Хотя HTML может быть байт в байт одинаковым. В итоге вместо повторного использования ответа получаем лишние запросы и фрагментацию кэша. Harry Roberts разобрал No-Vary-Search — HTTP-заголовок, который говорит кэшу, какие query-параметры не влияют на содержимое страницы. Например, можно игнорировать utm_source, utm_medium, gclid, fbclid и не плодить отдельные cache entry для маркетингового хвоста. Главное не переборщить. Если ?color=red и ?color=blue реально отдают разные страницы, игнорировать такие параметры нельзя.