Frontend разработчик
Открыть в Telegram
Полезные материалы для фронтендера по HTML, CSS, JS, React.js, Angular.js, Vue.js, TypeScript, Redux, MobX, JavaScript, NodeJS. По всем вопросам @evgenycarter РКН clck.ru/3KoFrk
Больше
Сеть:📈 Аналитический обзор Telegram-канала Frontend разработчик
Канал Frontend разработчик (@frontend_1) языкового сегмента Русский является активным участником. Сейчас сообщество объединяет 10 585 подписчиков, занимая 11 545 место в категории Технологии и приложения и 61 178 место в регионе Россия.
📊 Показатели аудитории и динамика
С момента создания невідомо проект демонстрирует стремительный рост, собрав аудиторию из 10 585 подписчиков.
Согласно последним данным от 11 июля, 2026, канал показывает стабильную активность. За последние 30 дней изменение числа участников составило -80, а за последние 24 часа — -3, при этом общий охват остаётся высоким.
- Статус верификации: Не верифицирован
- Уровень вовлечённости (ER): Средний показатель вовлечённости аудитории составляет 6.60%. В первые 24 часа после публикации контент обычно набирает 3.29% реакций от общего числа подписчиков.
- Охват публикаций: В среднем каждый пост получает 699 просмотров. В течение первых суток публикация набирает 348 просмотров.
- Реакции и взаимодействия: Аудитория активно поддерживает контент: среднее количество реакций на один пост — 4.
- Тематические интересы: Контент сосредоточен на ключевых темах, таких как css, javascript, программист, интерфейс, developer.
📝 Описание и контентная политика
Автор описывает ресурс как площадку для выражения субъективного мнения:
“Полезные материалы для фронтендера по HTML, CSS, JS, React.js, Angular.js, Vue.js, TypeScript, Redux, MobX, JavaScript, NodeJS.
По всем вопросам @evgenycarter
РКН clck.ru/3KoFrk”
Благодаря высокой частоте обновлений (последние данные получены 12 июля, 2026) канал поддерживает актуальность и высокий уровень охвата публикаций. Аналитика показывает, что аудитория активно взаимодействует с контентом, что делает его важной точкой влияния в категории Технологии и приложения.
10 585
Подписчики
-324 часа
-157 дней
-8030 день
Загрузка данных...
Похожие каналы
Облако тегов
Входящие и исходящие упоминания
---
---
---
---
---
---
Привлечение подписчиков
июль '26
июль '26
+5
в 0 каналах
июнь '26
+27
в 0 каналах
Get PRO
май '26
+70
в 0 каналах
Get PRO
апрель '26
+27
в 0 каналах
Get PRO
март '26
+16
в 0 каналах
Get PRO
февраль '26
+29
в 0 каналах
Get PRO
январь '26
+19
в 0 каналах
Get PRO
декабрь '25
+29
в 0 каналах
Get PRO
ноябрь '25
+45
в 31 каналах
Get PRO
октябрь '25
+19
в 0 каналах
Get PRO
сентябрь '25
+58
в 36 каналах
Get PRO
август '25
+35
в 1 каналах
Get PRO
июль '25
+58
в 26 каналах
Get PRO
июнь '25
+71
в 19 каналах
Get PRO
май '25
+57
в 45 каналах
Get PRO
апрель '25
+46
в 37 каналах
Get PRO
март '25
+82
в 38 каналах
Get PRO
февраль '25
+100
в 31 каналах
Get PRO
январь '25
+106
в 34 каналах
Get PRO
декабрь '24
+85
в 34 каналах
Get PRO
ноябрь '24
+76
в 32 каналах
Get PRO
октябрь '24
+83
в 29 каналах
Get PRO
сентябрь '24
+120
в 28 каналах
Get PRO
август '24
+70
в 17 каналах
Get PRO
июль '24
+53
в 1 каналах
Get PRO
июнь '24
+109
в 25 каналах
Get PRO
май '24
+227
в 19 каналах
Get PRO
апрель '24
+251
в 1 каналах
Get PRO
март '24
+279
в 21 каналах
Get PRO
февраль '24
+256
в 17 каналах
Get PRO
январь '24
+282
в 23 каналах
Get PRO
декабрь '23
+205
в 23 каналах
Get PRO
ноябрь '23
+110
в 16 каналах
Get PRO
октябрь '23
+179
в 17 каналах
Get PRO
сентябрь '23
+338
в 0 каналах
Get PRO
август '23
+295
в 0 каналах
Get PRO
июль '23
+278
в 0 каналах
Get PRO
июнь '23
+266
в 0 каналах
Get PRO
май '23
+257
в 0 каналах
Get PRO
апрель '23
+234
в 0 каналах
Get PRO
март '23
+457
в 0 каналах
Get PRO
февраль '23
+102
в 0 каналах
Get PRO
январь '23
+201
в 0 каналах
Get PRO
декабрь '22
+241
в 0 каналах
Get PRO
ноябрь '22
+102
в 0 каналах
Get PRO
октябрь '22
+157
в 0 каналах
Get PRO
сентябрь '22
+189
в 0 каналах
Get PRO
август '22
+247
в 0 каналах
Get PRO
июль '22
+303
в 0 каналах
Get PRO
июнь '22
+250
в 0 каналах
Get PRO
май '22
+321
в 0 каналах
Get PRO
апрель '22
+282
в 0 каналах
Get PRO
март '22
+225
в 0 каналах
Get PRO
февраль '22
+155
в 0 каналах
Get PRO
январь '22
+225
в 0 каналах
Get PRO
декабрь '21
+162
в 0 каналах
Get PRO
ноябрь '21
+149
в 0 каналах
Get PRO
октябрь '21
+309
в 0 каналах
Get PRO
сентябрь '21
+179
в 0 каналах
Get PRO
август '21
+399
в 0 каналах
Get PRO
июль '21
+90
в 0 каналах
Get PRO
июнь '21
+159
в 0 каналах
Get PRO
май '21
+208
в 0 каналах
Get PRO
апрель '21
+284
в 0 каналах
Get PRO
март '21
+338
в 0 каналах
Get PRO
февраль '21
+380
в 0 каналах
Get PRO
январь '21
+493
в 0 каналах
Get PRO
декабрь '20
+12 013
в 0 каналах
| Дата | Привлечение подписчиков | Упоминания | Каналы | |
| 11 июля | 0 | |||
| 10 июля | 0 | |||
| 09 июля | +3 | |||
| 08 июля | 0 | |||
| 07 июля | 0 | |||
| 06 июля | 0 | |||
| 05 июля | +1 | |||
| 04 июля | 0 | |||
| 03 июля | +1 | |||
| 02 июля | 0 | |||
| 01 июля | 0 |
Посты канала
🎯 CSS
@scope: способ ограничить область действия стилей
До сих пор в CSS не было простого и надёжного способа ограничить действие стилей внутри конкретного контейнера. Мы полагались на такие приёмы, как уникальные классы, переопределение селекторов или CSS-in-JS. Но теперь у нас есть @scope.
Что такое @scope?
@scope — это новая директива в CSS, которая позволяет задать область применения стилей. Она похожа на @media, но вместо условий она ограничивает, где стили будут применяться в DOM.
@scope (.card) {
h2 {
color: red;
}
}
h2, находящимся внутри .card. Всё просто.
Почему это важно?
Ограничение области действия стилей:
- делает код изолированным и предсказуемым,
- предотвращает конфликты между компонентами,
- упрощает поддержку и масштабирование CSS.
Более сложный пример
@scope (.card) to (.card-footer) {
a {
text-decoration: none;
}
}
.card до .card-footer. Стили будут применяться только к a, находящимся между этими двумя элементами в иерархии.
Итого
@scope — это шаг вперёд для масштабируемого CSS. Больше не нужно изобретать велосипеды с уникальными классами и перегрузками. Пишите локализованные стили — просто и прозрачно.
https://12daysofweb.dev/2023/css-scope/
📲 Мы в MAX
👉 @frontend_1| 2 |  Совет по HTML 💡
Обеспечьте лучший пользовательский интерфейс для ввода текста, автоматически выделяя слова, символы или предложения заглавными буквами при вводе данных в текстовые поля 🤩
📲 Мы в MAX
👉 @frontend_1 | 456 |
| 3 |  💡 Совет по JavaScript — Используй reduce для группировки элементов 🔴
📲 Мы в MAX
👉 @frontend_1 | 519 |
| 4 |  Совет по JavaScript 💡
Используйте параметр rest вместо объекта arguments для приема переменного количества аргументов ✅
📲 Мы в MAX
👉 @frontend_1 | 601 |
| 5 |  Совет по CSS 💡
Две строчки кода, чтобы изменить размер любого блочного элемента с помощью CSS.
📲 Мы в MAX
👉 @frontend_1 | 750 |
| 6 |  Совет по CSS 💡
Узнай, как легко можно использовать видео в качестве фона.
📲 Мы в MAX
👉 @frontend_1 | 755 |
| 7 |  Совет по HTML 💡
Знаете ли вы, что можно разместить кнопку отправки формы вне самой формы?
📲 Мы в MAX
👉 @frontend_1 | 718 |
| 8 |  Как использовать зависящие от языка кавычки в CSS
HTML имеет встроенную поддержку автоматических кавычек, которые зависят от языка.
Вот пример:
<q lang="en">Hello</q>
<q lang="de">Hallo</q>
<q lang="fr">Bonjour</q>
Визуально результат будет таким:
"Hello"
„Hallo“
«Bonjour»
И это работает и в CSS!
Если вы используете селектор ::before и хотите добавить кавычки вручную, вы можете использовать значение open-quote для свойства content.
q::before {
content: open-quote;
}
q::after {
content: close-quote;
}
Совместно с HTML-атрибутом lang, браузер сам позаботится о корректных кавычках. Это особенно полезно для многоязычных сайтов и повышает доступность.
https://www.stefanjudis.com/today-i-learned/how-to-use-language-dependent-quotes-in-css/
📲 Мы в MAX
👉 @frontend_1 | 613 |
| 9 |  День сурка frontend-разработчика
Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что.
Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь.
И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы.
Есть классные проекты и сильные команды, где разработчиков действительно ценят, дают расти, поддерживают развитие и платят достойно и ты можешь туда попасть!
👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке.
Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂
А в своем канале:
👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения
👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться
👉На примерах объясняю, как проходить собеседования, включая техничку
👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров
А еще регулярно публикую полезные материалы:
▪️Задачи, на которых валяться кандидаты
▪️База по микрофронтам
▪️Подборка из 100+ каналов с вакансиями для разработчиков
▪️100 вопросов, которые точно помогут тебе на собеседовании
▪️Чек лист проверки своего резюме
А еще у меня множество успешных кейсов и отзывов, найти их можно в канале.
Реклама, erid: 2W5zFHXhJiu ИП Галактионов Тихон Витальевич, ИНН 771618975809 | 562 |
| 10 |  Cовет💡
Быстрый и простой совет для вложенных радиусов: ваши углы будут выглядеть намного лучше, если вы установите внешний радиус на сумму внутреннего радиуса + отступы.
📲 Мы в MAX
👉 @frontend_1 | 582 |
| 11 |  📌Как работает Javascript: шпаргалка для разработчика
🔹 Интерпретируемый язык
JavaScript выполняется браузером или движком JavaScript, а не компилируется заранее в машинный код. Это делает его высоко портируемым между платформами. Современные движки, такие как V8, используют технологию Just-In-Time (JIT) для компиляции кода непосредственно в исполняемый машинный код.
🔹 Функции — объекты первого класса
В JavaScript функции рассматриваются как объекты первого класса, что означает, что их можно хранить в переменных, передавать в качестве аргументов другим функциям и возвращать из функций.
🔹 Динамическая типизация
JavaScript — это язык с динамической (слабой) типизацией, что означает, что тип переменной можно не объявлять заранее, и он может изменяться во время выполнения программы.
🔹 Клиентская (асинхронная) обработка
JavaScript поддерживает асинхронное программирование, позволяя выполнять операции, такие как чтение файлов, HTTP-запросы или взаимодействие с базами данных, в фоновом режиме. Эти операции запускают коллбэки или промисы по завершении, что особенно полезно для веб-разработки, повышая производительность и удобство использования.
🔹 Прототипное ООП
В отличие от классического объектно-ориентированного программирования, JavaScript использует прототипное наследование. Это означает, что объекты могут наследовать свойства и методы от других объектов, а не от классов.
🔹 Автоматическая сборка мусора
JavaScript автоматически управляет памятью, удаляя объекты, которые больше не используются программой. Это помогает предотвращать утечки памяти и оптимизировать производительность приложения.
🔹 Сравнение с другими языками
JavaScript отличается от таких языков, как Python или Java, своей ключевой ролью в веб-разработке.
- Python известен своей читаемостью кода и универсальностью.
- Java славится строгой структурой и надежностью.
- JavaScript, в свою очередь, является интерпретируемым языком, который работает непосредственно в браузере без необходимости компиляции, что делает его гибким и динамичным.
🔹 Связь с TypeScript
TypeScript является надмножеством JavaScript, добавляя в него новые возможности, в том числе аннотации типов. Это означает, что любой корректный JavaScript-код также будет валидным TypeScript-кодом.
🔹 Популярные фреймворки JavaScript
- React — гибкий, с большим количеством плагинов, созданных сообществом.
- Vue — чистый и интуитивно понятный, с хорошо интегрированными реактивными возможностями.
- Angular — строгий в плане структуры, идеально подходит для корпоративной разработки.
📲 Мы в MAX
👉 @frontend_1 | 585 |
| 12 | 🚀 Подборка полезных 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 Питер Новости: Санкт-Петербург / СПБ / ДТП | 512 |
| 13 |  Используйте свойство columns, чтобы разделить статью на отзывчивые колонки 🚀.
📲 Мы в MAX
👉 @frontend_1 | 734 |
| 14 |  Card :hover spotlight effect with background-attachment 🤙
Используем background-attachment, чтобы прикрепить фон к области просмотра
https://codepen.io/jh3y/pen/RwqZNKa
📲 Мы в MAX
👉 @frontend_1 | 809 |
| 15 |  CSS Совет 💡
Возможно, ты не знал об этом более удобном и понятном синтаксисе для диапазонов в медиазапросах 🤩
📲 Мы в MAX
👉 @frontend_1 | 819 |
| 16 |  Синхронизация React с API браузера
📲 Мы в MAX
👉 @frontend_1 | 868 |
| 17 | 📌 Как работать с 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 | 864 |
| 18 |  Сохрани эти 4 CSS-анимации для своего следующего проекта 👨💻
📲 Мы в MAX
👉 @frontend_1 | 740 |
| 19 |  День сурка frontend-разработчика
Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что.
Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь.
И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы.
Есть классные проекты и сильные команды, где разработчиков действительно ценят, дают расти, поддерживают развитие и платят достойно и ты можешь туда попасть!
👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке.
Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂
А в своем канале:
👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения
👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться
👉На примерах объясняю, как проходить собеседования, включая техничку
👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров
А еще регулярно публикую полезные материалы:
▪️Задачи, на которых валяться кандидаты
▪️База по микрофронтам
▪️Подборка из 100+ каналов с вакансиями для разработчиков
▪️100 вопросов, которые точно помогут тебе на собеседовании
▪️Чек лист проверки своего резюме
А еще у меня множество успешных кейсов и отзывов, найти их можно в канале.
Реклама, erid: 2W5zFJkdcAV ИП Галактионов Тихон Витальевич, ИНН 771618975809 | 719 |
| 20 |  💡 Простой кейс создания закругленных углов в CSS
📲 Мы в MAX
👉 @frontend_1 | 662 |
