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

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

💡Эволюция JavaScript

WebDEV #советы

💡Используйте «золотое правило трех кликов»

Простота навигации. Пользователь должен находить нужную информацию или выполнять основное действие не более чем за три клика. Пересмотрите структуру сайта и оптимизируйте путь, чтобы избежать сложных и запутанных маршрутов.

WebDEV #советы