Веб-страница
الذهاب إلى القناة على Telegram
Всё по фронтенду, бэкенду и девопсу в одном месте Разместить рекламу: @tproger_sales_bot Правила общения: https://tprg.ru/rules Другие каналы: @tproger_channels Сайт: https://tprg.ru/site Регистрация в перечне РКН: https://tprg.ru/64ai
إظهار المزيد
الشبكة:📈 نظرة تحليلية على قناة تيليجرام Веб-страница
تُعد قناة Веб-страница (@tproger_web) في القطاع اللغوي الروسية لاعباً نشطاً. يضم المجتمع حالياً 22 611 مشتركاً، محتلاً المرتبة 1 335 في فئة الفن والتصميم والمرتبة 29 000 في منطقة روسيا.
📊 مؤشرات الجمهور والحراك
منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 22 611 مشتركاً.
بحسب آخر البيانات بتاريخ 26 أغسطس, 2026، تحافظ القناة على نشاط مستقر. خلال آخر 30 يوماً تغيّر عدد الأعضاء بمقدار -148، وفي آخر 24 ساعة بمقدار -5، مع بقاء الوصول العام مرتفعاً.
- حالة التحقق: غير موثّقة
- معدل التفاعل (ER): يبلغ متوسط تفاعل الجمهور 11.70%. وخلال أول 24 ساعة من النشر يحصد المحتوى عادةً 6.44% من ردود الفعل نسبةً إلى إجمالي المشتركين.
- وصول المنشورات: يحصل كل منشور على متوسط 2 646 مشاهدة. وخلال اليوم الأول يجمع عادةً 1 457 مشاهدة.
- التفاعلات والاستجابة: يتفاعل الجمهور بانتظام؛ متوسط التفاعلات لكل منشور يبلغ 7.
- الاهتمامات الموضوعية: يركز المحتوى على مواضيع رئيسية مثل css, javascript, html, github, браузер.
📝 الوصف وسياسة المحتوى
يصف المؤلف القناة بأنها مساحة للتعبير عن الآراء الذاتية:
“Всё по фронтенду, бэкенду и девопсу в одном месте
Разместить рекламу: @tproger_sales_bot
Правила общения: https://tprg.ru/rules
Другие каналы: @tproger_channels
Сайт: https://tprg.ru/site
Регистрация в перечне РКН: https://tprg.ru/64ai”
بفضل وتيرة التحديث المرتفعة (أحدث البيانات بتاريخ 27 أغسطس, 2026) تحافظ القناة على حداثتها ومستوى وصول مرتفع. وتُظهر التحليلات تفاعلاً نشطاً من الجمهور، ما يجعلها نقطة تأثير مهمة ضمن فئة الفن والتصميم.
22 611
المشتركون
-524 ساعات
-217 أيام
-14830 أيام
جاري تحميل البيانات...
القنوات المماثلة
سحابة العلامات
الإشارات الواردة والصادرة
---
---
---
---
---
---
جذب المشتركين
أغسطس '26
أغسطس '26
+51
في 7 قنوات
يوليو '26
+61
في 10 قنوات
Get PRO
يونيو '26
+60
في 4 قنوات
Get PRO
مايو '26
+107
في 1 قنوات
Get PRO
أبريل '26
+46
في 2 قنوات
Get PRO
مارس '26
+57
في 3 قنوات
Get PRO
فبراير '26
+69
في 4 قنوات
Get PRO
يناير '26
+81
في 3 قنوات
Get PRO
ديسمبر '25
+104
في 5 قنوات
Get PRO
نوفمبر '25
+105
في 3 قنوات
Get PRO
أكتوبر '25
+90
في 4 قنوات
Get PRO
سبتمبر '25
+141
في 2 قنوات
Get PRO
أغسطس '25
+107
في 5 قنوات
Get PRO
يوليو '25
+216
في 5 قنوات
Get PRO
يونيو '25
+309
في 9 قنوات
Get PRO
مايو '25
+172
في 5 قنوات
Get PRO
أبريل '25
+105
في 4 قنوات
Get PRO
مارس '25
+262
في 10 قنوات
Get PRO
فبراير '25
+256
في 8 قنوات
Get PRO
يناير '25
+222
في 5 قنوات
Get PRO
ديسمبر '24
+142
في 6 قنوات
Get PRO
نوفمبر '24
+110
في 4 قنوات
Get PRO
أكتوبر '24
+90
في 4 قنوات
Get PRO
سبتمبر '24
+83
في 4 قنوات
Get PRO
أغسطس '24
+81
في 3 قنوات
Get PRO
يوليو '24
+134
في 8 قنوات
Get PRO
يونيو '24
+121
في 13 قنوات
Get PRO
مايو '24
+191
في 9 قنوات
Get PRO
أبريل '24
+231
في 6 قنوات
Get PRO
مارس '24
+277
في 10 قنوات
Get PRO
فبراير '24
+273
في 8 قنوات
Get PRO
يناير '24
+211
في 3 قنوات
Get PRO
ديسمبر '23
+227
في 8 قنوات
Get PRO
نوفمبر '23
+252
في 5 قنوات
Get PRO
أكتوبر '23
+169
في 6 قنوات
Get PRO
سبتمبر '23
+196
في 0 قنوات
Get PRO
أغسطس '23
+204
في 0 قنوات
Get PRO
يوليو '23
+173
في 0 قنوات
Get PRO
يونيو '23
+310
في 0 قنوات
Get PRO
مايو '23
+219
في 0 قنوات
Get PRO
أبريل '23
+196
في 0 قنوات
Get PRO
مارس '23
+375
في 0 قنوات
Get PRO
فبراير '23
+258
في 0 قنوات
Get PRO
يناير '23
+517
في 0 قنوات
Get PRO
ديسمبر '22
+336
في 0 قنوات
Get PRO
نوفمبر '22
+321
في 0 قنوات
Get PRO
أكتوبر '22
+475
في 0 قنوات
Get PRO
سبتمبر '22
+467
في 0 قنوات
Get PRO
أغسطس '22
+924
في 0 قنوات
Get PRO
يوليو '22
+793
في 0 قنوات
Get PRO
يونيو '22
+1 038
في 0 قنوات
Get PRO
مايو '22
+984
في 0 قنوات
Get PRO
أبريل '22
+1 455
في 0 قنوات
Get PRO
مارس '22
+2 145
في 0 قنوات
Get PRO
فبراير '22
+1 447
في 0 قنوات
Get PRO
يناير '22
+1 720
في 0 قنوات
Get PRO
ديسمبر '21
+386
في 0 قنوات
Get PRO
نوفمبر '21
+2 050
في 0 قنوات
Get PRO
أكتوبر '21
+1 542
في 0 قنوات
Get PRO
سبتمبر '21
+416
في 0 قنوات
Get PRO
أغسطس '21
+893
في 0 قنوات
Get PRO
يوليو '21
+1 205
في 0 قنوات
Get PRO
يونيو '21
+605
في 0 قنوات
Get PRO
مايو '21
+543
في 0 قنوات
Get PRO
أبريل '21
+3 001
في 0 قنوات
Get PRO
مارس '21
+430
في 0 قنوات
Get PRO
فبراير '21
+703
في 0 قنوات
Get PRO
يناير '21
+304
في 0 قنوات
Get PRO
ديسمبر '20
+16 536
في 0 قنوات
| التاريخ | نمو المشتركين | الإشارات | القنوات | |
| 27 أغسطس | +2 | |||
| 26 أغسطس | +1 | |||
| 25 أغسطس | 0 | |||
| 24 أغسطس | +1 | |||
| 23 أغسطس | +4 | |||
| 22 أغسطس | +5 | |||
| 21 أغسطس | 0 | |||
| 20 أغسطس | +1 | |||
| 19 أغسطس | +3 | |||
| 18 أغسطس | +2 | |||
| 17 أغسطس | +3 | |||
| 16 أغسطس | +1 | |||
| 15 أغسطس | +7 | |||
| 14 أغسطس | +1 | |||
| 13 أغسطس | 0 | |||
| 12 أغسطس | +3 | |||
| 11 أغسطس | +3 | |||
| 10 أغسطس | 0 | |||
| 09 أغسطس | +1 | |||
| 08 أغسطس | 0 | |||
| 07 أغسطس | 0 | |||
| 06 أغسطس | +2 | |||
| 05 أغسطس | +2 | |||
| 04 أغسطس | 0 | |||
| 03 أغسطس | +2 | |||
| 02 أغسطس | +5 | |||
| 01 أغسطس | +2 |
منشورات القناة
Что делать, если участники команды видят только свой участок работы, десятиминутный дейли незаметно растягивается на час, а стопперы всплывают слишком поздно, чтобы успеть на них среагировать? В статье смотрим на работу команды и путь задач от бэклога до релиза, и думаем какие коммуникации действительно нужны в этом процессе.
Отдельно о том, что именно должен проверить разработчик перед первым коммитом и как устроены quality gates перед выпуском версии в прод.
| 2 |  Вместо списка из .btn-primary, .btn-secondary и .btn-danger в CSS появится один .btn-*
Чтобы задать общий стиль всем кнопкам, сегодня приходится перечислять классы через запятую или вешать в разметку лишний общий класс. На августовской встрече рабочей группы CSS в Берлине приняли Class Prefix Selector: .btn-* цепляет любой класс, начинающийся с этого префикса. Идею предложила Лея Веру ещё в 2024 году.
Но радоваться рано: фича живёт только в тексте спецификации, ни один браузер её пока не умеет, и до реализации синтаксис ещё поменяется.
#css | 2 390 |
| 3 |  Один Vue-фронтенд для десктоп, Android и веб
Одна кодовая база, а на выходе программа для Windows, macOS и Linux, сборка для Android и обычный сайт. Так автор и собрал клиент Reddit: Tauri заворачивает фронтенд в десктоп, Capacitor в Android, а он же открывается как сайт.
За таким решением прячутся четыре счёта. Собрать .msi на маке не выйдет: Tauri опирается на нативный тулчейн каждой системы. На старых Windows программа может открыться белым окном. Дефолтный release-бинарник Rust выходит толстым. А с авторизацией вышла отдельная боль: в браузере OAuth возвращает пользователя на callback-адрес, а в упакованном виде отвечать по нему некому.
Подробности на dev.to. | 2 410 |
| 4 |  لا يوجد نص... | 2 332 |
| 5 |  Делаем из плоского фото 3D-сцену со светом и тенями
В новом туториале Codrops Dominik Fojcik показывает, как обычное 2D-изображение начинает отбрасывать настоящие тени: без 3D-модели, одной текстурой. Берёте картинку, генерируете карту глубины и пропускаете свет через WebGPU-шейдер в Three.js.
Фишка в том, что готовые карты глубины обычно 8-битные, всего 256 градаций, и на гладких поверхностях свет ловит ступеньки. Автор же разбирает, как конвертировать карту в float, слегка размыть и сохранить в half-float, чтобы шум исчез.
Работает пока только где есть WebGPU. Пошаговый туториал на Codrops. | 1 978 |
| 6 |  Он не был в отпуске с того самого релиза, который «вот-вот стабилизируется». Пришло время отправить Типичного Программиста в отпуск!
В новой мини-игре нужно откопать разработчика, найти билет, сложить чемодан и подобрать гардероб, в котором не три одинаковые чёрные футболки. Спойлер: он всё равно попытается запихнуть ноутбук в чемодан. Ваша задача — чтобы шорты тоже влезли. Найдите все пасхалки от партнёров и помогите разрабу уйти в отпуск со спокойной душой!
Играть → https://tprg.ru/SEVh | 1 998 |
| 7 |  JWT-аутентификация: лучшие практики
LogRocket разобрал, как не уронить безопасность аутентификации одним неверным решением. Их вывод простой: access короткоживущий и живёт в оперативной памяти, а refresh длинноживущий — прячется в httpOnly-куках, куда JavaScript не достаёт. Даже при XSS атакующий получит только короткий токен, а не ключ к бесконечному входу.
В статье есть и менее очевидные моменты. Если сейчас проектируете аутентификацию или проверяете текущую схему, рекомендую разбор по ссылке. | 2 019 |
| 8 |  لا يوجد نص... | 1 850 |
| 9 |  React не следит за фокусом — useFocus из @reactuses/core делает это за него
В React нет состояния, которое говорит, активно ли сейчас поле ввода. document.activeElement показывает ответ, но не перерендеривает компонент при смене фокуса, а autoFocus стреляет один раз и не даёт вернуть фокус программно. Приходится вешать onFocus и onBlur вручную.
Хук useFocus из @reactuses/core сворачивает это в [isFocused, setFocused]: первая часть отражает реальное состояние элемента, вторая вызывает focus() или blur() по вашей логике. Например, при программном фокусе на поиске.
Для подсветки рамки хватит CSS :focus, но как только фокус начинает управлять JSX через подсказки, плавающие лейблы или паузу тикера, хук убирает шаблонный код.
Я бы сохранил его для форм и модалок, где фокус важен для UX, а не только для стилей. Разобрали в статье. | 3 213 |
| 10 |  Какой побеждает в тебе? | 2 828 |
| 11 |  Выбираем менеджер пакетов
При десятке JS/TS-проектов вопрос — не «кто быстрее ставит», а «кто не раздует node_modules и не даст импортнуть левое». Автор сравнения оценил npm, Yarn, pnpm и Bun по этому критерию.
Разбор по ссылке. | 2 939 |
| 12 |  Утечки памяти в JS: почему фронтенд тормозит со временем
Долгоживущие вкладки часто тормозят из-за мелких ссылок, которые не дают сборщику мусора освободить память. В JavaScript объект живёт, пока на него остаётся ссылка, и удаление последней ссылки отправляет его в следующий проход сборщика мусора.
Чаще всего утечки дают забытые таймеры и обработчики событий, отсоединённые DOM-узлы, оставшиеся в массивах, и глобальные переменные без let, const или var. Замыкания тоже держат ссылки дольше, чем нужно.
Проверить проще, чем кажется: в Chrome DevTools вкладка Memory покажет снимок кучи и найдёт объекты, которые висят дольше положенного. А для метаданных объектов посмотрите на WeakMap: при удалении основной ссылки данные уйдут вместе с ней. Подробнее в азборе от Sharique Siddiqui. | 3 730 |
| 13 | uBlock Origin больше не фильтрует рекламу в *Facebook
Разработчик проекта объявил, что команда прекращает поддержку сайта: соцсеть меняет разметку быстрее, чем волонтёры успевают чинить фильтры. Правки со стороны примут пул-реквестом, но сами тянуть это больше не будут.
Интереснее механика, из-за которой гонка проиграна. Слово Sponsored на карточке рекламы разбито на отдельные буквы, каждая живёт в своём элементе, и приёму этому около пяти лет. Порядок букв иногда перемешивают, а между ними подставляют фиктивные символы, так что фильтр, ловящий объявление по тексту, получает мусор.
*Компания Meta и её продукты признаны экстремистскими, их деятельность запрещена на территории РФ. | 3 716 |
| 14 |  لا يوجد نص... | 2 463 |
| 15 | Откройте свой логотип в Chrome и Firefox рядом: в одном он будет толще
Растровая иконка размером пикселей в пятнадцать в двух браузерах выглядит по-разному: в Chrome штрихи полнее, в Firefox ближе к оригиналу. Оказалось, что некоторые изображения Chrome целиком даже не распаковывает.
Разработчик разобрал, почему так: сколько мегабайт памяти браузер на этом экономит, при чём тут блоки 8 на 8 и почему тот же приём годится не только для уменьшения.
Проверить у себя можно за минуту: откройте страницу в двух браузерах и приблизьте иконку. Если разница видна, читайте разбор целиком, он короткий и с примерами до и после. Заодно узнаете, чем это лечится. | 2 675 |
| 16 |  Почему учиться в IT стало сложнее?
Вайбкодинг создал иллюзию, что теперь любой может сделать продукт быстро и легко, всего лишь с парой подписок.
Работает это не так: необходимость разбираться в том, как всё устроено, применять знания и читать код никуда не делась.
Разбор задачи, на который раньше уходил месяц, теперь укладывается в десять минут. Именно за этот месяц набирался опыт, а теперь без хорошей базы почти невозможно оценить то, что модель выдала за минуты.
Почему разбираться теперь приходится глубже и быстрее, и что с этим делать — читайте на Tproger: https://tproger.ru/articles/uchitsya-v-it-stalo-slozhnee-chto-na-samom-dele-izmenil-vajbkoding | 2 534 |
| 17 |  Почему хорошие идеи так и остаются в заметках?
«Инициатива наказуема» — знакомое выражение? Промолчал, ничего не сделал: не накажут. Предложил и ошибся: накажут почти наверняка.
Например, некоторые компании переняли у Toyota контроль качества, только наоборот. У японцев за найденный брак поощряли, а в других компаниях стали наказывать. Так и пропадает желание что-то предлагать.
В новом материале на Tproger разбираем три ловушки, которые убивают инициативу внутри компании.
https://tproger.ru/articles/chto-mewaet-zapustit-novye-produkty-vnutri-kompanii | 2 414 |
| 18 |  Ваш сайт может обслуживать ИИ-агентов напрямую, не заставляя их кликать по вёрстке
Агенты уже ходят по вашим страницам, но работают с ними как человек: разбирают разметку, ищут поле поиска, кликают, заполняют форму. Токены при этом уходят на навигацию вместо самой задачи, а любая правка вёрстки сбивает агента с пути.
WebMCP предлагает сайту объявить свои действия явно, чтобы искать их не приходилось. Стандарт экспериментально поехал в Chrome 146: на странице появляется document.modelContext, и сайт регистрирует через него инструменты, то есть именованные операции с описанием и параметрами, вроде search_products с поисковым запросом. Агент вызывает нужную операцию как функцию и получает готовый ответ.
Руками это отдельная работа: решить, какие действия отдавать наружу, связать каждый инструмент с тем же кодом, который выполняет ваша кнопка, и поддерживать всё это, пока стандарт меняется. Cloudflare сделал из этого тумблер: их прокси дописывает одну строку со скриптом в каждую страницу, которую отдаёт ваш сайт, а скрипт регистрирует готовые наборы инструментов. Если браузер стандарта не понимает, скрипт молча завершается и страница работает как раньше.
Отдельный набор пробрасывает наружу ваш собственный MCP-сервер, если он уже есть: скрипт запрашивает у него список инструментов, регистрирует каждый как свой, а вызовы отправляет на /mcp того же origin с сессией посетителя. То есть агент работает с вашим бэкендом под правами залогиненного пользователя.
Пока это developer preview с двумя наборами инструментов, и всё исполняется в браузере посетителя. Прежде чем щёлкать тумблер, пройдитесь по списку инструментов: агенту станет доступно ровно то, что в нём объявлено, поэтому всё меняющее состояние, от оформления заказа до правки профиля, либо не выкладывайте, либо оставляйте за подтверждением пользователя.
#mcp | 2 253 |
| 19 |  В гриде и флексбоксе наконец заработали нативные разделители между элементами
Линию между колонками мы до сих пор рисуем обходным путём: вешаем бордер на соседний элемент или заводим псевдоэлемент, а потом правим это на переносах строк и по краям сетки. Со 149-й версии Chrome и Edge задача закрывается штатно: свойство column-rule, работавшее раньше только в многоколоночной вёрстке, теперь понимают grid и flexbox, а для второй оси появилось row-rule. Firefox и Safari фичу пока не умеют.
Разработчик из команды Edge рассказывает, что поменялось в фиче с раннего превью:
— почему outset переименовали в inset;
— зачем понадобились отдельные свойства для концов и пересечений линий;
— как gap-rule-paint-order стал rule-overlap;
— для чего появилось rule-visibility-items.
Полифил для отставших браузеров только пишут. Значит, включать фичу можно там, где линии остаются украшением: без поддержки просто ничего не нарисуется, и вёрстка не поедет. А если без разделителей блоки визуально слипаются, придётся ждать полифила или Safari.
#css | 2 252 |
| 20 |  Карьерный потолок не щадит никого: время идёт, таски закрываются, приходит скука и предел. Можно ли вырваться из «Матрицы»?
https://tproger.ru/articles/zhizn-posle-senora-kak-ya-haknul-matricu | 2 370 |
