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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Какое свойство CSS используется для установки внешних отступов элемента?
Anonymous Poll
13%
padding
2%
border
87%
margin
0%
spacing
🤔 Почему происходит перенаследование селекторов?

CSS-селекторы перенаследуются по следующим причинам:
- Каскадность – приоритет определяется порядком в файле.
- Специфичность – ID имеет больший приоритет, чем класс, а класс – больше, чем тег.
- Наследование – дочерние элементы могут унаследовать свойства своих родителей.

Ставь 👍 если знал ответ, 🔥 если нет.
🤔 Что вернёт следующий код: console.log("5" * 2);?
Anonymous Poll
63%
10
4%
"10"
14%
"52"
19%
Ошибка
Что такое state manager и с какими приходилось работать?

State manager — это инструмент или библиотека для управления состоянием приложения, особенно в сложных проектах с большим количеством взаимозависимых данных. Популярные state manager’ы включают Redux, MobX и Zustand для React-приложений, обеспечивающие централизованное хранение и управление состоянием. Они помогают структурировать данные, отслеживать их изменения и синхронизировать их между компонентами.

Ставь 👍 если знал ответ, 🔥 если нет.
🤔 Какое CSS свойство позволяет анимировать переходы состояний SVG-фильтров на элементе?
Anonymous Poll
22%
filter-animation
44%
transition-filter
25%
animate-filter
9%
filter
🤔 Какое CSS свойство позволяет элементу быть позиционированным в трехмерном пространстве?
Anonymous Poll
8%
transform-style
26%
perspective
41%
3d-transform
28%
transform
🤔 Как функционируют вычисляемые свойства?

- При первом запросе запускается функция, и результат сохраняется.
- Если изменяются зависимости, свойство помечается как «грязное», и при следующем запросе происходит пересчет.
- Это используется для оптимизации, чтобы не выполнять вычисления каждый раз, как в случае с методами.
Важно: вычисляемые свойства не вызывают побочных эффектов, их задача — вычислять значения, а не «что-то делать».

Ставь 👍, если знал ответ, 🔥 если нет. Забирай 📚
🤔 Какое свойство CSS используется для добавления тени к тексту?
Anonymous Poll
83%
text-shadow: 2px 2px 2px #000;
15%
font-shadow: 2px 2px #000;
5%
text-outline: 2px #000;
0%
letter-shadow: 2px 2px #000;
🤔 Какой метод JavaScript API позволяет асинхронно запрашивать доступ к медиа устройствам, таким как камеры или микрофоны?
Anonymous Poll
18%
navigator.getMedia()
50%
navigator.mediaDevices.getUserMedia()
26%
MediaStream.requestAccess()
9%
DeviceRequest.getAccess()
🤔 Почему необходим Redux?

Redux применяется для централизованного управления состоянием приложения. Он упрощает обмен данными между компонентами, облегчает отладку и делает процесс изменения состояния более предсказуемым благодаря экшенам и редьюсерам. Это особенно актуально для больших приложений с сложной структурой данных.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой оператор выполняет побитовое ИЛИ в JavaScript?
Anonymous Poll
2%
&
91%
|
5%
^
2%
~
🤔 Какой метод JavaScript позволяет отменить действие, назначенное ранее с setTimeout()?
Anonymous Poll
76%
clearTimeout()
4%
undoTimeout()
16%
resetTimeout()
4%
stopTimeout()
🤔 Как выровнять блок по центру как по горизонтали, так и по вертикали?

Можно применить flexbox (justify-content: center и align-items: center), grid или использовать свойства position с transform: translate.

Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚
🤔 Какое свойство CSS используется для определения пространства между границей и контентом элемента?
Anonymous Poll
82%
padding;
11%
margin;
4%
border-space;
5%
content-spacing;
🤔 В чем отличие между foreach и map?

forEach выполняет заданную функцию для каждого элемента массива, но не создает новый массив. В то время как map формирует новый массив, заполняя его результатами работы функции для каждого элемента исходного массива. forEach чаще применяется для выполнения действий, которые приводят к побочным эффектам, например, для изменения существующих данных или вызова внешних функций. map более удобен для преобразования массива в новый массив с измененными данными. Если необходимо создать новый массив, лучше использовать map.

Ставь 👍 если знал ответ, 🔥 если нет. Забирай 📚
🤔 Какой JavaScript объект используется для создания и манипуляции виртуальными файловыми системами в браузере, обеспечивая временное хранение файлов и данных?
Anonymous Poll
32%
FileSystem API
10%
VirtualFS
56%
Storage API
5%
WebFS
🤔 Что такое HTTP?

HTTP (Протокол передачи гипертекста) — это метод передачи данных между клиентом (браузером) и сервером. Он функционирует на основе запросов (GET, POST, PUT, DELETE) и ответов, позволяя обмениваться текстами, медиа и другими видами данных.

Ставь 👍 если знал ответ, 🔥 если нет. Забирай 📚
🤔 Какие существуют хуки?

В React хуки — это специальные функции, которые дают возможность "подключаться" к состоянию и жизненному циклу функциональных компонентов. Основные хуки включают useState для управления состоянием, useEffect для обработки побочных эффектов и useContext для доступа к контексту. Также имеются пользовательские хуки, которые можно создавать для повторного использования логики между компонентами. Хуки позволяют использовать функциональные компоненты так же эффективно, как и классовые.

Ставь 👍, если знал ответ, 🔥 если нет. Забирай 📚
🤔 Что представляет собой репозиторий?

Это место, где хранятся код, файлы и их история изменений. Он предназначен для работы в команде над проектами. Репозитории могут быть локальными (на вашем компьютере) или удаленными (например, на GitHub, GitLab). Системы контроля версий, такие как Git, помогают управлять содержимым репозитория.

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