FrontEndDev
Відкрити в 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
Показати більше
Сітка:📈 Аналітичний огляд Telegram-каналу FrontEndDev
Канал FrontEndDev (@front_end_dev) у мовному сегменті Російська є активним учасником. На даний момент спільнота об'єднує 25 563 підписників, посідаючи 5 219 місце в категорії Технології та додатки та 25 416 місце у регіоні Росія.
📊 Показники аудиторії та динаміка
З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 25 563 підписників.
За останніми даними від 28 жовтня, 2026, канал демонструє стабільну активність. Хоча за останні 30 днів спостерігається зміна кількості учасників на -293, а за останні 24 години на -14, загальне охоплення залишається високим.
- Статус верифікації: Не верифікований
- Рівень залученості (ER): Середній показник залученості аудиторії становить 9.60%. Протягом перших 24 годин після публікації контент зазвичай збирає 5.79% реакцій від загальної кількості підписників.
- Охоплення публікацій: В середньому кожен допис отримує 2 454 переглядів. Протягом першої доби публікація в середньому набирає 1 479 переглядів.
- Реакції та взаємодія: Аудиторія активно підтримує контент: середня кількість реакцій на один пост – 12.
- Тематичні інтереси: Контент зосереджений навколо ключових тем, таких як css, api, интерфейс, html, frontend.
📝 Опис та контентна політика
Автор описує ресурс як майданчик для висловлення суб'єктивної думки:
“🚀 Статьи, новости, туториалы по 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”
Завдяки високій частоті оновлень (останні дані отримано 29 жовтня, 2026), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Технології та додатки.
25 563
Підписники
-1424 години
-787 днів
-29330 днів
Архів дописів
25 563
NoJS 3 — рассвет Flappy Bird
Клон Flappy Bird без JavaScript: только HTML и CSS. Разбираем, как организовать игровую логику (движение, препятствия, столкновения) средствами современного CSS
https://blog.scottlogic.com/2026/03/09/noJS-3-flappy-bird.html
25 563
ESLint v10.0.3: патч-апдейт для точнее проверок кода
Вышла ESLint v10.0.3 — релиз, который исправляет баги предыдущей версии и обновляет зависимость minimatch до ^10.2.4, чтобы ESLint корректно распознавал файлы. Также добавлены точечные фиксы в сообщениях правил и обновлена документация/гайд по миграции.
https://javascriptweekly.com/link/181821/web
25 563
OAuth 2.0 во фронтенде
OAuth 2.0 на клиенте — это не только логин, но и безопасная работа с токенами: разбираем типичные «дыры», правильные flow для веб-приложений и практики, которые снижают риск утечек и подмены.
https://frontendfoc.us/link/181944/web
25 563
Асинхронные переходы между страницами в Vanilla JS — настоящий crossfade без фреймворков
Собераем лёгкий SPA-router на History API с анимацией переключения страниц: текущая и следующая страницы одновременно живут в DOM, клонируются и плавно «перетекают» друг в друга. Без Barba и без React/Vue — ванильный JavaScript + аккуратная архитектура.
https://frontendfoc.us/link/181897/web
25 563
Flex vs Grid: объяснение разницы на практике
Flex и Grid решают разные задачи: Flex — про раскладку в одном направлении, Grid — про контроль и строк, и колонок. Разберём типовые кейсы (например, карточки в ряд) и покажем, как выбирать нужный инструмент, а не верстать “по привычке”.
https://habr.com/ru/companies/timeweb/articles/1004986
25 563
Деструктуризация в JavaScript: учимся разбирать данные удобно и лаконично
Деструктурирующее присваивание помогает “распаковывать” массивы и объекты прямо в параметрах и переменных — особенно когда структура вложенная. Разберём, как это работает и почему синтаксис кажется коротким, но делает много работы.
https://css-tricks.com/javascript-for-everyone-destructuring/
25 563
Переход от Moment.js к Temporal API
Хотя Moment.js был популярен, его недостатки, такие как большой размер и изменяемость объектов, привели к появлению нового стандарта. Современный Temporal API в JavaScript решает эти проблемы.
https://smashingmagazine.com/2026/03/moving-from-moment-to-temporal-api/
25 563
5 операторов RxJS в Angular, которые решают 80% проблем
Эти операторы упрощают работу с асинхронными данными, помогая отменять устаревшие запросы, объединять данные из нескольких источников, реагировать на изменения множества фильтров и корректно обрабатывать ошибки.
https://habr.com/ru/companies/ruvds/articles/1008646
25 563
Улучшаем производительности анимаций с помощью requestAnimationFrame
requestAnimationFrame — это браузерный API, разработанный специально для визуальных обновлений, который позволяет планировать их прямо перед следующей перерисовкой, обеспечивая плавность и отзывчивость.
https://www.debugbear.com/blog/requestanimationframe
25 563
Итак!
Бесплатная проходка на Podlodka React Crew рандомным образом достается @m_hodeneva
Поздравляем!🎉🎉🎉
У всех остальных еще есть шанс урвать early-bird билет!
Всем хорошей недели 😊
25 563
О специфике разработки приложений под Smart TV: личный опыт перехода от веба к ТВ
В отличие от привычного веба, здесь нужно учитывать линейную навигацию, принципы 10-foot UI и аппаратные ограничения.
https://habr.com/ru/companies/vk/articles/1008506
25 563
Друзья! Мои коллеги пишут выпускную работу и проводят исследование "о важности аспектов бренда работодателя для IT-специалистов поколения Z при выборе компании".
Если у вас есть свободные 6 - 8 минут и вы родились позже 1996, ответьте пожалуйста на несколько вопросов.
Всем добра ✌️
PS: сегодня подведем итоги розыгрыша билета на Podlodka React Crew. Следите за постами 😊
25 563
Прощай innerHTML, привет setHTML
Новый метод .setHTML() в JavaScript, входящий в состав Sanitizer API, является прямой заменой для .innerHTML(). Это значительно усиливает защиту от XSS-атак, эффективно устраняя все риски DOM-XSS и повышая безопасность сайтов.
https://frontendmasters.com/blog/goodbye-innerhtml-hello-sethtml/
25 563
CSS-свойство corner-shape: новые горизонты для интерфейсов
Новое свойство corner-shape в связке с border-radius наконец позволяет легко создавать скошенные, вогнутые, скругленные и другие формы, делая ваш интерфейс выразительнее и чище
https://www.smashingmagazine.com/2026/03/beyond-border-radius-css-corner-shape-property-ui/
25 563
Друзья!
Стартует новый сезон 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
25 563
Переосмысление тестовых заданий для фронтендеров. Методология, включающая короткое тестовое задание, совместное ревью кода и рефакторинг легаси, которая позволяет выявить реальные навыки работы с кодом и принятия решений
https://habr.com/ru/companies/doubletapp/articles/1005810
25 563
Popover API или Dialog API: что выбрать?
Popover API упрощает создание всплывающих элементов, предлагая встроенные функции доступности. В то время как Dialog API лучше подходит для модальных окон, автоматически изолируя контент.
https://css-tricks.com/popover-api-or-dialog-api-which-to-choose/
25 563
Подробное руководство по настройке списков с помощью CSS
Разбираем свойства
list-style-type, псевдоэлемент ::marker для базовой кастомизации и правило @counter-style для создания собственных систем нумерации
https://frontendfoc.us/link/181162/web25 563
На подходе стандартная ленивая загрузка HTML-видео и аудио!
Эта функция позволит отложить загрузку медиа-ресурсов до момента их появления в области видимости браузера, значительно снижая вес страницы и улучшая производительность. Используя
loading="lazy" для <video> и <audio>, разработчики смогут оптимизировать загрузку медиа, что уже доступно для тестирования в Chrome Canary.
https://scottjehl.com/posts/lazy-media/25 563
Спрайты в вебе
Используйте технику спрайтов, чтобы создавать эффективные покадровые анимации на веб-страницах с помощью современных CSS-свойств, таких как
object-fit, object-position и функции steps().
https://www.joshwcomeau.com/animation/sprites/