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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Какой атрибут тега <meta> используется для контроля времени кэширования страницы в браузере?
Anonymous Poll
24%
charset
17%
content
55%
http-equiv="refresh"
3%
name="viewport"
🤔 Что вернёт следующий код: console.log("7" - 2);?
Anonymous Poll
66%
5
10%
"5"
12%
"72"
12%
Ошибка
🤔 Откуда взялся CSS?

CSS (Cascading Style Sheets) появился в 1996 году для отделения стилей от структуры HTML. Разработан Хоконом Виум Ли для упрощения управления дизайном веб-страниц и обеспечения каскадности стилей.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🔥3
🔥 Записал видос "Как за 3 минуты настроить Автоотклики на вакансии HeadHunter" больше не придется заниматься этой унылой рутиной

📺 Видео: https://youtu.be/G_FOwEGPwlw
🤔 Как работают модули в ES Modules?

- Файлы с export и import.
- Работают асинхронно, модули загружаются один раз, кешируются.
- Обеспечивают изолированность и повторное использование.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
👍1
🤔 Какое значение будет в переменной j после выполнения следующего кода?
let j = "hello"; j = [...j];
Anonymous Poll
27%
["hello"]
69%
["h", "e", "l", "l", "o"]
0%
"hello"
4%
["hello", "h", "e", "l", "o"]
🤔 Какое свойство CSS используется для установления порядка стека слоев различных элементов?
Anonymous Poll
90%
z-index
3%
order
3%
layer
3%
stack
🤔 Какое значение свойства CSS scroll-behavior определяет плавное прокручивание?
Anonymous Poll
7%
auto
90%
smooth
0%
linear
3%
ease
🤔 Чем SPA отличается от классического сайта?

SPA (Single Page Application) не перезагружает страницу при переходах, а подгружает данные динамически через JS. Классический сайт перезагружает всю страницу при переходе по ссылке. SPA быстрее работает и даёт ощущение приложения.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
👍1
🤔 Какой метод JavaScript можно использовать для поиска первого элемента в документе, соответствующего указанному CSS селектору?
Anonymous Poll
84%
document.querySelector()
5%
document.getElementById()
0%
document.findAll()
11%
document.getElementsByClass()
🤔 Что вернёт следующий код: console.log(typeof new Boolean(false));?
Anonymous Poll
38%
"boolean"
47%
"object"
12%
"false"
3%
Ошибка
🤔 Какой HTML атрибут используется для указания, что форма должна быть отправлена без валидации данных?
Anonymous Poll
59%
novalidate
4%
formnovalidate
30%
validate="false"
7%
skip-validation
🤔 Какое свойство CSS применяется для задания расстояния между словами в тексте?
Anonymous Poll
38%
word-spacing
42%
letter-spacing
4%
text-indent
15%
line-height
🤔 Что вернёт следующий код: console.log(Math.sqrt(16));?
Anonymous Poll
89%
4
8%
8
0%
16
3%
Ошибка
🤔 Какое свойство и значение в CSS используются для создания непрерывной рамки вокруг элемента без разрывов?
Anonymous Poll
5%
border-style: continuous;
5%
border: 1px unbroken;
89%
border-style: solid;
0%
border-connect: solid;
🤔 Какое свойство SVG позволяет анимировать путь от одной формы к другой?
Anonymous Poll
4%
animateMotion
17%
morph
57%
animateTransform
22%
pathTransition
🤔 Какое значение свойства CSS grid-gap задает расстояние между элементами Grid?
Anonymous Poll
11%
10px
11%
1em
3%
5%
79%
Все вышеперечисленные значения
🤔 Какое свойство CSS используется для установки внешних отступов элемента?
Anonymous Poll
17%
padding
5%
border
76%
margin
2%
spacing
🤔 Какое CSS свойство позволяет задать множественные фоны для элемента?
Anonymous Poll
33%
multi-background
64%
background-image
3%
backgrounds
6%
layer-background
🤔 Какой атрибут элемента <form> определяет адрес, на который должны быть отправлены данные формы?
Anonymous Poll
6%
method
63%
action
31%
target
0%
enctype