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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Какой атрибут у <input> типа checkbox определяет, что флажок установлен по умолчанию?
Anonymous Poll
85%
checked
12%
default
3%
select
0%
active
🤔 Какой атрибут <input> указывает на минимальное числовое значение, которое пользователь может выбрать?
Anonymous Poll
88%
min
4%
minimum
0%
least
8%
low
🤔 Какой JavaScript API позволяет разработчикам измерять производительность веб-приложения, анализируя время, затраченное на различные аспекты загрузки страниц и выполнения скриптов?
Anonymous Poll
71%
Performance API
17%
Timing API
4%
Navigation Timing API
13%
Resource Timing API
🤔 Как бы добавлял статический метод в prototype?

Статические методы не добавляются в prototype, а напрямую к конструктору:
MyClass.myStaticMethod = function() {}
Как сделать какое-либо свойство объекта неизменяемым?
С помощью Object.defineProperty(obj, key, { writable: false }) или Object.freeze(obj), чтобы полностью заморозить объект (нельзя изменять, добавлять или удалять свойства).

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение position в CSS используется для фиксации элемента на экране при прокрутке страницы?
Anonymous Poll
10%
static;
0%
relative;
75%
fixed;
15%
absolute;
🤔 Какой атрибут элемента <meta> позволяет контролировать масштабирование веб-страницы на мобильных устройствах?
Anonymous Poll
82%
viewport
18%
scale
9%
width
0%
resolution
🤔 Что такое ООП?

Это парадигма программирования, основанная на концепции объектов. Основные принципы:
1. Инкапсуляция: объединение данных и методов.
2. Наследование: создание новых классов на основе существующих.
3. Полиморфизм: возможность использовать один интерфейс для разных типов.
4. Абстракция: выделение важных характеристик и скрытие деталей реализации.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
👍1
🤔 Какие теги запрещены в HTML5?

HTML5 устранил устаревшие теги, такие как:
-
-
- ,
-
- , ,
- , ,
Их функциональность заменена CSS и современными элементами.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой HTML атрибут необходим для указания, что элемент формы не должен быть валидирован при отправке?
Anonymous Poll
84%
novalidate
0%
formnovalidate
16%
disablevalidate
0%
novaluecheck
🤔 Что необходимо указать в CSS для срабатывания брейкпоинтов?

Нужно использовать media-запросы с условиями ширины экрана, например min-width и max-width. Это позволяет задавать разные стили для разных устройств и разрешений.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Почему стали популярны препроцессоры?

Они позволяют:
- использовать переменные, функции, миксины;
- вкладывать стили логически;
- импортировать файлы удобно;
- избегать повторений и ускорять разработку.
Sass, Less, Stylus — самые популярные.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой тип CSS-свойства background-clip определяет, что фон будет ограничен контентом элемента?
Anonymous Poll
0%
border-box
0%
padding-box
100%
content-box
0%
margin-box
🤔 Какое CSS свойство позволяет элементу занимать оставшееся место в контейнере Flexbox?
Anonymous Poll
6%
flex-basis
88%
flex-grow
6%
flex-shrink
0%
flex-stretch
🤔 Какой HTML тег используется для определения контактной информации, связанной с ближайшим предшествующим статьёй или телом документа?
Anonymous Poll
29%
contact
29%
info
21%
address
21%
details
🤔 Какие правила работы Redux?

• Единое хранилище: Все состояние приложения хранится в одном объекте.
• Состояние неизменно: Состояние не изменяется напрямую, а только через чистые функции (редьюсеры).
• Действия (actions): Для изменения состояния в хранилище используется только один тип объекта — действия, которые описывают, что должно произойти.
• Чистые редьюсеры: Редьюсеры — это функции, которые принимают текущее состояние и действие, и возвращают новое состояние. Они не должны изменять переданный объект состояния.
• Необходимо использовать dispatch: Чтобы инициировать изменение состояния, нужно использовать функцию dispatch, которая передает действие в редьюсер.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript используется для асинхронной обработки элементов массива с использованием промисов?
Anonymous Poll
28%
Array.forEachAsync()
56%
Array.asyncMap()
6%
Array.fromAsync()
🤔 Какое значение свойства display используется для создания ceтки-контейнера?
Anonymous Poll
0%
block
96%
grid
4%
flex
0%
inline-grid
🤔 Какие модификаторы есть у событий?

Для событий доступны модификаторы, которые управляют их поведением. Например, можно остановить распространение события вверх по DOM, предотвратить стандартное действие браузера, выполнить обработку только один раз или задать специальный порядок вызова. Это даёт более тонкий контроль над поведением событий в интерфейсе.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой атрибут <input> используется для создания слайдера, выбирающего числовые значения?
Anonymous Poll
0%
type="slider"
91%
type="range"
9%
type="scroll"
0%
type="adjust"