¡Ya disponible! Investigación de Telegram 2025 — los principales insights del año 
Frontend разработчик
Ir al canal en Telegram
Полезные материалы для фронтендера по HTML, CSS, JS, React.js, Angular.js, Vue.js, TypeScript, Redux, MobX, JavaScript, NodeJS. По всем вопросам @evgenycarter РКН clck.ru/3KoFrk
Mostrar más📈 Análisis del canal de Telegram Frontend разработчик
El canal Frontend разработчик (@frontend_1) en el segmento lingüístico de Ruso es un actor destacado. Actualmente la comunidad reúne a 10 627 suscriptores, ocupando la posición 11 571 en la categoría Tecnologías y Aplicaciones y el puesto 61 343 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 10 627 suscriptores.
Según los últimos datos del 24 junio, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -23, y en las últimas 24 horas de -2, conservando un alto alcance.
- Estado de verificación: No verificado
- Tasa de interacción (ER): El promedio de interacción de la audiencia es 8.45%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 3.62% de reacciones respecto al total de suscriptores.
- Alcance de las publicaciones: Cada publicación recibe en promedio 898 visualizaciones. En el primer día suele acumular 385 visualizaciones.
- Reacciones e interacción: La audiencia responde de forma activa: el promedio de reacciones por publicación es 5.
- Intereses temáticos: El contenido se centra en temas clave como css, javascript, программист, интерфейс, developer.
📝 Descripción y política de contenido
El autor describe el recurso como un espacio para expresar opiniones subjetivas:
“Полезные материалы для фронтендера по HTML, CSS, JS, React.js, Angular.js, Vue.js, TypeScript, Redux, MobX, JavaScript, NodeJS.
По всем вопросам @evgenycarter
РКН clck.ru/3KoFrk”
Gracias a la alta frecuencia de actualizaciones (últimos datos recibidos el 25 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.
10 627
Suscriptores
-224 horas
-267 días
-2330 días
Carga de datos en curso...
Canales Similares
Nube de Etiquetas
Menciones Entrantes y Salientes
---
---
---
---
---
---
Atraer Suscriptores
junio '26
junio '26
+23
en 0 canales
mayo '26
+70
en 0 canales
Get PRO
abril '26
+27
en 0 canales
Get PRO
marzo '26
+16
en 0 canales
Get PRO
febrero '26
+29
en 0 canales
Get PRO
enero '26
+19
en 0 canales
Get PRO
diciembre '25
+29
en 0 canales
Get PRO
noviembre '25
+45
en 31 canales
Get PRO
octubre '25
+19
en 0 canales
Get PRO
septiembre '25
+58
en 36 canales
Get PRO
agosto '25
+35
en 1 canales
Get PRO
julio '25
+58
en 26 canales
Get PRO
junio '25
+71
en 19 canales
Get PRO
mayo '25
+57
en 45 canales
Get PRO
abril '25
+46
en 37 canales
Get PRO
marzo '25
+82
en 38 canales
Get PRO
febrero '25
+100
en 31 canales
Get PRO
enero '25
+106
en 34 canales
Get PRO
diciembre '24
+85
en 34 canales
Get PRO
noviembre '24
+76
en 32 canales
Get PRO
octubre '24
+83
en 29 canales
Get PRO
septiembre '24
+120
en 28 canales
Get PRO
agosto '24
+70
en 17 canales
Get PRO
julio '24
+53
en 1 canales
Get PRO
junio '24
+109
en 25 canales
Get PRO
mayo '24
+227
en 19 canales
Get PRO
abril '24
+251
en 1 canales
Get PRO
marzo '24
+279
en 21 canales
Get PRO
febrero '24
+256
en 17 canales
Get PRO
enero '24
+282
en 23 canales
Get PRO
diciembre '23
+205
en 23 canales
Get PRO
noviembre '23
+110
en 16 canales
Get PRO
octubre '23
+179
en 17 canales
Get PRO
septiembre '23
+338
en 0 canales
Get PRO
agosto '23
+295
en 0 canales
Get PRO
julio '23
+278
en 0 canales
Get PRO
junio '23
+266
en 0 canales
Get PRO
mayo '23
+257
en 0 canales
Get PRO
abril '23
+234
en 0 canales
Get PRO
marzo '23
+457
en 0 canales
Get PRO
febrero '23
+102
en 0 canales
Get PRO
enero '23
+201
en 0 canales
Get PRO
diciembre '22
+241
en 0 canales
Get PRO
noviembre '22
+102
en 0 canales
Get PRO
octubre '22
+157
en 0 canales
Get PRO
septiembre '22
+189
en 0 canales
Get PRO
agosto '22
+247
en 0 canales
Get PRO
julio '22
+303
en 0 canales
Get PRO
junio '22
+250
en 0 canales
Get PRO
mayo '22
+321
en 0 canales
Get PRO
abril '22
+282
en 0 canales
Get PRO
marzo '22
+225
en 0 canales
Get PRO
febrero '22
+155
en 0 canales
Get PRO
enero '22
+225
en 0 canales
Get PRO
diciembre '21
+162
en 0 canales
Get PRO
noviembre '21
+149
en 0 canales
Get PRO
octubre '21
+309
en 0 canales
Get PRO
septiembre '21
+179
en 0 canales
Get PRO
agosto '21
+399
en 0 canales
Get PRO
julio '21
+90
en 0 canales
Get PRO
junio '21
+159
en 0 canales
Get PRO
mayo '21
+208
en 0 canales
Get PRO
abril '21
+284
en 0 canales
Get PRO
marzo '21
+338
en 0 canales
Get PRO
febrero '21
+380
en 0 canales
Get PRO
enero '21
+493
en 0 canales
Get PRO
diciembre '20
+12 013
en 0 canales
| Fecha | Crecimiento de Suscriptores | Menciones | Canales | |
| 25 junio | 0 | |||
| 24 junio | 0 | |||
| 23 junio | +4 | |||
| 22 junio | 0 | |||
| 21 junio | 0 | |||
| 20 junio | 0 | |||
| 19 junio | 0 | |||
| 18 junio | +1 | |||
| 17 junio | 0 | |||
| 16 junio | +2 | |||
| 15 junio | +3 | |||
| 14 junio | 0 | |||
| 13 junio | 0 | |||
| 12 junio | +1 | |||
| 11 junio | +1 | |||
| 10 junio | 0 | |||
| 09 junio | +3 | |||
| 08 junio | +1 | |||
| 07 junio | +1 | |||
| 06 junio | +1 | |||
| 05 junio | +2 | |||
| 04 junio | 0 | |||
| 03 junio | +2 | |||
| 02 junio | +1 | |||
| 01 junio | 0 |
Publicaciones del Canal
Card :hover spotlight effect with background-attachment 🤙
Используем background-attachment, чтобы прикрепить фон к области просмотра
https://codepen.io/jh3y/pen/RwqZNKa
📲 Мы в MAX
👉 @frontend_1
| 2 |  CSS Совет 💡
Возможно, ты не знал об этом более удобном и понятном синтаксисе для диапазонов в медиазапросах 🤩
📲 Мы в MAX
👉 @frontend_1 | 360 |
| 3 |  Синхронизация React с API браузера
📲 Мы в MAX
👉 @frontend_1 | 439 |
| 4 | 📌 Как работать с em и rem в CSS?
Данный пост о двух важных единицах измерения в CSS — em и rem. Часто новички путаются в их использовании, а ведь это мощные инструменты для адаптивного дизайна!
🔹 em — зависит от родительского элемента
em — это относительная единица, которая зависит от размера шрифта родителя. Например:
.parent {
font-size: 20px;
}
.child {
font-size: 1.5em; /* 30px */
}
Здесь 1.5em означает 1.5 * 20px = 30px.
⚠️ Будьте осторожны! Использование em для вложенных элементов может привести к неожиданному увеличению шрифта.
🔹 rem — зависит от корневого элемента
В отличие от em, rem (root em) всегда рассчитывается относительно font-size у <html>. Например:
html {
font-size: 16px;
}
.child {
font-size: 1.5rem; /* 24px */
}
Здесь 1.5rem означает 1.5 * 16px = 24px, независимо от родителя!
🧐 Что выбрать?
✔ rem — удобен для глобального масштабирования (например, для всей страницы).
✔ em — полезен для элементов внутри компонентов (например, padding, margin).
А вы чаще используете em или rem? Напишите в комментариях!
📲 Мы в MAX
👉 @frontend_1 | 459 |
| 5 |  Сохрани эти 4 CSS-анимации для своего следующего проекта 👨💻
📲 Мы в MAX
👉 @frontend_1 | 479 |
| 6 | День сурка frontend-разработчика
Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что.
Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь.
И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы.
Есть классные проекты и сильные команды, где разработчиков действительно ценят, дают расти, поддерживают развитие и платят достойно и ты можешь туда попасть!
👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке.
Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂
А в своем канале:
👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения
👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться
👉На примерах объясняю, как проходить собеседования, включая техничку
👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров
А еще регулярно публикую полезные материалы:
▪️Задачи, на которых валяться кандидаты
▪️База по микрофронтам
▪️Подборка из 100+ каналов с вакансиями для разработчиков
▪️100 вопросов, которые точно помогут тебе на собеседовании
▪️Чек лист проверки своего резюме
А еще у меня множество успешных кейсов и отзывов, найти их можно в канале.
Реклама, erid: 2W5zFJkdcAV ИП Галактионов Тихон Витальевич, ИНН 771618975809 | 489 |
| 7 |  💡 Простой кейс создания закругленных углов в CSS
📲 Мы в MAX
👉 @frontend_1 | 499 |
| 8 | 7 способов скрыть элемент с помощью CSS 🎨💻
Разбираем 7 различных методов скрытия элементов в CSS и их особенности! 🔥
1️⃣ Использование display
.hide {
display: none;
}
❌ Не видно скринридерам
❌ Не занимает место
❌ Не принимает клавиатурные события
❌ Не принимает события мыши
❌ Не анимируется
📌 Использование: Полное скрытие элементов, например, скрытие полей в зависимости от выбранного метода оплаты.
2️⃣ Использование visibility
.hide {
visibility: hidden;
}
✅ Видимо скринридерам
✅ Занимает место
❌ Не принимает клавиатурные события
❌ Не принимает события мыши
❌ Не анимируется
📌 Использование: Для скрытия сообщений об ошибках под формами.
3️⃣ Использование opacity
.hide {
opacity: 0;
}
✅ Видимо скринридерам
✅ Занимает место
✅ Принимает клавиатурные события
✅ Принимает события мыши
✅ Анимируется
📌 Использование: Например, для скрытия ссылок, которые появляются при наведении.
4️⃣ Использование scale
.hide {
transform: scale(0);
}
✅ Видимо скринридерам
✅ Занимает место
✅ Принимает клавиатурные события
❌ Не принимает события мыши
✅ Анимируется
📌 Использование: Для скрытия элементов в анимации увеличения.
5️⃣ Использование translate
.hide {
transform: translateX(-9999px);
}
✅ Видимо скринридерам
✅ Занимает место
✅ Принимает клавиатурные события
❌ Не принимает события мыши
✅ Анимируется
📌 Использование: Например, для бокового меню на мобильных сайтах в сочетании с position: absolute.
6️⃣ Использование clip-path
.hide {
clip-path: circle(0);
}
✅ Видимо скринридерам
✅ Занимает место
✅ Принимает клавиатурные события
❌ Не принимает события мыши
✅ Анимируется
📌 Использование: Можно скрывать элементы полностью, но они остаются доступными для скринридеров.
7️⃣ Использование position absolute
.hide {
position: absolute;
left: -9999px;
}
✅ Видимо скринридерам
❌ Не занимает место
✅ Принимает клавиатурные события
❌ Не принимает события мыши
❌ Не анимируется
📌 Использование: Полезно для навигации скринридеров (например, ссылка «Пропустить к содержимому»).
🔥 Бонус: скрытие элемента визуально, но доступность для скринридеров!
Используем CSS-хак, чтобы элемент был скрыт, но оставался доступным:
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
white-space: nowrap;
clip-path: circle(0);
clip: rect(0 0 0 0); /* для IE */
}
📌 Использование: Например, для скрытия <h1>, если логотип используется в качестве заголовка.
💡 Подписывайтесь, чтобы получать больше полезных лайфхаков по CSS и фронтенду! 🚀✨
📲 Мы в MAX
👉 @frontend_1 | 446 |
| 9 |  Совет по Javascript 💡
Возможно, вы не знаете, что мы можем передавать исходную ошибку, при этом повторно выбрасывая ошибку с полезным сообщением для лучшей отладки.
📲 Мы в MAX
👉 @frontend_1 | 551 |
| 10 | 🚀 Подборка полезных IT каналов в Max
Системное администрирование, DevOps 📌
https://max.ru/i_odmin Все для системного администратора
https://max.ru/bash_srv Bash Советы
https://max.ru/sysadminof Книги для админов, полезные материалы
https://max.ru/i_odmin_book Библиотека Системного Администратора
https://max.ru/i_devops DevOps: Пишем о Docker, Kubernetes и др.
https://max.ru/tipsysdmin Типичный Сисадмин
Excel лайфхак 📌
https://t.me/Excel_lifehack Excel лайфхак
Английский с нуля 🇬🇧
https://max.ru/UchuEnglish
1C разработка 📌
https://max.ru/odin1c_rus Cтатьи, курсы, советы, шаблоны кода 1С
Программирование C++📌
https://max.ru/cpp_lib Библиотека C/C++ разработчика
Программирование Go📌
https://max.ru/golang_lib Библиотека Go (Golang) разработчика
Программирование React📌
https://max.ru/react_lib React
Программирование Python 📌
https://max.ru/python_of Python академия.
https://max.ru/BookPython Библиотека Python разработчика
Java разработка 📌
https://max.ru/bookjava Библиотека Java разработчика
GitHub Сообщество 📌
https://max.ru/githublib Интересное из GitHub
Базы данных (Data Base) 📌
https://max.ru/database_info Все про базы данных
Фронтенд разработка 📌
https://max.ru/frontend_1 Подборки для frontend разработчиков
Библиотеки 📌
https://max.ru/programmist_of Книги по программированию
https://max.ru/proglb Библиотека программиста
https://max.ru/bfbook Книги для программистов
Программирование 📌
https://max.ru/bookflow Лекции, видеоуроки, доклады с IT конференций
https://max.ru/itmozg Программисты, дизайнеры, новости из мира IT
https://max.ru/php_lib Библиотека PHP программиста 👨🏼💻👩💻
Шутки программистов 📌
https://max.ru/itumor Шутки программистов
Защита, взлом, безопасность 📌
https://max.ru/thehaking Канал о кибербезопасности
https://max.ru/xakkep_1 Хакер Free
Книги, статьи для дизайнеров 📌
https://max.ru/odesigners Статьи, книги для дизайнеров
Математика 📌
https://max.ru/Pomatematike Канал по математике
https://max.ru/phismat_1 Обучающие видео, книги по Физике и Математике
Вакансии 📌
https://max.ru/progjob Вакансии в IT
Мир технологий 📌
https://max.ru/mir_teh Канал для любознательных
Бонус 📌
https://max.ru/piterspb_78 Свежие новости Санкт-Петербурга
https://max.ru/mockva_life Свежие новости Москвы
https://max.ru/piterspb Питер Новости: Санкт-Петербург / СПБ / ДТП | 503 |
| 11 |  Шпаргалка по выравниванию в CSS Grid 👨💻
📲 Мы в MAX
👉 @frontend_1 | 683 |
| 12 | 🔴 Эфир начнётся уже через 2 часа. Переходи в бот за ссылкой: @shortcut_front_bot | 732 |
| 13 |  Совет по JavaScript 💡
Упрощайте группировку данных с помощью Object.groupBy() или Map.groupBy() 🤩
📲 Мы в MAX
👉 @frontend_1 | 820 |
| 14 | Runtime Compatibility: Инструмент для проверки совместимости JavaScript-кода с окружением
Это полезный инструмент, который позволяет проверить, какие JavaScript-фичи поддерживаются в разных средах выполнения (Node.js, браузеры и т. д.).
Что он умеет?
🔹 Анализирует ваш код и определяет, какие функции и синтаксис могут быть несовместимы с заданным окружением.
🔹 Поддерживает Node.js, браузеры, Cloudflare Workers, Deno и другие рантаймы.
🔹 Может использоваться как CLI или в виде онлайн-инструмента.
Кому это полезно?
✅ Разработчикам, которым нужно убедиться, что их код работает на разных платформах.
✅ Тем, кто использует ES модули, топ-уровневый await, новые API и хочет избежать проблем с несовместимостью.
✅ Разработчикам библиотек, чтобы проверять поддержку своих пакетов.
Если пишете код, который должен работать в разных окружениях — попробуйте Runtime Compatibility! 🚀
https://runtime-compat.unjs.io/
📲 Мы в MAX
👉 @frontend_1 | 805 |
| 15 | 🔍Тестовое собеседование с руководителем Frontend-разработки в этот четверг
18 июня(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.
Как это будет:
📂 Виталий Черков, руководитель группы Frontend разработки с опытом 8+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Виталий будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Виталию
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе. | 751 |
| 16 |  💡Совет по CSS 📖
Используйте свойство shape-outside, чтобы обтекать текст вокруг фигур. Это позволяет тексту обтекать не только прямоугольные блоки, но и более сложные формы, такие как круги, многоугольники или даже изображения с прозрачным фоном.
.column--left .shape {
float: right;
shape-outside: circle(100px at 100% 50%);
}
📲 Мы в MAX
👉 @frontend_1 | 755 |
| 17 | Всплывающие скроллеры изображений с анимацией, управляемой прокруткой CSS 🤙
.pop {
view-timeline-name: --pop;
}
img {
animation: slide both;
animation-timeline: --pop;
animation-range: entry 100% cover 50%;
}
.skateboarder {
--x: 0;
--y: -45%;
}
@ keyframes slide {
to { translate: var(--x) var(--y); }
}
https://codepen.io/jh3y/pen/abPgrGR
📲 Мы в MAX
👉 @frontend_1 | 768 |
| 18 |  Совет💡
Используй тригонометрические функции в CSS, чтобы создать плавный ступенчатый переход с задержкой 🎬
.character {
transition-delay:
calc(sin((var(--index) / 12) * 45deg) * 0.475s);
}
📲 Мы в MAX
👉 @frontend_1 | 929 |
| 19 |  Знаете ли вы, что в CSS можно определить поворот с помощью блока turn? 🤩
📲 Мы в MAX
👉 @frontend_1 | 976 |
| 20 |  global-error.tsx отображается только в продакшене, а локально в Next.js — нет.
📲 Мы в MAX
👉 @frontend_1 | 1 009 |
