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

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Что такое computed-свойства?

Это реактивные свойства, которые зависят от других реактивных данных и автоматически пересчитываются, когда зависимости меняются.
Они кешируются до тех пор, пока зависимости не изменятся.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Как понять, что у тебя «кровавый энтерпрайз»?

- Каждое изменение — боль и затраты.
- Отсутствие документации и тестов.
- Бесконечные согласования и сломанный CI.
- Система зависимостей — как джанга.
- Код «держится на одном человеке».
- Внедрение фич занимает месяцы, багфиксы — недели.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой CSS-селектор используется для выбора всех элементов, которые являются последними детьми своих родителей?
Anonymous Poll
92%
:last-child
4%
:first-child
0%
:child
4%
:end-child
🤔 Какое свойство CSS предоставляет механизм для условного применения стилей на основе существования, значения или отсутствия определенных атрибутов на элементе?
Anonymous Poll
18%
attribute-exists
47%
[attribute=value]
35%
:has
6%
:attr
🤔 Свойство display - основное значение и как оно работает?

Свойство display в CSS определяет, как элемент должен быть отображен на странице. Основные значения: block, inline, inline-block и none. Например, block создает блочный уровень элемента, который занимает всю доступную ширину, а none полностью скрывает элемент.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Как в CSS задать градиентный фон с диагональным направлением от верхнего левого угла к нижнему правому?
Anonymous Poll
27%
background: linear-gradient(to bottom right, red, blue);
18%
background: gradient-diagonal(red, blue);
0%
background: linear-gradient(red, blue to top left);
55%
background: linear-gradient(from top left, to bottom right, blue to red);
⌨️ Хотите научиться создавать полноценные API-серверы с использованием Node.js и TypeScript?

Приглашаем на открытый урок «Как создать API-сервер с TypeScript и Node.js».

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

На открытом уроке мы покажем, как быстро настроить сервер с помощью Express, создать маршруты для работы с данными и обрабатывать запросы от клиентов. Вы освоите основы TypeScript и API-разработки, получите знания для работы с типами данных и ошибок.

🎯 Погрузитесь в мир востребованной backend-разработки: создайте API-сервер, научитесь писать чистый и безопасный код и откройте для себя возможности Node.js.

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

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
🤔 Arrow functions — to avoid using bind — чем от обычной отличается?

Стрелочные функции автоматически "привязывают" this к контексту, в котором были объявлены. В отличие от обычных функций, где this зависит от вызова, стрелочная берёт его из лексического окружения.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение будет в переменной e после выполнения следующего кода?
let e = [1, 2, 3];
e = e.reduce((acc, val) => acc * val, 1);
Anonymous Poll
13%
1
0%
2
74%
6
13%
8
🤔 Какой HTML атрибут необходим для определения порядка фокусировки элементов при навигации с помощью клавиатуры?
Anonymous Poll
74%
tabindex
9%
accesskey
9%
focusorder
9%
orderindex
🤔 Как обеспечиваешь отображение страниц в старых/ограниченных браузерах?

- Использование прогрессивного улучшения;
- Подключение polyfill-ов;
- Проверка @supports (https://t.iss.one/supports) или условные комментарии (для IE);
- Минимизация современных CSS-эффектов;
- Использование более совместимых фолбеков (например, display: block вместо flex).

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какие методы общения имеются в протоколе HTTP?

- GET — получение данных;
- POST — отправка/создание;
- PUT — обновление;
- PATCH — частичное обновление;
- DELETE — удаление;
- OPTIONS, HEAD, CONNECT, TRACE — вспомогательные методы.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какую последнюю статью или книжку читал связанную с frontend?

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

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

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

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