Вже доступно! Дослідження Telegram за 2025 — головні інсайти року 
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 766 підписників, посідаючи 11 398 місце в категорії Технології та додатки та 60 186 місце у регіоні Росія.
📊 Показники аудиторії та динаміка
З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 10 766 підписників.
За останніми даними від 05 липня, 2026, канал демонструє стабільну активність. Хоча за останні 30 днів спостерігається зміна кількості учасників на -93, а за останні 24 години на 0, загальне охоплення залишається високим.
- Статус верифікації: Не верифікований
- Рівень залученості (ER): Середній показник залученості аудиторії становить 7.89%. Протягом перших 24 годин після публікації контент зазвичай збирає 4.12% реакцій від загальної кількості підписників.
- Охоплення публікацій: В середньому кожен допис отримує 850 переглядів. Протягом першої доби публікація в середньому набирає 444 переглядів.
- Реакції та взаємодія: Аудиторія активно підтримує контент: середня кількість реакцій на один пост – 2.
- Тематичні інтереси: Контент зосереджений навколо ключових тем, таких як javascript, браузер, html, css, видимость.
📝 Опис та контентна політика
Автор описує ресурс як майданчик для висловлення суб'єктивної думки:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
Завдяки високій частоті оновлень (останні дані отримано 06 липня, 2026), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Технології та додатки.
10 766
Підписники
Немає даних24 години
-247 днів
-9330 день
Архів дописів
Как обрезать текст в блоке после n-ной строки?
Cвойство line clamp усекает текст до определенного количества строк.
Синтаксис
.module {
line-clamp: [none | integer];
}
В текущем варианте спецификации line-clamp принимает следующие значения:
1. none: не устанавливает максимальное количество строк, и в результате усечение не происходит.
2. integer: устанавливает максимальное количество строк перед усечением контента, а затем отображает многоточие (…) в конце последней строки.
Эй, а не могу я сделать это с помощью text-overflow?
text-overflow действительно имеет значение ellipsis, которое будет обрезать текст:
.truncate {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
Но text-overflow обрежет текст только в первой строке, а если вам нужно вывести две или более, можно использовать line-clamp
👉 @frontendInterviewЧто выведется в консоль?
Как отсортировать массив в JavaScript?
Сортировка массивов в JavaScript делается через метод array.sort()
Сортировка массива в алфавитном порядке:
var myarray=["Bob", "Bully", "Amy"] myarray.sort() // Массив становится ["Amy", "Bob", "Bully"]А теперь, посмотрите на то, что случится когда мы вызовем array.sort() на массиве из чисел:
var myarray=[7, 40, 300] myarray.sort() //Теперь он становится таким [300,40,7]Хотя 7 в численном порядке меньше, чем 40 или 300, в лексикографическом порядке, семёрка больше, таким образом она оказывается правее всех в отсортированном массиве. Всегда имейте в виду, что по-дефолту array.sort() сортирует элементы в лексикографическом порядке. array.sort() допускает дополнительные параметры в виде функций Формат такой функции будет выглядеть таким образом:
function sortfunction(a, b){
//Тут сравнивается a и b, и возвращается -1, 0 или 1.
//Если возвращается -1, то число смещается влево
//Если вернется 1, то число смещается вправо
//Если 0, то остается на месте
}
array.sort(sortfunction)
Когда такая функция передаётся в array.sort(), элементы массива сортируются, основываясь на взаимосвязи между ними.
👉 @frontendInterviewЧему равен отступ между элементами div?
🔥 Хотите стать фулстек-разработчиком на JavaScript с с зарплатой от 165 000 ₽?
🧠 Тогда начните получать первые знания уже 7 сентября в 20:00 на открытом уроке
📚 На занятии с экспертом-практиком мы разберем два популярных способа расположения элементов макета, рассмотрим их плюсы и минусы и узнаем разные примеры применения
✅ Вебинар пройдет в рамках специализации «Fullstack Developer» OTUS, онлайн-курса для тех, кто хочет начать заниматься JavaScript-разработкой
👉Регистрируйтесь на занятие и готовьте вопросы преподавателю https://otus.pw/aDdk/
Реклама. Информация о рекламодателе на сайте otus.ru
Какие значения можно задать CSS переменной?
CSS переменные это сущности, хранящие конкретные значения, которые можно повторно использовать в документе. Они устанавливаются с использованием custom property нотации (например. --main-color: black;) и доступны через функцию var() (например. color: var(--main-color);) .
В CSS переменную можно записать:
1. Значения в различных единицах измерения, доступных в CSS
:root {
--nice-padding: 20px;
}
article {
padding: var(--nice-padding);
}
2. Небольшие вычисления с помощью calc() и другие CSS функции
{
--image-width: 800px;
--image-height: calc(var(--image-width) / (4/3));
}
img {
width: var(--image-width);
height: var(--image-height);
}
3. Просто числовые значения, которые затем можно использовать, например в calc()
:root {
--magic-number: 41;
}
.crazy-box {
width: calc(var(--magic-number) * 1%);
}
4. Картинки, которые затем можно использовать в content или background
:root {
--image-from-somewhere: url(https://codersblock.com/assets/images/logo.png);
}
.a {
background-image: var(--image-from-somewhere);
}
И многое другое. Все возможные значения можно посмотреть в оригинальной статье.
👉 @frontendInterviewInvert values
Вам дан массив чисел. Сделайте все положительные числа отрицательными, а отрицательные положительными и верните новый массив.
Примеры:
invert([1,2,3,4,5]) == [-1,-2,-3,-4,-5]
invert([1,-2,3,-4,5]) == [-1,2,-3,4,-5]
invert([]) == []
👉 @frontendInterviewShama_Hoque_Full_Stack_React_Projects_Learn_MERN_stack_development.epub26.67 MB
Full-Stack React Projects (2020)
React в сочетании с проверенными в отрасли серверными технологиями, такими как Node, Express и MongoDB, позволяет разрабатывать и развертывать надежные полнофункциональные веб-приложения. Данное обновленное второе издание фокусируется на последних версиях и соглашениях технологий в этом стеке, а также на их новых фичах, таких как хуки в React и async / await в JavaScript. В книге также раскрываются сложные темы, такие как создание веб-приложения для учебных занятий и визуализация данных в приложении для отслеживания расходов.
👉 @frontendInterview
Что выведется в консоль?
Накопили много вопросов о веб-разработке, но не знаете кому их задать? Тогда приглашаем вас на лайв «Вопрос-ответ с программистом»! В прямом эфире на ваши вопросы ответит опытный разработчик со стажем более 20 лет.
Приходите на лайв, если вы:
✅ Новичок в веб-разработке.
✅ Интересуетесь веб-разработкой и имеете базовые знания.
✅ Хотите поменять работу и попасть в IT.
Среди всех вопросов мы выберем два самых интересных и подарим их авторам проект по вёрстке!
Записывайтесь на лайв!
Как можно изменить форму картинки или HTML элемента?
Cвойство clip-path создает ограниченную область, которая определяет какая часть элемента должна быть видимой.
Обрезанная область - это траектория, определяемая либо как внутренняя ссылка, либо как внешний SVG , либо как фигура, такая как круг (circle()).
Существует два способа использования clip-path:
1. На CSS - доступны разные фигуры: polygon, circle, ellipse и inset; inset предназначен для прямоугольников.
Преимущества CSS:
1) Легкий синтаксис,
2) Можно использовать относительные единицы.
2. На SVG - в качестве альтернативы можно создать фигуру с помощью SVG, а затем обрезать элемент по этой фигуре с помощью синтаксиса.
Преимущества SVG:
1) Поддержка браузерами лучше.
2) Вы можете сделать обрезку сложными фигурами.
👉 @frontendInterview
Какое CSS свойство нужно использовать, чтобы сделать текст элемента span подчеркнутым?
Для тех кто просил, канал с мемами для программистов и айтишников👇
https://t.me/+MCIrO81Gz61hMGYy
Скинуть мемов про прогу и IT ?
