WebDEV
8.6K subscribers
2.24K photos
11 videos
2.95K links
Сообщество веб-разработчиков.

На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: telega.in/c/webb_dev

РКН: clck.ru/3L2oTf
Download Telegram
// Какой будет результат выполнения кода?
const user = {
name: 'Max',
greet() {
setTimeout(function() {
console.log(`Hi, ${this.name}`);
}, 100);
}
};

user.greet();


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
35%
Hi, Max
56%
Hi, undefined
10%
ReferenceError
/* Чему будет равен margin-top у элемента .child? */
.parent {
width: 400px;
height: 200px;
}

.child {
margin-top: 10%;
}


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
65%
20px
30%
40px
5%
10px
// В каком порядке выведутся логи?
const nums = [1, 2];

const run = () => {
nums.forEach(async (num) => {
await Promise.resolve();
console.log(num);
});
console.log('Done');
};

run();


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
22%
1 2 Done
76%
Done 1 2
2%
1 Done 2
// Какой результат выведется в консоль?
function getMessage() {
return () => {
console.log(this.text);
};
}

const obj1 = { text: 'Hello', getMessage };
const obj2 = { text: 'World' };

obj1.getMessage().call(obj2);


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
9%
Hello
69%
World
22%
undefined
/* Каким цветом будет слово "Item"? */
div p:first-child { color: red; }
div p:first-of-type { color: blue; }

/* HTML:
<div>
<h2>Title</h2>
<p>Item</p>
</div>
*/


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
17%
red
67%
blue
15%
черный (по умолчанию)
// Что выведет консоль?
const items = ['A', 'B'];
items[5] = 'C';

const count = items.reduce((acc) => acc + 1, 0);
console.log(count);


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
35%
6
25%
3
40%
NaN
// Что будет выведено в консоль?
let x = 1;
{
console.log(x);
let x = 2;
}


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
20%
1
17%
2
63%
ReferenceError
/* Применится ли z-index к элементу .item? */
.container {
display: flex;
}

.item {
z-index: 99;
}


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
// Какое имя будет у пользователя в исходном массиве?
const users = [{ name: 'Ivan' }];
const clone = [...users];

clone[0].name = 'Oleg';
console.log(users[0].name);


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
42%
Ivan
58%
Oleg
0%
undefined
const cat = { name: "Zhora" };
Object.seal(cat);

cat.name = "Boris";
cat.age = 3;

console.log(cat.name, cat.age);


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
51%
Zhora undefined
30%
Boris 3
19%
Boris undefined
const trip = { dest: "Bangkok", days: 14 };
const { dest: city } = trip;

console.log(city, typeof dest);


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼