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

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

Открыть в Telegram

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

Больше

📈 Аналитический обзор Telegram-канала Веб-страница

Канал Веб-страница (@tproger_web) языкового сегмента Русский является активным участником. Сейчас сообщество объединяет 22 886 подписчиков, занимая 1 309 место в категории Искусство и дизайн и 29 146 место в регионе Россия.

📊 Показатели аудитории и динамика

С момента создания невідомо проект демонстрирует стремительный рост, собрав аудиторию из 22 886 подписчиков.

Согласно последним данным от 30 июня, 2026, канал показывает стабильную активность. За последние 30 дней изменение числа участников составило -176, а за последние 24 часа — -2, при этом общий охват остаётся высоким.

  • Статус верификации: Не верифицирован
  • Уровень вовлечённости (ER): Средний показатель вовлечённости аудитории составляет 11.48%. В первые 24 часа после публикации контент обычно набирает 6.90% реакций от общего числа подписчиков.
  • Охват публикаций: В среднем каждый пост получает 2 628 просмотров. В течение первых суток публикация набирает 1 580 просмотров.
  • Реакции и взаимодействия: Аудитория активно поддерживает контент: среднее количество реакций на один пост — 6.
  • Тематические интересы: Контент сосредоточен на ключевых темах, таких как css, javascript, html, github, браузер.

📝 Описание и контентная политика

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

Благодаря высокой частоте обновлений (последние данные получены 01 июля, 2026) канал поддерживает актуальность и высокий уровень охвата публикаций. Аналитика показывает, что аудитория активно взаимодействует с контентом, что делает его важной точкой влияния в категории Искусство и дизайн.

22 886
Подписчики
-224 часа
-387 дней
-17630 день

Загрузка данных...

Привлечение подписчиков
июль '26
июль '260
в 0 каналах
июнь '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 каналах
Дата
Привлечение подписчиков
Упоминания
Каналы
01 июля0
Посты канала
Аутсорс, инхаус или выделенная команда — что реально дешевле? Спойлер: ставка разработчика вам этого не скажет. Сравнивать модели по ставке довольно бессмысленное занятие, потому что за низкими ставками прячутся найм, налоги, онбординг, простои, переделки и часы техлида. В смете их не видно, а в бюджете — ещё как. Разбираемся, как считать настоящий TCO (полную стоимость владения) по трём моделям: 🔘Инхаус — почему свой разработчик дороже оффера; 🔘Аутсорс — за что вы платите маржу подрядчику; 🔘Выделенные команды — почему «возьмём человека и ускоримся» работает не всегда. Внутри — формулы для каждой модели и чек-лист из 3 пунктов, чтобы выбрать формат под свой проект.

2
Нет текста...
1 822
3
Тестируйте Vue-компоненты в браузере, без Node и сборки Мне давно не хватало лёгкого способа гонять фронтенд-тесты без тяжёлого Node-окружения. Playwright хорош, но новый процесс браузера на каждый тест и Node-оркестрация быстро утомляют. Автор jvns.ca пошёл другим путём: вместо отдельного браузера запускает интеграционные тесты Vue-компонентов прямо в открытой вкладке. Взял QUnit, встроил тесты в страницу и получил кнопку для перезапуска одного теста. Это удобно, когда в тестах много сетевых запросов и отлаживать хочется по одному. Для проектов без сборки так можно проверить компоненты в реальном DOM, не поднимая отдельный браузер. Если у вас небольшой Vue-проект без Node-сборки, я бы попробовал такую схему в QA перед релизом. Подробности в заметке.
2 314
4
Gleam — это функциональный язык, который компилируется в Erlang и JavaScript.
Gleam — это функциональный язык, который компилируется в Erlang и JavaScript.
1 966
5
Вашу фичу могут поломать костыли браузеров под крупные сайты Если вы тестируете новую фичу только в Chrome и считаете, что эт
Вашу фичу могут поломать костыли браузеров под крупные сайты Если вы тестируете новую фичу только в Chrome и считаете, что этого достаточно — стоит пересмотреть. Safari и Firefox хранят в движках списки исключений для гигантов вроде TikTok, Netflix, Instagram, Facebook, X и Reddit: рендер, события и медиа там работают не так, как на обычных сайтах. Firefox показывает их в about:compat — инъекции CSS/JS, подмена user-agent и костыли под конкретный домен. У Safari это Quirks.cpp в WebKit: например, для Facebook, X и Reddit видео не ставится на паузу, когда уходит из вьюпорта, но остаётся в PiP. К чему это вам: если ваша фича использует embedы, видео, соцлогины или интеграции с такими доменами, поведение в Safari/Firefox может отличаться от Chrome. Разбор от Staff Engineer из Canva.
1 983
6
Conduit: API-шлюз с TypeScript-плагинами вместо redeploy Если gateway на Go разрастается лапшой из префиксов, правка auth вед
Conduit: API-шлюз с TypeScript-плагинами вместо redeploy Если gateway на Go разрастается лапшой из префиксов, правка auth ведёт к новому деплою. Автор Conduit вынес эту боль в отдельный слой: Go занимается routing, proxying, CORS и SSRF-защитой, а логика авторизации, логирования и правил маршрутизации живёт в sandboxed Deno runtime как TypeScript-плагины. Go и Deno общаются через Unix-сокет со strict snapshot-and-patch протоколом. Меняете файл плагина, сохраняете, и gateway не пересобирается. На хосте уживаются разные схемы доверия: HMAC-сессии для user/chat и JWT для admin с X-Gateway-Admin-заголовками. Я бы сохранил: такое разделение редко даётся с первой итерации, а здесь оно разобрано на живом коде. Подробности и спорные решения пригодятся, если проектируете свою входную точку.
1 886
7
Deno соберёт веб-приложение в десктоп Если вам надоели тяжеловесные Electron-обёртки, Deno предлагает альтернативу. В мажорно
Deno соберёт веб-приложение в десктоп Если вам надоели тяжеловесные Electron-обёртки, Deno предлагает альтернативу. В мажорном релизе Deno добавит команды для сборки десктопа из TypeScript, Next.js, Astro, Fresh, TanStack Start или Vite SSR. Я бы сохранил: переносим веб-приложение в окно почти без лишних движений. Главный поворот — нативный WebView вместо встроенного Chromium (CEF). Приложение на WebView в macOS весит около 68,5 МБ, а на CEF выходит 308,9 МБ и стартует медленнее. Меню, диалоги и уведомления уже есть, а вот диалог выбора файла и API буфера обмена пока нет, мобильную версию обещают позже. В прод я бы это пока не нёс: нестабильно, и WebView на старых машинах может вести себя непредсказуемо. Но за развитием стоит следить.
2 880
8
Как выбрать системного интегратора в 2026 году? Выбор подрядчика — решение на несколько лет. Цена ошибки — суды или переписывание проекта с нуля. Не ошибиться всё-таки можно, если воспользоваться небольшим чек-листом для выбора подрядчика. Например, не стоит сразу начинать долгосрочное сотрудничество, а проверить нового партнёра на небольшой задаче. Внимательно смотрите на сметы, обращайте внимание на прозрачность и качество коммуникаций, и не забудьте свериться с репутацией интегратора на рынке. Всего критериев 12, обо всех подробно читайте в новом материале.
1 891
9
Как в Cloudflare шесть недель ловили баг в HTTP-библиотеке hyper Если вы пишете веб-сервисы на Rust, я бы сохранил этот разбо
Как в Cloudflare шесть недель ловили баг в HTTP-библиотеке hyper Если вы пишете веб-сервисы на Rust, я бы сохранил этот разбор. Команда Cloudflare Images перешла на прямое локальное соединение через Unix-сокеты, и большие изображения стали иногда возвращаться обрезанными: HTTP 200, но тело короче Content-Length. В логах тишина. Причина оказалась в hyper. Цикл poll_loop отбрасывал результат poll_flush, даже когда тот возвращал Poll::Pending. Баг существовал в версиях 0.14.x, 1.7 и 1.8, но прежний посредник читал данные быстро, и он не проявлялся. Cloudflare исправили его за четыре строки кода: flush теперь выполняется перед shutdown.
1 984
10
HTML научат обновлять часть страницы без JavaScript Если вы учите веб-разработку, полезно понимать, как браузер получает стра
HTML научат обновлять часть страницы без JavaScript Если вы учите веб-разработку, полезно понимать, как браузер получает страницу кусками. Сервер может сначала отправить шапку, потом боковое меню, а потом основной текст. Но если один блок тормозит на сервере, всё остальное ждёт его в очереди. Сейчас это обходят фреймворки и библиотеки вроде HTMX с помощью JavaScript. Предложение в Chrome добавляет в сам HTML маркеры-заполнители: сервер сначала говорит «сюда потом придёт контент», а когда он готов, браузер подставляет его в нужное место — без скриптов. Это не готово для настоящих сайтов, но помогает понять потоковую загрузку и частичные обновления изнутри. Разбор с примерами синтаксиса: откройте статью и найдите маркер-заполнитель — увидите, как HTML делится на «сейчас» и «потом».
2 051
11
Почему CSS @function ведёт себя как замыкание в JS Если вы проектируете компоненты или библиотеки, @function может упростить
Почему CSS @function ведёт себя как замыкание в JS Если вы проектируете компоненты или библиотеки, @function может упростить API: кастомная CSS-функция видит переменные не только там, где определена, но и в точке вызова. Это похоже на замыкание — переменные из контекста вызова становятся доступны внутри функции. Обычно --var наследуется вниз по DOM, а @function ломает эту привычку: при вызове она получает доступ ко всем переменным текущего контекста. В статье разбирают, как использовать это для тем, размеров и палитр без лишних аргументов. Я бы сохранил паттерн для дизайн-систем: задаёте --theme и --size-1 на корне, а функция сама подхватывает их там, где вызвана. Меньше дублирования и меньше шанса забыть пробросить значение в параметры.
2 738
12
В npm снова нашли малварь под видом PostCSS-плагинов Исследователи из JFrog обнаружили три вредоносных пакета, которые маскир
В npm снова нашли малварь под видом PostCSS-плагинов Исследователи из JFrog обнаружили три вредоносных пакета, которые маскируются под знакомые инструменты веб-разработки. Самый заметный — postcss-minify-selector-parser с 615 загрузками; ещё postcss-minify-selector (256) и aes-decode-runner-pro (145). Все трое опираются на легитимный postcss-selector-parser, чтобы выглядеть правдоподобно, но при установке разворачивают Windows-RAT (remote access trojan) через PowerShell и Python. Цепочка простая: JS-дроппер пишет settings.ps1, который качает ZIP с nvidiadriver[.]net и запускает update.vbs. Внутри — Python-рантайм, загрузчик loader.py и нативные модули, которые крадут пароли Chrome, собирают данные хоста и отправляют их на командный сервер. Я бы лично проверил package-lock.json на эти имена, особенно если CI ставит зависимости без ручного аудита.
3 301
13
Fetch API в JavaScript: как браузер просит данные у сервера Когда вы учите JS, наступает момент, когда хочется не просто менять страницу, а получать реальные данные и обрабатывать их. Fetch API — это встроенный способ браузера (и Node.js 18+) отправить сетевой запрос и получить ответ. Главная ловушка для новичка: fetch() не считает ошибку 404 или 500 настоящей ошибкой. Запрос всё равно выполнится, и его нужно проверять через response.ok или response.status. Иначе программа молча проглотит битый ответ. Чтобы закрепить, откройте консоль браузера, сделайте простой запрос на получение данных к любому открытому API и выведите результат. Подробнее — в туториале DigitalOcean.
2 539
14
dc.send(file) не существует: что на самом деле нужно для передачи файла в браузере Код из туториала по WebRTC-файлообмену выг
dc.send(file) не существует: что на самом деле нужно для передачи файла в браузере Код из туториала по WebRTC-файлообмену выглядит убедительно: чанки в цикле, метка transfer_done в конце. Я бы не тащил такое в прод. dc.send() кладёт данные в SCTP-буфер, но не гарантирует их уход в сеть. На медленном relay прогресс может показать 100%, а файл на диске получателя окажется обрезан. Автор собрал шесть таких ловушек: объект File не переживёт refresh, получатель может не быть готов к записи, а peer_left иногда — штатное завершение, а не ошибка. Разобрал здесь, если делаете P2P-передачу в браузере, советую проверить, где вы пишете свою надёжность поверх DataChannel.
2 664
15
Почему код иногда ведёт себя странно: учимся думать как JS-движок Когда вы только начинаете учить JavaScript, легко запомнить
Почему код иногда ведёт себя странно: учимся думать как JS-движок Когда вы только начинаете учить JavaScript, легко запомнить синтаксис и повторять за примерами. Но иногда код ведёт себя не так, как ожидается, и без понимания, как движок выполняет инструкции, разобраться трудно. Сумит Саха на freeCodeCamp разбирает, как устроен JavaScript изнутри: область видимости переменных, замыкания, события и асинхронность. Не просто синтаксис, а то, что происходит за кулисами. Начните с простого эксперимента: объявите переменную снаружи функции и ещё одну — внутри. Функция увидит внешнюю, а вот извне внутреннюю не прочитать. Посмотрите на ошибку: так область видимости перестаёт быть абстракцией.
2 938
16
Почему async без await — плохая привычка Кажется, что добавить async к функции «на всякий случай» безопасно. На деле вы меняе
Почему async без await — плохая привычка Кажется, что добавить async к функции «на всякий случай» безопасно. На деле вы меняете правила работы функции: она начинает возвращать не готовое значение, а Promise. Теперь каждый, кто её вызывает, обязан писать await, а значит, и его вызывающие тоже становятся async-функциями. Так «асинхронность» расползается по коду заразно: вдруг половина проекта завёрнута в Promise, хотя реальной работы с сетью или файлами там нет. Читать такой код сложнее — непонятно, где настоящее ожидание ответа от сервера, а где просто возврат готовой переменной. Правило проще, чем кажется: если внутри функции нет await, не пишите перед ней async. Добавите потом за минуту, когда это реально понадобится. Разбор Мэтта Смита поможет почувствовать разницу.
2 522
17
Авторитетный и рекурсивный DNS: зачем фронтендеру это знать Если вы меняли хостинг или прикручивали CDN, то видели, как новые
Авторитетный и рекурсивный DNS: зачем фронтендеру это знать Если вы меняли хостинг или прикручивали CDN, то видели, как новые записи встают не сразу — кто-то уже попадает на новый сервер, а кто-то ещё стучится в старый. Виноват не фреймворк, а разница между двумя ролями DNS. Авторитетный сервер считается источником правды для вашего домена: именно он отвечает за его DNS-записи. Рекурсивный резолвер выступает посредником: ходит от корня к TLD, затем к авторитетному серверу и кеширует ответ на своей стороне. Именно кеш резолверов, а не «где-то там в интернете», создаёт задержку при propagation. Понимание этой разницы помогает быстрее диагностировать, почему одни пользователи видят новую версию сайта, а другие продолжают видеть старую. Разбор от DNS Assistant стоит сохранить, если редактируете зоны.
3 075
18
Datasette Apps: HTML-приложения внутри инструмента для публикации SQLite Datasette — это опенсорсный инструмент, который выст
Datasette Apps: HTML-приложения внутри инструмента для публикации SQLite Datasette — это опенсорсный инструмент, который выставляет SQLite-базы как веб-интерфейс: таблицы, SQL-запросы, JSON API и плагины. Для веб-разработчика это способ быстро дать данным лицо или собрать внутреннюю админку без полноценного бэкенда. Теперь в нём появился плагин datasette-apps: HTML+JS-приложения, которые живут внутри Datasette и читают SQL прямо из браузера. Песочница жёсткая — iframe без cookies и localStorage, плюс CSP блокирует внешние запросы. Как пишет Саймон Уиллисон, даже если приложение сломают, приватные данные не уйдут со страницы. Запись возможна только через заранее сохранённые SQL-запросы. Я бы сохранил для прототипов и внутренних админок: вместо связки бэкенд+фронтенд получается самодостаточный блок, который сразу работает с SQLite. Потрогать можно на agent.datasette.io.
2 298
19
Если вы фронтендер и вам нужен бэкенд, этот разбор стоит сохранить Автор собрал учебный Task Manager API на FastAPI так, чтоб
Если вы фронтендер и вам нужен бэкенд, этот разбор стоит сохранить Автор собрал учебный Task Manager API на FastAPI так, чтобы за один проект пройти структуру, SQLAlchemy-модели, Pydantic-схемы, отдельный crud.py и маршруты через APIRouter. Получается 10 эндпоинтов для пользователей и задач — узнаваемая схема сервиса, а не игрушка. Сохранил бы тем, кто переходит от учебных скриптов к полноценному API и хочет разложить файлы по полочкам. Разбор с кодом на GitHub. #restapi #фронтенд #бэкенд
3 003
20
Как мы проскочили путь от первого iPhone и сложной разработки под мобильные устройства до эпохи ИИ? Что случилось и к чему это привело — в третьей части цикла об истории российского IT. Мобильный бум застал индустрию врасплох: было непонятно, как адаптировать сайты под маленькие экраны и что делать со слабой связью. Решением стали нативные приложения — их начали разрабатывать многие компании. Так мы пришли к эпохе супераппов, где собрано всё и сразу. Приложений, проектов и стартапов становилось больше — начался расцвет российского IT. Но разработчиков не хватало, и на сцену вышли курсы, школы и онлайн-уроки. Желающих войти в профессию оказалось огромное количество, и рынок быстро перегрелся. Теперь новичков заменяет ИИ, а найти работу — задача со звёздочкой. Сегодня гонка за лучшими программистами превратилась в гонку ИИ-инфраструктур. Так решения порождали новые проблемы, а российская IT-индустрия вышла на новый уровень сложности. Подробнее — в материале на Tproger.
2 530