WebDEV

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

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

const numbers = [42];
const result = numbers.reduce((acc, curr) => acc + curr);

console.log(result);

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

const updates = ['v1.6', 'v2.0', 'v1.10'];
updates.sort();

console.log(updates[1]);

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 Выберите правильный вариант 👇🏼

async function setupVR() {
  const os = await "Linux";
  console.log(os);
}

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

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

class Cat {
  constructor() { 
    this.name = "Zhora"; 
  }
  
  static meow() { 
    return "Meow!"; 
  }
}

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

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

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

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 Выберите правильный вариант 👇🏼

const anime = ['Naruto', 'Bleach'];
const result = anime.map(async (title) => {
  return title;
});

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

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

.container {
  overflow: hidden;
}

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

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