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

Открыть в Telegram

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

Больше

Сеть:Senior Frontend - javascript, html, css Россия60 311 Технологии и приложения11 392...

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

Канал Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) языкового сегмента Русский является активным участником. Сейчас сообщество объединяет 10 747 подписчиков, занимая 11 392 место в категории Технологии и приложения и 60 311 место в регионе Россия.

📊 Показатели аудитории и динамика

С момента создания невідомо проект демонстрирует стремительный рост, собрав аудиторию из 10 747 подписчиков.

Согласно последним данным от 11 июля, 2026, канал показывает стабильную активность. За последние 30 дней изменение числа участников составило -95, а за последние 24 часа — -1, при этом общий охват остаётся высоким.

Статус верификации: Не верифицирован
Уровень вовлечённости (ER): Средний показатель вовлечённости аудитории составляет 6.72%. В первые 24 часа после публикации контент обычно набирает 4.13% реакций от общего числа подписчиков.
Охват публикаций: В среднем каждый пост получает 722 просмотров. В течение первых суток публикация набирает 444 просмотров.
Реакции и взаимодействия: Аудитория активно поддерживает контент: среднее количество реакций на один пост — 2.
Тематические интересы: Контент сосредоточен на ключевых темах, таких как javascript, браузер, html, css, видимость.

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

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

Благодаря высокой частоте обновлений (последние данные получены 12 июля, 2026) канал поддерживает актуальность и высокий уровень охвата публикаций. Аналитика показывает, что аудитория активно взаимодействует с контентом, что делает его важной точкой влияния в категории Технологии и приложения.

10 747

Подписчики

-124 часа

-217 дней

-9530 день

722

Просмотры поста

~ 44424 часа

~ 51248 часов

6.72%

Коэффициент вовлеченности

Нет данных

Постов в день

Ads index

beta

Архив постов

10 747

Наглядный_CSS_2021_Грег_Сидельников.pdf12.35 MB

10 747

Грег Сидельников упорядочил свойства по основной категории (положение, размерность, макеты, CSS-анимация и т. д.) и визуализировал их работу. Вместо бесконечных томов документации – две с половиной сотни иллюстраций помогут вам разобраться во всех тонкостях работы CSS. 👉 @frontendInterview

10 747

Пояснение Обычные переменные в JavaScript нельзя удалить с помощью оператора delete. В строгом режиме попытка удалить переменную вызовет ошибку и не будет разрешена. Оператор delete может удалять только свойства объекта. Свойства объекта "квалифицированы", если они конфигурируемы. В отличие от общепринятого мнения, оператор delete не имеет ничего общего с непосредственным освобождением памяти. Эта ошибка возникает только в коде строгого режима. В нестрогом коде операция просто возвращает false. 👉 @frontendInterview

10 747

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

Anonymous voting

10 747

👉 @frontendInterview

10 747

В чем разница между Object.getOwnPropertyNames() и Object.keys() Object.getOwnPropertyNames() возвращает перечислимые и не перечислимые свойства из объекта или массива. Пример:

 var arr = ["a", "b", "c"]; 
 print(Object.getOwnPropertyNames(arr).sort()); // prints "0,1,2,length"

// Array-like object

 var obj = { 0: "a", 1: "b", 2: "c"}; 
 print(Object.getOwnPropertyNames(obj).sort()); // prints "0,1,2"

Object.keys() возвращает перечислимые свойства из объекта или массива. Пример:

 var arr = ["a", "b", "c"]; 
 alert(Object.keys(arr)); // will alert "0,1,2"

// array like object

 var obj = { 0 : "a", 1 : "b", 2 : "c"}; 
 alert(Object.keys(obj)); // will alert "0,1,2"

👉 @frontendInterview

10 747

Какое CSS свойство не может быть установлено с помощью сокращенного свойства background?

Anonymous voting

10 747

Как добавлять элементы на HTML страницу динамически ? Создание новых элементов осуществляется с помощью document.createElement(tagName); После создания элемента его нужно присоединить к родительскому элементу с помощью .appendChild(node); Пример:

 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
 <head> 
 <title>Title</title> 
 <script type="text/javascript"> 
     function addNode() { 
         var newP = document.createElement("p"); 
         var textNode = document.createTextNode(" I'm a new text node"); 
         newP.appendChild(textNode); 
         document.getElementById("target").appendChild(newP); 
     } 
 </script> 
 </head> 
     <body onload="addNode();"> 
         <p id="target">sart here<p> 
     </body> 
 </html>

👉 @frontendInterview

10 747

👉 @frontendInterview

10 747

Что такое hoisting или "поднятие переменных"? Что произойдет при выполнении кода с картинки? Интерпретатор JavaScript всегда перемещает («поднимает») объявления функций и переменных в начало области видимости (вверх текущего скрипта или функции). Код в вопросе аналогичен следующему:

 myname = "global"; 
 function func() { 
     var myname; 
     console.log(myname); // "undefined" 
     myname = "local"; 
     console.log(myname); // "local" 
 } 
func();

В консоль будет напечатано:

 undefined 
 local

👉 @frontendInterview

10 747

Пояснение Свойство margin может быть задано с использованием одного, двух, трёх или четырёх значений. 👉 @frontendInterview

10 747

Сколько значений можно передать в CSS свойство margin?

Anonymous voting

10 747

Это число? Напишите функцию, которая преобразует строку в число и вернет true, если полученный результат действительно является числом и false, если результат не валиден. Примеры:

 isDigit("3")
 isDigit("  3  ")
 isDigit("-3.23")

Вернут true

 isDigit("3-4")
 isDigit("  3   5")
 isDigit("3 5")
 isDigit("zero")

Вернут false 👉 @frontendInterview

10 747

Какие языковые конструкции в javascript создают scope? Что произойдет при выполнении куска кода с картинки? В javascript только функции создают новый scope. Код в вопросе аналогичен следующему:

 var a = 90100; 
 function someFunc(){ 
 var a; 
 var b; 
   if(false){ 
     a = 1; 
   } else { 
     b = 2; 
   } 
   console.log(b); 
   console.log(a); //(1) переменную a переопределили в функции 
 } 
 someFunc();

Результат выполнения:

 2 
 undefined

👉 @frontendInterview

10 747

Как удалить элемент из localStorage?

Anonymous voting

10 747

В чём опасность использования for .. in для объекта или массива? For..in итерируется по всем полям объекта и его прототипов (т.е. проходит по всей цепочке прототипов). В приведённом в вопросе коде проблем как таковых нет, но они могут появиться при использовании библиотек/полифиллов, которые переопределяют или создают новые свойства для прототипов стандартных конструкторов (таких как Array или Object). Пример:

 var arr = [3, 4, 5]; 
 Array.prototype.each = function() {/*some fancy polyfill*/}; 
  
 for (var i in arr) { 
     console.log(i); 
 }

Выведет

 0 
 1 
 2 
 each

Чтобы избежать таких проблем, можно воспользоваться методом Object.prototype.hasOwnProperty. Модифицированный пример, который работает корректно:

 var arr = [3, 4, 5]; 
 Array.prototype.each = function() {/*some fancy polyfill*/}; 
  
 for (var i in arr) { 
     if (arr.hasOwnProperty(i)){ 
         console.log(i); 
     } 
 }

👉 @frontendInterview

10 747

JavaScript.epub11.50 MB

10 747

JavaScript с нуля JavaScript еще никогда не был так прост! Вы узнаете все возможности языка программирования без общих фраз и неясных терминов. Подробные примеры, иллюстрации и схемы будут понятны даже новичку. Легкая подача информации и живой юмор автора превратят нудное 👉 @frontendInterview

10 747

Расшифровка римских цифр Создайте функцию, которая на вход принимает строку, представляющую собой римскую цифру и возвращает целое десятичное число. Римское число пишется так:

 1990 = "MCMXC" (1000 = M, 900 = CM, 90 = XC)
 2008 = "MMVIII" (2000 = MM, 8 = VIII).

Расшифровка: Symbol Value

I          1
V          5
X          10
L          50
C          100
D          500
M          1,000

👉 @frontendInterview

10 747

Let's practice guys? Хватит использовать шаблонные макеты — давай сделаем реальный проект! Присоединяйся и сверстай сайт с интерактивной навигацией для жилого комплекса за 4 дня. Программа интенсива: ✅ День 1 — разметка страницы с помощью HTML и CSS — вырезаем графику из макета Figma ✅ День 2 — верстаем дом с навигацией по этажам — полигоны в SVG-графике — пишем стили для страницы ✅ День 3 — делаем интерактивную навигацию — подключение скриптов к сайту — база по JS, которая нужна в работе ✅ День 4 — пишем правила адаптивной верстки — проверяем функционал, дописываем его Переходи по ссылке и получи приглашение: https://telegram.me/gloacademy_bot?start=6116150003395e9636d49557 P.S. Если у тебя возникнут проблемы с написанием кода, мы ответим на любые вопросы и подскажем как исправить ошибки.