const arr = [1, 2, 3, 4, 5];
arr.length = 2;
console.log(arr);

WebDEV #test #Frontend

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

const a = [1, 2];
const b = a.reverse();
b.push(3);
console.log(a);

WebDEV #test #Frontend

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

p {
  margin-bottom: 20px;
}
p + p {
  margin-top: 30px;
}
/* Какое расстояние будет между двумя соседними <p>? */

WebDEV #test #Frontend

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

let name = "Alice";
function show() {
  console.log(name);
  let name = "Bob";
}
show();

WebDEV #test #Frontend

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

const numbers = [1, 2, 10, 21];
numbers.sort();
console.log(numbers);

WebDEV #test #Frontend

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

.box {
  width: 100px;
  flex-basis: 200px;
}
/* Какая будет ширина элемента внутри flex-контейнера? */

WebDEV #test #Frontend

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

function create() {
  let count = 0;
  const message = `Value: ${count}`;
  
  return function() {
    count++;
    console.log(message);
  };
}

const log = create();
log();

WebDEV #test #Frontend

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

🛠 W3C Validator — инструмент, созданный консорциумом World Wide Web Consortium (W3C) для проверки валидности HTML и XHTML кода веб-страниц.

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

🌍 Сайт

WebDEV #инструменты

🛠 AnimeJS — украсьте приложение с помощью этого движка анимации.

Хотя анимация веб-страниц иногда применяется неправильно, разумное использование может облегчить навигацию по веб-сайту. CSS анимация и переходы были огромным шагом вперед, но для более сложных взаимодействий часто требуется библиотека. Anime.js – это анимационный движок, с помощью которого вы сможете добавлять сложные анимированные компоненты в приложения.

🌍 Сайт

WebDEV #инструменты

console.log(0.1 + 0.2 === 0.3);

WebDEV #test #Frontend

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

.box {
  width: calc(100% -80px);
}
/* Применится ли это свойство? */

WebDEV #test #Frontend

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