fa
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، کانال فعالیت پایداری دارد. در ۳۰ روز گذشته تغییر اعضا برابر -148 و در ۲۴ ساعت گذشته برابر 1 بوده و همچنان دسترسی گسترده‌ای حفظ شده است.

  • وضعیت تأیید: تأیید نشده
  • نرخ تعامل (ER): میانگین تعامل مخاطب 10.61% است و در ۲۴ ساعت نخست پس از انتشار، محتوا معمولاً 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