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 534 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 534 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 534
Subscribers
-1524 hours
-797 days
-29230 days
Posts Archive
25 534
Добавляем визуальных эффектов с backdrop-filter
Методы комбинирования
backdrop-filter с другими CSS-эффектами для создания сложных и интересных дизайнов
https://css-tricks.com/using-css-backdrop-filter-for-ui-effects/25 534
Погружаемся в работу сети
Как данные передаются от сервера к вашему устройству? Подробная статья о модели OSI и TCP/IP, а также протоколах TCP, UDP и HTTP. Пошаговое описание того, как данные проходят через различные уровни сетевой модели, превращаясь из запроса в браузере в электрические сигналы, которые пересекают океаны, чтобы достичь вашего экрана.
https://www.deepintodev.com/blog/how-data-travels-the-world-to-reach-your-screen
25 534
Летняя школа разработки интерфейсов Яндекса открывает прием заявок
Прокачать скиллы фронтенд-разработки и поработать над реальными бизнес-задачами можно в Летней школе Яндекса. Это топовая возможность разобраться в тонкостях создания удобных и надёжных интерфейсов.
Школа пройдет в два этапа:
— со 2 июня по 27 июля участников ждут лекции и практические задания в онлайне
— с 28 июля по 24 августа участники объединятся в полноценные фулстек-команды, чтобы поработать над реальными продуктами и фичами. Каждую группу будет сопровождать опытный наставник компании.
Участие бесплатное, а лучшие смогут попасть на стажировку в Яндекс или даже получить офер.
Если основы JavaScript и HTML/CSS уже знакомы — отправляй заявку до 27 апреля.
25 534
Глубокое погружение в React Reconciliation
Подробное объяснение, как React обновляет DOM с помощью алгоритма reconciliation, как React сохраняет или сбрасывает состояние в зависимости от типа и позиции элементов в дереве компонентов. Плюсом обсуждаются внутренние структуры React и даются советы по оптимизации производительности.
https://cekrem.github.io/posts/react-reconciliation-deep-dive/
25 534
Топ 5 ошибок в CSS меню навигации
Частые ошибки, которые допускают разработчики при реализации навигации. Обратите на них внимание, и вашим меню станет пользоваться намного удобнее.
https://blog.css-weekly.com/top-5-css-navigation-menu-mistakes
25 534
Lighthouse Scoring Calculator
Простой калькулятор, который показывает как каждая метрика влияет на суммарное количество баллов
https://googlechrome.github.io/lighthouse/scorecalc/
25 534
Современные и малоизвестные фичи JS
Несколько фич JS, которые давно или недавно доступны разработчикам, но редко используются: Promise.withResolvers, .at(), replace c коллбеком, structuredClone и еще несколько.
https://jem-space.ru/js-features/
25 534
Создаем LQIP изображения с помощью CSS
Cпособ создания размытых изображений-плейсхолдеров с помощью одной CSS-переменной и радиальных градиентов. Изображение кодируется в целое число и декодируется средствами CSS прямо в браузере. Метод обеспечивает мгновенное отображение плейсхолдера.
https://leanrada.com/notes/css-only-lqip/
25 534
26–27 апреля проводим Weekend Offer Frontend
Устроиться в Яндекс за выходные — реально. Ищем крутых фронтендеров с опытом работы от 4 лет, готовых работать в офисном или гибридном режиме в России.
Подавайте заявку до 23 апреля — и всего за два дня пройдите все технические собеседования. После сможете пообщаться с нанимающими менеджерами и выбрать из 10 команд ту, которая покажется самой интересной. Если всё сложится хорошо, сразу же пришлём вам офер.
Узнать подробности и зарегистрироваться.
25 534
Решаем проблемы, связанные с загрузкой ресурсов, блокирующих рендер
О методах оптимизации загрузки блокирующих ресурсов: инлайнинг критического CSS, отложенная загрузка некритических стилей и скриптов, а также удаление неиспользуемого кода, с целью улучшения показателей FCP и LCP.
https://blog.logrocket.com/eliminate-render-blocking-resources-css-javascript/
25 534
Cover Flow на современном CSS
Эдди Османи проводит небольшой исторический экскурс в Cover Flow, популяризированный Apple. А также предлагает современный подход к воссозданию этого эффекта с использованием только HTML и CSS, опираясь на CSS Scroll Snap и Scroll-Driven Animations API.
https://addyosmani.com/blog/coverflow/
25 534
📥 Разработчики, больше никаких ложных срабатываний при анализе сторонних библиотек. Positive Technologies выпустила новую версию сканера PT Application Inspector.
🌀 В релизе объединили технологии анализа сторонних компонентов и статического анализа кода приложения — в продукте появились возможности анализа достижимости и поиска транзитивных зависимостей.
Результаты тестирования новой версии на 193 открытых проектах на GitHub, использующих уязвимые компоненты, впечатляют: количество ложноположительных срабатываний снизилось на 98–100%. Теперь можно сэкономить время на анализе срабатываний и сосредоточиться на исправлении реальных дефектов безопасности.
❌ Надоело копаться в ложных срабатываниях? Оставьте заявку на тестирование PT Application Inspector.
25 534
Первый взгляд на attr() в CSS
Ахмад Шадид рассказывает о работе
attr(), его преимуществах и где его удобно применять.
https://ishadeed.com/article/modern-attr/25 534
Apache ECharts для визуализации данных
Таня Раския рассказывает как интегрировать Apache ECharts в React-приложение: как установить библиотеку, использовать компонент echarts-for-react и настраивать графики. Также приводит примеры кастомизации и обновления данных в диаграммах.
https://tania.dev/apache-echarts-react/
25 534
Как улучшить UX-дизайн форм
Типы форм, их структура и лучшие практики: логичное построение, понятные подписи, ёмкие сообщения об ошибках, инлайн валидация.
https://blog.logrocket.com/ux-design/better-form-design-ux-tips-tools-tutorial/
25 534
Начните карьеру разработчика в Авито 😎
Стажировка для разработчиков возвращается — Авито открывает набор в направлениях Frontend, Backend и QA.
Здесь вы будете работать с продуктами, которыми пользуются миллионы.
Профессионально развиваться и расти вам помогут:
• наставник — научит, как найти лучшее решение, и поможет разобраться в инструментах и технологиях,
• комьюнити стажёров — поделятся опытом и поддержат,
• доступ к базам знаний, библиотекам и корпоративным курсам — поможет нарастить экспертизу.
Стажировка оплачивается. Доступно три направления, вы можете выбрать два – основное и запасное. Если попасть на первое не удастся, сможете пройти отбор на второе при наличии мест.
Условия:
• длительность программы — 6 месяцев,
• работа от 25 часов в неделю, после завершения стажировки — возможность остаться в компании на полную занятость,
• зарплата и корпоративный ноутбук,
• можно работать из офиса, удалённо или в гибридном формате.
Более 80% стажёров продолжают карьеру в Авито. Присоединяйтесь к команде и растите вместе с нами! Регистрация открыта до 10 апреля.
25 534
Как работает заголовок Cache-Control
Статья о том, как различные браузеры обрабатывают заголовок и как с помощью него можно улучшить производительность и инвалидировать устаревшие данные.
https://csswizardry.com/2025/03/why-do-we-have-a-cache-control-request-header/
25 534
Реализация простой и эффективной системы отмены действий
Использовние двух стеков — undoStack и redoStack — для управления отменой и повтором действий, избегая сложностей, связанных с указателями и индексами в массиве.
https://blog.julik.nl/2025/03/a-tiny-undo-stack
25 534
React Explorer
Еще один инструмент, позволяющий построить граф зависимостей, причем интерактивный. Вы можете выбирать элементы на сайте и он будет подсвечивать нужное дерево зависимостей.
https://react-explorer.com/
