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 311 Technologies & Applications11 392...

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

📊 Audience metrics and dynamics

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

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

Verification status: Not verified
Engagement rate (ER): The average audience engagement rate is 6.72%. Within the first 24 hours after publication, content typically collects 4.13% reactions from the total number of subscribers.
Post reach: On average, each post receives 722 views. Within the first day, a publication typically gains 444 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 12 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 747

Subscribers

-124 hours

-217 days

-9530 days

722

Post views

~ 44424 hours

~ 51248 hours

6.72%

Engagement rate

No data

Posts per day

Ads index

beta

Posts Archive

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