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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Какое CSS свойство определяет максимальное количество строк текста, которое может быть видимо перед обрезкой?
Anonymous Poll
52%
line-clamp
28%
text-max
17%
max-lines
3%
text-limit
🤔 Какой CSS-селектор используется для выбора элемента с конкретным id?
Anonymous Poll
0%
.idname
0%
*
6%
idname
🤔 Что такое схлопывание границ?

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

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

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

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

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Что вернёт следующий код: console.log(Math.max(10, 20, 30, 40, 50));?
Anonymous Poll
7%
10
0%
20
0%
30
93%
50
🤔 Какой символ используется для объявления объектов?
Anonymous Poll
7%
[]
90%
{}
3%
()
0%
//
🤔 Какой способ помогает бороться с прокидыванием, помимо Redux?

Можно использовать Context API, который позволяет передавать данные от родителя к потомку без явного прокидывания через props. Это удобно для глобальных данных: темы, язык, текущий пользователь.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Что вернёт следующий код: console.log(2 > 1 && 2 < 3);?
Anonymous Poll
91%
true
4%
false
0%
"true"
4%
Ошибка
🔥 Серверная разработка с Node.js: учитесь у практиков с реальным опытом

🎯 Пора выйти на новый уровень с курсом «Node.js Developer» от OTUS!
Это повышение квалификации для тех, кто хочет научиться разрабатывать мощные серверные приложения на Node.js с использованием Express, TypeScript, GraphQL, Apollo и Nest.js. Вы получите знания, которые востребованы на рынке, и навыки, которые можно сразу применять в реальных проектах.

🦾 Практические занятия, опытные преподаватели и поддержка на протяжении всего обучения — вот что делает курс уникальным. Вы освоите работу с базами данных MongoDB и PostgreSQL, научитесь строить архитектуру приложения и создавать серверные решения с нуля.

🎁 Дарим промокод, который дает скидку на обучение - NODE8

➡️ Пройдите вступительное тестирование и присоединяйтесь к группе: https://clck.ru/3NdqFg

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
🤔 Когда можно использовать index в key?

Использование индекса массива в key допустимо, если:
- Список не изменяется (не добавляются, не удаляются и не сортируются элементы).
- Отображаемые данные не имеют уникальных идентификаторов.
- Контент не зависит от порядка элементов.
Однако при динамических изменениях списка лучше использовать уникальный и стабильный идентификатор, чтобы избежать нежелательных перерисовок и потери состояния.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод в JavaScript можно использовать для проверки, содержит ли массив определенный элемент?
Anonymous Poll
74%
Array.includes()
17%
Array.contains()
9%
Array.has()
0%
Array.exists()
🤔 Какое значение свойства CSS clip-path задает вырезание элемента по сложной форме?
Anonymous Poll
18%
rect()
0%
circle()
9%
ellipse()
73%
polygon()