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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Какое CSS свойство применяется для определения визуального эффекта представления элемента, используя фильтры, такие как размытие или цветокоррекция?
Anonymous Poll
68%
filter
12%
backdrop-filter
8%
mask
16%
blend-mode
🤔 Какое значение свойства CSS overflow-anchor предотвращает смещение позиции прокрутки при добавлении контента выше?
Anonymous Poll
20%
auto
24%
visible
40%
hidden
20%
none
🤔 Какой атрибут в <input> указывает, что поле не может быть изменено пользователем?
Anonymous Poll
59%
readonly
38%
disabled
3%
fixed
3%
immutable
🤔 Какой JavaScript метод возвращает новую строку, в которой все буквенные символы были преобразованы в верхний регистр?
Anonymous Poll
88%
toUpperCase
4%
toLower
6%
upperCase
2%
capitalize
🤔 Какое значение будет в переменной g после выполнения следующего кода?
let g = [1, 2, 3];
g = g.reduce((acc, val) => acc + val, 0);
Anonymous Poll
12%
1
0%
2
6%
3
82%
6
🤔 Какое значение свойства CSS mask-type используется для определения типа маски?
Anonymous Poll
9%
alpha
14%
luminance
5%
auto
73%
Все вышеперечисленные значения
🤔 Какое значение будет в переменной e после выполнения следующего кода?
let e = [1, 2, 3];
let f = e.flatMap(x => [x, x * 2]);
Anonymous Poll
10%
[1, 2, 3]
55%
[1, 2, 2, 4, 3, 6]
31%
[2, 4, 6]
3%
[1, 4, 3, 6]
🤔 Какое значение свойства CSS grid-auto-columns задает минимальный размер автоматически созданных колонок?
Anonymous Poll
33%
minmax()
23%
auto
47%
min-content
0%
max-content
🤔 Какой метод JavaScript позволяет добавлять значения в объект Set?
Anonymous Poll
32%
push()
50%
add()
5%
insert()
13%
append()
🤔 Какой из следующих типов данных не является примитивом в JavaScript?
Anonymous Poll
0%
String
5%
Number
3%
Boolean
97%
Object
🤔 Какой метод JavaScript используется для создания точной копии объекта, включая вложенные объекты?
Anonymous Poll
12%
Object.assign()
68%
JSON.parse(JSON.stringify(object))
12%
Object.copy()
15%
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
63%
flex-direction
19%
flex-flow
19%
flex-wrap
4%
flex-set
🤔 Что такое float?

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой атрибут HTML5 делает видео автоматически воспроизводимым и без звука?
Anonymous Poll
24%
autoplay;
68%
muted autoplay;
3%
silent;
5%
auto;
🤔 Какое свойство CSS задаёт количество пространства между границей и внутренним содержимым элемента?
Anonymous Poll
10%
margin
8%
border
80%
padding
3%
edge
🤔 Какое значение свойства CSS mask-image используется для задания изображения маски?
Anonymous Poll
46%
image()
25%
src()
33%
url()
0%
link()