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) في القطاع اللغوي الروسية لاعباً نشطاً. يضم المجتمع حالياً 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/