💯Разработка web-приложений на языке JavaScript / Темы 1-4 / Самый полный сборник правильных ответов на отлично! 100/100

Установите соответствие между циклами jаvascript и их описанием:

Установите соответствие между типами зависимостей npm и их описанием:

Установите соответствие между понятием и его определением:

Установите соответствие между основными хуками React и их описанием:

Установите соответствие между методами/свойствами DOM и их предназначением:

Установите соответствие между концепциями React и их описаниями:

Сопоставьте элемент React Router и его назначение:

Сопоставьте термины и их определения:

Сопоставьте инструмент и его описание:

Сопоставьте инструмент и его краткое описание:

Соотнесите элементы и их описание:

TypeScript характеризуется тем, что он ...<i> (выберите три варианта ответа)</i>

LocalStorage сохраняет данные между сессиями, … Storage очищается при закрытии вкладки <i>(укажите слово на английском языке)</i>

Dev-сервер, который обычно стартует по адресу http://localhost:5173, — это … <i>(укажите слово на английском языке)</i>

Хук, который служит для выполнения побочных эффектов после рендеринга компонента, называется ...<i> (укажите слово на английском языке)</i>

Функция, в которую преобразуется JSX (jаvascript XML) на этапе сборки, — это ...

Файл, описывающий зависимости проекта и npm-скрипты, — это ...

Файл, описывающий зависимости и npm-скрипты проекта, — это ...

Установите правильную последовательность этапов работы с состоянием в Redux:

Тенденции/практики экосистемы jаvascript в 2025 году — это ... <i>(выберите три варианта ответа)</i>

Способ подключения внешнего скрипта, обеспечивающий его выполнение после разбора DOM и в порядке объявления, — это ...

Способ отменить переход по ссылке в обработчике события click — это ...

Специальные функции, которые позволяют функциональным компонентам управлять состоянием и жизненным циклом, — это ... <i>(укажите слово на русском языке)</i>

Специальное значение числового типа, возникающее при некорректной математической операции, — это … <i>(укажите аббревиатуру на английском языке)</i>

Соотнесите метод (свойство) и его описание:

Современный способ удалить узел из DOM (Document Object Model) — это метод ...

Современный способ монтирования корневого компонента в React 18 — это ...

Современный рекомендуемый способ описания компонентов в React — это ...

События, подходящие для отслеживания ввода пользователя «в реальном времени» в текстовом поле, — это ... <i>(укажите три варианта ответа)</i>

Событие, которое срабатывает после построения DOM-дерева (Document Object Model), но до загрузки ресурсов (изображений/стилей), называется DOM ...

Сервис получает массив заказов orders, где total приходит строкой (например, «199.90», «12.50», «abc»). Требуется вернуть сумму корректных значений за один проход по массиву, пропуская некорректные записи, не мутируя исходный массив. Какой фрагмент реализует требуемое поведение?

Результат установки опции "jsx": "react-jsx" в tsconfig.json для React + TS (TypeScript) — это ...

Результат обращения к свойству elem.dataset — это ...

Результат вычисления выражения typeof null — это ...

Результат вычисления выражения "5" === 5 — это ...

Результат вызова Date.parse("2025-08-10") — это ...

Расположите этапы типичного процесса создания и запуска простого Node.js-сервера в правильной последовательности:

Расположите этапы типичного процесса динамического добавления элемента на страницу в правильной последовательности:

Расположите шаги типичного процесса создания и использования пользовательского хука в React в правильной последовательности:

Расположите шаги подготовки и запуска проекта на Vite в правильном порядке:

Расположите шаги обработки отправки формы в правильном порядке:

Расположите шаги корректной обработки HTTP-ответа (Hypertext Transfer Protocol) при работе с fetch от запроса до использования данных:

Расположите шаги инициализации проекта React + TypeScript с Vite в корректном порядке:

Расположите действия при подготовке и запуске приложения с Vite — от создания проекта до прод-сборки:

Расположите в правильном порядке шаги, чтобы подключить внешний JS-файл (jаvascript) с обработчиком клика к кнопке так, чтобы скрипт не блокировал разметку:

Расположите в правильном порядке шаги добавления нового элемента на страницу с оформлением и логикой:

Проверку типов выполняет компилятор TypeScript; а … может убрать аннотации TS (TypeScript), но типы не проверяет <i>(укажите слово на английском языке)</i>

При установке пакета через npm флаг -D …

При установке пакета через npm флаг -… записывает зависимость в devDependencies

Предпочтительный цикл для перебора значений массива, когда индекс не нужен, — это ...

Получить вычислённые (применённые) стили элемента позволяет функция ...

Поведение fetch при ответе сервера 404 заключается в том, что он ...

По умолчанию файл index.html в проекте Vite (React + TS (TypeScript)) находится в ...

Отменить переход по ссылке в обработчике события click позволяет метод ...

Основное назначение React — это ...

Основное действие Babel в процессе сборки — это ...

Опция в tsconfig.json, которая включает новый автоматический JSX-трансформ (jаvascript XML) для … 17+, называется "jsx": "react-jsx" <i>(укажите слово на английском языке)</i>

Операции, относящиеся к типичному «процессу сборки» фронтенда, — это ... <i>(выберите три варианта ответа)</i>

Оператор объявления для значения, которое не должно изменяться, — это ...

Области применения jаvascript включают ... <i>(выберите 4 варианта ответа)</i>

Нужно за 5–10 минут поднять SPA (Single-Page Application) с dev-сервером (HMR (Hot Module Replacement)) и сразу иметь готовую prod-сборку. Обязательное требование — TypeScript. Какой путь верный?

Назначение JSX (jаvascript XML) в React — это ...

Назначение babel-loader в конфигурации Webpack — это ...

Назначение оператора break в конструкции switch используется для того, чтобы ...

На странице есть форма поиска по каталогу (см. ниже): ˂form id="searchForm"˃ ˂input id="q" name="q" autocomplete="off" /˃ ˂button˃Искать˂/button˃ ˂/form˃ ˂ul id="catalog"˃...˂/ul˃ Требования заказчика (см. ниже):
• фильтрация каталога выполняется в реальном времени по мере ввода (без перезагрузки);
• запрос нужно сохранить между сессиями и восстанавливать при следующем визите;
• недопустить вставку HTML (HyperText Markup Language) при отображении «пустого результата». Какой вариант удовлетворяет всем требованиям?

Метод, возвращающий «живую» коллекцию элементов, — это ...

Метод querySelectorAll возвращает ... NodeList

Место в браузере пользователя, которое сохраняет данные между сессиями, — это … Storage

Менеджер пакетов, устанавливаемый вместе с Node.js и используемый для управления зависимостями проекта, называется ... <i>(укажите аббревиатуру на английском языке)</i>

Корректный файловый формат для обмена данными в JSON (jаvascript Object Notation) — это ...

Корректный способ навесить несколько обработчиков одного события на один элемент — это ...

Компонент для группировки маршрутов в React Router v6 — это ...

Команда npm install без указания имени пакета в корне проекта ...

Команда для создания нового проекта на базе Vite — это ...

Команда для запуска произвольного скрипта из package.json — это ...

Ключевой принцип Redux в управлении состоянием — это ...

Для реакции «на каждый ввод символа» в текстовом поле наиболее подходит событие ...

Действие Webpack на этапе бандлинга заключается в том, что он ...

Действие свойства textContent при записи заключается в том, что оно ...

Говоря о Cookies, можно утверждать, что они …

Выполнение функции ... помещает в очередь макрозадач (macrotask)

Вы фронтенд-разработчик в учебном проекте. Нужно за 10–15 минут подготовить окружение для небольшого SPA (Single-Page Application) (ToDo), чтобы (см. ниже): • быстро запустить dev-сервер с HMR (Hot Module Replacement);
• писать на TypeScript;
• получить оптимизированную прод-сборку позже без ручной настройки Webpack. Какой вариант действий наиболее уместен?

Вы фронтенд-разработчик в команде, которая внедряет страницу профиля в SPA на React + TypeScript. Требования заказчика (см. ниже):
• страница доступна по маршруту /users/:id (React Router v6);
• данные профиля подтягиваются с GET /api/users/:id;
• при смене :id происходит повторная загрузка;
• предыдущий запрос корректно отменяется при размонтировании/смене :id;
• для авторизации в заголовок уходит токен из localStorage;
• без глобального состояния, только локальный useState;
• корректная типизация ответа;
• отображать «Загрузка…» во время запроса и имя пользователя после.
Какой из фрагментов компонента реализует требования наилучшим образом?

Вы реализуете список задач (˂ul id="todo"˃), элементы (˂li˃) и кнопки удаления (.del) добавляются динамически через JS (jаvascript) после загрузки страницы. Требования заказчика (см. ниже):
• удалять ровно ту задачу, по кнопке которой кликнули;
• обработчик должен работать и для задач, созданных позже;
• учесть, что внутри .del может быть иконка (˂svg˃), по которой тоже кликают.
Какой вариант соответствует требованиям?

Вы разрабатываете форму регистрации. Нужно отправить данные на /api/users методом POST, корректно обработать сетевые и HTTP-ошибки (Hypertext Transfer Protocol) и получить JSON-ответ (jаvascript Object Notation). Какой фрагмент реализует требуемое поведение?

Вы начинаете новый проект и должны выбрать между Create React App и Vite в качестве инструмента сборки. Какие ключевые факторы следует учесть при выборе между этими инструментами для проекта с React и TypeScript?

Вы делаете небольшую JS-библиотеку (jаvascript) (код в src/ с современным ES). Её должны уметь запускать Node.js 14 и старые браузеры. Нужно быстро настроить локально Babel CLI, добавить пресет @babel/preset-env, скрипт сборки и получить выход в lib/ с sourcemaps. Какой набор действий корректен для поставленной задачи?

Вы верстаете лендинг и добавляете кнопку «Оформить заказ» с id orderBtn. Заказчик выдвинул следующие требования: (см. ниже):
• подключение JS (jаvascript) не должно блокировать разбор HTML (HyperText Markup Language);
• обработчик клика назначается в JS (jаvascript) (без onclick в разметке);
• решение должно работать стабильно на всех современных браузерах. Какой вариант реализации нужно выбрать?

Встроенный объект jаvascript для работы с датой и временем называется ...

Встроенный модуль Node.js для создания HTTP-сервера (Hypertext Transfer Protocol) — это ...

Вид объявления функции, который можно вызывать до места её определения благодаря подъёму (hoisting), — это Function … <i>(укажите слово на английском языке)</i>

Верным утверждением о document.getElementById является то, что этот метод ...

Вам нужно создать React-компонент счетчика, который сохраняет свое значение между сессиями браузера. При перезагрузке страницы счетчик должен восстанавливать последнее значение. Какой кастомный хук нужно создать для реализации этой функциональности? Опишите его базовую структуру, включая используемые встроенные хуки и логику работы с localStorage.

Библиотека для построения пользовательских интерфейсов (UI) — это ...<i> (укажите слово на английском языке)</i>

Библиотека для маршрутизации в React-приложениях — это ...

Атрибут тега ˂script˃, позволяющий отложить выполнение скрипта до построения документа, — это ...

Актуальный подход к написанию компонентов в новом коде ... — это функциональные компоненты с хуками (useState, useEffect и др.)<i> (укажите слово на английском языке)</i>

Вы разрабатываете страницу со списком заказов. Карточки заказов (.order-card) создаются динамически (часть приходит из API (Application programming interface) после загрузки страницы). Требования заказчика (см. ниже):
• при клике по кнопке «Удалить» внутри карточки нужно удалить соответствующую карточку из DOM без перезагрузки страницы;
• обработчик должен работать и для карточек, добавленных после первоначального рендера;
• используйте современный метод удаления узла. Какое решение удовлетворяет требованиям?