现已上线！2025 年 Telegram 研究 — 年度关键洞察 
Frontend Interview - собеседования по Javascript / Html / Css
前往频道在 Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
显示更多📈 Telegram 频道 Frontend Interview - собеседования по Javascript / Html / Css 的分析概览
频道 Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) 俄语 语言赛道中的 是活跃参与者。目前社区聚集了 10 769 名订阅者，在 技术与应用 类别中位列第 11 407，并在 俄罗斯 地区排名第 60 344 位。
📊 受众指标与增长动态
自 невідомо 创建以来，项目保持高速增长，吸引了 10 769 名订阅者。
根据 03 七月, 2026 的最新数据，频道保持稳定运转。过去 30 天订阅人数变化为 -96，过去 24 小时变化为 -2，整体触达仍然可观。
- 认证状态： 未认证
- 互动率 (ER)： 平均受众互动率为 7.89%。内容发布后 24 小时内通常能获得 4.12% 的反应，占订阅者总量。
- 帖子覆盖： 每篇帖子平均可获得 850 次浏览，首日通常累积 444 次浏览。
- 互动与反馈： 受众积极参与，单帖平均反应数为 2。
- 主题关注点： 内容集中在 javascript, браузер, html, css, видимость 等核心主题上。
📝 描述与内容策略
作者将该频道定位为表达主观观点的平台：
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
凭借高频更新（最新数据采集于 04 七月, 2026），频道始终保持新鲜度与高覆盖。分析显示受众积极互动，使其成为 技术与应用 类别中的关键影响点。
10 769
订阅者
-224 小时
-297 天
-9630 天
帖子存档
Frontend-разработчики, Сбер приглашает вас познакомиться и пройти все этапы отбора в команду на One Day Offer, который состоится 5 марта ⚡️
Если вы уже больше двух лет занимаетесь коммерческой разработкой, знаете React и получили профильное образование — не упустите возможность стать частью команды и получить оффер всего за один день.
👉 Чем вы будете заниматься, если успешно пройдете техническое интервью? Поддерживать и развивать официальный сайт СберБанка — онлайн-витрину сервисов и продуктов банка, а также его экосистемы.
Команда фронтенда в Сбере состоит из 100+ крутых специалистов топ-компаний мира и использует в своей работе автоматизированную инфраструктуру разработки в облаках и только самый современный стек: React, TypeScript, NodeJS, Webpack, PostCSS и др.
Если вы хотите стать частью команды — переходите по ссылке, регистрируйтесь на One Day Offer и готовьтесь к собеседованию 😉
Какое значение примет result?
🚀Как JavaScript-разработчику использовать XState?
Узнаем 3 марта в 20:00 на открытом уроке онлайн-курса «JavaScript Developer. Professional» в OTUS.
😎Тема вебинара: «Управление сложным состоянием на основе XState». XState — это инструмент для создания и проверки диаграмм состояний для визуализации состояния ваших приложений. Вместе с преподавателем Арсением Высоцким, тимлидом в большой международной компании, научимся описывать бизнес-логику посредством конечных автоматов.
👉Пройдите вступительный тест, чтобы принять участие в занятии https://otus.pw/Raa8c/
Курс доступен в рассрочку.
Реклама. Информация о рекламодателе на сайте www.otus.ru
Array.prototype.flat
Метод flat() возвращает новый массив,
var newArray = arr.flat(depth);
в котором все элементы вложенных подмассивов были рекурсивно "подняты" на указанный уровень depth.
Пример:
const arr1 = [1, 2, [3, 4]];
arr1.flat(); // [1, 2, 3, 4]
const arr2 = [1, 2, [3, 4, [5, 6]]];
arr2.flat(); // [1, 2, 3, 4, [5, 6]]
const arr3 = [1, 2, [3, 4, [5, 6]]];
arr3.flat(2); // [1, 2, 3, 4, 5, 6]
Также существует и побочное действие, он удаляет неопределенные элементы массива.
Пример:
const arr4 = [1, 2, , 4, 5];
arr4.flat(); // [1, 2, 4, 5]
👉 @frontendInterviewНайти нечетное число
Вам дан массив из чисел. Ваша задача - написать функцию, которая вернет число, которое появляется в массиве нечетное число раз.
👉 @frontendInterview
Apress.Just.React.Learn.React.the.React.Way.pdf10.20 MB
Just React!: Learn React the React Way (2022)
Перед вами идеальный помощник в изучении и разработке приложений React. Эта книга представляет инновационные концепции, и использует реальные примеры, основанные на наиболее рекомендуемых практиках, чтобы помочь вам заложить прочный фундамент. Этот комплексный подход обеспечивает сильный акцент на построении компонентов с помощью React.
👉 @frontendInterview
scrollbar-gutter
scrollbar-gutter решает проблему с «прыгающей» шириной контента при появлении или скрытии скроллбара. Обычно эта проблема появляется при изменении высоты контента или появлении модального окна.
Проблема со скроллбаром
Например у нас длина контента превышает высоту экрана, поэтому скроллбар виден всегда. Но при появлении модального окна мы прячем скроллбар, задав overflow: hidden у body. Это довольно частое решение — мы не хотим чтобы можно было прокручивать страницу при открытом модальном окне.
Но как это исправить? Можно компенсировать удаление скроллбара добавлением отступов у <body>, но мы сразу натыкаемся на ряд проблем:
- Разные браузеры могут иметь разную ширину скроллбара. И даже если сейчас ширина скроллбара совпадает с общепринятой, разработчикам браузера ничего не мешает поменять её (хоть это и очень маловероятно) в одном из будущих обновлений.
- Есть два типа скроллбара — статичный и оверлей. Оверлей не виден по умолчанию, но появляется поверх страницы при её прокрутке. Если мы добавим отступ при оверлейном скроллбаре, мы не скомпенсируем, а наоборот, добавим сдвиг контента при открытии модалки.
Как-то выглядит совсем запутанно, и написать полноценное кроссбраузерное и кроссплатформенное решение, которое работает всегда и везде, займёт отнюдь не мало времени. К счастью, у нас есть замечательное свойство scrollbar-gutter.
У scrollbar-gutter 3 возможных значения:
auto — дефолтное значение. Если задано overflow: scroll или overflow: auto и контент вызывает переполнение, то появится отступ для скроллбара.
stable — отступ для скроллбара появляется если значение overflow равно hidden, scroll или auto, вне зависимости от того, вызывает контент переполнение или нет.
stable both-edges — то же самое что и stable, но отступы будут создаваться с двух противоположных сторон. При вертикальной прокрутке — справа и слева, при горизонтальной — сверху и снизу.
Во всех случаях не будет создаваться отступ, если скроллбар — оверлейный.
В нашем случае используем scrollbar-gutter: stable чтобы при скрытии прокрутки через overflow: hidden у нас появился отступ вместо скроллбара и контент остался на месте.
html,
body {
scrollbar-gutter: stable;
}
👉 @frontendInterviewМожно ли таким образом типизировать переменную userInfo в TypeScript?
Какая ширина у второй клетки grid?
🔥Тест по JavaScript от OTUS 🔥
Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на курсе - «JavaScript Developer. Professional»
👉 ПРОЙТИ ТЕСТ https://otus.pw/QT17/
💣 Пройдете тест и получите:
✔️ Живое общение с экспертами JavaScript-сообщества
✔️Получите видео-курс по Git в подарок
✔️ Лучшие открытые уроки прошлых наборов курса
✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+
✔️ Скидку на прохождение онлайн курса «JavaScript Developer. Professional»
Курс доступен в рассрочку.
Реклама. Информация о рекламодателе на сайте www.otus.ru
word-wrap
Свойство word-wrap управляет переносом длинных слов, если они не помещаются в родительский блок.
Пример того, как можно настроить перенос по символам с помощью word-wrap.
p {
border: 1px solid #fff;
width: 100px;
word-wrap: break-word;
}
Возможные значения:
normal — значение по умолчанию. При этом значении текст будет переноситься по пробелам, специальным символам и тегу <br>.
break-word — слово переносится на любой букве при достижении края родительской области.
👉 @frontendInterviewКакое значение примет result?
Подработка для веб-разработчиков от 2 часов в неделю! Делайте код ревью на одном из курсов по JavaScript, React, Node.js или других в HTML Academy. Учитесь сами, обучая других: дружное комьюнити, удалёнка, море фана, опыт преподавания и скидки для своих.
Приходите в команду: https://tml.io/vxmcv
::first-letter
Псевдоэлемент ::first-letter позволяет задать стили для первой буквы первой строки блочного элемента, если перед текстом нет другого содержимого.
Напишем код, выделяющий первую букву в цитате:
blockquote::first-letter {
font-size: 1.86rem;
font-weight: 700;
font-style: italic;
letter-spacing: 0.12rem;
}
Для псевдоэлемента сработает лишь небольшой набор CSS-свойств:
- font и шрифтовые свойства, начинающиеся на font-;
- background и свойства фона, начинающиеся на background-;
- margin и внешние отступы, начинающиеся на margin-;
- padding и внутренние отступы, начинающиеся на padding-;
- border и свойства рамок, начинающиеся на border-;
цвет текста color;
- текстовые свойства text-decoration, text-shadow, text-transform, letter-spacing, word-spacing, line-height, text-decoration-color, text-decoration-line, text-decoration-style, box-shadow, float, vertical-align.
👉 @frontendInterview