let x = 10;

function show() {
  console.log(x);
}

x = 20;
show();

WebDEV #test #Frontend

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

Auto Layout в Figma за 5 минут

Auto Layout в Figma — это мощный инструмент, который упрощает создание адаптивных и гибких дизайнов. Он позволяет автоматически изменять размеры и расположение элементов при изменении размеров контейнера, что делает дизайн более динамичным и удобным.

В этом видео автор покажет, как пользоваться Auto Layout в Figma, расскажет, зачем он нужен и чем может быть полезен. Вы узнаете, как легко создавать адаптивные макеты, экономить время на редактировании и улучшать свою продуктивность.

📺 YouTube

WebDEV #видео

Svelte за 100 секунд

Svelte — это JS-библиотека для создания реактивных компонентов пользовательского интерфейса. Но в отличие от React, Angular и Vue, она не предоставляет среду выполнения, такую как Virtual DOM, для просмотра.

📺 YouTube

WebDEV #видео #js #svelte

const { a = 1, b = 2 } = { a: 3, b: null };
console.log(a, b);

WebDEV #test #Frontend

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

.grid {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
}
/* Какую часть ширины контейнера займет вторая колонка? */

WebDEV #test #Frontend

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

console.log([] == ![]);

WebDEV #test #Frontend

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

const p1 = new Promise(res => setTimeout(() => res("A"), 100));
const p2 = new Promise((_, rej) => setTimeout(() => rej("B"), 50));

Promise.race([p1, p2]).then(console.log).catch(console.log);

WebDEV #test #Frontend

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

.parent {
  transform: translateX(0);
}
.child {
  position: absolute;
  top: 10px;
}
/* Относительно чего позиционируется .child? */

WebDEV #test #Frontend

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

const map = new Map();
map.set('1', 'str');
map.set(1, 'num');
map.set(true, 'bool');

console.log(map.size);

WebDEV #test #Frontend

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

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

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