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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Какую последнюю статью или книжку читал связанную с frontend?

Это может быть, например, «Building Micro-Frontends» от Luca Mezzalira — книга про масштабирование фронтенд-архитектуры, или статьи на Smashing Magazine о производительности и дизайне систем компонентов. Также полезны обновления спецификаций CSS и Vue на официальных блогах.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Как в JavaScript можно ограничить число с двумя знаками после запятой?
Anonymous Poll
85%
number.toFixed(2);
0%
number.round(2);
4%
number.limitDecimals(2);
15%
Math.round(number, 2);
🤔 Как преобразуется строка в число?

Преобразование строки в число происходит:
- автоматически (если используется в числовом контексте);
- с помощью специальных функций или операторов;
Невалидная строка может привести к NaN.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript позволяет фильтровать элементы массива с использованием асинхронной функции?
Anonymous Poll
29%
asyncFilter()
12%
filterAsync()
12%
asyncMap()
47%
filter()
🤔 С помощью чего можно рассчитать идентификатор в JS?

Можно использовать:
- Счётчики (let id = 1);
- UUID-библиотеки (например, uuid);
- Временные метки (Date.now (Date.now)());
- Хеш-функции от строки или состояния объекта.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Какое значение будет в h.size после выполнения следующего кода?
let h = new Set([1, 2, 3, 4]);
h.add(2);
Anonymous Poll
17%
2
17%
3
50%
4
17%
5
🤔 Чем отличается пропс от стейта?

- Props (свойства) – передаются от родительского компонента дочернему, неизменяемые (immutable).
- State (состояние) – локальные данные компонента, могут изменяться (mutable).
- Props управляют компонентом извне, а State – изнутри.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript используется для создания нового HTML элемента?
Anonymous Poll
92%
document.createElement()
4%
document.newElement()
4%
document.addElement()
0%
document.createNode()
🎯Открытый урок «Пишем высоконагруженное отказоустойчивое API на Bun и Elysia»

🗓 14 августа в 20:00 МСК
🆓 Бесплатно. Урок в рамках старта курса «Node.js Developer».

На вебинаре разберем:
- Ключевые темы и вопросы:
- Почему Bun быстрее, чем Node.js: внутреннее устройство Bun
- Знакомство с Elysia — легковесным фреймворком для Bun
- Подготовка Bun API для продакшн-нагрузок
- Логгирование и мониторинг Bun API
- Метрики и трейсинг для Bun: как не потерять стабильность под нагрузкой
- Практика: нагрузочное тестирование API на Bun

Результаты и навыки участников:
- Узнают, как писать высокопроизводительные API на Bun
- Научатся использовать Elysia для быстрого создания HTTP-приложений
- Освоят подходы к мониторингу и отказоустойчивости API
- Получат опыт нагрузочного тестирования API в продакшн-условиях

🔗 Ссылка на регистрацию: https://clck.ru/3NUXm3

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
🤔 Какое CSS свойство изменяет стиль текста на курсив?
Anonymous Poll
63%
font-style
32%
text-decoration
5%
text-transform
5%
font-weight
🤔 Какой метод JavaScript используется для создания нового объекта URL, который можно использовать для разбора и изменения URL-адресов внутри приложения?
Anonymous Poll
50%
new URL()
28%
URL.createObject()
17%
createURL()
6%
parseURL()
🤔 Какое свойство CSS устанавливает, как элементы должны обтекать друг друга в документе?
Anonymous Poll
25%
flow
31%
wrap
44%
float
0%
align
🤔 В чём проблема адаптации HTML-таблиц?

- Фиксированная ширина.
- Трудно уместить в мобильный экран.
- Сложно сделать прокрутку/перенос.
Решения: scroll-x, сжатие колонок, трансформация в блоки на мобиле.

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