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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Как преобразуется строка в число?

Преобразование строки в число происходит:
- автоматически (если используется в числовом контексте);
- с помощью специальных функций или операторов;
Невалидная строка может привести к NaN.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript позволяет фильтровать элементы массива с использованием асинхронной функции?
Anonymous Poll
33%
asyncFilter()
11%
filterAsync()
11%
asyncMap()
44%
filter()
🤔 С помощью чего можно рассчитать идентификатор в JS?

Можно использовать:
- Счётчики (let id = 1);
- UUID-библиотеки (например, uuid);
- Временные метки (Date.now (Date.now)());
- Хеш-функции от строки или состояния объекта.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Какое значение будет в h.size после выполнения следующего кода?
let h = new Set([1, 2, 3, 4]);
h.add(2);
Anonymous Poll
15%
2
15%
3
50%
4
19%
5
🤔 Чем отличается пропс от стейта?

- Props (свойства) – передаются от родительского компонента дочернему, неизменяемые (immutable).
- State (состояние) – локальные данные компонента, могут изменяться (mutable).
- Props управляют компонентом извне, а State – изнутри.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript используется для создания нового HTML элемента?
Anonymous Poll
93%
document.createElement()
4%
document.newElement()
4%
document.addElement()
0%
document.createNode()
🤔 Какое CSS свойство изменяет стиль текста на курсив?
Anonymous Poll
58%
font-style
35%
text-decoration
4%
text-transform
8%
font-weight
🤔 Какой метод JavaScript используется для создания нового объекта URL, который можно использовать для разбора и изменения URL-адресов внутри приложения?
Anonymous Poll
61%
new URL()
21%
URL.createObject()
11%
createURL()
7%
parseURL()
🤔 Какое свойство CSS устанавливает, как элементы должны обтекать друг друга в документе?
Anonymous Poll
13%
flow
25%
wrap
63%
float
0%
align
🤔 В чём проблема адаптации HTML-таблиц?

- Фиксированная ширина.
- Трудно уместить в мобильный экран.
- Сложно сделать прокрутку/перенос.
Решения: scroll-x, сжатие колонок, трансформация в блоки на мобиле.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой JavaScript API позволяет динамически изменять структуру и стиль документа, реагируя на изменения размеров окна просмотра для создания адаптивного дизайна без медиа-запросов?
Anonymous Poll
25%
ResizeObserver
17%
MutationObserver
58%
Window.onresize
0%
StyleManager
🤔 Зачем нужен Docker?

Docker позволяет упаковать приложение и все его зависимости в контейнер, обеспечивая одинаковую среду для разработки, тестирования и продакшна.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое CSS свойство определяет максимальное количество строк текста, которое может быть видимо перед обрезкой?
Anonymous Poll
53%
line-clamp
27%
text-max
17%
max-lines
3%
text-limit
🤔 Какой CSS-селектор используется для выбора элемента с конкретным id?
Anonymous Poll
0%
.idname
0%
*
5%
idname
🤔 Что такое схлопывание границ?

Схлопывание границ происходит, когда смежные внешние отступы (margin) двух элементов объединяются в один. Это экономит пространство и упрощает расчёты вёрстки.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение будет в переменной g после выполнения следующего кода?
let g = [1, 2, 3];
g = g.map(x => x * 2).reduce((acc, val) => acc + val, 0);
Anonymous Poll
11%
6
85%
12
4%
14
0%
18
🤔 Какой метод JavaScript позволяет проверить, содержит ли элемент указанный класс?
Anonymous Poll
29%
hasClass()
6%
containsClass()
15%
getClass()
53%
classList.contains()
🤔 Какое значение box-sizing стоит в браузере по умолчанию?

По умолчанию браузеры используют content-box, поэтому padding и border увеличивают размер элемента.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение свойства position используется для фиксирования элемента относительно окна браузера?
Anonymous Poll
14%
static
5%
absolute
81%
fixed
5%
relative
🤔 Какой метод JavaScript позволяет обрабатывать ошибки при использовании асинхронных функций?
Anonymous Poll
48%
catch()
65%
try/catch
0%
finally()
0%
then()
🤔 Что такое операторы or и and?

Это логические операторы, которые используются для проверки условий:
- or (||) — возвращает true, если хотя бы одно из условий истинно.
- and (&&) — возвращает true, только если все условия истинны.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚