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 479 подписчиков, занимая 5 149 место в категории Технологии и приложения и 25 129 место в регионе Россия.

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

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

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

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

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

26 479
Подписчики
+124 часа
-327 дней
-14830 день
Архив постов
Создание 8-битной вселенной с AI в качестве портфолио Экспериментальный кейс к— разработчик собрал себе портфолио в стиле 80-
Создание 8-битной вселенной с AI в качестве портфолио Экспериментальный кейс к— разработчик собрал себе портфолио в стиле 80-х, сочетая ретро-эстетику с современными веб-техниками и AI-воркфлоу. Пиксели, звуки и эффекты из классических игр были реализованы с помощью производительного веб-кода (React, Canvas, WebGL, GSAP). https://tympanus.net/codrops/2025/12/23/building-a-nostalgic-8-bit-universe-with-modern-tech-a-vibe-coding-journey/

Задачек в декабре мало (ха-ха), давайте что-нибудь еще! Так мы в @ligaaagency и @outagency сделали новогоднюю игру про работу
Задачек в декабре мало (ха-ха), давайте что-нибудь еще! Так мы в @ligaaagency и @outagency сделали новогоднюю игру про работу, дедлайны и вот это всё декабрьское. Про «вроде бы понятные» брифы, про дедлайны с пометкой «ну вы успеете», и конечно про внезапные повороты сюжета, когда все идёт нормально, а потом «многое было не ок». Это новогодняя история про заказчиков и дедлайны в декабре. Когда стараешься, бежишь, закрываешь задачи — а финал не всегда зависит от того, как бежал. Иногда «спасибо, всё супер», а иногда «давайте все переделаем до нового года». Мы делали игру с юмором, самоиронией и большой любовью к рынку. Без поучений и морали. Просто узнаваемые ситуации, в которых каждый из нас хоть раз был. [Поиграйте в игру] и выживите с нами в этом предновогодье! Реклама. О рекламодателе.

Метрики LCP и INP теперь в Baseline Теперь разработчики смогут точнее измерять скорость загрузки и интерактивность сайтов для
Метрики LCP и INP теперь в Baseline Теперь разработчики смогут точнее измерять скорость загрузки и интерактивность сайтов для всех пользователей, независимо от их браузера https://web.dev/blog/lcp-and-inp-are-now-baseline-newly-available?hl=en

Как правильно типизировать `children` проп в React с TypeScript Несколько вариантов типизации children и почему string | JSX.
Как правильно типизировать `children` проп в React с TypeScript Несколько вариантов типизации children и почему string | JSX.Element | JSX.Element[] | () => JSX.Element не лучший вариант. [Краткий пересказ] https://tldread.ru/react-children-prop-typescript/

Делаем заголовки в мультипликационном стиле с CSS и SVG Придаем тексту выразительности с помощью использования text-shadow, t
Делаем заголовки в мультипликационном стиле с CSS и SVG Придаем тексту выразительности с помощью использования text-shadow, text-stroke, paint-order и background-clip: text. https://www.smashingmagazine.com/2025/12/smashing-animations-part-7-recreating-toon-text-css-svg/

😼 Приглашаем на Frontend Night 20 декабря — мероприятие, где за скорость не штрафуют, а надёжность ценят больше, чем кофе по утрам. Два стрима, которые описывают реальность инженерии точнее любых методологий: ➡«Сверхскорость» Про тех, кто запускает новое и двигается быстрее ограничений. AI-агенты, стремительное прототипирование, инструменты, которые снимают барьеры и позволяют выпускать фичи в рекордные сроки. Максимум энергии, минимум трения. ➡«Сверхнадёжность» Про тех, кто отвечает за стабильность и качество. Предсказуемые интерфейсы, архитектура, которая выдерживает рост, безопасность, которая закрывает реальные риски. Чёткие решения для тех, кто держит систему в рабочем состоянии каждый день. Финал — игры, фуршет и много нетворкинга. 📍 Офлайн стартует в 12:00 📺 Трансляция — с 12:30 💻 Регистрация на офлайн и онлайн, программа и спикеры — по ссылке. Встречаемся 20 декабря на конференции, где будущее не откладывают на релиз!

Алгоритмы и структуры данных Более 150 примеров реализаций различных структур данных и алгоритмов на JS https://github.com/tr
Алгоритмы и структуры данных Более 150 примеров реализаций различных структур данных и алгоритмов на JS https://github.com/trekhleb/javascript-algorithms

Как усилить дизайн-систему: LLM + Storybook MCP для фронтенда Подход, в котором Storybook используется как единый источник пр
Как усилить дизайн-систему: LLM + Storybook MCP для фронтенда Подход, в котором Storybook используется как единый источник правды для дизайн-системы, а LLM подключаются через MCP, чтобы автоматически генерировать и поддерживать код, документацию и stories на основе контекста системы. https://tympanus.net/codrops/2025/12/09/supercharge-your-design-system-with-llms-and-storybook-mcp/

5 интересных и малоиспользуемых Web-API О Battery Status, Vibration, WebHID, Web Speech и WebMIDI API. С их помощью можно соз
5 интересных и малоиспользуемых Web-API О Battery Status, Vibration, WebHID, Web Speech и WebMIDI API. С их помощью можно создавать неожиданные и полезные взаимодействия в веб-приложениях. Правда поддержка не у всех хорошая. https://blog.logrocket.com/5-weird-web-apis/

RetroGameCoders IDE Онлайн IDE/песочница на JavaScript + WebAssembly для разработки под ретро тачки. Теперь доступны C64, App
RetroGameCoders IDE Онлайн IDE/песочница на JavaScript + WebAssembly для разработки под ретро тачки. Теперь доступны C64, Apple II, MSX, Atari 800 и другие https://ide.retrogamecoders.com/?file=wordy.c&platform=c64

Веб-стандарты — Выпуск 504 Адвент-календари, JavaScript 30 лет, Новинки Chrome, Безопасность npm, Опасные Server Components h
Веб-стандарты — Выпуск 504 Адвент-календари, JavaScript 30 лет, Новинки Chrome, Безопасность npm, Опасные Server Components https://web-standards.ru/podcast/504/

Как Omit {T, K} растворил типы или что такое дистрибутивность типов в TypeScript Доклад Дениса Платонова о том как он обнаруж
Как Omit {T, K} растворил типы или что такое дистрибутивность типов в TypeScript Доклад Дениса Платонова о том как он обнаружил фундаментальный подвох в недистрибутивном Omit {T, K} с union-типами и как его кейс повлиял на документацию TypeScript, а также как дистрибутивность решает эту проблему. https://www.youtube.com/watch?v=J4vJ-wO6Sl0

Голосуйте за фичи в браузерах, которые вам нужны Теперь разработчики могут напрямую сигнализировать о важности функций, ставя
Голосуйте за фичи в браузерах, которые вам нужны Теперь разработчики могут напрямую сигнализировать о важности функций, ставя "лайки" на caniuse.com, web.dev и webstatus.dev. Этот новый инструмент позволяет постоянно информировать вендоров браузеров о реальных потребностях и приоритетах сообщества. https://web.dev/blog/upvote-features

Frontend VK Hub — как работают наши интерфейсы? Что делает интерфейсы VK быстрыми, удобными и устойчивыми под нагрузкой миллионов пользователей? Frontend VK Hub — это сообщество инженеров, которые создают и развивают пользовательские интерфейсы для ВКонтакте, VK Play, VK WorkSpace и других сервисов экосистемы. Мы делимся практическим опытом, рассказываем о подходах к производительности, внедрении современных фреймворков и всему, что связано с улучшением Developer Experience. Здесь можно найти инсайты от ведущих фронтенд-разработчиков, разборы реальных задач, новости индустрии и приглашения на мероприятия VK. И конечно, вакансии! Подписывайся! Реклама. ООО "ВК" ИНН 7743001840

fate – data-клиент для React и tRPC, упрощающий управление данными и состоянием Призван сделать работу с данными более компон
fate – data-клиент для React и tRPC, упрощающий управление данными и состоянием Призван сделать работу с данными более компонуемой, декларативной и предсказуемой, опираясь на нормализованный кэш и со-локацию представлений. Инструмент предлагая эргономику, похожую на Relay, без сложностей GraphQL, и интегрируется с современными функциями Async React. https://fate.technology/posts/introducing-fate

Подогнать текст под ширину контейнера Работа с новыми CSS свойствами text‑grow и text‑shrink, которые позволяют автоматически
Подогнать текст под ширину контейнера Работа с новыми CSS свойствами text‑grow и text‑shrink, которые позволяют автоматически масштабировать текст, чтобы он занял всю ширину контейнера и остался одной строкой https://css-tricks.com/fit-width-text-in-1-line-of-css/

CSS Wrapped 2025 Свежий отчёт команды Chrome DevRel о 22 новых возможностях CSS и UI, которые появились в этом году в браузер
CSS Wrapped 2025 Свежий отчёт команды Chrome DevRel о 22 новых возможностях CSS и UI, которые появились в этом году в браузере Chrome https://chrome.dev/css-wrapped-2025/

Как сделать эффект жидкого стекла Переносим в веб эффект из iOS с помощью CSS и SVG — большой пошаговый туториал https://blog
Как сделать эффект жидкого стекла Переносим в веб эффект из iOS с помощью CSS и SVG — большой пошаговый туториал https://blog.logrocket.com/how-create-liquid-glass-effects-css-and-svg/

Хабр внедрил ИИ-ассистента от SourceCraft в кодовые сниппеты Теперь за код пояснять будет не автор, а кнопка «Объяснить код с
Хабр внедрил ИИ-ассистента от SourceCraft в кодовые сниппеты Теперь за код пояснять будет не автор, а кнопка «Объяснить код с SourceCraft». Если полученного объяснения недостаточно, можно нажать кнопку «Подробнее в SourceCraft». Там ИИ можно позадавать любые вопросы по коду и попросить затянуть к себе в проект или переписать на другой язык. Начинающим разрабам теперь станет чуть проще читать Хабр 😁 Подробнее тут

Современные и малоизвестные фичи JS Несколько фич JS, которые давно или недавно доступны разработчикам, но редко используются
Современные и малоизвестные фичи JS Несколько фич JS, которые давно или недавно доступны разработчикам, но редко используются: Promise.withResolvers, .at(), replace c коллбеком, structuredClone и еще несколько. https://jem-space.ru/js-features/