WebDEV

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

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

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

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

console.log(obj.x);

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

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

console.log(a, b, c);

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

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

.child {
  font-size: 30px;
}

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

const p1 = Promise.resolve(1);
const p2 = Promise.reject('Error');
const p3 = Promise.resolve(3);

Promise.all([p1, p2, p3])
  .then(console.log)
  .catch(e => console.log(e));

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

const set = new Set([NaN, NaN, NaN]);

console.log(set.size);
console.log(NaN === NaN);

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

/* Сработает ли клик (событие click) по кнопке .btn? */
.wrapper {
  pointer-events: none;
}

.btn {
  pointer-events: auto;
}

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

const obj = {
  val: 0,
  getVal() { 
    return this.val || 10; 
  }
};

console.log(obj.getVal(), obj.val ?? 10);

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

// Какие числа появятся в консоли?
const nums = [1, 2, 3];

nums.forEach(n => {
  if (n === 2) return;
  console.log(n);
});

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

Нашли любопытный разбор про то, как в бигтехе разрабатываются, релизятся и умирают фичи. Формат простой: берут вымышленную идею — сториз в трекере привычек — и разбирают, что с ней происходит внутри большой компании на каждом этапе. Первая часть — как раз про этап идеи и рутинные процессы внутри корпораций. Авторы тоже из бигтеха, причем и российского, и зарубежного. Если хочется понять, как на самом деле устроена работа в больших компаниях, настоятельно рекомендуем. Вот ссылка на первую часть: https://youtu.be/szzptUNS1Vw.

/* Каким будет margin-left у элемента? */
.card {
  margin: 10px 5% 20px;
}

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