¡Ya disponible! Investigación de Telegram 2025 — los principales insights del año 
Frontend Interview - собеседования по Javascript / Html / Css
Ir al canal en Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
Mostrar más
Red:📈 Análisis del canal de Telegram Frontend Interview - собеседования по Javascript / Html / Css
El canal Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) en el segmento lingüístico de Ruso es un actor destacado. Actualmente la comunidad reúne a 10 766 suscriptores, ocupando la posición 11 398 en la categoría Tecnologías y Aplicaciones y el puesto 60 186 en la región Rusia.
📊 Métricas de audiencia y dinámica
Desde su creación el невідомо, el proyecto ha mostrado un crecimiento acelerado, reuniendo a 10 766 suscriptores.
Según los últimos datos del 05 julio, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -93, y en las últimas 24 horas de 0, conservando un alto alcance.
- Estado de verificación: No verificado
- Tasa de interacción (ER): El promedio de interacción de la audiencia es 7.89%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 4.12% de reacciones respecto al total de suscriptores.
- Alcance de las publicaciones: Cada publicación recibe en promedio 850 visualizaciones. En el primer día suele acumular 444 visualizaciones.
- Reacciones e interacción: La audiencia responde de forma activa: el promedio de reacciones por publicación es 2.
- Intereses temáticos: El contenido se centra en temas clave como javascript, браузер, html, css, видимость.
📝 Descripción y política de contenido
El autor describe el recurso como un espacio para expresar opiniones subjetivas:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
Gracias a la alta frecuencia de actualizaciones (últimos datos recibidos el 06 julio, 2026), el canal mantiene la vigencia y un amplio alcance. La analítica demuestra que la audiencia interactúa activamente con el contenido, lo que lo convierte en un punto de referencia dentro de la categoría Tecnologías y Aplicaciones.
10 766
Suscriptores
Sin datos24 horas
-247 días
-9330 días
Archivo de publicaciones
Как обрезать текст в блоке после 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 ?
