ru
Feedback
FrontEndDev

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) языкового сегмента Русский является активным участником. Сейчас сообщество объединяет 26 454 подписчиков, занимая 5 158 место в категории Технологии и приложения и 25 112 место в регионе Россия.

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

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

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

  • Статус верификации: Не верифицирован
  • Уровень вовлечённости (ER): Средний показатель вовлечённости аудитории составляет 10.36%. В первые 24 часа после публикации контент обычно набирает 6.29% реакций от общего числа подписчиков.
  • Охват публикаций: В среднем каждый пост получает 2 740 просмотров. В течение первых суток публикация набирает 1 665 просмотров.
  • Реакции и взаимодействия: Аудитория активно поддерживает контент: среднее количество реакций на один пост — 14.
  • Тематические интересы: Контент сосредоточен на ключевых темах, таких как 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

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

26 454
Подписчики
-624 часа
-307 дней
-18330 день
Архив постов
Используем MutationObserver API для работы с элементами, которых пока нет. О работе с интерфейсом, позволяющим отслеживать из
Используем MutationObserver API для работы с элементами, которых пока нет. О работе с интерфейсом, позволяющим отслеживать изменения в DOM и работать с новыми элементами. https://www.macarthur.me/posts/use-mutation-observer-to-handle-nodes-that-dont-exist-yet

Создаем менеджер задач на React + Hygraph Пример приложения, который использует headless CMS Hygraph в качестве бэкенда. http
Создаем менеджер задач на React + Hygraph Пример приложения, который использует headless CMS Hygraph в качестве бэкенда. https://code.pieces.app/blog/build-crud-task-manager-react-hygraph

Repost from Habr For Dev
#google-chrome #devtools Что нового завезли в DevTools (Chrome 111) Совсем недавно вышел Chrome 111 и принёс не только исправ
#google-chrome #devtools Что нового завезли в DevTools (Chrome 111) Совсем недавно вышел Chrome 111 и принёс не только исправление старых ошибок, но и добавление новых, а также приятные фичи в DevTools, о которых мы с вами сейчас и узнаем. Рейтинг: 20 Читать

Когда и как использовать свойство CSS will-change Расскажем о том, что за свойство will-change и когда оно может быть полезны
Когда и как использовать свойство CSS will-change Расскажем о том, что за свойство will-change и когда оно может быть полезным. https://blog.logrocket.com/when-how-use-css-will-change/

Создаем зернистый фон с SVG фильтрами https://www.freecodecamp.org/news/grainy-css-backgrounds-using-svg-filters/
Создаем зернистый фон с SVG фильтрами https://www.freecodecamp.org/news/grainy-css-backgrounds-using-svg-filters/

В Тинькофф большая финтех-команда, это факт. Еще один факт — у них есть свой телеграм-канал, где ребята пишут о: — подкастах,
В Тинькофф большая финтех-команда, это факт. Еще один факт — у них есть свой телеграм-канал, где ребята пишут о: — подкастах, кейсах и полезных статьях на Хабре; — развитии ИТ-коммьюнити, а также проводят митапы и конференции; — главном в еженедельный дайджест; — лучших мемах индустрии. Только полезное и интересное от разработчиков и для разработчиков. Подписывайтесь на IT’s Tinkoff.

CSS цвета высокого разрешения Обзор цветовых моделей CSS, а также советы и тонкости при работе с цветами в Chrome https://dev
CSS цвета высокого разрешения Обзор цветовых моделей CSS, а также советы и тонкости при работе с цветами в Chrome https://developer.chrome.com/articles/high-definition-css-color-guide/

Интегрируем Cache API с Service Workers Простой способ кешировать статику с помощью Service Workers. https://blog.openreplay.
Интегрируем Cache API с Service Workers Простой способ кешировать статику с помощью Service Workers. https://blog.openreplay.com/integrating-the-cache-api-with-service-workers/

Реактивность с Vue 3 Composition API: ref() и reactive() https://blog.logrocket.com/reactivity-vue-3-composition-api-ref-reac
Реактивность с Vue 3 Composition API: ref() и reactive() https://blog.logrocket.com/reactivity-vue-3-composition-api-ref-reactive/

📌 Бесплатно освойте профессию дизайнера с нуля. Вместе сделаем вам портфолио из 4+ работ с личной поддержкой от наставника.
📌 Бесплатно освойте профессию дизайнера с нуля. Вместе сделаем вам портфолио из 4+ работ с личной поддержкой от наставника. Что вы получите? — Фидбэк (мощный разбор всех ДЗ от куратора) — Тусовка (личный кабинет с уроками + живой чат) — Портфолио и экзамен (упакуем по урокам и проверим) — Мастер-класс "как заработать на дизайне" и найти клиента 🔥 Будем делать: веб-дизайн, графический дизайн, анимацию интерфейсов. → Начать обучение бесплатно Программа бесплатного курса: — Обучение по Figma с нуля и 4+ дз с личным разбором — Изучение основ дизайна (контент, сетки, композиция т.д.) — Создание анимации интерфейса — Все о профессии и доходе дизайнера (как найти клиентов и сколько можно заработать) 👉 Первый урок уже сегодня, кликайте сюда и забирайте все бонусы

Аудиоплеер на React Подробный туториал по созданию веб плеера https://blog.logrocket.com/building-audio-player-react/

Тестируем Vue компоненты Советы по тестированию Vue компонентов с Vitest и Vue Test Utils. https://betterprogramming.pub/test
Тестируем Vue компоненты Советы по тестированию Vue компонентов с Vitest и Vue Test Utils. https://betterprogramming.pub/testing-vue-components-the-right-way-a5a0dfb819a2

Графики и чарты на React c использованием Recharts О возможностях библиотеки Recharts для визуализации данных. https://blog.o
Графики и чарты на React c использованием Recharts О возможностях библиотеки Recharts для визуализации данных. https://blog.openreplay.com/charting-and-graphing-in-react-with-recharts/

Задумывались ли вы, насколько ваш продукт доступен для незрячих? А для слабовидящих или тех, у кого нет рук? Если вы разработчик (web, iOS и android), дизайнер, исследователь, зовём учиться делать продукт доступным вместе! С 13 марта по 28 мая на курсе "Цифровая доступность" вместе с кураторами из Yandex, Dodo, Yandex Go, Сбер, SpurIT, Miro будем разбирать теорию и практику доступности, геймдизайн, информационную архитектуру, дизайн-системы и многое другое. Наш курс для тех, кому важно: 😎 обеспечить доступность своего сайта или приложения для любого, включая незрячего и парализованного человека 👨‍🦯 прокачаться в создании дружелюбных интерфейсов 💪 повысить свою конкурентоспособность на зарубежном и российском рынке ✍️ систематизировать знания по инклюзивной разработке 🧠 стать частью сообщества продвинутых профессионалов Приходите: accessibilityunity.com/

Создание и валидация форм на React с Informed и Yup https://blog.logrocket.com/build-powerful-react-forms-with-informed/
Создание и валидация форм на React с Informed и Yup https://blog.logrocket.com/build-powerful-react-forms-with-informed/

Создаем эффект двигающегося заднего фона https://css-tricks.com/moving-backgrounds/

Производительность фронтенда: главное 0 https://medium.com/@matthew.costello/frontend-web-performance-the-essentials-0-61fea500b180

Валидация форм с помощью Zod Один из вариантов валидации React форм, используя сочетание react hooks и Zod. https://blog.bits
Валидация форм с помощью Zod Один из вариантов валидации React форм, используя сочетание react hooks и Zod. https://blog.bitsrc.io/react-form-validation-5aa06193bec4

Время относительной стабильности закончилось. JS и CSS активно развиваются. Новые фрейморки и фичи заставляют многих пересмот
Время относительной стабильности закончилось. JS и CSS активно развиваются. Новые фрейморки и фичи заставляют многих пересмотреть подход к написанию кода. Об этом говорят долгожданные результаты опросов State of JS 2022 и State of CSS 2022. Какие выводы из них можно сделать? И, главное, что ждёт нас в 2023 году? Обсудим на бесплатном вебинаре, который проведут тимлиды из ВКонтакте, Telegram Open Network и Frogly (Chrome Extension) Вы поймёте, что нужно знать, чтобы оставаться востребованным специалистом в этом году: какие фреймворки и фичи использовать, а от каких стоит отказаться. Встречаемся уже завтра, 9 февраля в 19:00 (по Москве) в прямом эфире. Регистрируйтесь по ссылке

Полное руководство по обработке ошибок в JS https://www.sitepoint.com/javascript-error-handling/
Полное руководство по обработке ошибок в JS https://www.sitepoint.com/javascript-error-handling/