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 079 مشتركاً، محتلاً المرتبة 4 976 في فئة التكنولوجيات والتطبيقات والمرتبة 24 895 في منطقة روسيا.
📊 مؤشرات الجمهور والحراك
منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 26 079 مشتركاً.
بحسب آخر البيانات بتاريخ 28 أغسطس, 2026، تحافظ القناة على نشاط مستقر. خلال آخر 30 يوماً تغيّر عدد الأعضاء بمقدار -172، وفي آخر 24 ساعة بمقدار -2، مع بقاء الوصول العام مرتفعاً.
- حالة التحقق: غير موثّقة
- معدل التفاعل (ER): يبلغ متوسط تفاعل الجمهور 10.46%. وخلال أول 24 ساعة من النشر يحصد المحتوى عادةً 5.63% من ردود الفعل نسبةً إلى إجمالي المشتركين.
- وصول المنشورات: يحصل كل منشور على متوسط 2 729 مشاهدة. وخلال اليوم الأول يجمع عادةً 1 468 مشاهدة.
- التفاعلات والاستجابة: يتفاعل الجمهور بانتظام؛ متوسط التفاعلات لكل منشور يبلغ 10.
- الاهتمامات الموضوعية: يركز المحتوى على مواضيع رئيسية مثل 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) تحافظ القناة على حداثتها ومستوى وصول مرتفع. وتُظهر التحليلات تفاعلاً نشطاً من الجمهور، ما يجعلها نقطة تأثير مهمة ضمن فئة التكنولوجيات والتطبيقات.
26 079
المشتركون
-224 ساعات
-397 أيام
-17230 أيام
أرشيف المشاركات
26 081
Where It’s at:// — как работает протокол AT и at:// URI
Дэн Абрамов подробно разбирает, как устроен протокол AT (Atmosphere) и как at:// URI соотносятся с реальными JSON-данными в сети. Он шаг за шагом объясняет, как разрешается такой URI к физическому JSON-объекту.
https://overreacted.io/where-its-at/
26 081
Развлекаемся с кастомными курсорами
Райан Финни показывает 2 способа изменения дефолтного курсора.
https://www.letsbuildui.dev/articles/fun-with-custom-cursors/
26 081
Обновление Safari 26.0
75 новых функций и 171 улучшение, среди которых поддержка якорного позиционирования и анимаций, управляемых прокруткой. Продвинутая функция
progress(), улучшенная расстановка текста с text-wrap: pretty и упрощенное выравнивание элементов в абсолютном позиционировании.
https://css-tricks.com/touring-new-css-features-in-safari-26/26 081
Релиз React 19.2 — что нового?
Ключевые нововведения: компонент
<Activity /> для гибкого управления видимостью частей приложения, хук useEffectEvent для более чистой реализации эффектов. Частичный пререндеринг, новые треки производительности в DevTools и улучшения в SSR.
https://react.dev/blog/2025/10/01/react-19-226 081
Веб — Стандарты: Выпуск 494
Новые возможности Chrome 140, включая Scoped View Transitions, улучшения масштабирования текста, Temporal API, Chrome DevTools MCP.
https://web-standards.ru/podcast/494/
26 081
👩💻 Всем программистам посвящается!
Вот 17 авторских обучающих IT каналов по самым востребованным областям программирования:
Выбирай своё направление:
👩💻 Frontend — t.me/frontend_ready
📱 JavaScript — t.me/javascript_ready
👩💻 Backend — t.me/backend_ready
📱 GitHub & Git — t.me/github_ready
👩💻 Python — t.me/python_ready
🤔 InfoSec & Хакинг — t.me/hacking_ready
🖥 SQL & Базы Данных — t.me/sql_ready
🤖 Нейросети — t.me/neuro_ready
👩💻 C/C++ — https://t.me/cpp_ready
👩💻 C# & Unity — t.me/csharp_ready
👩💻 Java — t.me/java_ready
👩💻 Linux — t.me/linux_ready
🖼 DevOps — t.me/devops_ready
📖 IT Книги — t.me/books_ready
👩💻 Весь IT — t.me/it_ready
👩💻 Bash & Shell — t.me/bash_ready
🖥 Design — t.me/design_ready
📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!
26 081
Ваши изображения (возможно) слишком большие
Часто мы загружаем на сайт изображения гораздо крупнее, чем необходимо для просмотра, что приводит к лишнему расходу трафика и долгой загрузке. Многие думают, что компонент
<Image/> из NextJS автоматически решит эту проблему, однако без правильного атрибута sizes изображения всё равно могут быть избыточными для меньших экранов. Как это исправить — в статье.
https://reasonunderpressure.com/blog/posts/your-images-are-probably-oversized26 081
Представлен Wasm 3.0 — новое поколение стандарта с масштабными обновлениями
Обновления 3 версии включает 64-битную адресную память, поддержку множественных областей памяти, встроенный сборщик мусора и расширенную систему типизированных ссылок. Новая версия также добавляет нативную обработку исключений и позволяет эффективно компилировать высокоуровневые языки.
https://webassembly.org/news/2025-09-17-wasm-3.0/
26 081
Друзья!
До Frontend Conf 2025 осталось меньше месяца, а до повышения цен — всего пара дней 🫨 Для тех, кто еще не решил, будет ли конфа интересной/полезной, на Хабре вышел обзор Главные тренды фронтенда в 2025 году: AI, архитектура, PWA и многое другое, где можно почитать более подробно про каждую секцию.
👉 Подробнее о самой конференции по ссылке
Напоминаю, что для подписчиков FrontEndDev действует промокод на скидку 5% fc25_front_end_dev 🔥
Всем добра! ✌️
26 081
Удобнее чем Ctrl + F: ссылки прямо на контент
Добавляем ссылки на текст с помощью специального синтаксиса URL-адреса, который браузер интерпретирует для прокрутки и выделения указанного контента. Теперь вы можете создавать ссылки на фрагменты текста, а в Chromium-браузерах даже есть встроенная функция для этого.
https://alfy.blog/2024/10/19/linking-directly-to-web-page-content.html
26 081
Новые возможности CSS типизированной арифметики
Начиная с Chrome 140 мы можем делать вычисления в CSS, смешивая различные типы данных. Звучит не так грандиозно, но это позволяет создавать сложные и данимаческие макеты и анимации без JS.
https://css-tricks.com/css-typed-arithmetic/
26 081
Друзья, привет!
На связи проект Лиза Алерт —Добровольческий поисково-спасательный отряд, который занимается поиском людей.
Для реализации продукта, который поможет спасти жизни, нам очень нужны frontend разработчики (React+TypeScript) с опытом. Проект некоммерческий, нужны волотнеры.
Для связи писать @Shilkin_Dmitry
26 081
Prompting — это акт разработки: как формировать и улучшать работу с AI
Линдон Серейо показывает, что промпты — это не просто инструкции для модели, а скорее гибрид творческого брифа и диалога с ИИ, где важно продумывать контекст и тон. Он предлагает подходить к prompting как к инструменту разработки: формировать структуру, делить на шаги, проверять и уточнять — чтобы получать более качественные и предсказуемые ответы от AI
https://www.smashingmagazine.com/2025/08/prompting-design-act-brief-guide-iterate-ai/
26 081
Вам может пригодиться useSyncExternalStore
Разбираем распространённый паттерн — useEffect + useState + подписка, который может приводить к «миганию» интерфейса, особенно при серверном рендеринге. Посмотрим, как вместо этого использовать useSyncExternalStore, который обеспечивает синхронное чтение внешнего состояния и предотвращает лишние повторные рендеры и рассинхронизации.
https://swizec.com/blog/you-may-be-looking-for-a-useSyncExternalStore/
26 081
Воссоздание анимации кнопки Google Gemini с помощью CSS
В статье подробно показано, как с нуля реализовать интерактивный эффект кнопки, используя функции CSS shape() и clip-path для создания морфирующих геометрических форм.
https://css-tricks.com/recreating-gmails-google-gemini-animation
26 081
Представлен Chrome DevTools MCP для взаимодействия с браузером
Теперь AI-ассистенты могут видеть и взаимодействовать с браузером: они могут запускать код, инспектировать страницу, диагностировать ошибки и отлаживать веб-приложения. Подробнее в статье Эдди Османи.
https://addyosmani.com/blog/devtools-mcp/
26 081
Амбиентные анимации в веб дизайне: принципы и реализация
Амбиентные анимации это тонкие, медленные детали, которые создают атмосферу, не перетягивая внимание на себя. Они делают дизайн живым и интересным.
https://smashingmagazine.com/2025/09/ambient-animations-web-design-principles-implementation/
26 081
Browserslist теперь напрямую поддерживает запросы Baseline, упрощая таргетирование возможностей браузеров
Эта интеграция позволяет разработчикам легко настраивать поддержку функций на основе их широкой или недавней доступности, а также по годам. Отдельный пакет
browserslist-config-baseline больше не нужен, что упрощает конфигурацию проекта.
https://web.dev/blog/browserslist-supports-baseline?hl=en26 081
Обновленный курс по изучению CSS от команды Chrome
Материал классического курса был значительно переработан и дополнен девятью новыми модулями, чтобы отразить нововведения за последние четыре года. Теперь курс охватывает такие функции, как вложенность CSS, контейнерные запросы, пользовательские свойства и многое другое, фокусируясь на ключевых возможностях, доступных сегодня.
https://web.dev/blog/learn-css-refresh?hl=en
26 081
Создаём анимированные аккордеоны на основе Details
Как создавать продвинутые аккордеоны исключительно с помощью HTML и современного CSS. Применяем элемент
<details> и новые CSS-свойства interpolate-size и transition-behavior для плавной анимации раскрытия контента.
https://www.builder.io/blog/animated-css-accordions?utm_campaign=Issue-609