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 325 Technologies & Applications11 413...

📈 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 760 subscribers, ranking 11 413 in the Technologies & Applications category and 60 325 in the Russia region.

📊 Audience metrics and dynamics

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

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

Verification status: Not verified
Engagement rate (ER): The average audience engagement rate is 7.90%. Within the first 24 hours after publication, content typically collects 4.14% reactions from the total number of subscribers.
Post reach: On average, each post receives 850 views. Within the first day, a publication typically gains 446 views.
Reactions and interaction: The audience actively supports content: the average number of reactions per post is 2.
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 08 July, 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 760

Subscribers

-624 hours

-237 days

-10030 days

850

Post views

~ 44624 hours

~ 51248 hours

7.90%

Engagement rate

No data

Posts per day

Ads index

beta

Posts Archive

10 759

Объект события Event Объект Event описывает событие, произошедшее на странице. Одной из причин возникновения событий являются действия пользователя, такие как клики мышкой MouseEvent или ввод с клавиатуры KeyboardEvent. Существует множество различных событий, которые будут иметь разный набор информации о них. Пример Самый простой и широко распространённый способ использования событий — это отслеживание срабатывания кликов по каким-либо элементам на странице. При подписке на событие мы передаём обработчик, который будет вызван при каждом срабатывании события в браузере. В случае, когда происходит событие типа click, обработчик будет вызван с событием MouseEvent: element.addEventListener('click', function (event) {}) 👉 @frontendInterview

10 759

True Min

  function min(a, b){
    return (a<b)?a:b;
  }

Доработайте функцию так, чтобы она корректно обрабатывала нечисловые значения. Примеры:

 min(1, -2.5) === -2.5
 // 'Return the minimum of the two arguments'

 isNaN(min(1.5, NaN))
 //'Any NaN value should return NaN'

 isNaN(min(1.5, undefined))
 //'Any undefined value should return NaN'

 min(-Infinity, Infinity) === -Infinity
 //'Infinity should be handled like normal numbers'

 min(null, 2.5) === 0
 //'treat null as if it were 0'

👉 @frontendInterview

10 759

Совершенный софт.pdf5.62 MB

10 759

Совершенный софт Совершенный софт – это проверенный, структурированный и высокотехнологичный подход к разработке ПО. Множество компаний уже используют идеи Лёве в сотнях систем, но раньше эти мысли нигде не публиковались. Автор подробно описывает основы, на которых прокалываются многие архитекторы ПО, и показывает, как разложить систему на мелкие блоки или службы. Вы узнаете, как вывести эффективный дизайн проекта из дизайна системы, как рассчитать время, необходимое на запуск проекта, его стоимость и риски и даже как разработать несколько вариантов выполнения. 👉 @frontendInterview

10 759

Можно ли описать функцию с помощью одного интерфейса в TypeScript?

Anonymous voting

10 759

👉 @frontendInterview

10 759

Одно из главных в обучении фронтенд-разработке — это непрерывная практика и навыки, нужные бизнесу Чем раньше вы нырнёте с головой в продакшен, тем быстрее почувствуете себя уверенно на рынке труда. Изучите JavaScript, HTML и CSS, фреймворки React+Redux Toolkit и сопутствующую инфраструктуру на реальных кейсах, наполните портфолио готовыми веб-приложениями и пройдите оплачиваемую стажировку в проектах IT-кластера Ростелеком. 65% выпускников Хекслет получают оффер на первых 5 собеседованиях! Начните учиться прямо сейчас, чтобы оценить формат: https://clck.ru/gonph

10 759

Спред-синтаксис ... (spread) ... позволяет передавать итерируемые коллекции (например, массивы или строки) как список аргументов функции или добавлять содержащиеся в них элементы в новый массив. Спред применятся и для объектов, чтобы копировать пары ключ-значение из одного объекта в другой. Пример: При вызове функции использовать значения из массива как аргументы:

 function multiplyThreeNumbers(a, b, c) {
   return a * b * c
 }
 const nums = [1, 2, 3]
 console.log(multiplyThreeNumbers(...nums))
 // 6

В массиве скопировать элементы из другого массива в новый:

 const donor = ['это', 'старые', 'значения']
 const newArray = [...donor, 1, true, 'мама']
 console.log(newArray)
 // ['это', 'старые', 'значения', 1, true, 'мама']

У объекта скопировать свойства из другого объекта в новый:

 const persona = { name: 'Иван', lastName: 'Объектов'}
 const userData = { ...persona, username: 'killer3000' }
 console.log(userData)
 // {
 //    name: "Иван",
 //    lastName: "Объектов",
 //    username: "killer3000"
 // }

10 759

Статические свойства и методы класса доступны:

Anonymous voting

10 759

Хочешь стать мидлом быстро и безболезненно? Тогда тебе к нам! Канал JavaScript заметки позволит тебе прокачать навыки до уровня middle за считанные недели абсолютно бесплатно! Эксклюзивный, актуальный материал по современному JS каждый день. Расширяй свои знания с нами!

10 759

HTML тег data Элемент <data> позволяет хранить в своём содержимом данные в формате, понятном человеку, а в атрибуте value — в формате, понятном машинам. Так можно передать числовое значение для текста: Жили у бабуси <data value="2">два</data> весёлых гуся. Ещё один пример: вы разрабатываете интернет-магазин, который занимается продажей компьютеров. У вас есть множество типов, моделей и конфигураций — и у каждого есть свой ID, который используется в базе данных. Эти ID мало что скажут пользователям, поэтому лучше выводить названия компьютеров в формате, который они могут понять. Но тут же в атрибуте value тега <data> можно хранить ID, который используется для удобного доступа к нужной модели:

 <ul>
   <li>
    <data value="2020138256">
      MacBook Pro 13 M1 8 Gb 256 Gb mid. 2020
    </data>
   </li>
   <li>
    <data value="2020138512">
      MacBook Pro 13 M1 8 Gb 512 Gb mid. 2020
    </data>
   </li>
 </ul>

👉 @frontendInterview

10 759

Где нельзя применить generic в TypeScript?

Anonymous voting

10 759

content Когда задано свойство content, то элемент заменяется на значение этого свойства. В качестве значения могут быть переданы различные типы: изображение, градиент или текст. Пример

 a::after {
   content: "👉";
   margin-right: 5px;
 }

Изображение в качестве содержимого. Может применяться к любому элементу.

 div {
   content: url("http://www.example.com/test.png");
 }

Все значения ниже могут применяться ТОЛЬКО к псевдоэлементам ::before и ::after. 👉 @frontendInterview

10 759

Fibonacci Generator Создайте функцию-генератор чисел Фибоначчи. С каждым новым вызовом функции, она должна возвращать следующее число из последовательности. Пример:

 var fib = genfib();
 fib(); // -> returns 0
 fib(); // -> returns 1
 fib(); // -> returns 1
 fib(); // -> returns 2

👉 @frontendInterview

10 759

jаvascript_для_профессиональных_веб_разработчиков.pdf12.52 MB

10 759

JavaScript для профессиональных веб-разработчиков. Самое полное руководство по современному JavaScript Как максимально прокачать свои навыки и стать топовым JS-программистом? Четвертое издание «JavaScript для профессиональных веб-разработчиков» идеально подойдет тем, кто уже имеет базовые знания и опыт разработки на JavaScript. Автор сразу переходит к техническим деталям, которые сделают ваш код чистым и переведут вас с уровня рядового кодера на высоту продвинутого разработчика. 👉 @frontendInterview

10 759

Приведет ли исполнение этого кода к ошибке?

Anonymous voting

10 759

👉 @frontendInterview

10 759

👉 @frontendInterview

10 759

Что такое технический долг? При разработке программ часто не хватает времени на всё, что хотелось бы сделать. Разработчикам приходится выбирать самые важные задачи и делать в первую очередь их. Обычно больше времени уделяют тому, что видит пользователь. Оставшиеся задачи относятся к улучшению кода и инфраструктуры проекта — такие задачи называют техническим долгом. От тех. долга нужно избавляться, потому что он вредит проекту. Чем больше долгов накоплено в проекте, тем больше времени будет уходить на разработку новых фич и правку ошибок. 👉 @frontendInterview