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...

📈 نظرة تحليلية على قناة تيليجرام 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. Если у тебя возникнут проблемы с написанием кода, мы ответим на любые вопросы и подскажем как исправить ошибки.