en
Feedback

Don't get caught by a cheater! Telemetrio finds and tags such channels 👉 If you want to see the tag, subscribe

FrontEndDev

FrontEndDev

Open in Telegram

🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m AI и вайбкод @vibe_and_ai Читать на парковке: https://max.ru/front_end_dev Реклама: http://bit.ly/2NxmVDu РКН: https://clck.ru/3GLw7G

Show more

📈 Analytical overview of Telegram channel FrontEndDev

Channel FrontEndDev (@front_end_dev) in the Russian language segment is an active participant. Currently, the community unites 25 563 subscribers, ranking 5 219 in the Technologies & Applications category and 25 416 in the Russia region.

📊 Audience metrics and dynamics

Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 25 563 subscribers.

According to the latest data from 28 October, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -293 over the last 30 days and by -14 over the last 24 hours, overall reach remains high.

  • Verification status: Not verified
  • Engagement rate (ER): The average audience engagement rate is 9.60%. Within the first 24 hours after publication, content typically collects 5.79% reactions from the total number of subscribers.
  • Post reach: On average, each post receives 2 454 views. Within the first day, a publication typically gains 1 479 views.
  • Reactions and interaction: The audience actively supports content: the average number of reactions per post is 12.
  • Thematic interests: Content is focused on key topics such as css, api, интерфейс, html, frontend.

📝 Description and content policy

The author describes the resource as a platform for expressing subjective opinions:
“🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m AI и вайбкод @vibe_and_ai Читать на парковке: https://max.ru/front_end_dev Реклама: http://bit.ly/2NxmVDu РКН: https://clck.ru/3GLw7G”

Thanks to the high frequency of updates (latest data received on 29 October, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Technologies & Applications category.

25 563
Subscribers
-1424 hours
-787 days
-29330 days
Posts Archive
NoJS 3 — рассвет Flappy Bird Клон Flappy Bird без JavaScript: только HTML и CSS. Разбираем, как организовать игровую логику (движение, препятствия, столкновения) средствами современного CSS https://blog.scottlogic.com/2026/03/09/noJS-3-flappy-bird.html

ESLint v10.0.3: патч-апдейт для точнее проверок кода Вышла ESLint v10.0.3 — релиз, который исправляет баги предыдущей версии
ESLint v10.0.3: патч-апдейт для точнее проверок кода Вышла ESLint v10.0.3 — релиз, который исправляет баги предыдущей версии и обновляет зависимость minimatch до ^10.2.4, чтобы ESLint корректно распознавал файлы. Также добавлены точечные фиксы в сообщениях правил и обновлена документация/гайд по миграции. https://javascriptweekly.com/link/181821/web

OAuth 2.0 во фронтенде OAuth 2.0 на клиенте — это не только логин, но и безопасная работа с токенами: разбираем типичные «дыры», правильные flow для веб-приложений и практики, которые снижают риск утечек и подмены. https://frontendfoc.us/link/181944/web

Асинхронные переходы между страницами в Vanilla JS — настоящий crossfade без фреймворков Собераем лёгкий SPA-router на Histor
Асинхронные переходы между страницами в Vanilla JS — настоящий crossfade без фреймворков Собераем лёгкий SPA-router на History API с анимацией переключения страниц: текущая и следующая страницы одновременно живут в DOM, клонируются и плавно «перетекают» друг в друга. Без Barba и без React/Vue — ванильный JavaScript + аккуратная архитектура. https://frontendfoc.us/link/181897/web

Flex vs Grid: объяснение разницы на практике Flex и Grid решают разные задачи: Flex — про раскладку в одном направлении, Grid
Flex vs Grid: объяснение разницы на практике Flex и Grid решают разные задачи: Flex — про раскладку в одном направлении, Grid — про контроль и строк, и колонок. Разберём типовые кейсы (например, карточки в ряд) и покажем, как выбирать нужный инструмент, а не верстать “по привычке”. https://habr.com/ru/companies/timeweb/articles/1004986

Деструктуризация в JavaScript: учимся разбирать данные удобно и лаконично Деструктурирующее присваивание помогает “распаковыв
Деструктуризация в JavaScript: учимся разбирать данные удобно и лаконично Деструктурирующее присваивание помогает “распаковывать” массивы и объекты прямо в параметрах и переменных — особенно когда структура вложенная. Разберём, как это работает и почему синтаксис кажется коротким, но делает много работы. https://css-tricks.com/javascript-for-everyone-destructuring/

Переход от Moment.js к Temporal API Хотя Moment.js был популярен, его недостатки, такие как большой размер и изменяемость объ
Переход от Moment.js к Temporal API Хотя Moment.js был популярен, его недостатки, такие как большой размер и изменяемость объектов, привели к появлению нового стандарта. Современный Temporal API в JavaScript решает эти проблемы. https://smashingmagazine.com/2026/03/moving-from-moment-to-temporal-api/

5 операторов RxJS в Angular, которые решают 80% проблем Эти операторы упрощают работу с асинхронными данными, помогая отменят
5 операторов RxJS в Angular, которые решают 80% проблем Эти операторы упрощают работу с асинхронными данными, помогая отменять устаревшие запросы, объединять данные из нескольких источников, реагировать на изменения множества фильтров и корректно обрабатывать ошибки. https://habr.com/ru/companies/ruvds/articles/1008646

Улучшаем производительности анимаций с помощью requestAnimationFrame requestAnimationFrame — это браузерный API, разработанны
Улучшаем производительности анимаций с помощью requestAnimationFrame requestAnimationFrame — это браузерный API, разработанный специально для визуальных обновлений, который позволяет планировать их прямо перед следующей перерисовкой, обеспечивая плавность и отзывчивость. https://www.debugbear.com/blog/requestanimationframe

Итак! Бесплатная проходка на Podlodka React Crew рандомным образом достается @m_hodeneva Поздравляем!🎉🎉🎉 У всех остальных еще есть шанс урвать early-bird билет! Всем хорошей недели 😊

О специфике разработки приложений под Smart TV: личный опыт перехода от веба к ТВ В отличие от привычного веба, здесь нужно у
О специфике разработки приложений под Smart TV: личный опыт перехода от веба к ТВ В отличие от привычного веба, здесь нужно учитывать линейную навигацию, принципы 10-foot UI и аппаратные ограничения. https://habr.com/ru/companies/vk/articles/1008506

Друзья! Мои коллеги пишут выпускную работу и проводят исследование "о важности аспектов бренда работодателя для IT-специалистов поколения Z при выборе компании". Если у вас есть свободные 6 - 8 минут и вы родились позже 1996, ответьте пожалуйста на несколько вопросов. Всем добра ✌️ PS: сегодня подведем итоги розыгрыша билета на Podlodka React Crew. Следите за постами 😊

Прощай innerHTML, привет setHTML Новый метод .setHTML() в JavaScript, входящий в состав Sanitizer API, является прямой замено
Прощай innerHTML, привет setHTML Новый метод .setHTML() в JavaScript, входящий в состав Sanitizer API, является прямой заменой для .innerHTML(). Это значительно усиливает защиту от XSS-атак, эффективно устраняя все риски DOM-XSS и повышая безопасность сайтов. https://frontendmasters.com/blog/goodbye-innerhtml-hello-sethtml/

CSS-свойство corner-shape: новые горизонты для интерфейсов Новое свойство corner-shape в связке с border-radius наконец позво
CSS-свойство corner-shape: новые горизонты для интерфейсов Новое свойство corner-shape в связке с border-radius наконец позволяет легко создавать скошенные, вогнутые, скругленные и другие формы, делая ваш интерфейс выразительнее и чище https://www.smashingmagazine.com/2026/03/beyond-border-radius-css-corner-shape-property-ui/

Друзья! Стартует новый сезон Podlodka React Crew: «Продвинутый React». Podlodka React Crew — онлайн-конференции для React-разработчиков. По традиции иду сам и зову вас с собой 😊 Разработчики регулярно сталкиваются с проблемами производительности, утечками памяти и архитектурными вызовами. Поэтому в этот раз программа будет очень технической — от внутренней работы V8 до React Server Components и профилирования производительности. С 23 по 27 марта ее участники: ⚙️ узнают, как устроен рендер и внутренние механизмы в современном React 🧠 познакомятся с архитектурой приложений, где применяются React Server Components 📊 научатся профилировать React-приложения и выявлять медленные рендеры, memory leak 🛠познакомятся с дополнительными инструментами, которые помогут упростить отладку и выявить сложные проблемы 👉 Формат уже знакомый: несколько дней живых Zoom-сессий утром и вечером, закрытое комьюнити в Telegram и возможность пообщаться со спикерами. Если хотите углубить свои знания про React в компании крутых экспертов, присоединяйтесь к Podlodka React Crew👇 🎟 Забрать early-bird билет можно до 16 марта 🎁 По традиции разыгрываем один билет. Для участия заполните форму. Итоги подведем в ближайшее время! Для подписчиков FrontEndDev есть промокод на скидку 500р 🥳: FrontEndDev

Переосмысление тестовых заданий для фронтендеров. Методология, включающая короткое тестовое задание, совместное ревью кода и
Переосмысление тестовых заданий для фронтендеров. Методология, включающая короткое тестовое задание, совместное ревью кода и рефакторинг легаси, которая позволяет выявить реальные навыки работы с кодом и принятия решений https://habr.com/ru/companies/doubletapp/articles/1005810

Popover API или Dialog API: что выбрать? Popover API упрощает создание всплывающих элементов, предлагая встроенные функции до
Popover API или Dialog API: что выбрать? Popover API упрощает создание всплывающих элементов, предлагая встроенные функции доступности. В то время как Dialog API лучше подходит для модальных окон, автоматически изолируя контент. https://css-tricks.com/popover-api-or-dialog-api-which-to-choose/

Подробное руководство по настройке списков с помощью CSS Разбираем свойства list-style-type, псевдоэлемент ::marker для базов
Подробное руководство по настройке списков с помощью CSS Разбираем свойства list-style-type, псевдоэлемент ::marker для базовой кастомизации и правило @counter-style для создания собственных систем нумерации https://frontendfoc.us/link/181162/web

На подходе стандартная ленивая загрузка HTML-видео и аудио! Эта функция позволит отложить загрузку медиа-ресурсов до момента
На подходе стандартная ленивая загрузка HTML-видео и аудио! Эта функция позволит отложить загрузку медиа-ресурсов до момента их появления в области видимости браузера, значительно снижая вес страницы и улучшая производительность. Используя loading="lazy" для <video> и <audio>, разработчики смогут оптимизировать загрузку медиа, что уже доступно для тестирования в Chrome Canary. https://scottjehl.com/posts/lazy-media/

Спрайты в вебе Используйте технику спрайтов, чтобы создавать эффективные покадровые анимации на веб-страницах с помощью совре
Спрайты в вебе Используйте технику спрайтов, чтобы создавать эффективные покадровые анимации на веб-страницах с помощью современных CSS-свойств, таких как object-fit, object-position и функции steps(). https://www.joshwcomeau.com/animation/sprites/