FrontendQuiz - задачи с собеседований по фронтенду
Відкрити в Telegram
Задачки для фронтендщиков: алгоритмы, регулярные выражения, вопросы с интервью, задачи для Junior Frontend и разбор их решения. Сотрудничество: @cyberJohnny
Показати більше
Сітка:1 551
Підписники
Немає даних24 години
-77 днів
-1830 день
Триває завантаження даних...
Схожі канали
Хмара тегів
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
липень '26
липень '26
+3
в 0 каналах
червень '26
+5
в 0 каналах
Get PRO
травень '26
+5
в 0 каналах
Get PRO
квітень '26
+9
в 0 каналах
Get PRO
березень '26
+6
в 0 каналах
Get PRO
лютий '26
+7
в 0 каналах
Get PRO
січень '26
+7
в 0 каналах
Get PRO
грудень '25
+12
в 1 каналах
Get PRO
листопад '25
+16
в 0 каналах
Get PRO
жовтень '25
+21
в 1 каналах
Get PRO
вересень '25
+9
в 0 каналах
Get PRO
серпень '25
+15
в 0 каналах
Get PRO
липень '25
+15
в 0 каналах
Get PRO
червень '25
+19
в 0 каналах
Get PRO
травень '25
+14
в 0 каналах
Get PRO
квітень '25
+17
в 0 каналах
Get PRO
березень '25
+20
в 0 каналах
Get PRO
лютий '25
+12
в 0 каналах
Get PRO
січень '25
+26
в 0 каналах
Get PRO
грудень '24
+16
в 0 каналах
Get PRO
листопад '24
+16
в 0 каналах
Get PRO
жовтень '24
+79
в 0 каналах
Get PRO
вересень '24
+18
в 0 каналах
Get PRO
серпень '24
+28
в 0 каналах
Get PRO
липень '24
+30
в 0 каналах
Get PRO
червень '24
+26
в 0 каналах
Get PRO
травень '24
+32
в 1 каналах
Get PRO
квітень '24
+30
в 1 каналах
Get PRO
березень '24
+20
в 0 каналах
Get PRO
лютий '24
+41
в 0 каналах
Get PRO
січень '24
+42
в 0 каналах
Get PRO
грудень '23
+39
в 0 каналах
Get PRO
листопад '23
+30
в 2 каналах
Get PRO
жовтень '23
+53
в 0 каналах
Get PRO
вересень '23
+42
в 0 каналах
Get PRO
серпень '23
+91
в 0 каналах
Get PRO
липень '23
+14
в 0 каналах
Get PRO
червень '23
+19
в 0 каналах
Get PRO
травень '23
+26
в 0 каналах
Get PRO
квітень '23
+26
в 0 каналах
Get PRO
березень '23
+32
в 0 каналах
Get PRO
лютий '23
+145
в 0 каналах
Get PRO
січень '23
+48
в 0 каналах
Get PRO
грудень '22
+59
в 0 каналах
Get PRO
листопад '22
+47
в 0 каналах
Get PRO
жовтень '22
+70
в 0 каналах
Get PRO
вересень '22
+67
в 0 каналах
Get PRO
серпень '22
+250
в 0 каналах
Get PRO
липень '22
+133
в 0 каналах
Get PRO
червень '22
+57
в 0 каналах
Get PRO
травень '22
+87
в 0 каналах
Get PRO
квітень '22
+38
в 0 каналах
Get PRO
березень '22
+27
в 0 каналах
Get PRO
лютий '22
+41
в 0 каналах
Get PRO
січень '22
+55
в 0 каналах
Get PRO
грудень '21
+29
в 0 каналах
Get PRO
листопад '21
+39
в 0 каналах
Get PRO
жовтень '21
+349
в 0 каналах
Get PRO
вересень '21
+30
в 0 каналах
Get PRO
серпень '21
+23
в 0 каналах
Get PRO
липень '21
+394
в 0 каналах
Get PRO
червень '21
+213
в 0 каналах
Get PRO
травень '21
+278
в 0 каналах
Get PRO
квітень '21
+353
в 0 каналах
Get PRO
березень '21
+14
в 0 каналах
Get PRO
лютий '21
+12
в 0 каналах
Get PRO
січень '21
+4
в 0 каналах
Get PRO
грудень '20
+1 051
в 0 каналах
| Дата | Залучення підписників | Згадування | Канали | |
| 24 липня | 0 | |||
| 23 липня | 0 | |||
| 22 липня | 0 | |||
| 21 липня | 0 | |||
| 20 липня | 0 | |||
| 19 липня | 0 | |||
| 18 липня | 0 | |||
| 17 липня | 0 | |||
| 16 липня | 0 | |||
| 15 липня | 0 | |||
| 14 липня | 0 | |||
| 13 липня | 0 | |||
| 12 липня | 0 | |||
| 11 липня | 0 | |||
| 10 липня | 0 | |||
| 09 липня | 0 | |||
| 08 липня | +1 | |||
| 07 липня | 0 | |||
| 06 липня | +1 | |||
| 05 липня | +1 | |||
| 04 липня | 0 | |||
| 03 липня | 0 | |||
| 02 липня | 0 | |||
| 01 липня | 0 |
Дописи каналу
🤔 Как писать страничку на Vue?
- Создать компонент с секциями template, script, style;
- Настроить роутинг, состояние, API-запросы;
- Использовать v-model, v-if, v-for и события;
- Компонентно структурировать всё приложение.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
| 2 | 🤔 Какое значение будет в переменной i после выполнения следующего кода?
let i = [1, 2, 3];
i.splice(1, 1, 4); | 45 |
| 3 | 🤔 Какое свойство CSS используется для установления прозрачности элемента, включая его содержимое? | 55 |
| 4 | 🤔 E.preventDefault() и E.stopPropagation(), для чего нужны?
e.preventDefault() предотвращает стандартное поведение элемента (например, отправку формы при нажатии на кнопку). e.stopPropagation() останавливает дальнейшую передачу события по цепочке DOM, предотвращая его обработку родительскими элементами.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 | 54 |
| 5 | 🤔 Какое значение будет в переменной b после выполнения следующего кода?
let b = [1, 2, 3];
b = b.flatMap(x => [x, x * 2]); | 55 |
| 6 | 🤔 Какое значение свойства CSS contain используется для ограничения области стилей, размеров и содержимого элемента? | 62 |
| 7 | 🤔 Какое свойство CSS используется для адаптации расположения и масштабирования фоновых изображений, отзываясь на изменения размера контейнера? | 65 |
| 8 | 🤔 Какой HTML тег определяет самостоятельный раздел, который не связан с основным содержимым? | 73 |
| 9 | 🤔 Какой метод JavaScript используется для глубокого копирования объекта, включая его вложенные структуры и символы? | 76 |
| 10 | 🤔 Какой метод JavaScript используется для создания нового HTML элемента? | 69 |
| 11 | 🤔 Какие есть способы фокусировки на элементе?
- element.focus()
- autofocus в HTML.
- ref + useEffect в React.
- Навигация через tabindex.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 | 69 |
| 12 | 🤔 Какой метод JavaScript используется для создания нового HTML элемента? | 69 |
| 13 | 🤔 Какое свойство и значение в CSS используются для создания непрерывной рамки вокруг элемента без разрывов? | 62 |
| 14 | 🤔 Как в HTML указать, что поле формы необходимо заполнить перед отправкой? | 76 |
| 15 | 🤔 Какой особенностью обладает Pipe?
- Он чистый по умолчанию — не пересчитывается без изменений входных данных;
- Есть pure и impure пайпы.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 | 76 |
| 16 | 🤔 Какой JavaScript метод используется для добавления одного или нескольких элементов в начало массива? | 84 |
| 17 | 🤔 Какое свойство CSS используется для установки внешних отступов элемента? | 86 |
| 18 | 🤔 Что такое архитектурный паттерн MVVM?
Model-View-ViewModel:
- Model — бизнес-логика;
- View — UI;
- ViewModel — адаптер между View и Model, содержит данные, с которыми работает UI. Часто используется с data-binding.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 | 90 |
| 19 | 🤔 Что вернёт следующий код: console.log("5" * 2);? | 96 |
| 20 | 🤔 Почему асинхронность — это важно?
- Позволяет не блокировать основной поток и обрабатывать другие задачи.
- Обеспечивает реактивный UI, особенно при запросах к сети или базе.
- Улучшает производительность и отзывчивость.
- Это обязательное условие масштабируемости в современном вебе.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 | 99 |
