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

Відкрити в Telegram

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

Сітка:Senior Frontend - javascript, html, css Росія60 325 Технології та додатки11 413...

📈 Аналітичний огляд Telegram-каналу Frontend Interview - собеседования по Javascript / Html / Css

Канал Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) у мовному сегменті Російська є активним учасником. На даний момент спільнота об'єднує 10 760 підписників, посідаючи 11 413 місце в категорії Технології та додатки та 60 325 місце у регіоні Росія.

📊 Показники аудиторії та динаміка

З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 10 760 підписників.

За останніми даними від 07 липня, 2026, канал демонструє стабільну активність. Хоча за останні 30 днів спостерігається зміна кількості учасників на -100, а за останні 24 години на -6, загальне охоплення залишається високим.

Статус верифікації: Не верифікований
Рівень залученості (ER): Середній показник залученості аудиторії становить 7.90%. Протягом перших 24 годин після публікації контент зазвичай збирає 4.14% реакцій від загальної кількості підписників.
Охоплення публікацій: В середньому кожен допис отримує 850 переглядів. Протягом першої доби публікація в середньому набирає 446 переглядів.
Реакції та взаємодія: Аудиторія активно підтримує контент: середня кількість реакцій на один пост – 2.
Тематичні інтереси: Контент зосереджений навколо ключових тем, таких як javascript, браузер, html, css, видимость.

📝 Опис та контентна політика

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

Завдяки високій частоті оновлень (останні дані отримано 08 липня, 2026), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Технології та додатки.

10 760

Підписники

-624 години

-237 днів

-10030 день

850

Перегляди допису

~ 44624 години

~ 51248 годин

7.90%

Коефіцієнт залучення

Немає даних

Дописів на день

Ads index

beta

Архів дописів

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