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 أيام
أرشيف المشاركات
CSS @container scroll-state: заменяем JS подписку на скролл Новая функция @container scroll-state позволяет CSS напрямую реаг
CSS @container scroll-state: заменяем JS подписку на скролл Новая функция @container scroll-state позволяет CSS напрямую реагировать на положение элемента в его скролл-контейнере, заменяя тяжеловесные JS подписки. https://blog.logrocket.com/css-container-scroll-state/

Новые реактивные формы в Angular: Signal Forms API. Это экспериментальное API, представленное в Angular 21, позволяет создава
Новые реактивные формы в Angular: Signal Forms API. Это экспериментальное API, представленное в Angular 21, позволяет создавать типобезопасные формы с автоматической реактивностью и меньшим количеством шаблонного кода. Разработчики смогут гибко настраивать валидацию, управлять состояниями полей и легко встраивать кастомные контролы. https://habr.com/ru/companies/tbank/articles/1000906

Исследуем возможности `:near()`, нового псевдокласса, который может появиться в браузерах. Этот псевдокласс определяет близос
Исследуем возможности `:near()`, нового псевдокласса, который может появиться в браузерах. Этот псевдокласс определяет близость указателя к элементу, открывая возможности для условного отображения элементов, а также для оптимизации предзагрузки контента. https://css-tricks.com/potentially-coming-to-a-browser-near-you/

Плохие практики, которые часто встречаются в современной вёрстке. В статье разбираются распространённые ошибки, от отсутствия
Плохие практики, которые часто встречаются в современной вёрстке. В статье разбираются распространённые ошибки, от отсутствия альтернативного текста у интерактивных элементов до некорректного скрытия контента и неправильной работы с анимациями https://habr.com/ru/companies/ruvds/articles/995784

20 платформ для дизайн-референсов, которые выходят за рамки Dribbble. Cписок предлагает 20 платформ, где можно найти не тольк
20 платформ для дизайн-референсов, которые выходят за рамки Dribbble. Cписок предлагает 20 платформ, где можно найти не только красивые картинки, но и реальные пользовательские пути, видеозаписи, файлы Figma, код компонентов и лучшие практики для создания функциональных интерфейсов. https://jsdevspace.substack.com/p/20-design-reference-platforms-beyond

Курс по основам сетей https://www.youtube.com/watch?v=fQbBPa0ADvs
Курс по основам сетей https://www.youtube.com/watch?v=fQbBPa0ADvs

Почему статические сайты возвращаются и чему они научились. Статические сайты снова актуальны: они предлагают зрелую архитект
Почему статические сайты возвращаются и чему они научились. Статические сайты снова актуальны: они предлагают зрелую архитектуру, способную решать до 90% задач быстрее, дешевле и безопаснее, чем тяжёлые бэкенды. Они научились взаимодействовать с динамическим контентом через API и обновляться мгновенно благодаря инкрементальной сборке, минимизируя затраты на поддержку. https://habr.com/ru/articles/1000610

Вакансия Senior Frontend Developer /// Steper Привет! Мы Steper — сервис для создания сценариев с привязкой к ботам в различных соцсетях и автоматизацией цепочек действий: от запуска задачи до её решения. Мы ищем Senior Frontend Developer. Проект напоминает что-то среднее между n8n.io и bothelp.io. 🛠 Стек: TypeScript, Vue 3 (опыт от 2 лет), Git (будет плюсом знание Node.js) 👩‍💻 Гибридный формат (удаленка, ищем кандидата из Москвы) 📌 Что делать: ▫️Разрабатывать интерфейсы платформы ▫️Проектировать и улучшать UI/UX, делать продукт удобным для бизнеса ▫️Работать над компонентами и архитектурой фронтенда. ▫️Участвовать в проектировании общей логики продукта и интеграций, включая AI-модули в сценариях. 📌 Важно: ▫️Писать качественный и современный код, но без чрезмерного увлечения велосипедами ▫️Уметь самостоятельно принимать решения по разработке продукта, а не ждать подробных ТЗ 📌 Что предлагаем: ▫️ЗП: от 300 000 ₽/мес на руки ▫️7-часовой рабочий день + 1 час обед ▫️Гибридный график работы (редкие встречи в Москве с командой) ▫️Оплата коворкинга и подписок на полезные сервисы (обсуждается) ▫️Возможность влиять на продукт и принимать ключевые решения ▫️Работа в небольшой продуктовой команде и участие в развитии проекта Откликнуться: https://forms.yandex.ru/u/698d68d35056902e746570d5/

Обработка видео в web с помощью WebCodecs Туториал по работе с WebCodecs API: создаем видео-редактор и live стримы без сервер
Обработка видео в web с помощью WebCodecs Туториал по работе с WebCodecs API: создаем видео-редактор и live стримы без серверной обработки. https://www.sitepoint.com/video-processing-in-browser-with-Web-Codecs

Как одно эмодзи замедлило приложение в 100 раз. Невероятный баг, который приводил к задержке в 1600 мс на каждом этапе отрисо
Как одно эмодзи замедлило приложение в 100 раз. Невероятный баг, который приводил к задержке в 1600 мс на каждом этапе отрисовки в Safari, был вызван одним эмодзи из-за использования шрифта Noto Color Emoji. https://frontendfoc.us/link/180511/web

UI паттерны для асинхронных процессов и фоновых задач Как создавать интуитивно понятные интерфейсы для фоновых задач и конвей
UI паттерны для асинхронных процессов и фоновых задач Как создавать интуитивно понятные интерфейсы для фоновых задач и конвейеров данных, чтобы пользователи не теряли контроль и понимали, что происходит в приложении. https://blog.logrocket.com/ui-patterns-for-async-workflows-background-jobs-and-data-pipelines/

Развлекаемся с TypeScript дженериками Используем продвинутые возможности дженериков, условные типы и перегрузку функций, чтоб
Развлекаемся с TypeScript дженериками Используем продвинутые возможности дженериков, условные типы и перегрузку функций, чтобы создавать строго типизированные утилиты. https://frontendmasters.com/blog/fun-with-typescript-generics/

Создание адаптивной пирамиды с помощью современного CSS. Делаем сложный адаптивный макет с гексагональными элементами, исполь
Создание адаптивной пирамиды с помощью современного CSS. Делаем сложный адаптивный макет с гексагональными элементами, используя передовые возможности CSS Grid и математические вычисления. https://css-tricks.com/making-a-responsive-pyramidal-grid-with-modern-css/

Друзья! Один из наших подписчиков вместе с командой запустил open source CSS-фреймворк mlut [млат]. mlut помогает верстать пр
Друзья! Один из наших подписчиков вместе с командой запустил open source CSS-фреймворк mlut [млат]. mlut помогает верстать проекты с нешаблонным дизайном, где не подходят фреймворки старой школы и плохо справляются LLM. mlut похож на Tailwind, поскольку основан на подходе Atomic CSS, но по некоторым параметрам превосходит аналоги. Ключевые особенности mlut 1. Краткий и строгий нейминг — cокращения основаны на популярности свойств CSS и составлены по единому алгоритму. 2. Богатый и нативный синтаксис 3. Написан на Sass. Позволяет использовать всю мощь препроцессора для связи рукописного CSS и утилит На сегодня уже реализованы генератор утилит, CLI с минификацией и автопрефиксером, плагины для сборщиков и онлайн-песочница. А также есть обширная документация, плюс готовится серия уроков совместно с HTML Academy (тут первый). Проект активно развивается в сторону добавления фич для сложной верстки и интеграции с IDE. Недавно ребята запустили проект на ProductRadar, поэтому все желающие могут его поддержать и оставить фидбек, который очень важен для команды!

Я 💛 Фронтенд 2026 Прямая трансляция конференции которая начнется сегодня в 11:00 МСК Программу можно глянуть тут. https://ww
Я 💛 Фронтенд 2026 Прямая трансляция конференции которая начнется сегодня в 11:00 МСК Программу можно глянуть тут. https://www.youtube.com/live/Da3cJi7RDPg

Полифилл для switch В Safari 17.4 появился новый нативный HTML элемент switch, который превращает обычный checkbox с атрибуто
Полифилл для switch В Safari 17.4 появился новый нативный HTML элемент switch, который превращает обычный checkbox с атрибутом switch в переключатель. Для остальных браузеров есть полифилл. Подробее о нем — в статье https://blog.tomayac.com/2026/01/12/a-polyfill-for-the-html-switch-element/

CSS @scope: Альтернатива соглашениям об именовании и тяжелым абстракциям Упрощаем поддержку стилей с новым правилом @scope, к
CSS @scope: Альтернатива соглашениям об именовании и тяжелым абстракциям Упрощаем поддержку стилей с новым правилом @scope, которое позволяет точно ограничивать область действия стилей в DOM. https://www.smashingmagazine.com/2026/02/css-scope-alternative-naming-conventions/

Браузер ненавидит сюрпризы Непредвиденные изменения макета, например, из-за долгой загрузки изображений, вынуждают браузер пе
Браузер ненавидит сюрпризы Непредвиденные изменения макета, например, из-за долгой загрузки изображений, вынуждают браузер пересчитывать геометрию страницы, вызывая скачки интерфейса. Подробно о том, как избежать этого и заранее резервировать пространство для контента в статье frontendmasters. https://frontendmasters.com/blog/the-browser-hates-surprises/

Компилируем TypeScript в натив: хардкор и мясо. TSNative — это AOT-компилятор, который позволяет преобразовывать TypeScript-к
Компилируем TypeScript в натив: хардкор и мясо. TSNative — это AOT-компилятор, который позволяет преобразовывать TypeScript-код в нативные бинарные файлы, используя LLVM IR. Это решение подходит для создания десктопных приложений, обеспечивая прямое взаимодействие с C++ без браузера или JavaScript-движка. https://habr.com/ru/companies/ncloudtech/articles/990666

Отладка перфоманса с использованием Chrome DevTools MCP Пошаговый туториал автоматизированного анализа производительности веб
Отладка перфоманса с использованием Chrome DevTools MCP Пошаговый туториал автоматизированного анализа производительности веб приложений с помощью AI и Chrome DevTools MCP. https://www.debugbear.com/blog/chrome-devtools-mcp-performance-debugging