Senior Frontend - javascript, html, css
Відкрити в Telegram
Senior Front - канал для frontend программистов, практические задачки, проверки знаний, интересные статьи Админ, сотрудничество, реклама:@seniorFrontPromo, @maria_seniorfront Канал в реестре РКН https://rknn.link/bsU
Показати більше
Сітка:📈 Аналітичний огляд Telegram-каналу Senior Frontend - javascript, html, css
Канал Senior Frontend - javascript, html, css (@seniorfront) у мовному сегменті Російська є активним учасником. На даний момент спільнота об'єднує 23 874 підписників, посідаючи 5 423 місце в категорії Технології та додатки та 27 307 місце у регіоні Росія.
📊 Показники аудиторії та динаміка
З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 23 874 підписників.
За останніми даними від 28 вересня, 2026, канал демонструє стабільну активність. Хоча за останні 30 днів спостерігається зміна кількості учасників на -268, а за останні 24 години на 0, загальне охоплення залишається високим.
- Статус верифікації: Не верифікований
- Рівень залученості (ER): Середній показник залученості аудиторії становить 5.40%. Протягом перших 24 годин після публікації контент зазвичай збирає 2.76% реакцій від загальної кількості підписників.
- Охоплення публікацій: В середньому кожен допис отримує 1 289 переглядів. Протягом першої доби публікація в середньому набирає 658 переглядів.
- Реакції та взаємодія: Аудиторія активно підтримує контент: середня кількість реакцій на один пост – 1.
- Тематичні інтереси: Контент зосереджений навколо ключових тем, таких як css, node.js, api, архитектура, html.
📝 Опис та контентна політика
Автор описує ресурс як майданчик для висловлення суб'єктивної думки:
“Senior Front - канал для frontend программистов, практические задачки, проверки знаний, интересные статьи
Админ, сотрудничество, реклама:@seniorFrontPromo, @maria_seniorfront
Канал в реестре РКН https://rknn.link/bsU”
Завдяки високій частоті оновлень (останні дані отримано 29 вересня, 2026), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Технології та додатки.
23 874
Підписники
Немає даних24 години
-527 днів
-26830 днів
Триває завантаження даних...
Схожі канали
Хмара тегів
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
вересень '26вер '26
вересень '26
+96
в 11 каналах
серпень '26
+104
в 0 каналах
Get PRO
липень '26
+91
в 0 каналах
Get PRO
червень '26
+112
в 0 каналах
Get PRO
травень '26
+80
в 4 каналах
Get PRO
квітень '26
+63
в 0 каналах
Get PRO
березень '26
+86
в 0 каналах
Get PRO
лютий '26
+123
в 0 каналах
Get PRO
січень '26
+121
в 0 каналах
Get PRO
грудень '25
+140
в 1 каналах
Get PRO
листопад '25
+186
в 0 каналах
Get PRO
жовтень '25
+214
в 0 каналах
Get PRO
вересень '25
+208
в 4 каналах
Get PRO
серпень '25
+171
в 0 каналах
Get PRO
липень '25
+243
в 0 каналах
Get PRO
червень '25
+210
в 8 каналах
Get PRO
травень '25
+211
в 6 каналах
Get PRO
квітень '25
+220
в 0 каналах
Get PRO
березень '25
+250
в 0 каналах
Get PRO
лютий '25
+223
в 0 каналах
Get PRO
січень '25
+402
в 4 каналах
Get PRO
грудень '24
+304
в 1 каналах
Get PRO
листопад '24
+318
в 8 каналах
Get PRO
жовтень '24
+570
в 9 каналах
Get PRO
вересень '24
+483
в 0 каналах
Get PRO
серпень '24
+518
в 0 каналах
Get PRO
липень '24
+413
в 1 каналах
Get PRO
червень '24
+375
в 2 каналах
Get PRO
травень '24
+619
в 27 каналах
Get PRO
квітень '24
+424
в 0 каналах
Get PRO
березень '24
+685
в 14 каналах
Get PRO
лютий '24
+610
в 2 каналах
Get PRO
січень '24
+706
в 17 каналах
Get PRO
грудень '23
+940
в 45 каналах
Get PRO
листопад '23
+919
в 27 каналах
Get PRO
жовтень '23
+1 027
в 29 каналах
Get PRO
вересень '23
+1 193
в 0 каналах
Get PRO
серпень '23
+515
в 0 каналах
Get PRO
липень '23
+543
в 0 каналах
Get PRO
червень '23
+550
в 0 каналах
Get PRO
травень '23
+471
в 0 каналах
Get PRO
квітень '23
+682
в 0 каналах
Get PRO
березень '23
+868
в 0 каналах
Get PRO
лютий '23
+720
в 0 каналах
Get PRO
січень '23
+940
в 0 каналах
Get PRO
грудень '22
+767
в 0 каналах
Get PRO
листопад '22
+274
в 0 каналах
Get PRO
жовтень '22
+469
в 0 каналах
Get PRO
вересень '22
+475
в 0 каналах
Get PRO
серпень '22
+504
в 0 каналах
Get PRO
липень '22
+842
в 0 каналах
Get PRO
червень '22
+556
в 0 каналах
Get PRO
травень '22
+472
в 0 каналах
Get PRO
квітень '22
+776
в 0 каналах
Get PRO
березень '22
+212
в 0 каналах
Get PRO
лютий '22
+556
в 0 каналах
Get PRO
січень '22
+647
в 0 каналах
Get PRO
грудень '21
+1 040
в 0 каналах
Get PRO
листопад '21
+448
в 0 каналах
Get PRO
жовтень '21
+842
в 0 каналах
Get PRO
вересень '21
+606
в 0 каналах
Get PRO
серпень '21
+690
в 0 каналах
Get PRO
липень '21
+1 129
в 0 каналах
Get PRO
червень '21
+769
в 0 каналах
Get PRO
травень '21
+771
в 0 каналах
Get PRO
квітень '21
+2 657
в 0 каналах
Get PRO
березень '21
+945
в 0 каналах
Get PRO
лютий '21
+409
в 0 каналах
Get PRO
січень '21
+1 729
в 0 каналах
Get PRO
грудень '20
+11 956
в 0 каналах
| Дата | Залучення підписників | Згадування | Канали | |
| 29 вересня | +1 | |||
| 28 вересня | +7 | |||
| 27 вересня | +2 | |||
| 26 вересня | 0 | |||
| 25 вересня | +2 | |||
| 24 вересня | +4 | |||
| 23 вересня | +5 | |||
| 22 вересня | +3 | |||
| 21 вересня | +2 | |||
| 20 вересня | +4 | |||
| 19 вересня | +4 | |||
| 18 вересня | +1 | |||
| 17 вересня | +1 | |||
| 16 вересня | +3 | |||
| 15 вересня | 0 | |||
| 14 вересня | +2 | |||
| 13 вересня | +5 | |||
| 12 вересня | +2 | |||
| 11 вересня | +3 | |||
| 10 вересня | +5 | |||
| 09 вересня | +2 | |||
| 08 вересня | +11 | |||
| 07 вересня | +3 | |||
| 06 вересня | +4 | |||
| 05 вересня | +3 | |||
| 04 вересня | +8 | |||
| 03 вересня | +6 | |||
| 02 вересня | +2 | |||
| 01 вересня | +1 |
Дописи каналу
Ищете облачную платформу? Есть Beget
✅ Аптайм 99,98% в дата-центрах Tier III
✅ Техподдержка 24/7 — живые люди, без ботов
✅ Прозрачная оплата без скрытых платежей
✅ Более 200 000 клиентов доверяют Beget
Узнать больше
| 2 |  ✅ Свой чекбокс, который не ломает фокус
Родной чекбокс в CSS почти не настраивается: по сути, только цвет через accent-color. Псевдоэлемент ::checkmark уже есть в спецификации, но, по словам автора, браузеры над ним пока не работают.
Приём простой: настоящий <input> не прячут, а кладут внутрь span с рамкой, снимают родной вид и растягивают поверх коробки:
.checkbox input {
margin: 0;
width: 100%;
height: 100%;
appearance: none;
position: absolute;
top: 0;
left: 0;
border-radius: 0.2em;
}
Его не видно, но он по-прежнему получает фокус и рисует кольцо фокуса. Галочка — отдельная SVG рядом, появляется по селектору input:checked + svg.
Оговорка: для промежуточного состояния нужна ещё одна SVG, которую переключают.
Тот же код подходит для радиокнопок и масштабируется одним font-size.
👉 @seniorFront | 792 |
| 3 |  +5🤖 AI для фронтенд-разработчика: собираем инструменты на Podlodka Frontend Crew
AI-инструменты уже используют все, но порой в обсуждении с LLM возникает ощущение, что голова полна ответов, но их всё ещё недостаточно, чтобы разрешить вполне себе прикладные вопросы.
Эксперты Podlodka Frontend Crew собрали онлайн-конференцию «Фронтенд с AI», чтобы вместе с практиками из индустрии увидеть, как работает AI в разных аспектах фронтенд-разработки, а главное — сразу начать использовать новые подходы в реальной жизни.
💬 Какие темы ждут участников сезона с 5 по 9 октября:
🔴 AI Coding и подготовка репозитория к работе с AI
🔴 Spec Kit для разработки интерфейсов
🔴 Агентная разработка в закрытом контуре
🔴 WebMCP как дополнительный harness
🔴 AI-дизайн и его место в процессе разработки.
Полная программа — уже на сайте! Формат: пять дней живых Zoom-сессий по утрам и вечерам, закрытое Telegram-комьюнити и много общения со спикерами.
Если хочется не просто читать про AI-тренды, а получить концентрированную порцию знаний именно про AI для фронтенда, присоединяйтесь к сезону.
Вы поймёте, как встроить новые инструменты и подходы в свою работу и найдёте множество единомышленников.
👉 Билеты на сезон | 1 023 |
| 4 |  C# есть — не хватает целостности веб-разработки?
Курс «C# ASP.NET Core-разработчик» — это практическое обучение созданию современных web-приложений и API. Вы разберётесь, как проектировать backend и frontend, строить высоконагруженные сервисы, работать с базами данных, безопасностью и инфраструктурой. В программе — ASP.NET Core, ReactJS, GraphQL, gRPC, SignalR, Docker, Kubernetes и CI/CD.
Обучение построено вокруг командной работы и Scrum-подхода. Вы не просто изучаете технологии, а проходите полный цикл разработки: от архитектуры и бизнес-логики до деплоя и масштабирования. Преподаватели — практикующие разработчики, программа регулярно обновляется под реальные требования рынка.
Старт курса уже 26 сентября.
Узнать больше | 763 |
| 5 |  🎯 Иконка в списке съезжает, когда подпись переносится на вторую строку
Иконка и текст стоят в flex-контейнере с align-items: center. Когда текст переносится, иконка встаёт посередине всего блока, а не напротив первой строки.
С align-items: start она поднимается выше букв: у строки есть пустое место от шрифта. Сдвиг на фиксированные 3px ломается, как только меняется шрифт или размер иконки.
Надёжнее считать сдвиг через CSS-единицу lh, она равна высоте строки:
.icon {
/* --icon-size is defined via JS. */
--size: var(--icon-size);
--offset: calc((1lh - var(--size)) / 2);
transform: translateY(var(--offset));
}
Иконка сдвигается на половину разницы между высотой строки и своим размером и встаёт по центру первой строки при любом шрифте. Подвох в том, что размер иконки нужно знать заранее.
А для иконки в ::before понадобятся ещё aspect-ratio и height: auto, и это отдельная история.
👉 @seniorFront | 1 113 |
| 6 |  Кто сказал, что начинать надо с малого?
Тестировать цифровых двойников или настраивать проход по лицу в метро — неплохо для старта карьеры, правда? А еще это отличный способ обнаружить у себя новую ИТ-суперспособность.
Т1 — это бигтех для бизнеса и одна из крупнейших аккредитованных ИТ-компаний России. Здесь молодые специалисты получают реальные задачи: можно работать с большими данными, участвовать в разработке решений для ритейла, создавать инструменты для обучения и общения и многое другое.
И все это:
✅ онлайн из любой точки страны;
✅ под руководством наставника;
✅ удобно совмещать с учебой.
Для старта карьеры ИТ-холдинг выбрали уже более 4 000 студентов из 300+ вузов.
⚡ Присоединяйся и узнай, какая суперспособность в ИТ твоя.
Перейти на сайт
#реклама 16+
career.t1.ru
О рекламодателе | 904 |
| 7 |  📱 Быстро жмёте кнопку на телефоне, а страница вдруг зумится
На одном веб-радио при быстром переключении станций с мобильного браузер то приближал, то отдалял страницу. Viewport meta при этом был настроен правильно.
Виноват жест двойного тапа. Safari на iOS принимает два быстрых нажатия за просьбу увеличить элемент, в данном случае саму кнопку.
Лечится одной строкой CSS:
.button {
touch-action: manipulation;
}
Прокрутка и масштабирование двумя пальцами продолжают работать, отключается только зум по двойному тапу. По словам MDN, браузеру заодно не нужно задерживать событие click в ожидании второго тапа.
Есть соблазн вместо этого дописать в viewport maximum-scale=1.0, user-scalable=no. Не надо: так зум пропадает целиком, а это нарушение WCAG.
В оригинале два демо на CodePen, с кнопками без этого свойства и с ним: потыкайте их с телефона и почувствуйте разницу.
👉 @seniorFront | 1 319 |
| 8 |  Работай с топом Т-Банка над стратегическими проектами
⚡В программе «Мини-СЕО» ты получаешь индивидуальный трек, погружаешься в стратегию компании и работаешь над проектами — от анализа данных до создания новых продуктов.
Наставники — топ-менеджеры, которые руководят целыми направлениями.
Они передадут знания, которые сложно найти в интернете, помогут выстроить индивидуальный трек карьеры и защитить собственный проект в финале программы.
Если ты студент или выпускник с опытом в ИТ, математике или аналитике, подай заявку и начни разгонять карьеру!
Зарегистрироваться
#реклама 16+
t-miniceo.ru
О рекламодателе | 1 013 |
| 9 |  Ищете облачную платформу? Есть Beget
✅ Аптайм 99,98% в дата-центрах Tier III
✅ Техподдержка 24/7 — живые люди, без ботов
✅ Прозрачная оплата без скрытых платежей
✅ Более 200 000 клиентов доверяют Beget
Узнать больше
#реклама 16+
beget.com
О рекламодателе | 734 |
| 10 |  🔴 Тестовый собес на Frontend-разработчика со старшим разработчиком ex. Сбер в этот четверг!
[+ разбор 50 сложных вопросов в подарок ]
17 сентября (в этот четверг!) в 19:00 по мск приходи онлайн, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика!
Собеседование проведёт Даниил Дмитриев - старший разработчик в R-Vision, ex. Сбер,
Как это будет:
📂 Даниил задаст разработчику вопросы и задачи, которые могут спросить на реальном собесе
📂 После каждого ответа респондента ты услышишь подробный комментарий от ментора и поймёшь, чего на самом деле ожидает собеседующий на интервью
📂 В конце сможешь задать любой вопрос Даниилу и получить на него развёрнутый ответ
Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы
И ты можешь посмотреть его бесплатно 🔥
Только завтра, в прямом эфире!
🎁 Подарок для всех, кто зарегается на веб — файл с ОТВЕТАМИ НА 50 СЛОЖНЫХ ВОПРОСОВ с Frontend-собеседований 🔥
Переходи в бот, чтобы попасть на эфир и забрать подарок 👉 @shortcut_front_bot
Реклама.
О рекламодателе. | 2 802 |
| 11 | Работай с топом Т-Банка над стратегическими проектами
⚡В программе «Мини-СЕО» ты получаешь индивидуальный трек, погружаешься в стратегию компании и работаешь над проектами — от анализа данных до создания новых продуктов.
Наставники — топ-менеджеры, которые руководят целыми направлениями.
Они передадут знания, которые сложно найти в интернете, помогут выстроить индивидуальный трек карьеры и защитить собственный проект в финале программы.
Если ты студент или выпускник с опытом в ИТ, математике или аналитике, подай заявку и начни разгонять карьеру!
Зарегистрироваться
#реклама 16+
t-miniceo.ru
О рекламодателе | 979 |
| 12 |  Розыгрыш Яндекс Станции уже в боте
Любимые блогеры, розыгрыши, новости и анонсы в одном боте!
Узнать больше
#реклама 16+
refer.id
О рекламодателе | 919 |
| 13 |  +4Телеграм канал AI для бизнеса
AI - не будущее. Это настоящее вашего бизнеса.
Телеграм-канал "AI для бизнеса" знает все о внедрении и использовании искусственного интеллекта в бизнесе в России и мира. Только со своими подписчиками канал делится:
- как внедрить искусственный интеллект в реальные бизнес-процессы,
- разборами кейсов: как компании сократили затраты на 30-50% с помощью AI,
- лайфхаками по автоматизации рутинных задач,
- новостями мира AI и разборами трендов.
Сами давно читаем и вам советуем подписаться.
Подписаться
#реклама 16+
О рекламодателе | 862 |
| 14 |  🪄 Как убрать лишний div, не трогая HTML
В CSS сетка или флексбокс действуют только на прямых детей контейнера. Если между ними затесалась обёртка, её содержимое живёт в своём мирке и в общую раскладку не попадает.
Свойство display: contents решает это так: сам элемент как коробка исчезает (фон, рамка, отступы пропадают), а его дети становятся детьми родителя. Похоже на «разгруппировать» в графическом редакторе.
Пример из статьи. В <figure> лежит div с тремя картинками и рядом <figcaption>. Подпись никак не встроить в сетку фотографий, потому что она снаружи div. Пишем
.photo-group {
display: contents;
}
и теперь браузер видит три картинки и подпись как четырёх равноправных детей <figure>, а сетку задаём прямо на нём.
Важная оговорка: с таблицами, заголовками, кнопками и списками это ломает доступность, автор советует там не применять и проверять результат.
В статье ещё семь живых раскладок, где приём спасает. | 4 697 |
| 15 |  Как PostgreSQL ведёт себя под большой нагрузкой
Борьба с блокировками в PostgreSQL: как сохранить параллельность при высокой нагрузке.
📅 8 сентября, 20:00 МСК - открытый урок курса «Высоконагруженные системы: архитектура и масштабирование».
📚 Разберём блокировки на уровне транзакций и строк, научимся выявлять взаимные блокировки и узкие места. На реальных примерах покажем оптимизацию запросов и архитектурные приёмы для поддержания производительности.
Для разработчиков, архитекторов, инженеров, DBA и аналитиков, работающих с PostgreSQL.
Регистрируйтесь - получите практические приёмы и спецусловия на обучение. 😊
Узнать больше
#реклама 16+
otus.ru
О рекламодателе | 478 |
| 16 |  Яндекс Музыка до 360 дней бесплатно
Яндекс Музыка для вас и 3-х ваших близких.
Кинопоиск и Яндекс Книги тоже в мультиподписке Плюс.
Попробуйте бесплатно❤️
Слушать
#реклама 18+
music.yandex.ru
О рекламодателе | 971 |
| 17 |  Вайбкодим «Полный путь разработки AI-агентов: от MCP до Agentic RAG»
Образовательная программа на Stepik по разработке современных AI-агентов.
Начинаем с Model Context Protocol: создаём MCP-серверы, подключаем инструменты и внешние API, а затем переходим к разработке Agentic RAG-систем с памятью, рассуждением, поиском знаний и оценкой качества.
• Model Context Protocol и MCP-серверы
• LangChain, LangGraph, LlamaIndex
• API, инструменты, ресурсы и промпты
• Классический RAG → Agentic RAG
• ReAct, память и планирование
• Графы знаний и свои инструменты
• Трассировка и подготовка к production
Успей, скидка 20% действует 48 часов
↗️ Начать обучение на Stepik | 1 321 |
| 18 |  Решайте задачи и готовьтесь к техсекции на стажировку
А ты сможешь решить алгоритмическую задачу за час и без подсказок?
Яндекс проводит бесплатные тренировки по алгоритмам для тех, кто хочет систематизировать знания, прокачать решение задач и подготовиться к техническому собеседованию.
-Короткие видеоуроки
-Практические задачи
-Регулярные соревнования
-Решение задач на время
-Рейтинг и награды
-Возможность получить сертификат
Мы тренируем не только знание алгоритмов, но и умение применять их тогда, когда рядом нет подсказок.
Проверь свои алгоритмические навыки и прокачай слабые места.
Регистрируйся на бесплатные тренировки!
Записаться онлайн
#реклама 16+
yandex.ru
О рекламодателе | 975 |
| 19 |  Из разработчика в тимлиды: как говорить с людьми
Стать тимлидом — значит научиться говорить с людьми о сложном. Но как сказать разработчику, что код — "не очень", не обидев?
📅 16 сентября в 20:00 Александр Пряхин разберет техники обратной связи без эскалации. Узнаете, как формулировать по фактам, снижать защитную реакцию и завершать разговор договоренностями. Для разработчиков, готовящихся к лидерству.
Узнать больше
#реклама 16+
otus.ru
О рекламодателе | 880 |
| 20 |  Здесь делают hh.ru. И показывают, как именно.
Узнавайте первыми о митапах, подсматривайте, как принимаются продуктовые решения, и знакомьтесь с людьми, которые создают hh.ru.
Подписаться
#реклама
О рекламодателе | 954 |
