FrontendQuiz - задачи с собеседований по фронтенду

🤔 Что такое props? Props (свойства) — это данные, передаваемые от родительского компонента к дочернему в React, которые используются для конфигурации и не могут быть изменены внутри дочернего компонента. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚

‍Пожизненный PRO — по цене одного года. Покупаешь один раз — пользуешься всю жизнь: 👉 https://easyoffer.ru/pro 🚀 PRO-доступ закроет 99% проблем на пути к офферу: 1. 1100+ записей реальных собеседований (включая топы: Сбер, Авито, Яндекс, WB, OZON, МТС). Видите всё изнутри: как спрашивают, как отвечают сильные кандидаты и на каких ошибках проваливаются 80%. 2. База live-coding задач и вопросов с реальных собесов — с уникальной системой вероятности их встречи. Готовитесь не вслепую, а точечно по темам, которые спрашивают чаще всего. 3. Эталонные ответы от Senior-разработчиков. Никакой воды и догадок — только чёткие структурированные решения, за которые дают «зелёный свет» к офферу. 4. Полный доступ ко всем грейдам и профессиям. Junior вы или Senior, тестировщик, разработчик или проджект — вы получаете ВСЕ материалы easyoffer без ограничений. Безлимитно, Все, Навсегда. 5. База 400+ тестовых заданий. Прокачивайте навыки на реальных задачах — тех самых, что дают перед собесом. 6. Автоотклики на hh — пока вы спите, резюме уходит рекрутерам автоматически. Экономия сотен часов ручного кликанья. 7. Аналитика ТОП-требований из вакансий. Парсим рынок и показываем, какие скиллы сейчас в цене. Апгрейдите резюме точечно и проходите ATS-фильтры (они отсеивают до 75% резюме ещё до рекрутера). 8. Генератор резюме и CV под каждую вакансию. Забудьте про «универсальное» резюме — нейросеть адаптирует ваш опыт под конкретную позицию за минуту и повышает шансы на приглашение в разы. 9. Тренажёры подготовки к собеседованию: «Реальное собеседование» — сценарий вопросов из настоящих интервью. «Проработка вопросов» — флеш-карточки по методике интервальных повторений (как Anki) 10. 🔥 Самое важное: все будущие фичи Вы платите один раз, а продукт растёт всю жизнь. Каждое обновление, каждый новый инструмент, каждая фича, которая появится за все годы проекта, автоматически падает вам в подписку без доплат. Вы фиксируете цену года, а получаете продукт, который через пару лет будет стоить в разы дороже ⭐️ Это уникальная акция пока сайт в режиме Beta. Успей ей воспользоваться ⏳ Завтра последний день. 👉 https://easyoffer.ru/pro

🤔 Что произойдёт, если написать невалидную разметку? - Браузер попытается исправить автоматически. - Может сломаться верстка, стили, поведение. - Влияет на SEO и доступность. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚

🧿 Осталось 3 дня, чтобы забрать оберег! Пожизненный easyoffer PRO по цене одного года. Надеваешь один раз и защищён всю жизнь 🎃 От чего защищает оберег: 1. Вопросы и задачи с реальных собеседований в конкретных компаниях — от сюрпризов на собесе 2. Лучшие ответы и видео-примеры от middle/senior специалистов — от ответов уровня джуна 3. Записи реальных собеседований — от страха неизвестности 4. Обход фильтров ATS с топ-30 ключевых слов в резюме — от автоотказов, пришедших из темноты в 3 часа ночи 5. Автоотклики на hh — от бесконечных часов ручных откликов 6. Тренажёры и симуляторы — от дрожи в голосе перед интервьюером 👻 ⏳ Акция действует только до 31 октября 23:59 по МСК 👉 Забрать оберег со скидкой 70%: https://easyoffer.ru/pro

🤔 Что такое requestAnimationFrame? Это API браузера, позволяющее синхронизировать выполнение JavaScript-кода с кадром отрисовки браузера. Оно используется для анимаций и работает эффективнее, чем setTimeout или setInterval, поскольку вызывается перед перерисовкой. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚

🤔 Отличия Subject, BehaviorSubject, ReplaySubject? - Subject — обычный Observable, без начального значения, подписчик получает только новые данные; - BehaviorSubject — хранит последнее значение, отправляет его сразу при подписке; - ReplaySubject — сохраняет несколько предыдущих значений, можно настроить буфер по количеству или времени. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚

🤔 Как узнать дочерний класс? Чтобы узнать, к какому классу принадлежит экземпляр, можно использовать instanceof. Также можно обратиться к constructor.name у объекта, чтобы получить имя класса. Если необходимо различать несколько наследников в родительском коде, можно явно добавить каждому классу метку, например, this.type = "ChildClass". Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚

🤔 Из каких секций состоит компонент Vue? - — разметка; - — логика компонента; - — стили, можно использовать scoped для изоляции; Дополнительно — setup, lang, scoped, module и др. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚

🤔 Какие есть способы центрирования через inline-block? Можно задать text-align: center родителю и сделать элемент display: inline-block. Это работает как с текстом, так и с визуальными элементами. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚

🤔 Как получить ключи? В JavaScript для получения ключей объекта используют: - Object.keys(obj) — возвращает массив всех собственных перечисляемых ключей объекта. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚

🤔 Что возвращает useState? useState возвращает массив из двух элементов: 1. Текущее значение состояния; 2. Функция, с помощью которой это значение можно изменить. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚