FrontendQuiz - задачи с собеседований по фронтенду
Kanalga Telegram’da o‘tish
Задачки для фронтендщиков: алгоритмы, регулярные выражения, вопросы с интервью, задачи для Junior Frontend и разбор их решения. Сотрудничество: @cyberJohnny
Ko'proq ko'rsatish1 509
Obunachilar
Ma'lumot yo'q24 soatlar
-27 kun
-1430 kun
Postlar arxiv
🤔 Свойство display - основное значение и как оно работает?
Свойство display в CSS определяет, как элемент должен быть отображен на странице. Основные значения: block, inline, inline-block и none. Например, block создает блочный уровень элемента, который занимает всю доступную ширину, а none полностью скрывает элемент.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Как в CSS создать плавный переход цвета фона элемента?
🤔 Что такое REST API?
REST (Representational State Transfer) API — это архитектурный стиль разработки веб-сервисов, который использует стандартные HTTP-методы, такие как GET, POST, PUT и DELETE для обмена данными между клиентом и сервером. REST API облегчает взаимодействие с ресурсами, представляя их в форме URL с четко определенными операциями.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Почему оператор называется тернарным?
Потому что он имеет три операнда: условие, выражение при true и выражение при false. Это делает его уникальным среди большинства операторов, которые обычно бинарные или унарные.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Что вернёт следующий код: console.log(typeof undefined);?
🤔 Какой метод JavaScript используется для добавления одного или нескольких элементов в конец массива?
🤔 Почему нельзя использовать контекст в качестве хранилища состояния?
Контекст (React Context) не предназначен для частых обновлений. Он хорош для неизменяемых или редко меняемых данных (например, тема, язык). При каждом изменении контекста перерендериваются все потребители, что может вызвать проблемы с производительностью.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой объект JavaScript предоставляет функциональность для работы с URL текущего документа?
🤔 Что известно про оптимизацию?
- Минификация CSS, JS, изображений;
- Использование кеширования;
- Lazy loading компонентов и ресурсов;
- Уменьшение reflow/repain DOM;
- Оптимизация рендеринга (например, will-change);
- Анализ Lighthouse/DevTools.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое значение будет в переменной i после выполнения следующего кода?
let i = "JavaScript"; i = i.replace("Java", "Type");
🤔 Какое значение будет в переменной c после выполнения следующего кода?
const c = ["apple", "banana", "cherry"]; c.pop();
🤔 Что такое SPA?
SPA (Single Page Application) — это приложение, в котором вся логика и интерфейс загружаются на одной странице, а переходы и обновления происходят без перезагрузки. Данные подгружаются через API-запросы.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод в JavaScript возвращает локализованную строку, представляющую число, в формате, принятом в данной локали?
🤔 Что такое плавающие элементы (floats)?
float — это CSS-свойство, которое позволяет элементу выложиться по левому или правому краю контейнера, при этом текст и другие элементы могут его обтекать.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Для чего нужен "normalize" CSS?
- Вместо полной обнулённости, нормализует поведение элементов, сохраняя полезные стили;
- Обеспечивает кроссбраузерную совместимость и логичное отображение по умолчанию.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Если вы занимаетесь ручным тестированием и хотите перейти к автоматизации, отдельных уроков по JavaScript и Playwright может быть недостаточно. Чтобы уверенно писать автотесты, важно понимать, как устроен весь процесс: от проверки API и интерфейса до запуска тестов в CI/CD.
Курс «Автоматизатор тестирования на JavaScript» поможет выстроить эту систему на практике. Вы научитесь писать автотесты для API и UI, работать с Jest и Playwright, проектировать тестовый фреймворк и запускать проверки с помощью Docker и GitHub CI.
Обучение включает живые занятия, домашние задания и обратную связь от преподавателей-практиков. В итоговом проекте вы создадите собственный тестовый фреймворк, разработаете не менее 10 функциональных автотестов и настроите отчёты о результатах.
Старт курса — 30 сентября. Пройдите вступительное тестирование и узнайте условия обучения: https://vk.cc/d2bLIH
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Solar JSOC - Флагманский SOC с гарантией (https://ya.cc/t/HMyos1v1BBPJoK/?erid=j1SUmv2g3odgJmBBX)
Гарантии крупнейшего коммерческого SOCа России теперь доступны вам.
Узнать больше (https://ya.cc/t/HMyos1v1BBPJoK/?erid=j1SUmv2g3odgJmBBX)
🤔 Какие применить шаблоны проектирования (очередь сообщений, асинхронные пулы, enterprise bus, разделение command–query)?
- Command–Query Separation (CQS) — разделение методов на команды и запросы;
- CQRS — чтение и запись через разные модели;
- Message Queue — RabbitMQ, Kafka для обработки задач в фоне;
- Event Bus — публикация/подписка для событийной архитектуры;
- Worker Pool / Async Pool — распределение задач по воркерам.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Что такое Observable?
Observable — это поток данных, который можно подписать, обрабатывать и отменять. Это основа реактивного программирования в Angular через RxJS.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Что будет работать в рекламе завтра? (https://ya.cc/t/3Jjfes4UBAdqSv/?erid=j1SUnJ81nQ5ybbsPf)
Ответ ищем вместе на REKONFA 2026. 15 октября соберёмся в Москве и онлайн, чтобы обсудить новые технологии Яндекс Рекламы, продуктовые запуски, тренды рынка, исследования и реальные кейсы.
В программе — выступления экспертов и возможность поговорить с продуктовыми командами Яндекс Рекламы о своих задачах. А вне сцены вас ждут коворкинг, фотозоны и форматы для новых знакомств.
Участвовать можно в Москве на ВТБ Арене или онлайн. Регистрация бесплатная.
Зарегистрироваться (https://ya.cc/t/HI6E9Oj_BAdqTS/?erid=j1SUnJ81nQ5ybbsPf)
