Повтори JavaScript, браузер, HTML и CSS. От теоретических вопросов переходи к задачам и объяснению решений.
Примеры открыты без регистрации
console.log("A");
setTimeout(() => console.log("B"), 0);
Promise.resolve().then(() => console.log("C"));
console.log("D");Начни с ответа своими словами. Затем открой разбор и проверь, можешь ли объяснить не только правило, но и пример его применения.
Синхронный код выполняется в стеке вызовов. После завершения текущей задачи браузер обрабатывает очередь микрозадач, включая реакции Promise, перед следующей задачей. setTimeout планирует задачу, а не гарантирует точный момент её выполнения.
Почему обработчик Promise.resolve().then обычно выполняется раньше setTimeout с задержкой 0?
Функция сохраняет доступ к лексическому окружению, в котором была создана. Так внутренний обработчик может использовать переменные внешней функции после завершения её вызова. Это удобно для фабрик функций и сохранения состояния.
Как написать счётчик, значение которого нельзя напрямую изменить снаружи?
Нативные элементы передают смысл браузеру и вспомогательным технологиям. button уже поддерживает фокус и клавиатурную активацию, а ссылка служит для перехода. У замены кнопки на div приходится вручную воспроизводить это поведение.
Почему переход на другую страницу лучше оформить ссылкой, а выполнение действия — кнопкой?
Используй гибкие размеры, Grid или Flexbox, ограничения ширины и медиазапросы там, где меняется компоновка. Проверяй длинные тексты, min-width у элементов и отсутствие горизонтального переполнения. Интерактивные элементы должны оставаться доступны на узком экране.
Почему min-width: 0 иногда нужен дочернему элементу flex или grid?
Напиши createCounter, возвращающую функцию. Каждый её вызов должен увеличивать и возвращать независимый счётчик.
const next = createCounter();
next(); // 1
next(); // 2Проверь основной сценарий и крайние случаи. Объясни ход решения и ограничения выбранного подхода.
function createCounter() {
let count = 0;
return () => ++count;
}Возвращённая функция сохраняет доступ к count. Каждый вызов createCounter создаёт своё окружение и независимый счётчик.
Отметь пройденные темы. Это пример маршрута: глубину и темп выбирай под свою вакансию и уровень.
Повторено 0 из 5 блоков
После тренировки появятся итоговая оценка и общий отзыв. В Pro — подробный разбор ответов, материалы для повторения и все тренировки по System Design.
Разбери порядок выполнения асинхронного кода. Сначала предскажи вывод, затем проверь его в браузере.
Да. Выбери Junior и начни с основ направления. Глубину вопросов и список тем сверяй с требованиями вакансии.
Это подготовка к техническому интервью и практика уже изученных навыков. Для старта пригодятся базовые знания выбранного направления.
Все вопросы, разборы, задача и план на этой странице. Для персональной тренировки и сохранения результатов понадобится аккаунт. Условия — на странице тарифов.
Посмотри, как выглядит результат по Frontend: что уже получается, в каких темах есть ошибки и как разобраться в сложной теме.
3 тренировки бесплатно. Детальный разбор и материалы доступны с подпиской Pro.
Junior · 10 вопросов · 2 задачи
Ты уверенно отвечаешь на базовые вопросы по Frontend. Повтори темы, в которых возникли ошибки.
Разбери порядок выполнения асинхронного кода. Сначала предскажи вывод, затем проверь его в браузере.
Другая технология или направление?
Настроить подготовку под свой стек