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

Kanalga Telegram’da o‘tish

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

Ko'proq ko'rsatish

Tarmoq:Senior Frontend - javascript, html, css Rossiya60 311 Texnologiyalar & Aralashmalar11 392...

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

Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) Rus til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 10 747 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 11 392-o'rinni va Rossiya mintaqasida 60 311-o'rinni egallagan.

📊 Auditoriya ko‘rsatkichlari va dinamika

невідомо sanasidan buyon loyiha tez o‘sib, 10 747 obunachiga ega bo‘ldi.

11 Iyul, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -95 ga, so‘nggi 24 soatda esa -1 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.

Tasdiqlash holati: Tasdiqlanmagan
Jalb etish (ER): Auditoriya o‘rtacha 6.72% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 4.13% ini tashkil etuvchi reaksiyalarni to‘playdi.
Post qamrovi: Har bir post o‘rtacha 722 marta ko‘riladi; birinchi sutkada odatda 444 ta ko‘rish yig‘iladi.
Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 2 ta reaksiya keladi.
Tematik yo‘nalishlar: Kontent javascript, браузер, html, css, видимость kabi asosiy mavzularga jamlangan.

📝 Tavsif va kontent siyosati

Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida ta’riflaydi:
“Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su”

Yuqori yangilanish chastotasi (oxirgi ma’lumot 12 Iyul, 2026 da olingan) sababli kanal doimo dolzarb va katta qamrovli bo‘lib qoladi. Analitika auditoriya kontent bilan faol hamkorlik qilishini, uni Texnologiyalar & Aralashmalar toifasidagi muhim ta’sir nuqtasiga aylantirishini ko‘rsatadi.

10 747

Obunachilar

-124 soatlar

-217 kunlar

-9530 kunlar

722

Post ko'rishlar

~ 44424 soatlar

~ 51248 soatlar

6.72%

Muloqot nisbati

Ma'lumot yo'q

Kuniga postlar

Ads index

beta

Postlar arxiv

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