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. Если у тебя возникнут проблемы с написанием кода, мы ответим на любые вопросы и подскажем как исправить ошибки.