es
Feedback
FrontEndDev

FrontEndDev

Ir al canal en 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

Mostrar más

📈 Análisis del canal de Telegram FrontEndDev

El canal FrontEndDev (@front_end_dev) en el segmento lingüístico de Ruso es un actor destacado. Actualmente la comunidad reúne a 26 465 suscriptores, ocupando la posición 5 158 en la categoría Tecnologías y Aplicaciones y el puesto 25 130 en la región Rusia.

📊 Métricas de audiencia y dinámica

Desde su creación el невідомо, el proyecto ha mostrado un crecimiento acelerado, reuniendo a 26 465 suscriptores.

Según los últimos datos del 12 junio, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -167, y en las últimas 24 horas de -13, conservando un alto alcance.

  • Estado de verificación: No verificado
  • Tasa de interacción (ER): El promedio de interacción de la audiencia es 10.40%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 6.43% de reacciones respecto al total de suscriptores.
  • Alcance de las publicaciones: Cada publicación recibe en promedio 2 753 visualizaciones. En el primer día suele acumular 1 702 visualizaciones.
  • Reacciones e interacción: La audiencia responde de forma activa: el promedio de reacciones por publicación es 12.
  • Intereses temáticos: El contenido se centra en temas clave como css, api, интерфейс, html, frontend.

📝 Descripción y política de contenido

El autor describe el recurso como un espacio para expresar opiniones subjetivas:
🚀 Статьи, новости, туториалы по 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

Gracias a la alta frecuencia de actualizaciones (últimos datos recibidos el 13 junio, 2026), el canal mantiene la vigencia y un amplio alcance. La analítica demuestra que la audiencia interactúa activamente con el contenido, lo que lo convierte en un punto de referencia dentro de la categoría Tecnologías y Aplicaciones.

26 465
Suscriptores
-1324 horas
-337 días
-16730 días
Archivo de publicaciones
Gift
x1

¡Ganadores seleccionados!

1 ganadores del sorteo

Fecha de finalización

Gift
x1

Premios del sorteo

1 suscripciones Premium de Telegram por 6 meses

Fecha de finalización

Почему оптимизация Lighthouse score — не гарантия быстрого сайта? А также почему фикс по рекомендациям Lighthouse — это хорош
Почему оптимизация Lighthouse score — не гарантия быстрого сайта? А также почему фикс по рекомендациям Lighthouse — это хороший старт для улучшения приложений. https://www.smashingmagazine.com/2024/11/why-optimizing-lighthouse-score-not-enough-fast-website/

Яндекс приглашает на «Ночь опенсорс библиотек» Мейнтейнеры крупных проектов расскажут, как коммитить так, чтобы ваш код всегд
Яндекс приглашает на «Ночь опенсорс библиотек» Мейнтейнеры крупных проектов расскажут, как коммитить так, чтобы ваш код всегда принимали. Frontend-разработчики смогут познакомиться с созданием интерфейсов в Gravity UI, научиться быстро кодить в HTML/CSS на emmet и упростить написание скриптов с помощью zx. Там же можно будет сделать свой первый коммит, принять участие в мини-хакатонах, лекциях и воркшопах, изучить генеративную визуализацию с лайфкодингом под живую музыку, посетить книжную лавку и не только. Мероприятие пройдет в московской Библиотеке иностранной литературы. Зарегистрироваться можно до 4 декабря по ссылке.

Разбираемся с процессом рендеринга в браузере Один из частых вопросов на собеседовании - вы вводите адрес в строку браузера и
Разбираемся с процессом рендеринга в браузере Один из частых вопросов на собеседовании - вы вводите адрес в строку браузера и нажимаете Enter, что происходит дальше? Подробное описание стадий - от отправки запроса до отображения пикселей на экране. https://abhisaha.com/blog/exploring-browser-rendering-process

Современный CSS reset Обычно базовые стили кочуют у разработчиков из проекта в проект. Что могло поменяться с течением времен
Современный CSS reset Обычно базовые стили кочуют у разработчиков из проекта в проект. Что могло поменяться с течением времени? Josh Comeau делится своим набором стилей и тем, что в нем изменилось за последнее время. https://www.joshwcomeau.com/css/custom-css-reset/

10 советов по SEO для разработчиков Приемы и трюки для улучшения SEO ваших приложений. Использование SSR, оптимизация метадан
10 советов по SEO для разработчиков Приемы и трюки для улучшения SEO ваших приложений. Использование SSR, оптимизация метаданных, управление ленивой загрузкой, создание описательных URL и добавление структурированных данных. https://thenewstack.io/top-10-javascript-seo-tricks-every-developer-should-know/

ResizeObserver API ResizeObserver API — инструмент JavaScript для отслеживания изменений размеров HTML-элементов, полезный пр
ResizeObserver API ResizeObserver API — инструмент JavaScript для отслеживания изменений размеров HTML-элементов, полезный при работе с адаптивными и динамическими интерфейсами. Туториал, показывающий как создать экземпляр ResizeObserver, наблюдать за элементами и управлять событиями изменения размера. https://blog.logrocket.com/how-to-use-the-resizeobserver-api-a-tutorial-with-examples/

Фронтенд в картинках — просто, наглядно и понятно. Новые знания в компактном формате каждый день. Присоединяйтесь: @FrontendP
+4
Фронтенд в картинках — просто, наглядно и понятно. Новые знания в компактном формате каждый день. Присоединяйтесь: @FrontendPortal

CSS трюки с использованием одного градиента CSS cинтаксис градиентов относительно сложный и в нем легко можно запутаться, есл
CSS трюки с использованием одного градиента CSS cинтаксис градиентов относительно сложный и в нем легко можно запутаться, если делать сложные вещи. Посмотрим на простых примерах, что можно сделать с использованием лишь 1 градиента. https://css-tricks.com/css-tricks-that-use-only-one-gradient/?utm_source=CSS-Weekly&utm_campaign=Issue-597&utm_medium=web

WebView-приложения. Время гибридных технологий Андрей Симонов в своем докладе рассказывает, почему появление гибридов — это е
WebView-приложения. Время гибридных технологий Андрей Симонов в своем докладе рассказывает, почему появление гибридов — это естественная эволюция, что они дадут разработчику и бизнесу. https://www.youtube.com/watch?v=l87upW6M9Bw

Интерактивное руководство по CSS Transitions Подробный гайд по CSS Transitions от Josh W. Comeau с примерами которые можно по
Интерактивное руководство по CSS Transitions Подробный гайд по CSS Transitions от Josh W. Comeau с примерами которые можно потыкать. https://www.joshwcomeau.com/animation/css-transitions/

Как отключить ECH для вашего домена на Cloudflare Если ваш сайт на Cloudflare перестал работать без VPN, то все дело в технологии Encrypted Client Hello, которую включил Cloudflare. Ее можно отключить на платных тарифах в админке, а в бесплатных только если ты хакер. Сначала проверяем домен на предмет работы ECH так: https://dns.google/resolve?name=[ВАШ_ДОМЕН]&type=HTTPS У меня в ответе видно, что включен {"name":"jem-space.ru.","type":65,"TTL":300,"data":"1 . alpn=h3,h2 ipv4hint=188.114.96.1,188.114.97.1 ech=AEX+DQBBHQAgACAhjyy/+kI2j...."} Идем в https://dash.cloudflare.com/profile/api-tokens и копируем свой Global API Key. На странице домена внизу справа копируем Zone ID. Отключаем ECH запросом curl (или постман)
curl -X PATCH "https://api.cloudflare.com/client/v4/zones/{ID_ZONE}/settings/ech" \
     -H "X-Auth-Email: {ACCOUNT_EMAIL}" \
     -H "X-Auth-Key: {GLOBAL_API_KEY}" \
     -H "Content-Type:application/json" --data '{"id":"ech","value":"off"}'
Источник https://habr.com/ru/articles/856602/

Способы улучшить показатели Core Web Vitals Советы по улучшению показателей INP, CLS и LCP. https://web.dev/articles/top-cwv
Способы улучшить показатели Core Web Vitals Советы по улучшению показателей INP, CLS и LCP. https://web.dev/articles/top-cwv

Геймдев на JavaScript Туториал по созданию Sonic Runner с использованием библиотеки Kaplay. https://www.youtube.com/watch?v=E
Геймдев на JavaScript Туториал по созданию Sonic Runner с использованием библиотеки Kaplay. https://www.youtube.com/watch?v=EmMO0yQ7eeY

Бесплатное IT-образование в 2024 Отобрали для вас полезные телеграм-каналы, которые помогут освоить программирование и другие IT-направления Выбирайте нужное и подписывайтесь: 👩‍💻 Frontend: @FrontendPortalBackend: @BackendPortal 📱 GitHub: @git_developer 🤓 Книги айти: @portalToIT 👩‍💻 Python: @PythonPortal 👩‍💻 Java: @Java_Iibrary 👩‍💻 C#: @KodBlog 👩‍💻 С/С++: @Cpportal 🖥 Базы Данных & SQL: @SQL 👩‍💻 Golang: @juniorGolang 👩‍💻 PHP: @PHPortal 👩‍💻 Моб. разработка: @MobDev 👩‍💻 Разработка игр: @GameDevgx 👩‍💻 DevOps: @loose_code 🖥 Data Science: @DataSciencegx 🤔 Хакинг & ИБ: @cybersecinform 🐞 Тестирование: @QAPortal 📱 Маркетинг: @MarketingPortal 🖥 Дизайн: @PortalToDesign ➡ Сохраняйте себе, чтобы не потерять

Вписываем текст во всю ширину строки Интересный трюк, позволяющий подогнать размер шрифта для полного заполнения текста https
Вписываем текст во всю ширину строки Интересный трюк, позволяющий подогнать размер шрифта для полного заполнения текста https://frontendmasters.com/blog/edge-to-edge-text/

Улучшенная работа вложенного CSS с CSSNestedDeclarations В спецификацию добавлены некоторые улучшения работы вложенных констр
Улучшенная работа вложенного CSS с CSSNestedDeclarations В спецификацию добавлены некоторые улучшения работы вложенных конструкций CSS, которые делают работу селекторов более предсказуемой. https://web.dev/blog/css-nesting-cssnesteddeclarations?hl=en

npm audit Что такое npm audit и как фиксить проблемы с уязвимостями, которые мы видим в консоли после установки. https://www.
npm audit Что такое npm audit и как фиксить проблемы с уязвимостями, которые мы видим в консоли после установки. https://www.niraj.life/blog/understanding-npm-audit-fixing-vulnerabilities-nodejs/

Анимируем React приложение с Framer Motion Короткий курс по анимации на примере приложения со списком. https://egghead.io/les
Анимируем React приложение с Framer Motion Короткий курс по анимации на примере приложения со списком. https://egghead.io/lessons/react-create-micro-interactions-with-framer-motion-gesture-props