¡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 770 suscriptores, ocupando la posición 11 407 en la categoría Tecnologías y Aplicaciones y el puesto 60 344 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 770 suscriptores.
Según los últimos datos del 03 julio, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -96, y en las últimas 24 horas de -2, 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 04 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 770
Suscriptores
-224 horas
-297 días
-9630 días
Archivo de publicaciones
❕ Frontend Developer в проект Kwork (Senior/Middle+) ❕
от 270 000 до 310 000 руб. на руки
📌 Полная занятость, 📌удаленная работа
Мы приглашаем в команду разработки крупной международной платформы Kwork высококлассного талантливого Frontend разработчика.
(мы предлагаем не добавится в ряды продавцов на платформе, а именно работать над ней самой)
Сегодня Kwork - это лидер фриланса в рунете, 4,5 млн посетителей каждый месяц и первое место по трафику (по данным SimilarWeb) и количеству заказов в рунете.
Чем нужно будет заниматься:
🖍 Разработкой и адаптивной версткой веб сайта Kwork (мультиязычная разработка - пользовательский интерфейс на нескольких языках).
🖍 Ускорением сайта. Даже доля секунды для нас играет мега важную роль.
🖍 Написанием JS скриптов и реактивных компонентов для пользовательского интерфейса.
Что мы ожидаем от кандидата:
✳️ Отличные знания JavaScript, CSS, HTML, JQuery, JSON.
✳️ Умение работать с Vue.js, SCSS, Webpack, возможностями ES6, Smarty.
✳️ Желательны базовые знания PHP, MySQL.
✳️ Внимательность и обостренное чувство прекрасного.
✳️ Постоянно изучаешь новейшие технологии
✳️ Любишь все автоматизировать и оптимизировать
Условия:
🔸 Оплата от 270 000 до 310 000 руб. на руки. С успешным кандидатом готовы обсуждать его ожидания.
🔸 Полностью удаленная работа по комфортному графику (от 30 часов в неделю) с использованием Agile, Git.
🔸 Работа в позитивной атмосфере с командой профессионалов.
🔸 Отлаженные процессы работы в компании и логично выстроенные коммуникации
🔸 Регулярный пересмотр ставок - мы следим, чтобы всегда оставаться в рынке.
Этапы отбора:
✒️ Небольшая анкета.
✒️ Тест на 20 вопросов.
✒️ Интервью с ведущим Frontend Developer проекта и HR на 20-30 минут.
‼️ Оффер в день интервью. Минимальный уровень бюрократии и быстрый фидбек‼️
Ждем тебя в команду единомышленников, которые выполняют свою работу и при этом получают удовольствие!
‼️ Направляйте резюме на hr.ast@mirafox.ru (тема письма "Frontend Developer")
❓Весь Фронтенд и сразу?
Это в Frontender's notes - самом большом канале по HTML, CSS, JS, TypeScript, React, Node.js и развитию Soft-skills,
Подписывайся и становись годным разработчиком🔥
Packt.Real-World.Next.js.pdf8.86 MB
Real-World Next.js: Build scalable, high-performance, and modern web applications using Next.js, the React framework for production (2022)
Next.js - это масштабируемый и высокопроизводительный фреймворк поверх React.js для современной веб-разработки, предоставляющий большой набор функций, таких как гибридный рендеринг, предварительная выборка маршрутов, автоматическая оптимизация изображений и интернационализация. Если вы хотите создать блог, сайт электронной коммерции или простой веб-сайт, эта книга покажет вам, как можно использовать многоцелевой фреймворк Next.js для создания впечатляющего пользовательского опыта.
👉 @frontendInterview
Узнать математическую операцию
Вы должны создать функцию calcType, которая принимает три аргумента: 2 числа и результат неизвестной операции, произведенной над этими числами. Функция должна вернуть название операции, произведенной над числами.
Возможные операции: "addition", "subtraction", "multiplication", "division"
Пример:
calcType(1, 2, 3) --> 1 ? 2 = 3 --> "addition"
👉 @frontendInterviewperspective
Свойство perspective определяет расстояние от пользователя до задней стенки экрана по оси z. Таким образом можно придать глубину элементу, к которому применяется свойство transform. Эффект заметен только при 3D-трансформациях.
Свойство perspective влияет на вложенные элементы контейнера, для которого указано, а не на сам контейнер.
Пример
.parent {
perspective: 50px;
}
.child {
transform: rotateX(10deg);
}
👉 @frontendInterview❔❔ JS-разработчик?
А насколько хорошо ты знаешь Vue.js? JS-разработчик? А насколько хорошо ты знаешь Vue.js?
✔️ Пройди тест из 20 вопросов и узнай, сможешь ли ты учиться на курсе "Vue.js Developer" от OTUS. Если правильно ответишь хотя бы на 12 вопросов - сможешь поступить на курс по специальной цене!
⏰ Время прохождения теста ограничено 30 минут
✍️ПРОЙТИ ТЕСТ: https://otus.pw/NnCO/
Курс доступен в рассрочку.
Реклама. Информация о рекламодателе на сайте www.otus.ru
Что вернет свойство window.location.href?
31 марта МТС собирает крупнейшую в России IT-конференцию TRUE TECH DAY. Почему сейчас? Потому что давно пора показать, что скрывают «под капотом» топовые продукты продвинутых технологичных компаний. Каждый участник конференции протестит на себе true-технологии и испытает новые впечатления, меняющие мир пользователей.
Что будет:
→ 7 треков: AI, Main Track, Big Data, Architecture, Cybersecurity, Leading Change, Product Manager.
→ 50+ мировых спикеров с топовыми темами без воды и лирики
→ 10 часов нетворкинга и обмена опытом в Москве, Дубае, Тбилиси и Астане
→ много интерактивных и цифровых зон
→ а после — грандиозная вечеринка со звездным лайн-апом
Все спикеры и темы уже на сайте.
Регистрируйся на True Tech Day по ссылке.
Участие бесплатно
Какой цвет текста у элемента div?
🔥Тест по JavaScript от OTUS 🔥
Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на курсе - «JavaScript Developer. Professional»
👉 ПРОЙТИ ТЕСТ https://otus.pw/jrws/
💣 Пройдете тест и получите:
✔️ Живое общение с экспертами JavaScript-сообщества
✔️Получите видео-курс по Git в подарок
✔️ Лучшие открытые уроки прошлых наборов курса
✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+
✔️ Скидку на прохождение онлайн курса «JavaScript Developer. Professional»
Курс доступен в рассрочку.
Реклама. Информация о рекламодателе на сайте www.otus.ru
area
С помощью тега
<area> можно сделать красивую навигацию, разметив обычную картинку областями и указав для них ссылки.
<area> не знает как жить без тега-контейнера <map>
Элементарная навигация по трём разделам:
<map name="doka">
<area shape="rect" coords="47,4,319,64" href="/html/" target="_blank" alt="HTML">
<area shape="rect" coords="46,69,318,129" href="/css/" target="_blank" alt="CSS">
<area shape="rect" coords="46,133,318,193" href="/js/" target="_blank" alt="JS">
</map>
<img usemap="#doka">
Тег <area> помещаем внутрь <map> и прописываем два обязательных атрибута:
- shape определяет форму области. Можно указать circle для круга, poly для произвольной формы или rect для прямоугольника (он же форма <area> по умолчанию);
- coords задаёт координаты области. Для круга проще всего: x, y, R, где R — радиус круга, для прямоугольника формат x1, y1, x2, y2, а для произвольной формы x1, y1, x2, y2, ... , xn, yn. Поскольку у произвольной формы может быть много точек, будьте готовы к длинному коду
Но пока что область «мёртвая», то есть её нельзя выбрать.
Чтобы исправить это, добавим следующие атрибуты:
- href для адреса ссылки;
- target для способа эту ссылку открыть;
- alt для альтернативной подписи.
👉 @frontendInterviewКакой из HTML элементов является строчным (inline)?
Чего вам не хватает, чтобы стать мидл-разработчиком? А может, вы уже мидл? Пусть нанимающие менеджеры сами расскажут, каких специалистов они считают мидлами. На вебинаре спросим это у представителей разных компаний: крупной, очень крупной и международной.
→ Бесплатно, 23 марта в 19:00
Вебинар будут вести:
◾️ Алексей Мясников, старший разработчик в Яндекс Облаке, на проекте YDB
◾️Вячеслав Скворцов, Engineering Manager в Adjust GmbH
◾️Владислав Шевченко, руководитель бэкенд-практики на Go/Python в redmadrobot
◾️Анна Смирнова, руководительница карьерного центра направления Программирования в Яндекс Практикуме.
Вы узнаете:
— что влияет на продвижение разработчика из джуна в мидла — спикеры поделятся своим опытом;
— чего ждут от мидл-разработчиков в крупных компаниях и стартапах, в России и за рубежом;
— где можно быстрее набраться опыта и дорасти до мидла;
— какая разница в зарплате может быть у мидлов и джунов в российских и международных компаниях;
— какие задачи дают джунам и мидлам на собеседованиях и что хотят понять с их помощью.
→ Зарегистрироваться на вебинар
::marker
Это псевдоэлемент, отвечающий за маркерное поле. В нём находятся, например, маркеры списка.
Пример
Создадим ненумерованный список <ul> и установим синий цвет точки для каждого элемента <li>:
<ul>
<li>Цвет точек</li>
<li>этого ненумерованного списка</li>
<li>#2e9aff</li>
</ul>
li::marker {
color: #2e9aff;
}
Псевдоэлемент ::marker работает только на элементах списка.
👉 @frontendInterviewРазделите по типам
Вам дан массив значений с разными типами данных. Напишите функцию, которая вернет объект с отсортированными значениями.
Пример:
Входное значение
['a', 1, 2, false, 'b']
Выходное значение
{
number: [1, 2],
string: ['a', 'b'],
boolean: [false]
}
👉 @frontendInterviewNode, Nest, Next, Express🤯 - пора бы всё объединить!
Для этого мы создали отдельный уголок - Серверный JavaScript.
Собрали всё, проверяй🔥
