setTimeout(() => console.log('A'), 0);

Promise.resolve().then(() => {
  console.log('B');
  setTimeout(() => console.log('C'), 0);
});

console.log('D');

WebDEV #test #Frontend

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

/* Какой цвет будет у НЕпосещенной ссылки при наведении курсора? */
a:hover { 
  color: red; 
}

a:link { 
  color: green; 
}

WebDEV #test #Frontend

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

// Сколько раз выполнится цикл и что выведется в консоль?
const obj = { 
  [Symbol('id')]: 1, 
  id: 2 
};

let count = 0;
for (let key in obj) {
  count++;
}

console.log(count);

WebDEV #test #Frontend

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

💡Шпаргалка по CSS

WebDEV #CSS

💡 Шпаргалка по JavaScript

WebDEV #советы

💡 Шпаргалка по HTML

WebDEV #советы

Promise.resolve(1)
  .then(x => x + 1)
  .then(x => { throw x })
  .catch(x => x + 1)
  .then(x => console.log(x));

WebDEV #test #Frontend

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

/* Какой цвет будет у текста в <div class="box">Text</div> ? */
div { color: red; }
.box:not(span) { color: green; }
.box { color: blue; }

WebDEV #test #Frontend

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

const numbers = [1, 2, 3];
const result = numbers.push(4);

console.log(result);

WebDEV #test #Frontend

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

console.log(1);
setTimeout(() => console.log(2), 0);
queueMicrotask(() => console.log(3));
console.log(4);

WebDEV #test #Frontend

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

:root {
  --main-color: red;
}
.box {
  --main-color: blue;
  color: var(--main-color, green);
}
/* Какой цвет текста будет у элемента .box? */

WebDEV #test #Frontend

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

const [a, ...b] = [1, 2, 3];
const c = b;
c.push(4);

console.log(b);

WebDEV #test #Frontend

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