FrontendQuiz - задачи с собеседований по фронтенду
Kanalga Telegram’da o‘tish
Задачки для фронтендщиков: алгоритмы, регулярные выражения, вопросы с интервью, задачи для Junior Frontend и разбор их решения. Сотрудничество: @cyberJohnny
Ko'proq ko'rsatish1 526
Obunachilar
-124 soatlar
-97 kun
-2230 kun
Postlar arxiv
🤔 Какой метод JavaScript является частью Web API и предоставляет функционал для немедленного прерывания выполнения скрипта?
⏳ Ребята, сегодня заканчивается акция, о которой стоит знать, если вы в поиске работы или планируете сменить её в ближайший год.
easyoffer — это платформа для подготовки к IT-собесам и поиска оффера. Внутри:
– база реальных вопросов и live-coding задач с собесов (с частотой их встречаемости)
– эталонные ответы от Senior-разработчиков
– 1100+ записей настоящих интервью (Сбер, Яндекс, Авито, WB, OZON, МТС)
– автоотклики на hh, генератор резюме под вакансию, тренажёры собеседований
Сегодня пожизненный PRO-доступ продаётся по цене одного года — платишь один раз и пользуешься всем этим всю жизнь, включая будущие фичи. С завтрашнего дня — только обычная годовая подписка.
👉 https://easyoffer.ru/pro
🤔 Какое значение свойства position используется для позиционирования элемента относительно его исходного положения?
Пожизненный 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.ru (http://hh.ru/) — пока вы спите, резюме уходит рекрутерам автоматически. Экономия сотен часов ручного кликанья.
7. Аналитика ТОП-требований из вакансий. Парсим рынок и показываем, какие скиллы сейчас в цене. Апгрейдите резюме точечно и проходите ATS-фильтры (они отсеивают до 75% резюме ещё до рекрутера).
8. Генератор резюме и CV под каждую вакансию. Забудьте про «универсальное» резюме — нейросеть адаптирует ваш опыт под конкретную позицию за минуту и повышает шансы на приглашение в разы.
9. Тренажёры подготовки к собеседованию:
«Реальное собеседование» — сценарий вопросов из настоящих интервью. «Проработка вопросов» — флеш-карточки по методике интервальных повторений (как Anki)
10. 🔥 Самое важное: все будущие фичи
Вы платите один раз, а продукт растёт всю жизнь. Каждое обновление, каждый новый инструмент, каждая фича, которая появится за все годы проекта, автоматически падает вам в подписку без доплат. Вы фиксируете цену года, а получаете продукт, который через пару лет будет стоить в разы дороже
⭐️ Это уникальная акция пока сайт в режиме Beta.
Успей ей воспользоваться⏳ Завтра последний день.
👉 https://easyoffer.ru/pro
🤔 Какое CSS свойство позволяет элементу занимать максимально доступное пространство по вертикали?
🔥 Осталось 3 дня!
Пожизненный easyoffer PRO по цене одного года. Покупаешь один раз – пользуешься всю жизнь.
Что входит в PRO:
– Вопросы и задачи с реальных собеседований в конкретных компаниях
– Лучшие ответы и видео-примеры от middle/senior специалистов
– Записи реальных собеседований
– Обход фильтров ATS с топ-30 ключевых слов в резюме
– Автоотклики на hh
– Тренажёры и симуляторы для идеальной подготовки к интервью
⏳ Акция действует только до 2 сентября 23:59 по МСК
👉 Забрать PRO со скидкой 70%: https://easyoffer.ru/pro
🤔 Что делают async и defer?
async и defer — это атрибуты, которые изменяют способ загрузки внешних скриптов в HTML.
- async: скрипт загружается асинхронно, параллельно с парсингом HTML, и выполняется сразу после загрузки. Порядок выполнения не гарантируется. Подходит для независимых скриптов (например, аналитика).
- defer: скрипт также загружается параллельно, но выполняется только после завершения парсинга всего HTML-документа, и в порядке подключения. Идеален для инициализации, зависящей от DOM.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔Какой редко используемый атрибут у помогает улучшить доступность, предоставляя заголовки для ячеек таблицы?
🤔 Какой CSS-селектор используется для выбора элемента по значению его атрибута?
Один медленный SQL-запрос может задерживать обновление отчётов, увеличивать нагрузку на инфраструктуру и замедлять работу всей аналитической системы. При этом причина не всегда находится в самом запросе — проблема может быть в индексах, схеме данных, настройках СУБД или ресурсах сервера.
3 сентября в 20:00 на открытом уроке курса «Аналитик DWH» разберёте, как системно исследовать производительность баз данных и находить узкие места.
Вы узнаете, какие показатели помогают оценить состояние СУБД и как отличить нормальную нагрузку от проблемы. Рассмотрите основные причины замедления на разных уровнях — от неэффективного SQL и структуры таблиц до конфигурации базы данных и аппаратного обеспечения.
На практических примерах разберёте, как переписывать проблемные запросы, проектировать и настраивать индексы, а также выбирать инструменты для наблюдения и исследования производительности.
После урока вы сможете точнее определять причины замедления и выбирать способ оптимизации, который соответствует реальной проблеме.
👉 Зарегистрируйтесь https://vk.cc/d0Sguh
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
🤔 Что вернёт следующий код: console.log(undefined == null);?
🤔 Как в CSS указать, что элемент не должен отображаться в документе и не должен занимать пространство?
🤔 Какое значение будет в переменной a после выполнения следующего кода?
let a = [1, 2, 3];
a.length = 0;
🤔 Что вернёт следующий код: console.log(2 > 1 && 2 < 3);?
🤔 Какое значение свойства CSS mask-image используется для задания изображения маски?
🤔 Как выглядит структура таблицы в HTML?
Таблица состоит из трёх логических частей: заголовка, тела и подвала. Эти части обозначаются тегами thead, tbody и tfoot соответственно. Внутри каждой части содержатся строки, представленные тегом tr, а в строках — ячейки: th (заголовок) или td (данные). Такая структура позволяет логично организовать таблицу и упростить стилизацию.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод JavaScript предназначен для установления нового свойства объекта или изменения существующего с определением его конфигурации?
🤔 Какой атрибут HTML определяет видимость элемента только для читалок?
🤔 Какое значение свойства CSS align-self переопределяет выравнивание элемента по перекрестной оси в контейнере Flexbox?
🤔 Что такое кэш приложения в HTML5?
Это механизм, позволяющий сохранять ресурсы веб-приложения в локальном кэше, чтобы оно могло работать офлайн. Реализуется через файл манифеста .appcache (устарело, заменено Service Workers).
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
