ar
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

إظهار المزيد

📈 نظرة تحليلية على قناة تيليجرام 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/