en
Feedback
FrontEndDev

FrontEndDev

Open in 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

Show more

📈 Analytical overview of Telegram channel FrontEndDev

Channel FrontEndDev (@front_end_dev) in the Russian language segment is an active participant. Currently, the community unites 26 466 subscribers, ranking 5 157 in the Technologies & Applications category and 25 119 in the Russia region.

📊 Audience metrics and dynamics

Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 26 466 subscribers.

According to the latest data from 11 June, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -155 over the last 30 days and by -8 over the last 24 hours, overall reach remains high.

  • Verification status: Not verified
  • Engagement rate (ER): The average audience engagement rate is 10.57%. Within the first 24 hours after publication, content typically collects 6.51% reactions from the total number of subscribers.
  • Post reach: On average, each post receives 2 798 views. Within the first day, a publication typically gains 1 723 views.
  • Reactions and interaction: The audience actively supports content: the average number of reactions per post is 13.
  • Thematic interests: Content is focused on key topics such as css, api, интерфейс, html, frontend.

📝 Description and content policy

The author describes the resource as a platform for expressing subjective opinions:
🚀 Статьи, новости, туториалы по 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

Thanks to the high frequency of updates (latest data received on 12 June, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Technologies & Applications category.

26 466
Subscribers
-824 hours
-337 days
-15530 days
Posts Archive
Как создавать NPM пакеты в 2025 Пошаговая инструкция начиная с инициализации Git‑репозитория, настройки сборки через tsc, под
Как создавать NPM пакеты в 2025 Пошаговая инструкция начиная с инициализации Git‑репозитория, настройки сборки через tsc, подключения Prettier и Vitest, до настройки CI через GitHub Actions и публикации с помощью Changesets Плюсом рассказывают о продвинутых шагах: конфигурирование package.json, генерация .d.ts-типов, настройка линтинга и автоматизации публикации. В итоге получается полностью готовый к продакшну пакет со структурой src→dist, тестами, форматом и CI/CD. https://www.totaltypescript.com/how-to-create-an-npm-package

Задача: получить максимум инсайтов за минимум времени Решение: прийти к нам на Frontend meetup. 😎 А именно: ✔️ Как ускорить
Задача: получить максимум инсайтов за минимум времени Решение: прийти к нам на Frontend meetup. 😎 А именно: ✔️ Как ускорить сборку фронта в 10 раз (и не развалить всё по пути) ✔️ Как развивать хард-скиллы на работе, а не в 2 часа ночи ✔️ Как подружиться с ИИ и не отдать ему контроль над кодовой базой. Встречаемся офлайн/онлайн 22 июля в 18:00 в Sber Agile Home по адресу: Кутузовский проспект, 32к1, Москва. Здесь можно узнать подробности и зарегистрироваться!

Scroll-Driven Sticky заголовки Используем Scroll-Driven анимацию совместно с position: sticky чтобы оживлять заголовки при пр
Scroll-Driven Sticky заголовки Используем Scroll-Driven анимацию совместно с position: sticky чтобы оживлять заголовки при прокрутке. https://css-tricks.com/scroll-driven-sticky-heading/

Localhost-атака: как **ta и Яндекс следят за пользователями Android через localhost Скрипты **ta Pixel и Яндекс.Метрика в бра
Localhost-атака: как **ta и Яндекс следят за пользователями Android через localhost Скрипты **ta Pixel и Яндекс.Метрика в браузере устанавливают соединение с фоновыми нативными приложениями, прослушивающими определённые TCP/UDP‑порты, чтобы передать cookie (например, _fbp) и идентификаторы устройства, тем самым связывая активность в браузере с учётной записью пользователя. Этот способ обхода защиты ставит под угрозу приватность и делает даже приватный режим небезопасным. https://habr.com/ru/articles/915732/

Один из наших подписчиков запилил ресурс для подготовки к фронтенд‑собеседованиям — Hack Frontend Там собрано всё, что обычно нужно: - База знаний с реальными вопросами и детальными разборками, а не просто теоретические статьи. - База задач из интервью с возможностью решать их прямо в браузере (есть встроенная IDE). - Квизы по «тонким» моментам JavaScript: event loop, замыкания, промисы, прототипы и пр. Платформа полностью бесплатная https://www.hackfrontend.com

Как хорошо вы знаете класс Date? Квиз из 28 нестандартных вопросов о том, как работает Date в JS. Делитесь результатами в ком
Как хорошо вы знаете класс Date? Квиз из 28 нестандартных вопросов о том, как работает Date в JS. Делитесь результатами в коментах. https://jsdate.wtf/

Асинхронное итерирование с Array.fromAsync() Современный способ асинхронного итерирования и его сравнение с привычными паттер
Асинхронное итерирование с Array.fromAsync() Современный способ асинхронного итерирования и его сравнение с привычными паттернами. https://allthingssmitty.com/2025/07/14/modern-async-iteration-in-javascript-with-array-fromasync/

Как выжить в мире сложных интерфейсов в 2025-м 7 работающих рецептов от React и CSS до дизайн-систем. https://habr.com/ru/com
Как выжить в мире сложных интерфейсов в 2025-м 7 работающих рецептов от React и CSS до дизайн-систем. https://habr.com/ru/companies/ncloudtech/articles/924704/

Анализ 100 лендинг станиц продуктов для разработчиков Представим, что у вас есть инструмент для разработчиков и вы хотите его
Анализ 100 лендинг станиц продуктов для разработчиков Представим, что у вас есть инструмент для разработчиков и вы хотите его продвигать. Какую лендинг страницу сделать? Вот обзорная статья от Злых Марсиан с успешными практиками для дизайна лендингов: понятные заголовки, визуальные демо продукта и чёткие призывы к действию. https://evilmartians.com/chronicles/we-studied-100-devtool-landing-pages-here-is-what-actually-works-in-2025

Оператор satisfies в TypeScript Подробнее об операторе satisfies, который позволяет проверить, соответствует ли объект опреде
Оператор satisfies в TypeScript Подробнее об операторе satisfies, который позволяет проверить, соответствует ли объект определённому типу. Полезно для случаев, когда нужно сохранить узкие типы значений и одновременно гарантировать соответствие интерфейсу. Благодаря satisfies улучшается безопасность типов, автодополнение и общая надёжность кода, по сравнению с использованием as. https://frontendmasters.com/blog/satisfies-in-typescript/

Вертикальный ритм Почему вертикальный ритм важен и как его соблюсти при дизайне и разработке приложений. https://habr.com/ru/
Вертикальный ритм Почему вертикальный ритм важен и как его соблюсти при дизайне и разработке приложений. https://habr.com/ru/companies/edison/articles/340670/

🎯 Хочешь запустить своё мини-приложение на аудиторию в 45 млн пользователей? VK Dev Grants — грантовая программа для разработчиков от VK Mini Apps 🏆 Призовой фонд — 5 млн ₽ 💡 Условия — от идеи до масштабного релиза 💼 Участие — соло или в команде 🧠 Экспертная поддержка, продвижение и монетизация Заявки на 1 этап принимаются до 31 июля. Для участия потребуется презентация проекта с подробным описанием идеи мини-приложения и всем, что может лечь в основу проекта. 👉 Подать заявку.

Стилизуем gap О новой CSS-функциональности — gap decorations, которая позволяет добавлять декоративные разделительные линии м
Стилизуем gap О новой CSS-функциональности — gap decorations, которая позволяет добавлять декоративные разделительные линии между элементами flex, grid и multi-column без лишнего HTML-кода. Теперь можно одним CSS-свойством настроить ширину, цвет, стиль линий и даже сложные шаблоны через repeat(). Поддержка с Chrome 139. https://css-tricks.com/the-gap-strikes-back-now-stylable/

Новшества EcmaScript 2025 Улучшения для Set, методы итераторов, дублирующиеся именованные группы захвата регулярных выражений
Новшества EcmaScript 2025 Улучшения для Set, методы итераторов, дублирующиеся именованные группы захвата регулярных выражений, Promise.try() и новый тип Float16Array. https://pawelgrzybek.com/whats-new-in-ecmascript-2025/

Params Editor Удобное расширение для Chrome для редактирования query параметров url https://params-editor.isolpro.in/
Params Editor Удобное расширение для Chrome для редактирования query параметров url https://params-editor.isolpro.in/

Пропали на неделю, сори. Инспектор HTML форм Инструмент, делающий разбор вашей формы на предмет ошибок и недочетов - вставляе
Пропали на неделю, сори. Инспектор HTML форм Инструмент, делающий разбор вашей формы на предмет ошибок и недочетов - вставляете код и получаете отчет. https://polypane.app/form-inspector/

Как оптимизировать работу вашего NextJs приложения с after О новой API-функции after() в Next.js 15, которая позволяет выполн
Как оптимизировать работу вашего NextJs приложения с after О новой API-функции after() в Next.js 15, которая позволяет выполнять дополнительную логику после отправки ответа клиенту, не замедляя основной рендеринг. О том, где и как применять after(), а также потенциальные ограничения при работе с Server Components и middleware. https://blog.logrocket.com/how-to-optimize-next-js-app-after/

Облегчаем использование регулярных выражений в JS Несколько советов, которые сделают вашу работу с регулярками проще и удобне
Облегчаем использование регулярных выражений в JS Несколько советов, которые сделают вашу работу с регулярками проще и удобнее. https://2ality.com/2025/06/javascript-regexp-tips.html

🚴‍♂️Не надо изобретать велосипед Главная ошибка стартаперов — пытаться сделать идеальный продукт, годами его дорабатывать, но так и не выпустить. В своём канале я запустил челлендж: 12 проектов за 12 месяцев. 1️⃣ Ищем идею под существующий спрос (не из головы!) 2️⃣ Разрабатываем продукт 3️⃣ Занимаемся бесплатным продвижением 4️⃣ Оптимизируем и масштабируем Формула проста: 1 запуск = 1 функция = решение 1 проблемы Три главных правила: ✔️ Только проверенный спрос — через поисковые запросы, а не догадки. ✔️ Быстрый запуск — никакого перфекционизма. ✔️ Только США и ЕС — там платят за удобство. Также в канале разбираю: — Кто и зачем будет платить за микро-продукт?Главная ошибка начинающих стартаперовМикро-продукт vs стартапКак бесплатно продвигать продукт Короче, рассказываю в канале без купюр: что работает, а что нет, сколько приносит и как продвигаем. Всё, что обычно скрывают. Реклама: ИП Зуев Игорь Владимирович, ИНН: 360408359441, Erid: 2VtzqxL27QA

Создаем Танграм пазл на CSS Как при помощи SCSS создать интерактивный танграм‑пазл — набор геометрических фигур, которые можн
Создаем Танграм пазл на CSS Как при помощи SCSS создать интерактивный танграм‑пазл — набор геометрических фигур, которые можно свободно перемещать и поворачивать. Реализация логики «перетаскивания» и поворота блоков с помощью CSS‑трансформаций и переменных + организация адаптивной верстки и плавных анимаций с минимальным использованием JavaScript. https://css-tricks.com/breaking-boundaries-building-a-tangram-puzzle-with-scss/