FrontendQuiz - задачи с собеседований по фронтенду – Telegram
FrontendQuiz - задачи с собеседований по фронтенду
1.69K subscribers
245 photos
2 videos
2 files
163 links
Задачки для фронтендщиков:
алгоритмы, регулярные выражения, вопросы с интервью, задачи для Junior Frontend и разбор их решения.

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Какое значение будет в переменной g после выполнения следующего кода?
let g = [1, 2, 3];
g = g.reduce((acc, val) => acc + val, 0);
Anonymous Poll
11%
1
0%
2
6%
3
83%
6
🤔 Какое значение свойства CSS mask-type используется для определения типа маски?
Anonymous Poll
8%
alpha
13%
luminance
4%
auto
75%
Все вышеперечисленные значения
🤔 Какое значение будет в переменной e после выполнения следующего кода?
let e = [1, 2, 3];
let f = e.flatMap(x => [x, x * 2]);
Anonymous Poll
10%
[1, 2, 3]
57%
[1, 2, 2, 4, 3, 6]
30%
[2, 4, 6]
3%
[1, 4, 3, 6]
🤔 Какое значение свойства CSS grid-auto-columns задает минимальный размер автоматически созданных колонок?
Anonymous Poll
35%
minmax()
23%
auto
45%
min-content
0%
max-content
🤔 Какой метод JavaScript позволяет добавлять значения в объект Set?
Anonymous Poll
29%
push()
54%
add()
5%
insert()
12%
append()
🤔 Какой из следующих типов данных не является примитивом в JavaScript?
Anonymous Poll
0%
String
5%
Number
3%
Boolean
97%
Object
🤔 Какой метод JavaScript используется для создания точной копии объекта, включая вложенные объекты?
Anonymous Poll
11%
Object.assign()
67%
JSON.parse(JSON.stringify(object))
11%
Object.copy()
17%
Object.clone()
🤔 Для чего нужна методология в HTML?

Методология помогает структурировать и стандартизировать верстку, улучшает читаемость, поддержку и масштабируемость кода. Пример: BEM (Block Element Modifier) — популярная методология для CSS/HTML.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение свойства CSS display делает элемент блочным и позволяет размещать другие элементы внутри него?
Anonymous Poll
5%
inline
23%
inline-block
73%
block
14%
flex
🤔 Какое CSS свойство и значение используются для создания многоуровневых фоновых изображений в одном элементе?
Anonymous Poll
13%
background: layers
75%
background-image: url(), url()
17%
background-image: multiple
0%
multi-background: yes
🤔 Kакое значение будет в переменной g после выполнения следующего кода?
let g = [1, 2, 3, 4, 5];
g = g.filter(x => x % 2 === 0);
Anonymous Poll
4%
[1, 2, 3, 4, 5]
93%
[2, 4]
4%
[1, 3, 5]
0%
[1, 4, 5]
🤔 Какое свойство CSS используется для создания многопланового интерфейса с элементами, движущимися с разной скоростью при прокрутке, создавая эффект параллакса?
Anonymous Poll
40%
parallax-scroll
28%
background-attachment
24%
scroll-behavior
8%
perspective-depth
🤔 Какое свойство CSS используется для определения способа компоновки элементов внутри flex-контейнера?
Anonymous Poll
61%
flex-direction
21%
flex-flow
18%
flex-wrap
4%
flex-set
🤔 Что такое float?

float — CSS-свойство, которое позволяет обтекать элемент другими элементами (чаще всего — текстом). Использовался для верстки до появления flex и grid. Сейчас float чаще применяется для обтекания картинок.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой атрибут HTML5 делает видео автоматически воспроизводимым и без звука?
Anonymous Poll
23%
autoplay;
67%
muted autoplay;
3%
silent;
8%
auto;
🤔 Какое свойство CSS задаёт количество пространства между границей и внутренним содержимым элемента?
Anonymous Poll
10%
margin
7%
border
81%
padding
2%
edge
🤔 Какое значение свойства CSS mask-image используется для задания изображения маски?
Anonymous Poll
46%
image()
23%
src()
35%
url()
0%
link()
🤔 Какой атрибут тега <link> необходим для связывания таблицы стилей с HTML документом?
Anonymous Poll
76%
rel="stylesheet"
3%
type="text/css"
21%
href="style.css"
0%
media="screen"
🤔 Вопрос: Какое свойство CSS используется для изменения прозрачности элемента?
Anonymous Poll
93%
opacity
2%
visibility
0%
filter
5%
transparent
🤔 Какой метод JavaScript позволяет клонировать объект, сохраняя его прототип?
Anonymous Poll
61%
Object.assign()
26%
Object.clone()
11%
Object.clone()
8%
Object.defineProperties()
🤔 Какой атрибут тега <th> указывает, к каким ячейкам (по id) он относится как заголовок?
Anonymous Poll
36%
headers
21%
scope
12%
rowspan
30%
rel