/* Какая высота строки (line-height) будет у .child? */
.parent {
  font-size: 20px;
  line-height: 1.5;
}

.child {
  font-size: 30px;
}

WebDEV #test #Frontend

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

// Что выведет консоль при деструктуризации?
const [a, b = 2, c = 3] = [1, null];

console.log(a, b, c);

WebDEV #test #Frontend

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

const obj = {};
Object.defineProperty(obj, 'x', { value: 1 });
obj.x = 2;

console.log(obj.x);

WebDEV #test #Frontend

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

/* Сколько <span> станут красными? */
div + span { color: red; }

/* HTML:
<div></div>
<span>1</span>
<span>2</span>
*/

WebDEV #test #Frontend

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

const arr = [NaN];

console.log(arr.indexOf(NaN));
console.log(arr.includes(NaN));

WebDEV #test #Frontend

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

const os = { name: "Linux" };
const user = { nickname: "loneymist", os };

const clone = Object.assign({}, user);
clone.os.name = "Ubuntu";

console.log(user.os.name);

WebDEV #test #Frontend

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

/* HTML: <div class="server" data-map="de_dust2"></div> */
.server::before {
  content: attr(data-map);
}

.server {
  display: flex;
}
/* Станет ли псевдоэлемент ::before flex-элементом? */

WebDEV #test #Frontend

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

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

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