Frontend Portal
Open in Telegram
Присоединяйтесь к нашему каналу и погрузитесь в мир фронтенд-разработки Сотрудничество, реклама: @devmangx Менеджер: @Spiral_Yuri РКН: https://clck.ru/3Fs3wT
Show more
Network:📈 Analytical overview of Telegram channel Frontend Portal
Channel Frontend Portal (@frontendportal) in the Russian language segment is an active participant. Currently, the community unites 36 828 subscribers, ranking 3 539 in the Technologies & Applications category and 17 280 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 36 828 subscribers.
According to the latest data from 09 September, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -484 over the last 30 days and by -22 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 13.69%. Within the first 24 hours after publication, content typically collects 8.27% reactions from the total number of subscribers.
- Post reach: On average, each post receives 5 042 views. Within the first day, a publication typically gains 3 044 views.
- Reactions and interaction: The audience actively supports content: the average number of reactions per post is 34.
- Thematic interests: Content is focused on key topics such as css, javascript, frontend, собеседование, браузер.
📝 Description and content policy
The author describes the resource as a platform for expressing subjective opinions:
“Присоединяйтесь к нашему каналу и погрузитесь в мир фронтенд-разработки
Сотрудничество, реклама: @devmangx
Менеджер: @Spiral_Yuri
РКН: https://clck.ru/3Fs3wT”
Thanks to the high frequency of updates (latest data received on 10 September, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Technologies & Applications category.
36 828
Subscribers
-2224 hours
-787 days
-48430 days
Data loading in progress...
Similar Channels
Tags Cloud
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
September '26
September '26
+23
in 0 channels
August '26
+60
in 1 channels
Get PRO
July '26
+89
in 4 channels
Get PRO
June '26
+109
in 3 channels
Get PRO
May '26
+116
in 0 channels
Get PRO
April '26
+104
in 6 channels
Get PRO
March '26
+359
in 5 channels
Get PRO
February '26
+285
in 4 channels
Get PRO
January '26
+265
in 3 channels
Get PRO
December '25
+506
in 13 channels
Get PRO
November '25
+1 573
in 323 channels
Get PRO
October '25
+165
in 3 channels
Get PRO
September '25
+483
in 5 channels
Get PRO
August '25
+179
in 7 channels
Get PRO
July '25
+1 963
in 277 channels
Get PRO
June '25
+568
in 9 channels
Get PRO
May '25
+734
in 7 channels
Get PRO
April '25
+13 073
in 269 channels
Get PRO
March '25
+1 152
in 6 channels
Get PRO
February '25
+1 016
in 3 channels
Get PRO
January '25
+1 531
in 3 channels
Get PRO
December '24
+2 579
in 397 channels
Get PRO
November '24
+1 767
in 178 channels
Get PRO
October '24
+2 721
in 304 channels
Get PRO
September '24
+1 847
in 284 channels
Get PRO
August '24
+4 937
in 240 channels
Get PRO
July '24
+361
in 7 channels
Get PRO
June '24
+751
in 16 channels
Get PRO
May '24
+1 294
in 29 channels
Get PRO
April '24
+1 554
in 30 channels
Get PRO
March '24
+3 009
in 78 channels
Get PRO
February '24
+2 688
in 38 channels
Get PRO
January '24
+1 558
in 45 channels
Get PRO
December '23
+1 074
in 17 channels
Get PRO
November '23
+1 031
in 25 channels
| Date | Subscriber Growth | Mentions | Channels | |
| 10 September | +2 | |||
| 09 September | +1 | |||
| 08 September | +4 | |||
| 07 September | +4 | |||
| 06 September | +3 | |||
| 05 September | +1 | |||
| 04 September | 0 | |||
| 03 September | +5 | |||
| 02 September | +1 | |||
| 01 September | +2 |
Channel Posts
Автозаполнение инпута
HTML-элемент
<datalist> содержит набор опций (<option>), доступных для выбора. Выбранное значение будет установлено для элемента <input>
- Различия между <select> и <datalist> :
Кроме функции автодополнения элемента <datalist>, основное отличие между <select> и этим тегом в том, что в элементе <select> нельзя выбрать или указать значение не из списка предлагаемых
➡️ @FrontendPortal | #HTML| 2 |  Релиз прошёл. Через неделю в API находят SQLi.
AppSec переносит безопасность туда, где уязвимость ещё можно исправить в процессе разработки.
AppSec-инженер в Codeby Academy — 7 месяцев практики на реальных приложениях и инструментах, которые используют в продакшене.
Внутри курса:
⏺️ разбор уязвимостей OWASP на реальных приложениях
⏺️ SAST/DAST инструменты, которые используют в боевых командах
⏺️ Threat Modeling и Secure SDLC на живых кейсах
За 7 месяцев пройдёте 13 модулей — от поиска уязвимостей в коде до внедрения AppSec в процесс разработки▶️300 ак.ч.▶️1–2 живых вебинара в месяц с автором
Запись до 3 сентября
Посмотреть программу и записаться | 3 518 |
| 3 |  CSS Flex развивается! Появилось новое значение для flex-wrap
С balance можно избежать ситуации, когда отдельные элементы остаются висеть в строке, и более равномерно распределять элементы по рядам
Отлично подходит для гридов с карточками, галерей и адаптивных лейаутов.
➡️ @FrontendPortal | 4 569 |
| 4 |  Знаете ли вы, что кнопку отправки формы можно размещать вне самой формы?
В большинстве случаев мы размещаем кнопку отправки внутри формы, и так правильно. Но иногда — из-за особенностей вёрстки или по другим причинам — логичнее вынести кнопку отправки за пределы тега <form>.
Мы можем легко связать кнопку с формой, используя атрибуты form и id.
Таким же способом, при необходимости, можно ассоциировать с формой и другие элементы управления, такие как textarea, checkbox и т.п.
➡️ @FrontendPortal | #tip by Shripal Soni | 6 497 |
| 5 |  На Stepik вышла программа «DevOps с нуля: от Linux до Kubernetes»
Это комплексная программа из 5 практических курсов по ключевым технологиям DevOps: Linux, Git, Docker, GitLab CI/CD, Kubernetes
Вы последовательно пройдёте путь от работы в Linux и управления кодом через Git до контейнеризации приложений, настройки CI/CD-пайплайнов и развёртывания в Kubernetes.
Что вы изучите:
• работу с Linux и командной строкой
• Git и контроль версий в реальных проектах
• создание Docker-образов и запуск контейнеров
• автоматизацию сборки, тестирования и деплоя в GitLab CI/CD
• развёртывание и управление приложениями в Kubernetes
• сети, хранилища, конфигурации и секреты
• диагностику инфраструктуры и автоматизацию рутинных задач
... и многое другое
Все знания закрепляются на практике с помощью заданий с автопроверкой.
Материал подаётся последовательно и понятным языком: с примерами, схемами и демонстрациями. Во время обучения можно задавать вопросы по урокам и заданиям, получать обратную связь и помощь при возникновении сложностей.
После прохождения программы вы получите сертификат, который можно добавить в резюме.
Скидка 20% на 48 часов: по промокоду PORTAL20 стоимость всей программы составит 10 392 ₽.
Открыть программу на Stepik | 3 257 |
| 6 |  pnpm 12 вышел!
Один из лучших пакетных менеджеров для JavaScript-проектов.
✓ Безопасный по умолчанию
✓ Полностью переписан с нуля на Rust
✓ До 3× быстрее при чистой установке
→ https://pnpm.io/blog/releases/12.0
➡️ @FrontendPortal | 5 804 |
| 7 |  +1Bun 1.4 уже здесь. Полностью переписан на Rust.
✓ Bun.Image — можно попрощаться с sharp
✓ Bun.WebView — браузер без Playwright
✓ Bun.markdown и Bun.cron
✓ Меньше зависимостей и выше производительность
➡️ @FrontendPortal | 5 888 |
| 8 |  Преобразуй свой TypeScript-код в визуальные диаграммы
Этот опенсорсный инструмент позволяет вставить любой TS-файл и мгновенно превратить его в аккуратную визуальную диаграмму всех ваших интерфейсов, типов, классов и связей
Отлично подходит для обучения, понимания новой кодовой базы и объяснения вашей архитектуры кому-то без необходимости что-либо рисовать вручную 👍
GitHub: tsdiagram
➡️ @FrontendPortal | #resourse | 5 398 |
| 9 |  Добро пожаловать в мир разработки
Проект «Terminal» стал крупнейшей библиотекой бесплатного образования. В одном канале собраны курсы, книги, полезные инструменты и практические тренажёры для всех разработчиков:
• Практические курсы и задания
• Книги и статьи известных авторов
• Полезные инструменты и ресурсы
• IT-новости и инсайды
Обучение по всем направлениям: SQL, Python, ML, Frontend, PHP, C++, Go, Git, Linux, QA, Java, Vibe-coding, InfoSec и др.
⌨️ подписаться | 3 414 |
| 10 |  CSS наконец-то позволяет анимировать элементы при их первом появлении
@starting-style теперь входит в Baseline и доступен с августа 2024 года. Уже 90% глобального покрытия!
Раньше transition не срабатывал при первом обновлении стилей элемента – приходилось городить хаки на JavaScript
Теперь стартовое состояние можно задать прямо в чистом CSS. Просто, мощно и давно пора 💪
➡️ @FrontendPortal | 5 454 |
| 11 |  Совет по Chrome Dev Tools: Инспекция стилей плейсхолдера
По умолчанию Chrome DevTools не отображает стили ::placeholder при инспекции элементов.
Можно включить настройку "Show user agent shadow DOM", чтобы отображать shadow DOM браузера, генерируемый для различных встроенных элементов, таких как <input>, <progress>, <video> и др.
Мы можем инспектировать эти элементы shadow DOM, созданные user agent'ом, чтобы просматривать/редактировать стили плейсхолдера, ползунка у range input и т. п.
➡️ @FrontendPortal | #tip by Shripal Soni | 6 854 |
| 12 |  25 августа встречаемся на Agentic Coding Meetup в Сбер.Среде и в онлайне⚡️
AI-агенты уже умеют писать код. Но самое интересное начинается дальше — когда вместе с инструментами меняются роли инженеров, команды и сам процесс разработки.
🔥 Поговорим о том, как agentic coding выглядит на практике: новые инженерные роли и модели команд, SDD и трансформация процессов, coding-агенты и инструменты, подходы к постановке задач и управлению контекстом, а также опыт внедрения AI в разработку больших технологических компаний.
⏳ Начало в 17:00, встреча очных гостей — в 16:00.
Количество очных мест ограничено — успейте зарегистрироваться! | 3 203 |
| 13 |  Определяем, когда пользователь переключает вкладки браузера и меняем favicon
Этот трюк можно реализовать с помощью Page Visibility API
Page Visibility API — это API браузера, который проверяет видимость страницы. Он помогает определять, скрыта или свернута текущая страница, и тем самым позволяет контролировать ее поведение и использование ресурсов
➡️ @FrontendPortal | #tip #js | 6 110 |
| 14 |  Рабочее утро удалёнщинка
➡️ @FrontendPortal | 6 558 |
| 15 |  Ищем новичков во frontend-разработке и вёрстке сайтов.
Айтилогия запускает бесплатное обучение, где будет:
1. Практика на реальном заказе ценой до 10 000₽.
2. Разбор работ куратором.
3. Задачи от Fullstack-разработчика с 12-летним опытом.
4. Именной сертификат.
И главное — ты почувствуешь уверенность.
Потому что увидишь, что выполнить заказ на frontend-проект тебе по силам.
👉 Приходи на бесплатное обучение и зови с собой друзей
🔥 С 2019 Айтилогия стабильно помогает с обучением, практикой, зарабатывать на фрилансе и проходить собеседования. | 3 920 |
| 16 |  Сегодня вышел Firefox 154
В нём появилась поддержка давно ожидаемых CSS-возможностей:
① sibling-index() и sibling-count() — удобно использовать, чтобы создавать эффект разбросанных элементов.
② text-box — полезно для вертикального и горизонтального выравнивания текста в кнопках и других элементах.
Теперь эти возможности доступны во всех браузерах.
➡️ @FrontendPortal | 5 929 |
| 17 |  HTML Tip: Самый простой способ отключить несколько элементов формы
Мы можем установить атрибут disabled на элемент <fieldset>, чтобы автоматически отключить все вложенные элементы формы.
➡️ @FrontendPortal | #tip by Shripal Soni | 5 785 |
| 18 |  ⚡️⚡️HolyjS снова собирает JS-разработчиков. Уже 10-ый год подряд!
Уже десять лет мы вместе с JS-сообществом следим за тем, как меняется экосистема, разбираемся в новых технологиях и собираем инженеров, которым интересно копать глубже и смотреть на разработку с разных ракурсов.
🎇В программе нового сезона — глубокие технические доклады про язык и его экосистему, производительность, архитектуру, Node.js, фреймворки и инструменты разработки. И, конечно, не будем делать вид, что ИИ не существует: поговорим о том, как его уже сегодня применяют во фронтенде и какие инженерные задачи он помогает решать на практике.
Лучший способ отметить десятилетие HolyJS — сделать еще одну сильную техническую конференцию.
Поэтому главное, как всегда, — программа.
Но без юбилейных сюрпризов тоже не обойдется: готовим несколько ностальгических активностей, чтобы вместе вспомнить самые яркие моменты HolyJS за эти годы.
🗓 23–24 октября HolyJS пройдет в Санкт-Петербурге и онлайн.
Программа постепенно пополняется новыми докладами.
Билеты уже в продаже: можно купить индивидуальный или оформить корпоративное участие для команды. Все подробности — на сайте. | 5 271 |
| 19 |  Более 200 градиентных фонов для сайта или приложения
✓ Предпросмотр в реальном времени и настройка прямо в браузере
✓ Экспорт в CSS, Tailwind или переменные
✓ Скачивание в PNG или SVG
✓ Готовый промпт для ИИ
→ https://auragradients.vercel.app
➡️ @FrontendPortal | 6 576 |
| 20 |  Extend UI — опенсорсная библиотека React-компонентов для приложений, которые активно работают с документами.
В ней есть готовые компоненты для просмотра PDF, DOCX, XLSX и CSV, загрузки и навигации по файлам, работы с цитатами, электронными подписями, разделения документов и других сценариев.
Компоненты распространяются по лицензии MIT, поддерживают кастомизацию и могут подключаться к проекту через registry в стиле shadcn.
https://github.com/extend-hq/ui
➡️ @FrontendPortal | 8 159 |
