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

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

Семантическая разметка помогает улучшить:
- SEO – поисковые системы легче воспринимают содержимое (, , и так далее).
- Доступность (Accessibility) – способствует тому, чтобы экранные читалки лучше понимали назначение элементов.
- Читаемость кода – облегчает поддержку и понимание структуры.

Ставь 👍, если знал ответ, 🔥, если не знал.
Забирай 📚
🤔 Какое CSS свойство позволяет создать эффект, при котором текст появляется через плавающее прозрачное окно?
Anonymous Poll
34%
text-reveal
26%
mask-image
34%
clip-path
13%
window-text
🤔 Какое значение свойства CSS animation-timing-function создает анимацию с плавным началом и концом?
Anonymous Poll
14%
linear
67%
ease
17%
ease-in
8%
ease-out
🤔 Что такое вендорные префиксы?

Это специальные добавки к CSS-свойствам, которые применяются для поддержки нестандартных или экспериментальных функций в различных браузерах. Например:
- -webkit- используется в Chrome и Safari;
- -moz- применяется в Firefox;
- -ms- используется в Internet Explorer.

Ставь 👍, если знал ответ, 🔥, если нет.
Забирай 📚
🤔 Какой метод JavaScript используется для создания асинхронного итератора, который позволяет итерироваться по значениям с задержкой?
Anonymous Poll
37%
asyncGenerator()
31%
asyncIterator()
11%
asyncIterable()
20%
asyncSequence()
🤔 Какой атрибут HTML используется для определения программной политики, которая управляет поведением внешних ресурсов на веб-странице?
Anonymous Poll
39%
content-policy
3%
csp
16%
policy-control
45%
content-security-policy
🤔 Какие новые элементы форм появились в HTML5?

- список вариантов для автозаполнения;
- отображение результатов вычислений;
- индикатор выполнения процесса;
- измерительная шкала;
- новые типы input: email, tel, url, number, range, date, color и другие.

Ставь 👍 если знаешь ответ, 🔥 если не знаешь
Забирай 📚
🤔 Какой метод JavaScript возвращает новый массив, содержащий все элементы исходного массива, прошедшие проверку заданной функцией?
Anonymous Poll
92%
Array.filter()
6%
Array.collect()
2%
Array.scan()
🤔 В чем разница между object и другими примитивными типами данных?

object — это тип данных, который передается по ссылке. Он способен хранить множество значений и структур, включая вложенные объекты и функции. В отличие от примитивных типов (string, number, boolean, null, undefined, symbol, bigint), объекты передаются не по значению, а по ссылке.

Ставь 👍, если знал ответ, 🔥, если нет.
Забирай 📚
🤔 Какое значение будет в переменной e после выполнения следующего кода?
let e = [1, 2, 3];
let f = e.find(x => x > 1);
Anonymous Poll
8%
1
67%
2
17%
2
17%
undefined
🤔 Какое CSS свойство позволяет взаимодействовать с физическими свойствами устройства вывода для адаптации визуального представления контента, например, на основе свойств окружающей среды?
Anonymous Poll
27%
environment-blend-mode
27%
adaptive-color-scheme
41%
media-environment
5%
prefers-reduced-motion
🤔 Что представляет собой интерполяция?

Это метод отображения динамического контента в шаблонах.
1. В Vue интерполяция реализуется с помощью двойных фигурных скобок ({{ }}).
2. Она даёт возможность вставлять данные или вычисляемые свойства в интерфейс пользователя.

Если знаешь ответ, ставь 👍, если нет — 🔥
Забирай 📚
🤔 Какое значение свойства CSS align-self переопределяет выравнивание элемента по перекрестной оси в контейнере Flexbox?
Anonymous Poll
2%
flex-start
5%
flex-end
24%
center
68%
Всё вышеперечисленное
🤔 Какое свойство CSS задаёт толщину шрифта элемента?
Anonymous Poll
2%
font-style
95%
font-weight
2%
font-size
2%
text-style
🤔 Какой CSS свойство позволяет контролировать порядок наложения элементов на странице без изменения их положения в документе?
Anonymous Poll
0%
stack-level
15%
position
7%
order
80%
z-index
🤔 Какое значение свойства CSS transform поворачивает элемент на 45 градусов?
Anonymous Poll
85%
rotate(45deg)
6%
skew(45deg)
4%
scale(45deg)
6%
translate(45deg)
🤔 Какой метод в React используется для управления состоянием компонентов?
Anonymous Poll
16%
useEffect
81%
useState
5%
useReducer
9%
useContext
🤔 Какой атрибут HTML определяет, что форма не должна валидировать данные перед их отправкой?
Anonymous Poll
75%
novalidate
12%
unvalidate
4%
disvalidate
10%
nonvalidate
🤔 Какой атрибут тега <input> создает поле для загрузки файлов?
Anonymous Poll
77%
type="file"
13%
type="upload"
6%
type="attachment"
5%
type="document"