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

Сотрудничество: @cyberJohnny
Download Telegram
🎯Открытый урок «Пишем высоконагруженное отказоустойчивое 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
54%
font-style
38%
text-decoration
4%
text-transform
8%
font-weight
🤔 Какой метод JavaScript используется для создания нового объекта URL, который можно использовать для разбора и изменения URL-адресов внутри приложения?
Anonymous Poll
56%
new URL()
24%
URL.createObject()
12%
createURL()
8%
parseURL()
🤔 Какое свойство CSS устанавливает, как элементы должны обтекать друг друга в документе?
Anonymous Poll
14%
flow
25%
wrap
61%
float
0%
align
🤔 В чём проблема адаптации HTML-таблиц?

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой JavaScript API позволяет динамически изменять структуру и стиль документа, реагируя на изменения размеров окна просмотра для создания адаптивного дизайна без медиа-запросов?
Anonymous Poll
20%
ResizeObserver
20%
MutationObserver
60%
Window.onresize
0%
StyleManager
🤔 Зачем нужен Docker?

Docker позволяет упаковать приложение и все его зависимости в контейнер, обеспечивая одинаковую среду для разработки, тестирования и продакшна.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое CSS свойство определяет максимальное количество строк текста, которое может быть видимо перед обрезкой?
Anonymous Poll
52%
line-clamp
28%
text-max
20%
max-lines
0%
text-limit
🤔 Какой CSS-селектор используется для выбора элемента с конкретным id?
Anonymous Poll
0%
.idname
0%
*
3%
idname
🤔 Что такое схлопывание границ?

Схлопывание границ происходит, когда смежные внешние отступы (margin) двух элементов объединяются в один. Это экономит пространство и упрощает расчёты вёрстки.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение будет в переменной g после выполнения следующего кода?
let g = [1, 2, 3];
g = g.map(x => x * 2).reduce((acc, val) => acc + val, 0);
Anonymous Poll
33%
6
56%
12
11%
14
0%
18