¡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📈 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 768 suscriptores, ocupando la posición 11 397 en la categoría Tecnologías y Aplicaciones y el puesto 60 229 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 768 suscriptores.
Según los últimos datos del 04 julio, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -94, 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 05 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 768
Suscriptores
Sin datos24 horas
-247 días
-9430 días
Archivo de publicaciones
Что выведется в консоли?
.dataset
Свойство dataset позволяет считывать или устанавливать любые дата-атрибуты на HTML-элементе.
Дата-атрибут — это пользовательский атрибут на элементе, название которого начинается с data-, например data-testid. Дата атрибуты используются, чтобы хранить значения на элементах в HTML.
Обращение к свойству dataset вернёт объект со всеми дата-атрибутами, которые есть на элементе. Названиями полей в объекте будут имена дата-атрибутов после префикса data-. Например, если атрибут называется data-columns, то поле в объекте для этого атрибута будет называться columns.
<h1>Известные ситхи</h1>
<ul>
<li data-id="1541" data-episode="1">Дарт Мол</li>
<li data-id="9434" data-episode="4">Дарт Вейдер</li>
<li data-id="5549" data-episode="4">Дарт Сидиус</li>
</ul>
const items = document.querySelectorAll('li')
const firstItem = items[0]
console.log(firstItem.dataset)
// { id: '1541', episode: '1' }
👉 @frontendInterviewСтать сотрудником Яндекса быстрее и проще, чем кажется. Участвуйте в днях быстрого найма: решите тестовое, пройдите несколько секций собеседования и получите офер за несколько дней.
Теперь дни быстрого найма будут проходить регулярно. Чтобы вам было удобно следить за расписанием, собрали все мероприятия на отдельной странице.
Ближайшие мероприятия:
• 19–25 декабря — Week Offer для frontend, backend, mobile-разработчиков и аналитиков в команду Рекламы
Узнать подробнее и зарегистрироваться
Какая фигура появится на странице?
❓ Хотите развиваться как JavaScript-разработчик?
Приходите 16 декабря в 20:00 на открытый урок «Минимум для работы с системой» в OTUS. Вебинар пройдет в рамках специализации «Fullstack Developer» — Git на этом онлайн-курсе тоже пригодится, поскольку процесс обучения организован так же, как процесс разработки в IT-компаниях.
🔥 На вебинаре вы узнаете, для чего нужна система Git и как ее использовать, а также у вас будет возможность создать свой первый пуллреквест — уведомление о завершении работ для команды и попробовать базовый сценарий по выполнению домашнего задания. Для этого вам нужно будет скачать и настроить Git. Как это сделать, рассказываем в статье https://otus.pw/AKhq/
📌 Занятие подойдет тем, кто хочет освоить актуальные навыки разработки на JavaScript и получить новую профессию. Не упустите свой шанс освоить профессию «Fullstack Developer» со скидкой 36800₽
👉 Чтобы участвовать в мероприятии, нужно зарегистрироваться https://otus.pw/NIRz/
outline
Что-то вроде border на стероидах. Не влияет на размеры элемента, можно отодвинуть от границ на любое расстояние.
Присутствует в стандартных стилях браузера для акцента на сфокусированных интерактивных элементах. Типа размеры не меняются, вёрстка страницы не ломается, но пользователь наглядно видит, какой элемент в фокусе.
outline на самом деле шорткат — короткое свойство для записи сразу нескольких значений. Внутри себя оно содержит свойства outline-width, outline-style и outline-color.
Разберём доступные значения для каждого из свойств, а потом соберём всё в одну коробку:
outline-width
Ключевые слова thin, medium, thick — задают тонкую, среднюю или толстую ширину. Значения в пикселях на усмотрение браузера, но обычно соответствует 1, 3 и 6 пикселям соответственно.
Конкретный размер — размер в любых единицах измерения, доступных в вебе. Например, 10px или 0.2em.
outline-style
none — обводка не отображается, даже если задано значение для outline-width.
dotted — обводка будет состоять из точек. Круглых точек, вроде такого •••••
dashed — обводка будет в виде пунктирной линии.
solid — значение по умолчанию, если не задано иное. Сплошная линия.
double — двойная сплошная линия.
groove — обводка будет отображаться так, будто рамка объёмная, с вдавленной серединой и подсвечена. Цвет обводки (если он отличен от чёрного) станет двухцветным.
ridge — обводка отобразится объёмной, её центр будет приподнят. Противоположно groove.
inset — объёмная рамка, края направлены внутрь элемента.
outset — объёмная рамка, края направлены наружу элемента, противоположно inset.
outline-color
любое доступное значение цвета в вебе, включая ключевые слова transparent, currentColor
invert — ключевое слово, устанавливающее противоположный цвету фона элемента цвет обводки. Удобно для достижения максимальной контрастности.
👉 @frontendInterview
You're a square!
Создайте функцию, которая проверит, является ли число полным квадратом.
Полный квадрат, также точный квадрат или квадратное число, — число, являющееся квадратом некоторого целого числа.
Примеры:
isSquare (-1) // => false
isSquare 3 // => false
isSquare 4 // => true
isSquare 25 // => true
isSquare 26 // => false
👉 @frontendInterviewFullstack GraphQL T... by Gaetano Checinski.pdf6.98 MB
Fullstack GraphQL: The Complete Guide to Writing GraphQL Servers and Clients with TypeScript (2020)
Full stack GraphQL - это руководство для программистов по созданию серверной и клиентской логики на GraphQL с примерами на Node.js , React, TypeScript и Apollo.
👉 @frontendInterview
🤖 НИКАКИХ СОБАЧЕК
На финтех-форуме мы показывали животных. А как строим финтех — расскажем на Alfa Digital Open.
Где? Онлайн, 13 декабря. Каждый год мы рассказываем про наши новые digital-сервисы, технологии и людей, которые делают Альфу 🧑🏻💻👩🏻💻
Что обсудим:
— Как перезапустили мобильный банк Альфа-Онлайн за месяц, а не за год.
— Как научили нейросети распознавать мошенников в 3 раза лучше людей.
— Сколько раз мы ошибались, пока делали приложение для сотрудников 📱
Это бесплатно? Да. Мы делимся знаниями бесплатно.
Где записаться? Прямо сейчас на сайте 👈
@alfabank
Position sticky
Липкое или приклеенное позиционирование используется для фиксации элемента в заданном месте при прокрутке страницы, отличается от fixed тем что положение фиксируется относительно родительского элемента.
Использование sticky требует определенной разметки и стилей блока, если блок не прилипает нужно проверить эти условия:
- блок имеет свойство top или bottom
- высота родителя больше высоты блока
- у родительских блоков, вплоть до html не стоит overflow: hidden
- для сафари прописано position: -webkit-sticky
Пример реализации прилипающего бокового меню по ссылке.
👉 @frontendInterview
Чему равна высота элемента с классом el, если разрешение экрана пользователя 1920x1080?
🔥Проверь себя, пройди хардкорный тест по Frontend🔥
✅ Ответь на 20 вопросов и проверь свои знания. Сможешь сдать — пройдёшь на продвинутый курс "Angular Developer" по специальной цене.
👀Занимаетесь JS-разработкой и хотите расширить свои навыки? Курс "Angular Developer" — Best Practices по одному из мощнейших JavaScript фреймворков
❌Тест смогли пройти только 40% УЧАСТНИКОВ
⏰ Время прохождения теста ограничено 25 минут
👉🏻ПРОЙТИ ТЕСТ: https://otus.pw/dsGR/
💭 13 декабря в 20:00 открытый урок «Реактивное программирование в Angular».
Какой атрибут используется для объединения ячеек html таблицы по горизонтали?
Тест по JavaScript от OTUS
Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на курсе «JavaScript Developer. Professional».
Сможете сдать — пройдёте на продвинутый курс по специальной цене, а также получите видео-курс по Git в подарок
ПРОЙТИ ТЕСТ https://otus.pw/rD2a/
