WebDEV
8.62K 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 kpop = new Map();
kpop.set({ group: 'ATEEZ' }, 'San');

console.log(kpop.has({ group: 'ATEEZ' }));


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
const band = { name: "twenty one pilots" };
const fans = new WeakSet();
fans.add(band);

band.name = "TOP";
console.log(fans.has(band));


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
.container {
overflow: hidden;
}

.header {
position: sticky;
top: 0;
}
/* Сработает ли залипание (sticky) для .header? */


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
const anime = ['Naruto', 'Bleach'];
const result = anime.map(async (title) => {
return title;
});

console.log(result[0] instanceof Promise);


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
const game = Object.freeze({ 
name: "CS 1.6",
maps: ["de_dust2"]
});

game.maps.push("cs_assault");
console.log(game.maps.length);


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
/* Как поведут себя блоки внутри .vr-grid при нехватке места? */
.vr-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
class Cat {
constructor() {
this.name = "Zhora";
}

static meow() {
return "Meow!";
}
}

const myCat = new Cat();
console.log(myCat.meow());


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
async function setupVR() {
const os = await "Linux";
console.log(os);
}

setupVR();
console.log("ALVR");


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
/* Каким цветом будет слово "Mingi"? */
.ateez p:nth-child(2) { color: red; }
.ateez p:nth-of-type(2) { color: blue; }

/* HTML:
<div class="ateez">
<h2>Members</h2>
<p>San</p>
<p>Mingi</p>
</div>
*/


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
const updates = ['v1.6', 'v2.0', 'v1.10'];
updates.sort();

console.log(updates[1]);


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
const numbers = [42];
const result = numbers.reduce((acc, curr) => acc + curr);

console.log(result);


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
/* Какая будет финальная ширина контентной области (content box) внутри блока? */
.box {
width: 100px;
padding: 10px;
border: 5px solid black;
box-sizing: border-box;
}


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
for (var i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 0);
}


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
function getObj() {
return
{
key: 'value'
};
}

console.log(typeof getObj());


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
/* Чему будет равен font-size элемента .child, если у <body> он равен 16px? */
.parent {
font-size: 2em;
}

.child {
font-size: 2em;
}


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
const a = {};
const b = { key: 'b' };
const c = { key: 'c' };

a[b] = 123;
a[c] = 456;

console.log(a[b]);


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
const arr = ['a', 'b', 'c'];
arr[5] = 'f';

console.log(Object.keys(arr));


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
/* Какой будет итоговый отступ сверху от предыдущих элементов на странице? */
.parent {
margin-top: 20px;
}

.child {
margin-top: 30px;
}

/* HTML:
<div class="parent">
<div class="child">Контент</div>
</div>
*/


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
let a = "5";
let b = 2;

console.log(a + b, a - b);


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
/* Относительно чего спозиционируется .child? */
.parent {
transform: translate(50px, 50px);
}

.child {
position: fixed;
top: 0;
left: 0;
}


WebDEV #test #Frontend

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