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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Какое свойство CSS позволяет элементам не учитывать определенные границы при позиционировании?
Anonymous Poll
13%
margin-collapse
40%
border-ignore
20%
outline-offset
27%
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
15%
[1, 2]
73%
[2, 3]
4%
[2, 3, 4]
8%
[1, 2, 3]
🤔 В чём отличие created от beforeCreated?

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript используется для преобразования значений всех типов данных в строки?
Anonymous Poll
83%
toString
0%
toValue
20%
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
5%
[1, 2, 3]
86%
[2, 3]
5%
[1, 3]
5%
[3]
🤔 Какие свойства flexbox позволяют выравнивать элементы по главной оси и поперечной оси соответственно?
Anonymous Poll
83%
justify-content; align-items;
17%
align-content; justify-items;
0%
flex-start; flex-end;
0%
main-axis; cross-axis;
🤔 В чём отличие for от while?

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🔥1
🤔 Какой метод JavaScript используется для выполнения кода при пересечении элемента с областью видимости?
Anonymous Poll
70%
intersectionObserver
10%
visibilitychange
20%
requestAnimationFrame
0%
onVisible