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

前往频道在 Telegram

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

显示更多

网络:Senior Frontend - javascript, html, css 俄罗斯60 365 技术与应用11 423...

📈 Telegram 频道 Frontend Interview - собеседования по Javascript / Html / Css 的分析概览

频道 Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) 俄语语言赛道中的是活跃参与者。目前社区聚集了 10 774 名订阅者，在 技术与应用 类别中位列第 11 423，并在 俄罗斯 地区排名第 60 365 位。

📊 受众指标与增长动态

自 невідомо 创建以来，项目保持高速增长，吸引了 10 774 名订阅者。

根据 01 七月, 2026 的最新数据，频道保持稳定运转。过去 30 天订阅人数变化为 -86，过去 24 小时变化为 -2，整体触达仍然可观。

认证状态： 未认证
互动率 (ER)： 平均受众互动率为 8.47%。内容发布后 24 小时内通常能获得 N/A% 的反应，占订阅者总量。
帖子覆盖： 每篇帖子平均可获得 913 次浏览，首日通常累积 0 次浏览。
互动与反馈： 受众积极参与，单帖平均反应数为 4。
主题关注点： 内容集中在 javascript, браузер, html, css, видимость 等核心主题上。

📝 描述与内容策略

作者将该频道定位为表达主观观点的平台：
“Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su”

凭借高频更新（最新数据采集于 02 七月, 2026），频道始终保持新鲜度与高覆盖。分析显示受众积极互动，使其成为 技术与应用 类别中的关键影响点。

10 774

订阅者

-224 小时

-167 天

-8630 天

913

帖子浏览量

无数据24 小时

无数据48 小时

8.47%

参与率

无数据

每日帖子数

Ads index

beta

帖子存档

10 771

.lastIndexOf() Этот метод просматривает массив или строку справа налево. Если ничего не найдено, метод возвращает -1. Для массива возвращает индекс последнего вхождения. Для строки все то же самое, но поиск ведётся по подстрокам и возвращается индекс начала последнего вхождения подстроки.

 const arr = [2, 5, 9, 2];
 console.log(arr.lastIndexOf(2));
 // 3
 console.log(arr.lastIndexOf(7));
 // -1

 console.log("раз собачка, два собачка".lastIndexOf("собачка"));
 // 17

👉 @frontendInterview

10 771

Какой тег не существует в HTML?

Anonymous voting

10 771

Атрибут capture Атрибут capture доступен для файловых <input> (тех, что имеют type="file"). Он позволяет выбрать для записи фронтальную или основную камеру телефона пользователя, а также микрофон. 📱 Работает только в мобильных браузерах! Для атрибута capture доступно два значения: - user — камера или микрофон направлены в сторону пользователя; - environment — камера или микрофон направлены от пользователя. «Environment» можно перевести как «наружу» или «в сторону окружающей среды». Если у capture не указано явно, браузер сам решит, что использовать. А ещё capture внимательно смотрит на атрибут accept, где указан тип файла для загрузки. Это может быть видео, фотография или аудиозапись. Так выглядит <input> для отправки голосового сообщения: <input type="file" accept="audio/*" capture="user"> 👉 @frontendInterview

10 771

toTime Нужно создать функцию, которая принимает на вход количество секунд и возвращает строку, в которой записано количество часов и минут. Лишние секунды отбрасываются. Примеры:

 toTime(3600); // => '1 hour(s) and 0 minute(s)'
 toTime(3601); // => '1 hour(s) and 0 minute(s)'
 toTime(3500); // => '0 hour(s) and 58 minute(s)'
 toTime(323500); // => '89 hour(s) and 51 minute(s)'

👉 @frontendInterview

10 771

На ближайшей лекции Digital Лектория Газпромбанка расскажем, чем занимаются фронтендеры в финтехе. Спикер: Даша Корчуганова, руководитель фронтенд-команды направления Газпромбанк-Бизнес онлайн Когда: 11 августа в 17:00 (по МСК) О чем: Даша расскажет, зачем в финтехе качественный фронтенд, чем еще могут заниматься фронтендеры кроме кода и насколько подход и реализация разных проектов могут различаться в пределах даже одного банка. Ждем тебя на лекции «Frontend — это не скучно»! Скорее регистрируйся — s.gpb.ru/m/Be7PsoOOK Реклама Банк ГПБ (АО), ИНН: 7744001497 erid: LjN8K3LUz

10 771

30378674.pdf2.33 MB

10 771

Learning JavaScript Design Patterns: A JavaScript and React Developer's Guide (2023) Вы хотите писать красивый, структурированный и удобный JavaScript, применяя современные паттерны проектирования? Вам нужен чистый, эффективный, управляемый код? Хотите быть в курсе последних передовых практик? Если да, то это обновленное второе издание книги - идеальное место для начала работы. 👉 @frontendInterview

10 771

.preventDefault() На каждое действие пользователя на сайте, браузер создаёт события. Это наш главный способ в коде понимать, что происходит на странице. Событие — это объект, который имеет набор свойств и методов для взаимодействия с ним. preventDefault() — метод события. Этот метод отменяет поведение браузера по умолчанию, которое происходит при обработке события. Например, при нажатии на ссылку, мы переходим по адресу этой ссылки. Вызов preventDefault() отменит это поведение. Давайте разберём код из примера:

 const runTimer = (inputElement) => {
    setTimetout(() => {
      inputElement.focus()
    }, 5000)
  }

  const inputElement = document.querySelector('.input')
  inputElement.addEventListener('mousedown', (event) => {
      event.preventDefault()
      runTimer(inputElement)
  });

Когда пользователь нажимает на инпут элемент, генерируется цепочка событий в следующем порядке: mousedown -> mouseup -> click. Когда происходит событие mousedown, браузер устанавливает фокус на поле ввода. Вызовом event.preventDefault() мы отменили это поведение. Затем мы запустили таймер, который установит фокус на инпут через 5 секунд с помощью вызова метода focus(). 👉 @frontendInterview

10 771

👉 @frontendInterview

10 771

Для чего используются мемоизованные селекторы (memoized selectors) в React?

Anonymous voting

10 771

Стартануть в IT быстро и эффективно — подготовительный курс по Frontend-разработке. Изучаем базу за 14 дней — всего за 990 рублей! 🗓 Начинаем 10 августа. Даем: 72 урока с практикой в браузере, 3 онлайн вебинара и 1 сессию лайвкодинга с практикующим разработчиком. Получаем: крепкие знания базы языка, умение понимать код и первую программу на JavaScript, написанную вместе с наставником. 🔜 Запишитесь прямо сейчас!

10 771

Что выведется в консоль?

Anonymous voting

10 771

👉 @frontendInterview

10 771

Напишите свой класс, который бы являлся стратегией к функции split, используя Symbol. Стратегия (Strategy) — это ООП поведенческий шаблон проектирования, который позволяет расширять базовый класс или метод новым функционалом. Для этого нужно передать в него, так называемый, конкретный класс. Чтобы написать такой класс нам понадобится специальный well-known символ [Symbol.split]. Метод split() вызывает функцию Symbol.split, а результат вызова возвращает как результат split(). У строк это уже реализовано:

 "123,4,56".split(",") // ["123", "4", "56]

Мы можем добавить такое же поведение к своему классу. Разобьём строку при помощи регулярного выражения:

 [Symbol.split](string) {
   // Заменяем все вхождения this.value на /${this.value}/
   let index = string.replace(new RegExp(this.value, "g"), `/${this.value}/`);

   // убираем первый слэш, /url/Path ->  url/Path
   if (index[0] === "/") index = index.substr(1)
   // Строка должна начинаться с url/, даже если его не было в начале
   if (!index.startsWith(this.value)) index = `${this.value}/` + index;

   return index;
 }

Пример работы

 "foobarfoobaz".split(new MySplit("foo")) // "foo/var/foo/baz"
 "foobarfoobaz".split(new MySplit("bar")) // "bar/foo/bar/foobaz"

👉 @frontendInterview

10 771

🤖 Изоморфные React-приложения с React.js , Next.js и TRPC. Фуллстек разработка с SSR никогда не была такой простой и доступной! 🔵14 августа в 20:00 мск открытый урок онлайн курса «React.js Developer» от OTUS. На этом вебинаре мы: - научимся бутстрапить полноценные легко развертываемые приложения с клиентской и серверной частью - на примере разберем настройку сборки, процесс разработки и развертывания приложения - получим удобный набор для старта разработки любого веб-приложения на современном стеке! 🟠Это отличная возможность перенять опыт преподавателя и посмотреть на процесс обучения изнутри. Оплата курса возможна любым удобным для вас способом. ➡️ Для участия в вебинаре зарегистрируйтесь: https://otus.pw/v7M61/ Нативная интеграция. Информация о продукте www.otus.ru

10 771

Что выведется в консоль?

Anonymous voting

10 771

👉 @frontendInterview

10 771

Стоит ли покупать курсы по IT? Front End Team Lead BCS Денис Воронин погружается в новую профессиональную область на своем youtube-канале. «Купил DevOps курс» — обзор пока на первую главу курса, в которой Денис размышляет о полезности курсов в целом и кратко освещает, что вас ждет при их покупке.

10 771

input Событие input возникает, когда пользователь изменяет содержимое поля для ввода информации. Примеры таких полей:

 <textarea>;
 <input> с текстовым содержимым (атрибуты type="text" или type="number");
 <input> с нетекстовым содержимым (атрибуты type="file" или type="image");
 <input> в виде чекбокса (type="checkbox") или радиокнопки (type="radio");
 <select>.

Событие input возникает когда DOM-дерево обновляется или вот-вот обновится. Если пользователь вставит текст из буфера обмена, то событие input возникнет один раз. Если же пользователь печатает текст, то событие input возникает после добавления (и удаления) каждого символа. 👉 @frontendInterview

10 771

Где мои анаграммы? Напишите функцию, которая принимает первым аргументом строку и вторым - массив строк. А возвращает массив из анаграмм первого аргумента. Анаграмма это слово, образованное путем перестановки букв от исходного слова. Примеры:

anagrams('abba', ['aabb', 'abcd', 'bbaa', 'dada']) => ['aabb', 'bbaa']

anagrams('racer', ['crazer', 'carer', 'racar', 'caers', 'racer']) => ['carer', 'racer']

anagrams('laser', ['lazing', 'lazy',  'lacer']) => []

👉 @frontendInterview