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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Для чего нужна методология в HTML?

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение свойства CSS display делает элемент блочным и позволяет размещать другие элементы внутри него?
Anonymous Poll
5%
inline
24%
inline-block
71%
block
14%
flex
🤔 Какое CSS свойство и значение используются для создания многоуровневых фоновых изображений в одном элементе?
Anonymous Poll
13%
background: layers
74%
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
42%
parallax-scroll
25%
background-attachment
25%
scroll-behavior
8%
perspective-depth
🤔 Какое свойство CSS используется для определения способа компоновки элементов внутри flex-контейнера?
Anonymous Poll
62%
flex-direction
19%
flex-flow
19%
flex-wrap
4%
flex-set
🤔 Что такое float?

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой атрибут HTML5 делает видео автоматически воспроизводимым и без звука?
Anonymous Poll
25%
autoplay;
67%
muted autoplay;
3%
silent;
6%
auto;
🤔 Какое свойство CSS задаёт количество пространства между границей и внутренним содержимым элемента?
Anonymous Poll
8%
margin
8%
border
82%
padding
3%
edge
🤔 Какое значение свойства CSS mask-image используется для задания изображения маски?
Anonymous Poll
50%
image()
23%
src()
32%
url()
0%
link()
🤔 Какой атрибут тега <link> необходим для связывания таблицы стилей с HTML документом?
Anonymous Poll
76%
rel="stylesheet"
3%
type="text/css"
21%
href="style.css"
0%
media="screen"
🤔 Вопрос: Какое свойство CSS используется для изменения прозрачности элемента?
Anonymous Poll
94%
opacity
3%
visibility
0%
filter
3%
transparent
🤔 Какой метод JavaScript позволяет клонировать объект, сохраняя его прототип?
Anonymous Poll
66%
Object.assign()
17%
Object.clone()
10%
Object.clone()
10%
Object.defineProperties()
🤔 Какой атрибут тега <th> указывает, к каким ячейкам (по id) он относится как заголовок?
Anonymous Poll
29%
headers
25%
scope
13%
rowspan
33%
rel
🤔 Какой атрибут элемента <audio> позволяет автоматически начать воспроизведение при загрузке страницы?
Anonymous Poll
80%
autoplay
7%
auto
10%
autostart
3%
play
🤔 Какое значение свойства CSS contain используется для ограничения области стилей, размеров и содержимого элемента?
Anonymous Poll
45%
size
25%
content
5%
paint
25%
layout
🙌🙌🙌🙌 30 документов для тех, кто в диджитал

В преддверии новой активности мы собрали в одну папку 30 Telegram-каналов известных профессионалов и попросили их авторов подготовить для вас документы, которые помогут:

🔴Провести исследование через ИИ;
🔴Сдавать работы и получать акт день в день;
🔴Контролировать сроки и качества проектов;
🔴Отслеживать упоминания бренда в нейропоиске;
🔴Провести аудит HR-процессов;
🔴и еще много много всего!

❗️ Сохранив единожды папку «Документы для тех, кто в диджитал», вы сможете спокойно пройтись по всем каналам и скачать множество авторских документов, которые точно пригодятся в работе.

Также они проводят розыгрыш с топовыми призами:
🥇Главный приз — MacBook Air (M2)
🥈2 место: Яндекс Станция Лайт 2
🥉3 место: Наушники HUAWEI Freebuds 5i

Как участвовать:

1. Подпишись на папку:
https://t.iss.one/addlist/AYTpZaCWIxA5NWNi
2.
Подтверди участие в боте

До встречи 25 сентября — дата объявления победителя!
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3👍1🎉1
🤔 Какое значение будет в переменной c после выполнения следующего кода?
let c = { x: 10 }; Object.freeze(c); c.x = 20;
Anonymous Poll
63%
{ x: 10 }
5%
{ x: 20 }
21%
Ошибка
11%
x = Object.freeze(10)
🤔 Какое CSS свойство позволяет разработчикам управлять интервалом между символами в текстовом содержимом, включая управление расстоянием между глифами?
Anonymous Poll
85%
letter-spacing
0%
word-spacing
15%
text-spacing
0%
glyph-interval