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
Больше
Сеть:📈 Аналитический обзор Telegram-канала FrontEndDev
Канал FrontEndDev (@front_end_dev) языкового сегмента Русский является активным участником. Сейчас сообщество объединяет 25 541 подписчиков, занимая 5 215 место в категории Технологии и приложения и 25 424 место в регионе Россия.
📊 Показатели аудитории и динамика
С момента создания невідомо проект демонстрирует стремительный рост, собрав аудиторию из 25 541 подписчиков.
Согласно последним данным от 29 октября, 2026, канал показывает стабильную активность. За последние 30 дней изменение числа участников составило -292, а за последние 24 часа — -15, при этом общий охват остаётся высоким.
- Статус верификации: Не верифицирован
- Уровень вовлечённости (ER): Средний показатель вовлечённости аудитории составляет 9.76%. В первые 24 часа после публикации контент обычно набирает 5.80% реакций от общего числа подписчиков.
- Охват публикаций: В среднем каждый пост получает 2 493 просмотров. В течение первых суток публикация набирает 1 482 просмотров.
- Реакции и взаимодействия: Аудитория активно поддерживает контент: среднее количество реакций на один пост — 12.
- Тематические интересы: Контент сосредоточен на ключевых темах, таких как 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”
Благодаря высокой частоте обновлений (последние данные получены 30 октября, 2026) канал поддерживает актуальность и высокий уровень охвата публикаций. Аналитика показывает, что аудитория активно взаимодействует с контентом, что делает его важной точкой влияния в категории Технологии и приложения.
25 541
Подписчики
-1524 часа
-797 дней
-29230 дней
Архив постов
25 541
JavaScript, when is this?
Как работает ключевое слово this в JavaScript и как контекст выполнения и стек вызовов влияют на его значение.
https://piccalil.li/blog/javascript-when-is-this/
25 541
Форматирование console.log
Несколько способов сделать вывод логов практичнее и удобнее.
https://developer.chrome.com/docs/devtools/console/format-style
25 541
Применение генераторов
Исследование итераторов, итерируемых объектов и генераторов в JavaScript от Алекса Мак Артура: примеры использования генераторов для создания последовательностей и то, как они могут улучшить эргономику кода.
https://macarthur.me/posts/generators/
25 541
Хакатон «ВНЕДРЕЙД» от Orion soft собирает 300 сильнейших представителей ИТ-касты, готовых штурмовать инфру Т‑Банка, Авито, Lamoda, CDEK и Magnit Tech.
48 часов кода, драйва и никаких ограничений. После 22:00 карета превращается в тыкву, а внедрейд во внедрейв: темные окна, светлые головы и вечно горячий роутер.
Когда? 7-8 июня
Где? Москва, «Суперметалл»
Приз — экспедиция на Эльбрус для всей команды
Присоединяйся к штурму бигтеха: [Подать заявку]
25 541
Хорошая анимация vs отличная анимация
Мелкие детали, на которые стоит обратить внимание, чтобы улучшить вашу анимацию.
https://emilkowal.ski/ui/good-vs-great-animations
25 541
Очищаем куки в браузере с помощью закладки
Однострочник, который можно добавить в закладки, чтобы быстро очистить куки на текущей странице. Короткая заметка с подробностями того, как это работает.
https://henry.codes/writing/a-bookmarklet-for-clearing-cookies-for-the-current-page/
25 541
FontsNinja
Сайт с огромным набором шрифтов, где можно найти, скачать (бесплатно или платно) понравившийся и сохранить в свою коллекцию.
https://fonts.ninja/
25 541
Не просто кнопка "Загрузить": Секреты работы с файлами в React
🎓 19 мая в 20:00 — бесплатный вебинар для разработчиков, которые хотят делать удобную и безопасную загрузку файлов в React-приложениях.
Что покажем:
— Drag & Drop, предпросмотр, валидация — всё, что ждали от UX;
— Обработка PDF, Excel и изображений прямо в браузере;
— Как не «положить» интерфейс при загрузке тяжёлых файлов;
— Защита от XSS, проверка MIME-типов и другие нюансы безопасности.
📌 Для фронтендеров и fullstack-разработчиков, которым важна клиентская оптимизация.
В программе — реальные примеры кода, которые можно сразу использовать.
Урок пройдет в преддверии старта курса «React.js Developer». Каждый участник вебинара получит скидку на обучение.
Регистрация: https://otus.pw/LKaH/
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
25 541
Набор инструментов в помощь веб разработчику
Очередной набор небольших утилит от генератора теней и палитр до конверторов и шпаргалок по технологиям.
https://tiny-helpers.dev/
25 541
Тайна процентных высот
Как работают высоты в процентах в CSS? Джош Комо рассказывает, почему процентная высота часто ведет себя не так как мы ожидаем.
https://www.joshwcomeau.com/css/height-enigma/
25 541
Конвертор SVG paths в CSS shape
Интересный инструмент, который использует новую функцию shape() свойства clip-path для создания CSS фигур.
https://css-generators.com/svg-to-css/
25 541
React Router Devtools
Набор инструментов для отладки приложений на основе React Router v7+. Предоставляет интерфейс с вкладками Active Page, Terminal, Settings, Errors, Network и Routes, а также боковую вкладку Timeline, позволяя эффективно отслеживать информацию о страницах, URL-параметрах, ответах сервера, данных загрузчиков, маршрутах и многом другом.
https://github.com/forge-42/react-router-devtools
25 541
Frontend + Летний митап + Суббота = Я.Субботник по разработке интерфейсов 💛
7 июня в Москве Яндекс Go проводит Я.Субботник по разработке интерфейсов. В программе 4 доклада и воркшоп:
👉 Артемий Карпов расскажет, как команда выстраивает взаимодействие между разработкой и тестированием при написании автотестов и улучшении семантики приложения
👉 Миша Колосовский покажет, как сделать статические схемы интерактивными и причем тут SVG
👉 Давид Давыдов объяснит, что мы сделали с серверным API и как пришли к одной строчке кода вместо сотни
👉 Серёжа Алейников поделится опытом портирования нативного BDUI в вебе
На воркшопе участники в командах будут исправлять некорректные интерфейсы, стараясь учесть требования дизайнеров, бэкенд-разработчиков и тестировщиков. Вместе обсудим варианты решений, а коллеги из Яндекса помогут найти самое оптимальное.
Регистрируйтесь и зовите друзей!
Мероприятие бесплатное. Количество мест в офлайне ограничено — пожалуйста, дождитесь нашего подтверждения.
Реклама. ООО «Яндекс.Такси» ИНН 7704340310
25 541
WebTUI
Модульная CSS библиотека для оформления веб интерфейсов в стиле терминала.
Демо: https://webtui.ironclad.sh/examples/
https://github.com/webtui/webtui
25 541
GSAP теперь бесплатная
Популярную библиотеку для анимации можно использовать бесплатно, включая все ее плагины. Плюс подробности по релизу 3.13.
https://gsap.com/blog/3-13/
25 541
Новоe CSS-свойство margin-trim
Оно позволяет автоматически обрезать внешние отступы своих дочерних элементов, примыкающих к его краям. Это упрощает создание макетов без необходимости вручную удалять отступы у первого и последнего дочерних элементов. Поддерживается пока только в Safari.
https://webkit.org/blog/16854/margin-trim/
25 541
Справочник по операторам JS
Удобный интерактивный справочник по JavaScript-операторам с примерами использования.
https://www.joshwcomeau.com/operator-lookup/
25 541
Что такое Owl Selector (а я думал сова)?
Как и когда удобно применять селектор вида (* + *), а также существующие альтернативы ему.
https://www.youtube.com/watch?v=0O0ssm70g1g
25 541
Пишем эффективные и понятных сообщений об ошибках
О том, почему важно использовать простой язык, избегая технического жаргона и как не раздражать пользователей в стрессовых ситуациях. Рекомендации по формулировке четких инструкций для исправления ошибок чтобы повысить ясность и доверие к интерфейсу.
https://piccalil.li/blog/how-to-write-error-messages-that-actually-help-users-rather-than-frustrate-them/
25 541
Улучшаем типографику с помощью единиц line-height
О новой экспериментальной возможности в WebKit — единицах line-height, таких как lh, rlh, cqh, позволяющих задавать размеры элементов на основе текущей высоты строки. Это упрощает создание адаптивной типографики и позволяет разработчикам лучше контролировать вертикальные ритмы в дизайне.
https://webkit.org/blog/16831/line-height-units/
