![Frontender's notes [ru]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1qrVZ3%2F5348049928330532677%3Fty%3Dl&w=48&q=75){kind=small}
Frontender's notes [ru]
رفتن به کانال در Telegram
Ведущий канал о современном фронтенде: статьи, новости, практики, вайбкодинг и автоматизация фронта ИИ-агентами. Личный блог автора - @just_genych MAX - https://max.ru/frontendnoteschannel_ru По вопросам рекламы или разработки - @g_abashkin
نمایش بیشتر![Frontender's notes [ru]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1qrVZ3%2F5348049928330532677%3Fty%3Dx&w=32&q=75){kind=small}
شبکه:📈 تحلیل کانال تلگرام Frontender's notes [ru]
کانال Frontender's notes [ru] (@frontendnoteschannel_ru) در بخش زبانی روسی بازیگری فعال است. در حال حاضر جامعه شامل 31 446 مشترک است و جایگاه 4 129 را در دسته فناوری و برنامهها و رتبه 20 284 را در منطقه روسيا دارد.
📊 شاخصهای مخاطب و پویایی
از زمان ایجاد در невідомо، پروژه رشد سریعی داشته و 31 446 مشترک جذب کرده است.
بر اساس آخرین دادهها در تاریخ 15 سپتامبر, 2026، کانال فعالیت پایداری دارد. در ۳۰ روز گذشته تغییر اعضا برابر -290 و در ۲۴ ساعت گذشته برابر -9 بوده و همچنان دسترسی گستردهای حفظ شده است.
- وضعیت تأیید: تأیید نشده
- نرخ تعامل (ER): میانگین تعامل مخاطب 7.92% است و در ۲۴ ساعت نخست پس از انتشار، محتوا معمولاً 4.97% واکنش نسبت به کل مشترکان کسب میکند.
- دسترسی پستها: هر پست به طور میانگین 2 492 بازدید دریافت میکند. در اولین روز معمولاً 1 562 بازدید جمعآوری میشود.
- واکنشها و تعامل: مخاطبان بهطور فعال حمایت میکنند؛ میانگین واکنش به هر پست 8 است.
- علایق موضوعی: محتوا بر موضوعات کلیدی مانند браузер, api, css, интерфейс, загрузка تمرکز دارد.
📝 توضیح و سیاست محتوایی
نویسنده این فضا را محل بیان دیدگاههای شخصی توصیف میکند:
“Ведущий канал о современном фронтенде: статьи, новости, практики, вайбкодинг и автоматизация фронта ИИ-агентами.
Личный блог автора - @just_genych
MAX - https://max.ru/frontendnoteschannel_ru
По вопросам рекламы или разработки - @g_abashkin”
به لطف بهروزرسانیهای پرتکرار (آخرین داده در تاریخ 16 سپتامبر, 2026)، کانال همواره بهروز و دارای دسترسی بالاست. تحلیلها نشان میدهد مخاطبان بهطور فعال با محتوا تعامل دارند و آن را به نقطه اثرگذاری مهم در دسته فناوری و برنامهها تبدیل کردهاند.
31 446
مشترکین
-924 ساعت
-667 روز
-29030 روز
در حال بارگیری داده...
کانالهای مشابه
ابر برچسبها
اشارات ورودی و خروجی
---
---
---
---
---
---
جذب مشترکین
سپتامبر '26
سپتامبر '26
+96
در 23 کانالها
اوت '26
+93
در 10 کانالها
Get PRO
ژوئیه '26
+128
در 10 کانالها
Get PRO
ژوئن '26
+111
در 0 کانالها
Get PRO
مه '26
+239
در 22 کانالها
Get PRO
آوریل '26
+300
در 0 کانالها
Get PRO
مارس '26
+136
در 1 کانالها
Get PRO
فوریه '26
+156
در 1 کانالها
Get PRO
ژانویه '26
+250
در 60 کانالها
Get PRO
دسامبر '25
+319
در 28 کانالها
Get PRO
نوامبر '25
+379
در 69 کانالها
Get PRO
اکتبر '25
+210
در 32 کانالها
Get PRO
سپتامبر '25
+265
در 90 کانالها
Get PRO
اوت '25
+111
در 6 کانالها
Get PRO
ژوئیه '25
+223
در 2 کانالها
Get PRO
ژوئن '25
+247
در 9 کانالها
Get PRO
مه '25
+255
در 4 کانالها
Get PRO
آوریل '25
+266
در 1 کانالها
Get PRO
مارس '25
+285
در 24 کانالها
Get PRO
فوریه '25
+449
در 27 کانالها
Get PRO
ژانویه '25
+380
در 36 کانالها
Get PRO
دسامبر '24
+612
در 53 کانالها
Get PRO
نوامبر '24
+576
در 40 کانالها
Get PRO
اکتبر '24
+439
در 27 کانالها
Get PRO
سپتامبر '24
+470
در 34 کانالها
Get PRO
اوت '24
+466
در 24 کانالها
Get PRO
ژوئیه '24
+458
در 34 کانالها
Get PRO
ژوئن '24
+431
در 33 کانالها
Get PRO
مه '24
+442
در 30 کانالها
Get PRO
آوریل '24
+371
در 26 کانالها
Get PRO
مارس '24
+374
در 13 کانالها
Get PRO
فوریه '24
+846
در 4 کانالها
Get PRO
ژانویه '24
+590
در 22 کانالها
Get PRO
دسامبر '23
+786
در 34 کانالها
Get PRO
نوامبر '23
+431
در 8 کانالها
Get PRO
اکتبر '23
+522
در 1 کانالها
Get PRO
سپتامبر '23
+842
در 0 کانالها
Get PRO
اوت '23
+1 001
در 0 کانالها
Get PRO
ژوئیه '23
+1 476
در 0 کانالها
Get PRO
ژوئن '23
+1 096
در 0 کانالها
Get PRO
مه '23
+916
در 0 کانالها
Get PRO
آوریل '23
+908
در 0 کانالها
Get PRO
مارس '23
+878
در 0 کانالها
Get PRO
فوریه '23
+584
در 0 کانالها
Get PRO
ژانویه '23
+1 454
در 0 کانالها
Get PRO
دسامبر '22
+638
در 0 کانالها
Get PRO
نوامبر '22
+1 656
در 0 کانالها
Get PRO
اکتبر '22
+536
در 0 کانالها
Get PRO
سپتامبر '22
+537
در 0 کانالها
Get PRO
اوت '22
+857
در 0 کانالها
Get PRO
ژوئیه '22
+1 735
در 0 کانالها
Get PRO
ژوئن '22
+523
در 0 کانالها
Get PRO
مه '22
+218
در 0 کانالها
Get PRO
آوریل '22
+268
در 0 کانالها
Get PRO
مارس '22
+186
در 0 کانالها
Get PRO
فوریه '22
+424
در 0 کانالها
Get PRO
ژانویه '22
+734
در 0 کانالها
Get PRO
دسامبر '21
+816
در 0 کانالها
Get PRO
نوامبر '21
+663
در 0 کانالها
Get PRO
اکتبر '21
+1 410
در 0 کانالها
Get PRO
سپتامبر '21
+565
در 0 کانالها
Get PRO
اوت '21
+1 525
در 0 کانالها
Get PRO
ژوئیه '21
+1 531
در 0 کانالها
Get PRO
ژوئن '21
+1 533
در 0 کانالها
Get PRO
مه '21
+2 084
در 0 کانالها
Get PRO
آوریل '21
+1 811
در 0 کانالها
Get PRO
مارس '21
+8 672
در 0 کانالها
Get PRO
فوریه '21
+1 828
در 0 کانالها
Get PRO
ژانویه '21
+1 309
در 0 کانالها
Get PRO
دسامبر '20
+12 495
در 0 کانالها
| تاریخ | رشد مشترکین | اشارات | کانالها | |
| 16 سپتامبر | +7 | |||
| 15 سپتامبر | +3 | |||
| 14 سپتامبر | +3 | |||
| 13 سپتامبر | 0 | |||
| 12 سپتامبر | 0 | |||
| 11 سپتامبر | +4 | |||
| 10 سپتامبر | +5 | |||
| 09 سپتامبر | +8 | |||
| 08 سپتامبر | +25 | |||
| 07 سپتامبر | +15 | |||
| 06 سپتامبر | 0 | |||
| 05 سپتامبر | 0 | |||
| 04 سپتامبر | +3 | |||
| 03 سپتامبر | +6 | |||
| 02 سپتامبر | +9 | |||
| 01 سپتامبر | +8 |
پستهای کانال
Топовый хостинг под Node.js-приложения и Next.js-сайты с SSR в 2026-м
Внутри — про профильные PaaS-облака и про то, с какой стороны вообще подходить к хостингу сайтов с SSR, то есть серверным рендерингом, на React (Next.js, Remix, Astro), Vue (Nuxt.js, Quasar) и Angular.
Где сервисы хороши, а где откровенно хромают — разбирают. Плюс хостинг у VPS- и Serverless-провайдеров. А в финале — пример деплоя нодовского приложения с BullMQ и Redis.
Читать далее
👉 Frontender's notes
| 2 |  Свой корпоративный мессенджер на Matrix: дневник инженера
На словах задача была простая: собрать ВКС с Jitsi и чатом, да ещё и завезти аккуратный интерфейс в корпоративном стиле. Решение — свой тонкий веб-клиент поверх matrix-js-sdk: болтает с уже имеющимися Synapse-сервером и Jitsi-сервером, но снаружи выглядит и ведёт себя как кусок внутреннего портала.
Дальше — подробный, местами болезненный дневник этой стройки: от каркаса на Vite до продакшена с живыми юзерами и крайне поучительных багов.
Читать далее
👉 Frontender's notes | 916 |
| 3 |  Kwork Hider — расширение с кнопкой «Скрыть» для проектов на Kwork
На kwork.ru/projects ежедневно вываливается полсотни проектов. И добрая половина — вообще не твоё. Кнопки «скрыть» там не завезли, так что ты снова и снова пролистываешь один и тот же шлак.
Один умелец сделал расширение Kwork Hider. Оно прикручивает к проектам кнопку «Скрыть». Про свою мотивацию он сказал максимально коротко: «Кто листал, тот знает».
Читать далее
👉 Frontender's notes | 1 475 |
| 4 |  Накатил свой бесплатный плагин — и вход на WordPress через VK ID работает
Очередной хозяин сайта на WordPress решил не мучить людей регистрацией и пустить всех через сторонние сервисы. Модная нынче тема, говорит, так что выбор пал на авторизацию через ВК.
Раньше он такое уже проворачивал. Но в этот раз уперся: готового решения под задачу не нашлось. В статье рассказывает, как закрыл потребность своим плагином и денег за него не просит.
Читать на Habr
👉 Frontender's notes | 1 570 |
| 5 |  🔴 Тестовый собес на Frontend-разработчика со старшим разработчиком ex. Сбер в этот четверг!
[+ разбор 50 сложных вопросов в подарок ]
17 сентября (в этот четверг!) в 19:00 по мск приходи онлайн, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика!
Собеседование проведёт Даниил Дмитриев - старший разработчик в R-Vision, ex. Сбер,
Как это будет:
📂 Даниил задаст разработчику вопросы и задачи, которые могут спросить на реальном собесе
📂 После каждого ответа респондента ты услышишь подробный комментарий от ментора и поймёшь, чего на самом деле ожидает собеседующий на интервью
📂 В конце сможешь задать любой вопрос Даниилу и получить на него развёрнутый ответ
Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы
И ты можешь посмотреть его бесплатно 🔥
Только завтра, в прямом эфире!
🎁 Подарок для всех, кто зарегается на веб — файл с ОТВЕТАМИ НА 50 СЛОЖНЫХ ВОПРОСОВ с Frontend-собеседований 🔥
Переходи в бот, чтобы попасть на эфир и забрать подарок 👉 @shortcut_front_bot
Реклама.
О рекламодателе. | 1 505 |
| 6 |  Провайдер баз данных на TypeScript — и ни одного JDBC
На Habr выкатили статью про то, как устроен универсальный DB-провайдер на TypeScript, причём без JDBC.
Автор отталкивается от простой мысли: в зрелых корпоративных мирах типа Java или .NET всё, что лазает в базу, держится на интерфейсах, стандартизированных на уровне рантайма (Service Provider Interfaces / SPI).
В TypeScript подобного стандартного слоя нет. Вот статья и разбирает, как в таких условиях собирают провайдер БД.
Читать далее
👉 Frontender's notes | 1 598 |
| 7 |  Мужик раскопал математику кейс-сайтов по CS2 — и запилил свой
Пару месяцев назад он сам себя спросил: когда жмёшь «открыть» на такой площадке — накручивают тебя на ролле или как-то по-другому? Таких сайтов десятки, бабки там крутятся приличные, а исходники не выложил ни один. Снаружи — лента и кнопка, а под капотом — Steam-боты, эмуляция клиента, HMAC, целочисленная бухгалтерия и математика, собранная так, что в среднем в плюсе остаётся сайт.
Доказывать это на уровне «да там все скамеры» автор не стал. Он просто целиком написал такой сайт и выложил под MIT. И это не демка с анимацией: заходишь через Steam, крутишь кейс с роллом, который можно проверить, продаёшь и апгрейдишь шмот, кидаешь заявку на вывод — и её реально отправляет торговый бот, а в админке кейс собирается по RTP до того, как уйдёт в продажу.
А главный вывод вышел не про мухлёж в ролле: мухлевать там просто не требуется.
Репозиторий: github.com/ialakey/caseforge
Читать далее: habr.com/ru/articles/1081642
👉 Frontender's notes | 1 900 |
| 8 | Standard JSON Schema vs JSON Schema
JSON Schema — это стандарт, которым описывают JSON. Standard JSON Schema — стандарт для… И нет, тут не опечатка и не дубль одного и того же стандарта, просто имена подобраны так, что с ходу и не различишь.
А в чём именно между ними разница — разобрано в статье на Habr.
Читать: habr.com/ru/articles/1081812
👉 Frontender's notes | 1 856 |
| 9 |  Проектирование архитектуры плагинов для сторонних провайдеров баз данных в TypeScript-приложении
Автор расписал, как он возился с архитектурой LibreDB Studio — это IDE для баз данных на TypeScript, которая тянет сразу несколько SQL и NoSQL баз. Пока копался в слое провайдеров, у него вырисовалась довольно строгая схема: подключать новые базы становится безопаснее, а основного кода, который приходится трогать, — меньше. Про саму архитектуру он разложил в блоге, а как сейчас добавляют провайдера — задокументировано в репозитории.
Схема, кстати, рабочая. Но остаётся вопрос пошире: чтобы завести нового провайдера, его всё равно нужно впихнуть в основную кодовую базу LibreDB Studio. В итоге автору хочется уехать куда-то в сторону экосистемы плагинов.
Читать далее
👉 Frontender's notes | 1 897 |
| 10 |  Свой UI Kit: стартовали с 6 компонентов, докрутили до 30+. И один косяк умудрился положить разметку сразу во всех проектах
Когда в проекте плодятся однотипные куски интерфейса, рано или поздно в голову стучится мысль: а зачем мы снова и снова пишем один и тот же Button, Input или Select?
Готовые варианты — Ant Design и Material UI в том числе — прикидывали, но они не закрывали запросы: хотелось посильнее контролировать, как компоненты выглядят и как себя ведут, тонко подгонять их под свои задачи и не забывать про требования проекта к безопасности.
Читать далее
👉 Frontender's notes | 2 015 |
| 11 |  Как я почти завязал с ручным кодингом: оркестрация ИИ-агентов и методология SAMO
Автор говорит, что за последние пару лет почти перестал стучать по клавиатуре сам, а софта при этом клепает, похоже, больше, чем раньше. Львиную часть работы теперь тянут Codex, Claude Code, Gemini и прочие ИИ-агенты, а его собственные задачи всё сильнее смахивают на проектирование среды, где эти ребята могут безопасно работать.
Дальше он попробовал копнуть глубже и перестроить под ИИ уже саму архитектуру кодовой базы: сузил пространство решений, вывернул файловую систему почти в систему типов и запустил несколько агентов параллельно. Из этого и выросла SAMO.
По его мнению, главный вопрос AI-разработки, возможно, уже не «насколько хорошо ИИ пишет код», а «какую систему мы должны построить вокруг него». Читать далее
👉 Frontender's notes | 1 959 |
| 12 |  ИИ уже пилит микросервисы с одного промпта. А я, разработчик, всё ещё зачем-то нужен
Автор напоминает: нас хоронят по расписанию, раз в пару лет. Сначала — визуальные конструкторы. Потом no-code, low-code, автогенерация CRUD. Следом подъехал Copilot.
Теперь на очереди LLM: за вечер накидает тебе backend, frontend, Docker Compose, миграции, OpenAPI, Kafka, PostgreSQL, Redis, авторизацию, тесты, README и компилятор в довесок.
Соцсети подкидывают дров: «собрал SaaS за 20 минут», «нейронка написала мне приложение», «один промпт заменил команду разработки». Но чем плотнее автор ковыряется с ИИ-тулзами, тем меньше верит в наше исчезновение. И дело не в том, что ИИ тупой — как раз наоборот: код он выдаёт годный.
И проверяет он это на самом скромном масштабе из возможных: без бэкенда, Kafka и восьми сервисов. Один фронтенд, один экран поиска.
Читать далее
👉 Frontender's notes | 1 905 |
| 13 |  RWC. Реактивные веб-компоненты
Года не прошло (ладно, ровно год), как автор выкатил RWC — веб-компоненты на сигналах, где ни JSX, ни компилятора шаблонов. Пост собрал восемь тысяч прочтений и тридцать комментов, а потом ядро уехало на переписывание.
Дальше в тексте: что вообще поменялось к версии 3.0 и какой холивар прилетел из комментариев — нахрена это нужно, если есть Lit, и реально ли Web Components настолько плохи, как про них говорят.
Читать далее
👉 Frontender's notes | 1 964 |
| 14 |  Язык, у которого не было ни единого датасета, заговорил — и хватило одной потребительской видяхи
Несколько месяцев на одной домашней видеокарте — и у крымскотатарского появилось рабочее распознавание речи (WER 0.3463 → 0.1701) плюс синтез, который вслух прочитал целую книгу: шестнадцать глав, 1 час 58 минут звучания.
Само обучение моделей сожрало часы. А всё остальное время ушло на данные, проверки и выяснение того, какие из собственных измерений врут. По словам автора, именно вторая часть кочует в любой язык, а первая — нет. Конкретных источников аудио, договорённостей с правообладателями, точных рецептов пайплайна и внутренних скриптов в статье не жди — там будут метрики, порядки величин, методология проверки и грабли.
Читать далее
👉 Frontender's notes | 2 080 |
| 15 |  Shopify валит с React Native
Шесть лет прожили на RN — и хватит. Приложения переписывают на нативный Swift с Kotlin. Обоснование: кодинг-агенты сбили цену разработки одних и тех же фич дважды. В посте Shopify Engineering заодно пояснили, что будет с React Native Skia, FlashList и Restyle.
Есть и отдельный материал про 12-недельный рерайт Shop — с метриками старта, стабильности и размера до и после.
Только рады не все: в ветке r/reactnative один из основателей Expo предположил, что это «скорее политическое решение, чем техническое», и что приложение на старой архитектуре сравнивали со свежим рерайтом.
Источник: React Status #490
👉 Frontender's notes | 2 085 |
| 16 |  Свой велосипед ради покрытия: когда готовые тулзы пасуют
На Habr разбирают кейс: даны параметры, некоторые из них умеют собираться в каскады, и надо посчитать, что там покрыто. Логика простая — если тесты есть на каскад, внутри которого сидит параметр, значит и параметр закрыт.
И считать надо не ветки, не сценарии, не строки кода, чем обычно и занимаются coverage.py или pytest-cov. Тут речь про покрытие самих сущностей. Подходящего инструмента под это не завезли — так что пилим свою телегу.
Читать далее
👉 Frontender's notes | 2 094 |
| 17 |  22-23 сентября приглашаем на АЛЬФА ВААА{АИ}ЙЙЙБ ХАКАТОН. Создавайте проект высоконагруженного прокси, соревнуйтесь за 2,3 миллиона рублей, общайтесь в комьюнити топовых вайб-кодеров.
Всех участников пригласим 30 сентября на АЛЬФА ВААА{АИ}ЙЙЙБ МИТАП. Узнаем, кто из финалистов получит миллион, зажжём на техно-рейве с группой ЛАУД и проведём ток-шоу про нейросети.
Скорее регистрируйтесь | 1 697 |
| 18 | Отменяемые View Transitions в SPA
document.startViewTransition() прекрасен в демках и разваливается, когда пользователь кликает по ссылкам быстрее, чем заканчивается анимация.
Наложение переходов. Браузер сам скипнет предыдущий переход, начиная новый, но ваш updateCallback уже мог стартовать fetch и записать состояние роутера - получаете гонку, в которой побеждает не последний клик. Лечится явным AbortController на загрузку данных и skipTransition() на активный переход.
Scroll restoration. Браузер делает два снапшота: до и после updateCallback. Если восстанавливать скролл после finished, новый снапшот уже зафиксирован - будет видимый прыжок. Позицию нужно восстанавливать внутри updateCallback, а scroll-behavior: smooth на время перехода отключать, иначе кадр снапшота ловится в середине анимации скролла.
Утечки. view-transition-name должен быть уникален в документе. Имя, оставленное на элементе, который вы «закрыли» (display: none, но узел в DOM), уронит следующий переход ошибкой о дубликате. Плюс до finished живут псевдо-оверлеи ::view-transition-old/new: если держите на них блокировку скролла (overflow: hidden, position: fixed), снимайте в finally, иначе после отмены страница останется «залипшей».
Каркас:
let activeVT: ViewTransition | null = null;
let ac: AbortController | null = null;
async function navigate(to: string) {
activeVT?.skipTransition(); // гасим висящую анимацию
ac?.abort(); // и незавершённый запрос
ac = new AbortController();
const data = await loadPage(to, { signal: ac.signal })
.catch(() => null);
if (!data) return; // aborted
const vt = document.startViewTransition(async () => {
history.replaceState({ y: scrollY }, '', location.pathname);
render(data);
restoreScroll(to); // скролл - ДО снапшота нового состояния
});
activeVT = vt;
document.documentElement.classList.add('vt-lock');
vt.ready.catch(() => {}); // скип реджектит ready, без unhandled
try {
await vt.finished;
} catch {
// переход отменён - это норма
} finally {
document.documentElement.classList.remove('vt-lock');
if (activeVT === vt) activeVT = null;
}
}
Ещё пара мелочей: восстанавливайте фокус (document.activeElement) после перехода, иначе скринридер останется на удалённом узле; в updateCallback не запускайте лишних await - браузер ждёт промис, а старый снапшот всё это время висит мёртвым кадром.
Источники:
- MDN: View Transition API, ViewTransition.skipTransition()
- W3C CSS View Trans | 1 923 |
| 19 |  HTML в 2026: что там вообще прилетело
Крис Койер прошёлся по фичам HTML, за которыми стоит присматривать: элемент geolocation, HTML-in-Canvas, доступ к камере и микрофону через usermedia, плюс элемент model. Да, HTML ползёт медленнее, чем CSS и JavaScript, но свежака подвозят столько, что отставать не выходит.
Разбор — в выпуске Frontend Focus #757 от 9 сентября 2026 года.
Frontend Focus #757
👉 Frontender's notes | 2 081 |
| 20 |  Хочешь карьеру в ИТ? Начни с программы «Мини-СЕО»
⚡Попади в команду топ-менеджера Т-Банка и работай над стратегическими проектами компании.
В зависимости от трека ты сможешь:
— разрабатывать эффективные методологии для оценки влияния продукта на экосистему с Владимиром Любимовым;
— исследовать экосистемы и находить наиболее перспективные точки роста с Максимом Безруковым;
— развивать сегмент автолюбителей и заниматься региональной экспансией Т-Банка с Жорой Сукасяном;
— вести стратегический план развития 3P, развивать AI-продукты и искать, где AI может упростить работу команды, c Денисом Коротовым;
— участвовать в создании B2B-маркетплейса c Владимиром Абазовым.
Программа подойдет студентам и джуниор-специалистам, которые сильны в математике, аналитике и программировании. Успей подать заявку до 25 сентября!
Зарегистрироваться
#реклама 16+
t-miniceo.ru
О рекламодателе | 1 583 |
