Frontend | Тесты – Telegram
Frontend | Тесты
7.87K subscribers
44 photos
477 links
Cайт easyoffer.ru
Реклама @easyoffer_adv
ВП @easyoffer_vp

Вопросы собесов t.me/+kXKgJEjRUww3N2Ni
Задачи t.me/+_tcX2w2EmvdmMTgy
Вакансии t.me/+CgCAzIyGHHg0Nzky
Download Telegram
🤔 Перечислите строчные элементы, которые вам известны (хотя бы 5).

- <span>
- <a>
- <strong>
- <em>
- <img>


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥2
🤔 Что вернёт следующий код: console.log(typeof new Boolean(false));?
Anonymous Quiz
44%
"boolean"
35%
"object"
13%
"false"
9%
Ошибка
👍4🔥2
🤔 Какой HTML атрибут используется для указания, что форма должна быть отправлена без валидации данных?
Anonymous Quiz
51%
novalidate
5%
formnovalidate
38%
validate="false"
6%
skip-validation
🔥3👍1
🤔 Что такое DCI?

DCI (Data, Context, Interaction) — архитектурный подход:
- Data — структура данных;
- Context — конкретный сценарий использования;
- Interaction — поведение в рамках этого контекста.
Фокус на поведении системы во времени, а не только на структуре.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8
🤔 Как в CSS задать стили только для печати?
Anonymous Quiz
8%
@media screen { ... }
88%
@media print { ... }
3%
@media all { ... }
1%
@media none { ... }
👍3
🤔 Какие были фриланс-заказы, связанные с JS?

Это могли быть:
- верстка и добавление интерактивности на сайт;
- реализация модальных окон, галерей, слайдеров;
- валидация форм;
- написание небольших скриптов для логики интерфейса;
- подключение API или обработка данных с сервера.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔5🔥3💊1
🤔 Какое свойство CSS применяется для задания расстояния между словами в тексте?
Anonymous Quiz
46%
word-spacing
35%
letter-spacing
6%
text-indent
13%
line-height
👍2
🤔 Что вернёт следующий код: console.log(Math.sqrt(16));?
Anonymous Quiz
88%
4
5%
8
3%
16
4%
Ошибка
👍2🔥1
🤔 Что такое плавающие элементы (floats)?

float — это CSS-свойство, которое позволяет элементу выложиться по левому или правому краю контейнера, при этом текст и другие элементы могут его обтекать.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥4
🤔 Какое свойство и значение в CSS используются для создания непрерывной рамки вокруг элемента без разрывов?
Anonymous Quiz
7%
border-style: continuous;
17%
border: 1px unbroken;
73%
border-style: solid;
3%
border-connect: solid;
👍1
🤔 Какое свойство SVG позволяет анимировать путь от одной формы к другой?
Anonymous Quiz
19%
animateMotion
10%
morph
49%
animateTransform
23%
pathTransition
🔥3
🤔 Какими хуками и средствами можно заблокировать лишний ререндер?

- React.memo — мемоизация компонента.
- useMemo — мемоизация значений.
- useCallback — мемоизация функций.
- shouldComponentUpdate / React.PureComponent — в классовых компонентах.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍2
🤔 Какое значение свойства CSS grid-gap задает расстояние между элементами Grid?
Anonymous Quiz
8%
10px
5%
1em
0%
5%
86%
Все вышеперечисленные значения
👍5
🤔 Какое свойство CSS используется для установки внешних отступов элемента?
Anonymous Quiz
11%
padding
3%
border
84%
margin
1%
spacing
👍2
🤔 Какие проблемы решает Vuex?

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


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5💊1
🤔 Какое CSS свойство позволяет задать множественные фоны для элемента?
Anonymous Quiz
31%
multi-background
47%
background-image
11%
backgrounds
11%
layer-background
🔥2
🤔 Какой атрибут элемента <form> определяет адрес, на который должны быть отправлены данные формы?
Anonymous Quiz
15%
method
51%
action
33%
target
2%
enctype
👍4
🤔 Как создать поток Web Worker в JavaScript?

Создаётся через объект Worker, указывая путь к JS-файлу. Этот файл будет исполняться в отдельном потоке и обмениваться данными с основным с помощью сообщений.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👍4
🤔 Какой хук в React используется для управления состоянием в функциональных компонентах?
Anonymous Quiz
4%
useReducer
13%
useEffect
80%
useState
2%
useContext
👍2🔥1
🤔 Какой JavaScript объект или интерфейс предоставляет доступ к функциональности геолокации, позволяя веб-приложениям запрашивать, отслеживать и реагировать на изменение местоположения пользователя?
Anonymous Quiz
31%
Geolocation API
45%
Navigator.location
16%
Window.geolocation
🔥3
🤔 Почему TypeScript стал востребован?

Причины популярности TypeScript:
- Безопасность кода: большинство ошибок обнаруживаются ещё до выполнения.
- Лучшая поддержка редакторов и автодополнение.
- Облегчение командной работы: благодаря контрактам типов легче читать и использовать чужой код.
- Масштабируемость: подходит для крупных проектов, где важна предсказуемость поведения.
- Совместимость с JavaScript: можно внедрять постепенно, не переписывая весь проект.
- Популярность фреймворков: Angular, React, NestJS активно используют TypeScript.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥1