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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Назови инструменты, которые использовал для написания асинхронных вызовов.

- Promise
- async/await
- Fetch API
- Axios
- setTimeout / setInterval
- WebSocket — для real-time;
- AbortController — для отмены.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript может быть использован для асинхронной загрузки скрипта и возврата промиса, когда скрипт выполнен?
Anonymous Poll
30%
import()
4%
System.import()
52%
require.async()
15%
loadScript()
🤔 Какое значение будет в переменной e после выполнения следующего кода?
let e = "JavaScript"; e = e.replace(/a/g, "o");
Anonymous Poll
21%
"JavaScript"
63%
"JovoScript"
11%
"JavoScript"
5%
"JovaScript"
🤔 В чём разница между JS и Python?

- JS работает в браузере, Python — нет (но применяется на сервере);
- Синтаксис и принципы ООП разные;
- JS однопоточен (с Event Loop), Python — с GIL;
- JS популярен для frontend, Python — в data science, ML, backend.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое свойство CSS позволяет элементам не учитывать определенные границы при позиционировании?
Anonymous Poll
24%
margin-collapse
35%
border-ignore
18%
outline-offset
24%
margin-offset
🤔 Как происходит работа с задачами в проекте?

Обычно работа с задачами организуется через систему управления проектами (например, Jira, YouTrack, Trello, GitLab Issues). Основные этапы:
1. Постановка задачи — задача формализуется, описывается бизнес-требование, сценарии, критерии приёмки.
2. Груминг — задача уточняется командой, разбивается на подзадачи, оценивается по трудозатратам (story points, часы).
3. Разработка — задача берётся в работу, создаётся ветка в Git, ведётся разработка.
4. Код-ревью и тестирование — изменения проверяются через pull/merge request, автоматические и ручные тесты.
5. Деплой и закрытие — задача закрывается после успешного тестирования и релиза.
Также может использоваться Scrum или Kanban: с планированием спринтов, доской задач и ежедневными стендапами.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
👍1
🤔 Какое значение будет в переменной h после выполнения следующего кода?
let h = [1, 2, 3, 4, 5];
h = h.splice(1, 2);
Anonymous Poll
14%
[1, 2]
75%
[2, 3]
4%
[2, 3, 4]
7%
[1, 2, 3]
🤔 В чём отличие created от beforeCreated?

- beforeCreated вызывается до инициализации реактивности и событий.
- created вызывается после инициализации данных, событий и реактивности, но до вставки в DOM.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript используется для преобразования значений всех типов данных в строки?
Anonymous Poll
86%
toString
0%
toValue
16%
stringify
0%
str
🤔 Какое свойство CSS позволяет анимировать переходы между состояниями?
Anonymous Poll
96%
transition
0%
animate
4%
change
0%
motion
🤔 Что известно про отдельные домены для статики?

Использование отдельных доменов (например, static.example.com (static.example.com)) для статики позволяет:
- разграничить кэш между основным контентом и статикой;
- избежать лишней отправки cookie;
- ускорить загрузку ресурсов браузером (параллельные запросы);
- повысить безопасность (ограничение CORS и хедеров).

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение будет в переменной d после выполнения следующего кода?
let d = [1, 2, 3]; d.shift();
Anonymous Poll
4%
[1, 2, 3]
85%
[2, 3]
4%
[1, 3]
8%
[3]
🤔 Какие свойства flexbox позволяют выравнивать элементы по главной оси и поперечной оси соответственно?
Anonymous Poll
88%
justify-content; align-items;
12%
align-content; justify-items;
0%
flex-start; flex-end;
0%
main-axis; cross-axis;
🤔 В чём отличие for от while?

- for — когда знаем начало и конец.
- while — когда повторяем пока выполняется условие.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🔥1
🤔 Какой метод JavaScript используется для выполнения кода при пересечении элемента с областью видимости?
Anonymous Poll
59%
intersectionObserver
18%
visibilitychange
9%
requestAnimationFrame
14%
onVisible
🤔 Какое CSS свойство позволяет создать фиксированный фон при прокрутке страницы, который остается на одном месте даже при перемещении контента?
Anonymous Poll
80%
background-position: fixed
3%
background-stay: fixed
10%
background-attachment: fixed
7%
background-fixed: true
🤔 Как получаем веб-страницу?

1. Пользователь вводит URL;
2. Происходит DNS-запрос → IP-адрес;
3. Устанавливается TCP/SSL-соединение;
4. Браузер отправляет HTTP(S)-запрос;
5. Сервер возвращает HTML-документ;
6. Браузер парсит и отображает страницу.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Что вернёт следующий код: console.log(Array.isArray([]));?
Anonymous Poll
73%
true
8%
false
8%
"array"
11%
Ошибка
🤔 Какой CSS-селектор используется для применения стилей к элементам на основе их содержимого?
Anonymous Poll
18%
:contains()
54%
:has()
4%
:text()
25%
:content()
🤔 Где заканчивается JS, а где начинается DOM?

JavaScript — это язык программирования, а DOM — это объектная модель документа, предоставляемая браузером. JS используется для работы с DOM через его API.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой HTML тег создает нумерованный список?
Anonymous Poll
5%
list
23%
ul
70%
ol
2%
nl