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
Network:📈 Analytical overview of Telegram channel FrontEndDev
Channel FrontEndDev (@front_end_dev) in the Russian language segment is an active participant. Currently, the community unites 25 548 subscribers, ranking 5 215 in the Technologies & Applications category and 25 424 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 25 548 subscribers.
According to the latest data from 29 October, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -292 over the last 30 days and by -15 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 9.76%. Within the first 24 hours after publication, content typically collects 5.80% reactions from the total number of subscribers.
- Post reach: On average, each post receives 2 493 views. Within the first day, a publication typically gains 1 482 views.
- Reactions and interaction: The audience actively supports content: the average number of reactions per post is 12.
- 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 30 October, 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.
25 548
Subscribers
-1524 hours
-797 days
-29230 days
Posts Archive
25 546
VS Code: 5 интересных функций и расширений, меняющих подход к разработке
Даже опытные пользователи зачастую не догадываются о некоторых "скрытых" возможностях VSCode, которые могут значительно повысить продуктивность.
https://habr.com/ru/articles/930926/
25 546
ES-toolkit
Новая легковесная альтернатива для lodash с поддержкой типов и улучшенной производительностью.
https://es-toolkit.dev/
25 546
Руководство по PDF.js
PDF.js — популярная open‑source библиотека от Mozilla для рендеринга PDF-документов в браузере без использования плагинов. Гайд подробно описывает шаги от базовой настройки и отображения PDF-страниц в <canvas> до более продвинутых возможностей, таких как извлечение текста, аннотации и создание пользовательского интерфейса
https://www.nutrient.io/blog/complete-guide-to-pdfjs/
25 546
Подмена входящего трафика: скрытые, но крайне полезные фичи браузера Chrome
Инструкция о том, как разрабатывать веб приложения с Chrome, если API еще не готов.
https://habr.com/ru/companies/sberbank/articles/923888/
25 546
Frontend Performance Checklist
Большой гайд с лучшими практиками по оптимизации веб приложений.
https://crystallize.com/blog/frontend-performance-checklist
25 546
Совмещаем несколько трансформаций с animation-composition
Возможности, которые предоставляет animation-composition: replace, add, accumulate и примеры их использования для более гибкого управления анимацией и композициями трансформаций в CSS
https://frontendmasters.com/blog/stacked-transforms/
25 546
Контролируем длину строк в CSS
Способы стилизации для того чтобы текст красиво вписывался в блок: установка оптимального числа символов на строку, трюки с vw, а также SVG-решения для адаптивного масштабирования текста под размер контейнера.
https://css-tricks.com/setting-line-length-in-css-and-fitting-text-to-a-container/
25 546
⚡️Хотите научиться писать надежные тесты для React-приложений и улучшить свои навыки в тестировании?
Присоединяйтесь к открытому уроку «Тестирование React-приложений с помощью React Testing Library» 23 июля в 20:00 МСК! Разберем:
- Основы React Testing Library (RTL): философию и ключевые принципы.
- Разницу между RTL и Enzyme, и почему RTL — лучший выбор.
- Как тестировать рендеринг, события, асинхронный код и кастомные хуки.
Это отличная возможность перед стартом курса «React.js Developer» от OTUS. Все участники получат скидку на обучение и полезные материалы для дальнейшего изучения.
👉Регистрация открыта: https://otus.pw/scrx/
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
25 546
Утилитные TS типы для работы с Promise
Примеры типизации сложных кейсов при работе с Promise.all или вложенными Promise.
https://spin.atomicobject.com/better-promise-all/
25 546
Как создавать 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
25 546
Задача: получить максимум инсайтов за минимум времени
Решение: прийти к нам на Frontend meetup. 😎
А именно:
✔️ Как ускорить сборку фронта в 10 раз (и не развалить всё по пути)
✔️ Как развивать хард-скиллы на работе, а не в 2 часа ночи
✔️ Как подружиться с ИИ и не отдать ему контроль над кодовой базой.
Встречаемся офлайн/онлайн 22 июля в 18:00 в Sber Agile Home по адресу: Кутузовский проспект, 32к1, Москва.
Здесь можно узнать подробности и зарегистрироваться!
25 546
Scroll-Driven Sticky заголовки
Используем Scroll-Driven анимацию совместно с position: sticky чтобы оживлять заголовки при прокрутке.
https://css-tricks.com/scroll-driven-sticky-heading/
25 546
Localhost-атака: как **ta и Яндекс следят за пользователями Android через localhost
Скрипты **ta Pixel и Яндекс.Метрика в браузере устанавливают соединение с фоновыми нативными приложениями, прослушивающими определённые TCP/UDP‑порты, чтобы передать cookie (например, _fbp) и идентификаторы устройства, тем самым связывая активность в браузере с учётной записью пользователя. Этот способ обхода защиты ставит под угрозу приватность и делает даже приватный режим небезопасным.
https://habr.com/ru/articles/915732/
25 546
Один из наших подписчиков запилил ресурс для подготовки к фронтенд‑собеседованиям — Hack Frontend
Там собрано всё, что обычно нужно:
- База знаний с реальными вопросами и детальными разборками, а не просто теоретические статьи.
- База задач из интервью с возможностью решать их прямо в браузере (есть встроенная IDE).
- Квизы по «тонким» моментам JavaScript: event loop, замыкания, промисы, прототипы и пр.
Платформа полностью бесплатная
https://www.hackfrontend.com
25 546
Как хорошо вы знаете класс Date?
Квиз из 28 нестандартных вопросов о том, как работает Date в JS. Делитесь результатами в коментах.
https://jsdate.wtf/
25 546
Асинхронное итерирование с Array.fromAsync()
Современный способ асинхронного итерирования и его сравнение с привычными паттернами.
https://allthingssmitty.com/2025/07/14/modern-async-iteration-in-javascript-with-array-fromasync/
25 546
Как выжить в мире сложных интерфейсов в 2025-м
7 работающих рецептов от React и CSS до дизайн-систем.
https://habr.com/ru/companies/ncloudtech/articles/924704/
25 546
Анализ 100 лендинг станиц продуктов для разработчиков
Представим, что у вас есть инструмент для разработчиков и вы хотите его продвигать. Какую лендинг страницу сделать? Вот обзорная статья от Злых Марсиан с успешными практиками для дизайна лендингов: понятные заголовки, визуальные демо продукта и чёткие призывы к действию.
https://evilmartians.com/chronicles/we-studied-100-devtool-landing-pages-here-is-what-actually-works-in-2025
25 546
Оператор satisfies в TypeScript
Подробнее об операторе satisfies, который позволяет проверить, соответствует ли объект определённому типу. Полезно для случаев, когда нужно сохранить узкие типы значений и одновременно гарантировать соответствие интерфейсу. Благодаря satisfies улучшается безопасность типов, автодополнение и общая надёжность кода, по сравнению с использованием as.
https://frontendmasters.com/blog/satisfies-in-typescript/
25 546
Вертикальный ритм
Почему вертикальный ритм важен и как его соблюсти при дизайне и разработке приложений.
https://habr.com/ru/companies/edison/articles/340670/
