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