Frontend Interview - собеседования по Javascript / Html / Css

Open in Telegram

Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su

Network:Senior Frontend - javascript, html, css Russia60 209 Technologies & Applications11 388...

📈 Analytical overview of Telegram channel Frontend Interview - собеседования по Javascript / Html / Css

Channel Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) in the Russian language segment is an active participant. Currently, the community unites 10 793 subscribers, ranking 11 388 in the Technologies & Applications category and 60 209 in the Russia region.

📊 Audience metrics and dynamics

Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 10 793 subscribers.

According to the latest data from 27 June, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -77 over the last 30 days and by -5 over the last 24 hours, overall reach remains high.

Verification status: Not verified
Engagement rate (ER): The average audience engagement rate is 9.27%. Within the first 24 hours after publication, content typically collects 4.16% reactions from the total number of subscribers.
Post reach: On average, each post receives 1 001 views. Within the first day, a publication typically gains 449 views.
Reactions and interaction: The audience actively supports content: the average number of reactions per post is 4.
Thematic interests: Content is focused on key topics such as javascript, браузер, html, css, видимость.

📝 Description and content policy

The author describes the resource as a platform for expressing subjective opinions:
“Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su”

Thanks to the high frequency of updates (latest data received on 28 June, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Technologies & Applications category.

10 793

Subscribers

-524 hours

-167 days

-7730 days

1 001

Post views

~ 44924 hours

~ 51248 hours

9.27%

Engagement rate

No data

Posts per day

Ads index

beta

Posts Archive

10 793

toSpliced() Метод toSpliced() возвращает новый массив, удаляя определённое количество элементов и/или добавляя новые элементы, начиная с указанного индекса в исходном массиве. Пример Создадим массив, удаляя из исходного массива 2 элемента, начиная с элемента с индексом 3:

 const months = [
   'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь'
 ]
 const newMonths = months.toSpliced(3, 2)

 console.log(newMonths)
 // ['Май', 'Июнь', 'Июль', 'Октябрь']

В отличие от метода splice(), toSpliced() не меняет исходный массив и не возвращает удаляемые элементы:

 const numbers = [10, 20, 30, 40]
 const newNumbers = numbers.toSpliced(1, 2)
 console.log(newNumbers, numbers)
 // [10, 40] [10, 20, 30, 40]

 // А вот как работает splice()
 const deletedNumbers = numbers.splice(1, 2)
 console.log(deletedNumbers, numbers)
 // [20, 30] [10, 40]

👉 @frontendInterview

10 793

А потом он все доделал и закрыл таск, но это уже совсем другая история... 👉 @frontendInterview

10 793

Запустите рекламу в телеграм-каналах с Яндекс Директом Перфоманс-реклама теперь в телеграм-каналах ⚡ Яндекс Директ знает, как привлечь целевую аудиторию 💰👌 Попробовать #реклама yandex.ru О рекламодателе

10 793

Какое свойство CSS используется для масштабирования картинки, ограниченной заданными размерами, при сохранении пропорций?

Anonymous voting

10 793

Почему умение дебажить один из самых важных навыков для разработчика Навык отладки — один из самых важных для разработчика. Мы каждый день сталкиваемся с проблемами в ходе разработки и не всегда решение проблемы можно найти на StackOverflow или в открытых источниках. Но опция, которую мы имеем всегда — это возможность отладить наше приложение, найти корень проблемы и решить её системно. Конечно, бывают случаи когда мы находим корень проблемы, но понимаем, что текущими ресурсами и средствами решить её не можем. В таком случае мы хотя бы имеем возможность осознанно выбрать обходные пути. Самое важное в решении проблемы или фиксе бага — найти корень. В этой статье описываются виды отладки, с помощью которых можно найти этот корень. 👉 @frontendInterview

10 793

Как размыть текст? Для размытия содержимого элемента, включая текст, применяется стилевое свойство filter с функцией blur(). Внутри функции указываем степень размытия (например, 5px) — чем больше значение, тем сильнее будет размытие. div { filter: blur(5px); } Ещё один способ размытия текста — это использование свойства text-shadow, добавляющее к тексту тень. В параметрах свойства можно регулировать степень размытия тени (здесь это третий параметр), добиваясь нужного эффекта. div { text-shadow: 0 0 5px #000; color: transparent; } Поскольку тень располагается за текстом, сам текст не меняется при наложении тени и сохраняет свою читаемость. Поэтому текст следует спрятать, задав ему прозрачный цвет через значение transparent. 👉 @frontendInterview

10 793

Какое значение примет result?

Anonymous voting

10 793

👉 @frontendInterview

10 793

Курс «Разработчик 1С» от Яндекса. За 6 месяцев освоите один из самых простых языков программирования и пройдёте стажировку Зарегистрироваться #реклама 16+ practicum.yandex.ru О рекламодателе

10 793

Делегирование событий Если у вас есть много элементов, события на которых нужно обрабатывать похожим образом, то не стоит присваивать отдельный обработчик каждому. Вместо этого, назначьте один обработчик общему родителю. Из него можно получить целевой элемент event.target, понять на каком потомке произошло событие и обработать его. Эта техника называется делегированием и очень активно применяется в современном JavaScript. На примере меню Делегирование событий позволяет удобно организовывать деревья и вложенные меню.

 <ul id="menu">
   <li><a href="/php">PHP</a></li>
   <li><a href="/html">HTML</a></li>
   <li><a href="/javascript">JavaScript</a></li>
   <li><a href="/flash">Flash</a></li>
 </ul>

Клики по пунктам меню будем обрабатывать при помощи JavaScript. Пунктов меню в примере всего несколько, но может быть и много. Конечно, можно назначить каждому пункту свой персональный onclick-обработчик, но что если пунктов 50, 100, или больше? Неужели нужно создавать столько обработчиков? Конечно же, нет! Применим делегирование: назначим один обработчик для всего меню, а в нём уже разберёмся, где именно был клик и обработаем его:

 // 1. вешаем обработчик
 document.getElementById('menu').onclick = function(e) {

  // 2. получаем event.target
  var event = e || window.event;
  var target = event.target || event.srcElement;

  // 3. проверим, интересует ли нас этот клик?
  // если клик был не на ссылке, то нет
  if (target.tagName != 'A') return;

  // обработать клик по ссылке
  var href = target.getAttribute('href');
  alert(href); // в данном примере просто выводим
  return false;
 };

👉 @frontendInterview

10 793

Как найти работу за рубежом? Международные стартапы с русскоговорящими командами – один из эффективных способов получить оффер. Вакансии именно в таких компаниях собирают ребята в канале Dev & ML Connectable Jobs. Как результат – уже десятки читателей получили офферы в Neon, InDrive, 1inch, Wheely и в PLATA. Несколько актуальных вакансий: – Senior Frontend Engineer в Activeloop (remote) – Senior Frontend Developer в JetBrains (Германия, Кипр, Армения, Чехия, Сербия) – Senior Frontend Developer в Playkot (remote или помогают с релокацией в Сербию / на Кипр) – Frontend Engineer в BostonGene (Ереван, помогают с релокацией) Подписывайтесь и развивайте карьеру в будущем единороге!💙

10 793

Calculate age in years Создайте функцию, которая принимает две даты. Она должна посчитать разницу в годах между этими датами. Примеры:

 getAge(new Date('1913/01/01'), new Date('2013/01/01') === 100
 getAge(new Date('2008/02/29'), new Date('2032/03/01')) === 24
 getAge(new Date('2008/01/01'), new Date('2000/01/01')) === -8

👉 @frontendInterview

10 793

Блистательный Agile.pdf2.38 MB

10 793

Блистательный Agile. Гибкое управление проектами с помощью Agile, Scrum и Kanban Что такое гибкое управление проектами? Нужно ли оно вашему проекту? Будет ли от этого выгода? Хотите разобраться, как работает гибкое управление проектами и воспользоваться этим мощным подходом? Тогда вы выбрали правильную книгу. «Блистательный Agile» – это не очередной рассказ о методах и процессах, основное внимание уделено реальным примерам использования Agile в бизнес-средах. 👉 @frontendInterview

10 793

🤘 Пройди хардкорный тест по JavaScript+Angular ✔️ Ответь на 20 вопросов и проверь свои знания. Сможешь сдать — пройдёшь на продвинутый курс "Angular Developer". ⛔️ТЕСТ СМОГЛИ ПРОЙТИ ТОЛЬКО 40% УЧАСТНИКОВ ⏰ Время прохождения теста ограничено 25 минут ✍️ПРОЙТИ ТЕСТ: https://otus.pw/9kw1/ 💣 Пройдете тест и получите: ✔️ Живое общение с экспертами ✔️ Лучшие открытые уроки прошлых наборов курса ✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+ ✔️ Скидку на прохождение онлайн курса «Angular Developer» Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru erid 2SDnjc2k5Hk

10 793

Реклама для бизнеса любого уровня в Яндекс Директе Создайте эффективную рекламную кампанию с алгоритмами Яндекс Директа 👌 Начните прямо сейчас ⚡ Зарегистрироваться #реклама direct.yandex.ru О рекламодателе

10 793

Почему вместо кириллического текста выводятся ромбики? Иногда при отображении в браузере веб-страницы вместо текста можно наблюдать ромбики или другие символы. Но совсем не тот текст, который мы ожидаем Такое происходит при сохранении файла в неверной кодировке, например, в ANSI. Недостаточно добавить <meta charset="utf-8"> в код, нужно чтобы и сам HTML-файл был сохранён в кодировке UTF-8. Для этого следует использовать редакторы, которые поддерживают разные кодировки и могут преобразовать текст из одной кодировки в другую. К примеру, в популярном редакторе Notepad++ под Windows для нужной кодировки следует выбрать меню Кодировки > Преобразовать в UTF-8 👉 @frontendInterview

10 793

Наглядное пособие по горячим клавишам 👉 @frontendInterview

10 793

Очная онлайн-магистратура ИТМО: станьте DevOps-инженером Онлайн-магистратура «DevOps-инженер облачных сервисов» от Яндекс Практикум Вы сможете работать DevOps-инженером или SRE в крупных IT-компаниях В магистратуре вы глубоко погрузитесь в программирование и научитесь создавать стабильную облачную инфраструктуру. А ещё будете заниматься английским, чтобы было проще устроиться в международную компанию. Фундаментальные знания, льготы очного студента и практический опыт Яндекса Подать заявку #реклама 16+ practicum.yandex.ru О рекламодателе

10 793

📚 Здесь собраны все вопросы, которые могут спросить на собеседовании. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам. Просто выбери своё направление: 1. Frontend / JavaScript 2. Python 3. Java 4. Тестировщик QA 5. Data Science 6. DevOps 7. C# 8. С/C++ 9. Golang 10. PHP 11. Kotlin 12. Swift