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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 В чём разница между 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
🤔 Какие перебирающие методы массивов есть?

Некоторые из них:
- forEach — просто перебор;
- map — создание нового массива;
- filter — фильтрация;
- reduce — сведение к одному значению;
- some и every — логические проверки;
- find, findIndex — поиск элементов.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🔥1
🤔 Какой метод JavaScript позволяет создать объект с символьными ключами?
Anonymous Poll
33%
Symbol.create()
19%
Object.create()
30%
Object.fromEntries()
22%
Object.defineProperties()
🤔 Утечки памяти — что это такое и почему плохо?

Утечка памяти — это ситуация, когда память, выделенная под данные, не освобождается, хотя уже не используется. Это приводит к росту потребления памяти, замедлению работы и возможному краху приложения из-за исчерпания ресурсов.

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