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
Posts Archive
36 829
Автозаполнение инпута
HTML-элемент
<datalist> содержит набор опций (<option>), доступных для выбора. Выбранное значение будет установлено для элемента <input>
- Различия между <select> и <datalist> :
Кроме функции автодополнения элемента <datalist>, основное отличие между <select> и этим тегом в том, что в элементе <select> нельзя выбрать или указать значение не из списка предлагаемых
➡️ @FrontendPortal | #HTML36 829
Релиз прошёл. Через неделю в API находят SQLi.
AppSec переносит безопасность туда, где уязвимость ещё можно исправить в процессе разработки.
AppSec-инженер в Codeby Academy — 7 месяцев практики на реальных приложениях и инструментах, которые используют в продакшене.
Внутри курса:
⏺️ разбор уязвимостей OWASP на реальных приложениях
⏺️ SAST/DAST инструменты, которые используют в боевых командах
⏺️ Threat Modeling и Secure SDLC на живых кейсах
За 7 месяцев пройдёте 13 модулей — от поиска уязвимостей в коде до внедрения AppSec в процесс разработки▶️300 ак.ч.▶️1–2 живых вебинара в месяц с автором
Запись до 3 сентября
Посмотреть программу и записаться
36 829
CSS Flex развивается! Появилось новое значение для flex-wrap
С
balance можно избежать ситуации, когда отдельные элементы остаются висеть в строке, и более равномерно распределять элементы по рядам
Отлично подходит для гридов с карточками, галерей и адаптивных лейаутов.
➡️ @FrontendPortal36 829
Знаете ли вы, что кнопку отправки формы можно размещать вне самой формы?
В большинстве случаев мы размещаем кнопку отправки внутри формы, и так правильно. Но иногда — из-за особенностей вёрстки или по другим причинам — логичнее вынести кнопку отправки за пределы тега
<form>.
Мы можем легко связать кнопку с формой, используя атрибуты form и id.
Таким же способом, при необходимости, можно ассоциировать с формой и другие элементы управления, такие как textarea, checkbox и т.п.
➡️ @FrontendPortal | #tip by Shripal Soni36 829
На 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 ₽.
Открыть программу на Stepik36 829
pnpm 12 вышел!
Один из лучших пакетных менеджеров для JavaScript-проектов.
✓ Безопасный по умолчанию
✓ Полностью переписан с нуля на Rust
✓ До 3× быстрее при чистой установке
→ https://pnpm.io/blog/releases/12.0
➡️ @FrontendPortal
36 829
+1
Bun 1.4 уже здесь. Полностью переписан на Rust.
✓ Bun.Image — можно попрощаться с sharp
✓ Bun.WebView — браузер без Playwright
✓ Bun.markdown и Bun.cron
✓ Меньше зависимостей и выше производительность
➡️ @FrontendPortal
36 829
Преобразуй свой TypeScript-код в визуальные диаграммы
Этот опенсорсный инструмент позволяет вставить любой TS-файл и мгновенно превратить его в аккуратную визуальную диаграмму всех ваших интерфейсов, типов, классов и связей
Отлично подходит для обучения, понимания новой кодовой базы и объяснения вашей архитектуры кому-то без необходимости что-либо рисовать вручную 👍
GitHub: tsdiagram
➡️ @FrontendPortal | #resourse
36 829
Добро пожаловать в мир разработки
Проект «Terminal» стал крупнейшей библиотекой бесплатного образования. В одном канале собраны курсы, книги, полезные инструменты и практические тренажёры для всех разработчиков:
• Практические курсы и задания
• Книги и статьи известных авторов
• Полезные инструменты и ресурсы
• IT-новости и инсайды
Обучение по всем направлениям: SQL, Python, ML, Frontend, PHP, C++, Go, Git, Linux, QA, Java, Vibe-coding, InfoSec и др.
⌨️ подписаться
36 829
CSS наконец-то позволяет анимировать элементы при их первом появлении
@starting-style теперь входит в Baseline и доступен с августа 2024 года. Уже 90% глобального покрытия!
Раньше transition не срабатывал при первом обновлении стилей элемента – приходилось городить хаки на JavaScript
Теперь стартовое состояние можно задать прямо в чистом CSS. Просто, мощно и давно пора 💪
➡️ @FrontendPortal36 829
Совет по 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 Soni36 829
25 августа встречаемся на Agentic Coding Meetup в Сбер.Среде и в онлайне⚡️
AI-агенты уже умеют писать код. Но самое интересное начинается дальше — когда вместе с инструментами меняются роли инженеров, команды и сам процесс разработки.
🔥 Поговорим о том, как agentic coding выглядит на практике: новые инженерные роли и модели команд, SDD и трансформация процессов, coding-агенты и инструменты, подходы к постановке задач и управлению контекстом, а также опыт внедрения AI в разработку больших технологических компаний.
⏳ Начало в 17:00, встреча очных гостей — в 16:00.
Количество очных мест ограничено — успейте зарегистрироваться!
36 829
Определяем, когда пользователь переключает вкладки браузера и меняем favicon
Этот трюк можно реализовать с помощью Page Visibility API
Page Visibility API — это API браузера, который проверяет видимость страницы. Он помогает определять, скрыта или свернута текущая страница, и тем самым позволяет контролировать ее поведение и использование ресурсов➡️ @FrontendPortal | #tip #js
36 829
Ищем новичков во frontend-разработке и вёрстке сайтов.
Айтилогия запускает бесплатное обучение, где будет:
1. Практика на реальном заказе ценой до 10 000₽.
2. Разбор работ куратором.
3. Задачи от Fullstack-разработчика с 12-летним опытом.
4. Именной сертификат.
И главное — ты почувствуешь уверенность.
Потому что увидишь, что выполнить заказ на frontend-проект тебе по силам.
👉 Приходи на бесплатное обучение и зови с собой друзей
🔥 С 2019 Айтилогия стабильно помогает с обучением, практикой, зарабатывать на фрилансе и проходить собеседования.
36 829
Сегодня вышел Firefox 154
В нём появилась поддержка давно ожидаемых CSS-возможностей:
①
sibling-index() и sibling-count() — удобно использовать, чтобы создавать эффект разбросанных элементов.
② text-box — полезно для вертикального и горизонтального выравнивания текста в кнопках и других элементах.
Теперь эти возможности доступны во всех браузерах.
➡️ @FrontendPortal36 829
HTML Tip: Самый простой способ отключить несколько элементов формы
Мы можем установить атрибут
disabled на элемент <fieldset>, чтобы автоматически отключить все вложенные элементы формы.
➡️ @FrontendPortal | #tip by Shripal Soni36 829
⚡️⚡️HolyjS снова собирает JS-разработчиков. Уже 10-ый год подряд!
Уже десять лет мы вместе с JS-сообществом следим за тем, как меняется экосистема, разбираемся в новых технологиях и собираем инженеров, которым интересно копать глубже и смотреть на разработку с разных ракурсов.
🎇В программе нового сезона — глубокие технические доклады про язык и его экосистему, производительность, архитектуру, Node.js, фреймворки и инструменты разработки. И, конечно, не будем делать вид, что ИИ не существует: поговорим о том, как его уже сегодня применяют во фронтенде и какие инженерные задачи он помогает решать на практике.
Лучший способ отметить десятилетие HolyJS — сделать еще одну сильную техническую конференцию.
Поэтому главное, как всегда, — программа.
Но без юбилейных сюрпризов тоже не обойдется: готовим несколько ностальгических активностей, чтобы вместе вспомнить самые яркие моменты HolyJS за эти годы.
🗓 23–24 октября HolyJS пройдет в Санкт-Петербурге и онлайн.
Программа постепенно пополняется новыми докладами.
Билеты уже в продаже: можно купить индивидуальный или оформить корпоративное участие для команды. Все подробности — на сайте.
36 829
Более 200 градиентных фонов для сайта или приложения
✓ Предпросмотр в реальном времени и настройка прямо в браузере
✓ Экспорт в CSS, Tailwind или переменные
✓ Скачивание в PNG или SVG
✓ Готовый промпт для ИИ
→ https://auragradients.vercel.app
➡️ @FrontendPortal
36 829
Extend UI — опенсорсная библиотека React-компонентов для приложений, которые активно работают с документами.
В ней есть готовые компоненты для просмотра PDF, DOCX, XLSX и CSV, загрузки и навигации по файлам, работы с цитатами, электронными подписями, разделения документов и других сценариев.
Компоненты распространяются по лицензии MIT, поддерживают кастомизацию и могут подключаться к проекту через registry в стиле shadcn.
https://github.com/extend-hq/ui
➡️ @FrontendPortal
