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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Какой JavaScript API предоставляет методы для манипуляции размерами и положением окон браузера?
Anonymous Poll
35%
Document Object Model (DOM)
46%
Browser Object Model (BOM)
19%
Console API
0%
XMLHttpRequest
🤔 Какой метод массива JavaScript создает новый массив с результатами вызова указанной функции для каждого элемента массива?
Anonymous Poll
14%
filter()
71%
map()
18%
reduce()
0%
reduce()
🤔 Какие теги практически обязательно должны быть в ?

- — кодировка;
- — адаптивность;
- — название страницы;
- — стили;
- — описание страницы;
- — управление индексацией.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Назови инструменты, которые использовал для написания асинхронных вызовов.

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

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

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое свойство CSS позволяет элементам не учитывать определенные границы при позиционировании?
Anonymous Poll
14%
margin-collapse
36%
border-ignore
21%
outline-offset
29%
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
13%
[1, 2]
75%
[2, 3]
4%
[2, 3, 4]
8%
[1, 2, 3]
🤔 В чём отличие created от beforeCreated?

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

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

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

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