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 555 subscribers, ranking 5 221 in the Technologies & Applications category and 25 433 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 25 555 subscribers.
According to the latest data from 28 October, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -293 over the last 30 days and by -14 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 9.60%. Within the first 24 hours after publication, content typically collects 5.79% reactions from the total number of subscribers.
- Post reach: On average, each post receives 2 454 views. Within the first day, a publication typically gains 1 479 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 29 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 555
Subscribers
-1424 hours
-787 days
-29330 days
Posts Archive
25 553
Отлаживаем код в браузере с Chrome DevTools MCP
Посмотрим, как диагностировать ошибки, отлаживать стили, симулировать поведение пользователя и проводить тесты производительности с AI.
https://blog.logrocket.com/debugging-with-chrome-devtools-mcp/
25 553
URL Pattern API: Новый стандарт теперь в Baseline
Этот встроенный API значительно упрощает сопоставление URL-адресов и извлечение данных, избавляя от необходимости использовать сложные регулярные выражения или сторонние библиотеки.
Краткий пересказ
https://web.dev/blog/baseline-urlpattern?hl=en
25 553
Друзья! Помогите RuStore стать ещё лучше — и выиграйте фичеринг!
Каждый день ребята из RuStore работают над тем чтобы сделать его еще удобнее.
Поэтому RuStore запустили опрос для разработчиков, чтобы понять, как вы работаете с разными магазинами приложений. Чтобы участие было не только полезным, но и приятным — разыгрывается фичеринг на витрине RuStore среди всех участников опроса прошедших его до конца! 🎉
📌 Опрос доступен с 20 октября по 1 ноября. Опрос займёт всего 5 минут.
👉 Призы и итоги
5 разработчиков получат фичеринг в RuStore размещения выйдут в течение трёх месяцев после объявления итогов.
Победителей объявят 1 декабря.
Условия участия в конкурсе
▫️участвовать могут разработчики, чьи приложения уже опубликованы в RuStore
▫️приложения соответствуют требованиям RuStore
▫️формат и даты фичеринга определяет редакция RuStore
Правила конкурса можно найти в посте
25 553
URL Pattern API: Новый стандарт теперь в Baseline
Этот встроенный API значительно упрощает сопоставление URL-адресов и извлечение данных, избавляя от необходимости использовать сложные регулярные выражения или сторонние библиотеки.
Краткий пересказ
https://web.dev/blog/baseline-urlpattern?hl=en
25 553
CSS-цвета: руководство для веб-разработчика.
Откройте для себя упрощенный синтаксис
rgb() и hsl(), мощные относительные цвета, а также функцию light-dark() для гибких тем.
Краткий пересказ
https://piccalil.li/blog/a-pragmatic-guide-to-modern-css-colours-part-one/25 553
AI-тестирование: один из без ручного написания тестов
Meticulos предлагает подход при котором тестовый набор генерируется и развивается автоматически, отслеживая повседневные взаимодействия с приложением. Это позволяет устранить сбои, ускорить разработку и обеспечить актуальность тестов без участия разработчиков
https://www.meticulous.ai/
https://www.meticulous.ai/
25 553
Новый хук useEffectEvent в React 19.2: эффективное управление сайд-эффектами
Этот хук решает проблему "устаревших замыканий", позволяя эффектам всегда иметь доступ к актуальным данным без лишних повторных запусков. Подробнее о том, как он упрощает код, улучшает производительность и устраняет распространенные ошибки — в статье.
Краткий пересказ
https://blog.logrocket.com/react-useeffectevent/
25 553
Хороший DX не гарантирует успех дизайн-системы
Несмотря на возможный первоначальный восторг от удобства UI-библиотек, проблемы масштабирования, поддержания консистентности и технического долга часто приводят к их постоянной смене. Ключ к устойчивой дизайн-системе — это продуманное управление, чёткие цели и фокус на надёжной поставке продукта, а не только на повседневном комфорте разработчиков.
Краткий пересказ тут https://tldread.ru/good-dx-not-enough
https://blog.logrocket.com/good-dx-not-enough/
25 553
CSS-анимации: создаем сложные последовательные эффекты
Современный CSS позволяет создавать последовательные анимации для любого количества элементов без сложных ключевых кадров. Функция
linear() в сочетании с sibling-index() и sibling-count() делает это возможным, упрощая настройку и масштабирование эффектов
Краткий пересказ
https://css-tricks.com/sequential-linear-animation-with-n-elements/25 553
Релиз React 19.2 с ключевыми обновлениями для оптимизации производительности
Еще одна обзорная статья о новшествах: Activity API, позволяющий скрывать UI, сохраняя состояние и размонтируя эффекты, и хук
useEffectEvent, который упрощает управление логикой эффектов.
https://blog.logrocket.com/react-19-2-is-here/25 553
Фронтенд, покодим на Yandex Cup?
Открыта регистрация на Yandex Cup — чемпионат Яндекса для разработчиков с призовым фондом 12 млн рублей и финалом в Стамбуле!
Участники смогут соревноваться за призы и выход в финал, а ещё — пройти собеседование в Яндекс по упрощённой схеме.
В направлении Фронтенд 5 призовых мест:
1 место — 500 000 ₽
2 место — 400 000 ₽
3 место — 300 000 ₽
4 место — 200 000 ₽
5 место — 100 000 ₽
Этапы Yandex Cup: 20–29 октября пройдёт пробный тур для знакомства с платформой и задачами. 2 ноября состоится квалификация, где будут определены 180 финалистов. Финал и церемония награждения пройдут офлайн 5–7 декабря в Стамбуле.
Регистрируйтесь до 29 октября.
25 553
Веб-Стандарты — Выпуск 496
Chrome 141, гриды, Node.js, if() и цвета в CSS, Prettier, агенты в Playwright, вайб-инжиниринг
https://web-standards.ru/podcast/496/
25 553
Прекратите писать REST API вручную
Разработка API вручную с повторяющимися определениями и ручной валидацией это трудоемкий процесс, подверженный ошибкам. Переход к схема-ориентированному подходу с единым контрактом позволяет автоматизировать валидацию, типизацию и документацию, делая создание API быстрее и надежнее.
https://blog.logrocket.com/stop-writing-rest-apis-from-scratch/
25 553
Игры для PS2 теперь можно писать на JavaScript!
Обнаружен интересный движок AthenaEnv, который использует модифицированный QuickJS для запуска JavaScript-кода на консоли. Он предоставляет мощный API для разработки 2D-игр, включая рендеринг, обработку ввода и управление ресурсами, делая процесс создания игр для PS2 более доступным.
https://jslegenddev.substack.com/p/you-can-now-make-ps2-games-in-javascript
25 553
Repost from Habr For Dev
#html #css
Коллекция полезных HTML и CSS фич, которые редко используются
Привет, Хабр!Я люблю помогать фронтендерам больше узнать о HTML и CSS. Общаясь, я составил список HTML и CSS фич, которые полезные, но почему-то о них мало кто знает. В этой статье я пришёл поделиться ими.Давайте посмотрим, что я вам подготовил.
⭐️⭐️◽️◽️◽️
📖 Читать
25 553
Как оптимизировать Viewport для мобильных устройств для более быстрого взаимодействия
Неправильно настроенный метатег viewport может вызвать задержку отклика мобильных браузеров до 300 миллисекунд после каждого касания, делая интерфейс медленным и ухудшая пользовательский опыт. Анна Монус рассказывает, как можно определить что viewport не оптимизирован и как это исправить.
https://www.debugbear.com/blog/optimize-viewport-for-mobile?utm_campaign=Issue-622
25 553
Что вы должны знать о современных возможностях CSS (2025 Edition)
Много нововведений значительно упрощающих работу с анимациями, макетами и интерактивными элементами: анимация до
auto, кастомные функции, продвинутые popover и select, а также улучшенный контроль типографики и форм.
https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-2025-edition/25 553
Туториал по React 19
Создаем проект AI Code Explainer: Express на бэкенде, настраиваем REST эндпоинты которые общаются с LLM, а на фронте React 19 + Tailwind.
https://www.youtube.com/watch?v=W4M-g9wsEC4
25 553
Группируем данные с помощью методов Object.groupBy() и Map.groupBy().
Избавляемся от классического и объемного метода с использованием reduce.
https://allthingssmitty.com/2025/10/06/grouping-arrays-in-modern-javascript-object-groupby-and-map-groupby/
25 553
+1
Не фича, а баг — пора фиксить. Это мы про страхи.
На связи команда международной IT-компании Garage Eight. Мы считаем, что настоящие прорывы случаются там, где нам страшно.
В этот раз ребята из нашей команды устроили себе челлендж — бросить вызов своим страхам: высоты, крови и публичных выступлений! Но им нужна ваша поддержка.
Голосуйте, кто из героев должен встретиться со своей фобией и преодолеть её!
➡ Поддержите наш челлендж на сайте
