Онлайн тесты на тему "Разработка web-приложений на языке javascript, тест 1-4 итоговый и компетентностный тест - 6 семестр | Синергия [ID 65885]"

Тестовое задание на тему: Разработка web-приложений на языке javascript, тест 1-4 итоговый и компетентностный тест - 6 семестр
Тест набрал 98 баллов, был выполнен на зачет. Отчёт набранных баллов предоставляю в демо работах.
В купленном тесте будут вопросы и ответы которые размещены ниже.
Так же могу выполнять данную работу индивидуально. Делайте индивидуальный заказ.

Описание работы

Тест 1

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

Тест 2

Сопоставьте термины и их определения:
Расположите в правильном порядке шаги, чтобы подключить внешний JS-файл (JavaScript) с обработчиком клика к кнопке так, чтобы скрипт не блокировал разметку:
Результат вычисления выражения "5" === 5 — это ...
Назначение оператора break в конструкции switch используется для того, чтобы ...
Предпочтительный цикл для перебора значений массива, когда индекс не нужен, — это ...

Тест 3

Соотнесите метод (свойство) и его описание:
Расположите в правильном порядке шаги добавления нового элемента на страницу с оформлением и логикой:
Современный способ удалить узел из DOM (Document Object Model) — это метод ...
Получить вычислённые (применённые) стили элемента позволяет функция ...
Для реакции «на каждый ввод символа» в текстовом поле наиболее подходит событие ...
Вы разрабатываете страницу со списком заказов. Карточки заказов (.order-card) создаются динамически (часть приходит из API после загрузки страницы). Требования заказчика: при клике по кнопке «Удалить» внутри карточки нужно удалить соответствующую карточку из DOM без перезагрузки страницы; обработчик должен работать и для карточек, добавленных после первоначального рендера; используйте современный метод удаления узла. Какое решение удовлетворяет требованиям?

Тест 4

Расположите в правильном порядке шаги добавления нового элемента на страницу с оформлением и логикой:
Современный способ удалить узел из DOM (Document Object Model) — это метод ...
Получить вычислённые (применённые) стили элемента позволяет функция ...
Для реакции «на каждый ввод символа» в текстовом поле наиболее подходит событие ...
Вы разрабатываете страницу со списком заказов. Карточки заказов (.order-card) создаются динамически (часть приходит из API после загрузки страницы). Требования заказчика: при клике по кнопке «Удалить» внутри карточки нужно удалить соответствующую карточку из DOM без перезагрузки страницы; обработчик должен работать и для карточек, добавленных после первоначального рендера; используйте современный метод удаления узла. Какое решение удовлетворяет требованиям?

Тест 5

Сопоставьте инструмент и его краткое описание:
Расположите действия при подготовке и запуске приложения с Vite — от создания проекта до прод-сборки:
Команда npm install без указания имени пакета в корне проекта ...
Назначение babel-loader в конфигурации Webpack — это ...
Файл, описывающий зависимости проекта и npm-скрипты, — это ...
Действие Webpack на этапе бандлинга заключается в том, что он ...

Тест 6

Сопоставьте инструмент и его краткое описание:
Расположите действия при подготовке и запуске приложения с Vite — от создания проекта до прод-сборки:
Команда npm install без указания имени пакета в корне проекта ...
Назначение babel-loader в конфигурации Webpack — это ...
Файл, описывающий зависимости проекта и npm-скрипты, — это ...
Действие Webpack на этапе бандлинга заключается в том, что он ...

Тест 7

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

Тест 8

Расположите шаги инициализации проекта React + TypeScript с Vite в корректном порядке:
Назначение JSX (JavaScript XML) в React — это ...
Компонент для группировки маршрутов в React Router v6 — это ...
Результат установки опции "jsx": "react-jsx" в tsconfig.json для React + TS (TypeScript) — это ...
По умолчанию файл index.html в проекте Vite (React + TS (TypeScript)) находится в ...
Вы фронтенд-разработчик в команде, которая внедряет страницу профиля в SPA на React + TypeScript. Требования заказчика: страница доступна по маршруту /users/:id (React Router v6); данные профиля подтягиваются с GET /api/users/:id; при смене :id происходит повторная загрузка; предыдущий запрос корректно отменяется при размонтировании/смене :id; для авторизации в заголовок уходит токен из localStorage; без глобального состояния, только локальный useState; корректная типизация ответа; отображать «Загрузка…» во время запроса и имя пользователя после. Какой из фрагментов компонента реализует требования наилучшим образом?

Тест 9

Установите соответствие между понятием и его определением:
Расположите шаги корректной обработки HTTP-ответа при работе с fetch от запроса до использования данных:
Результат вычисления выражения typeof null — это ...
Поведение fetch при ответе сервера 404 заключается в том, что он ...
Корректный файловый формат для обмена данными в JSON — это ...
Области применения JavaScript включают ... (выберите 4 варианта ответа)
Встроенный объект JavaScript для работы с датой и временем называется ...
Установите соответствие между циклами JavaScript и их описанием:
Расположите этапы изучения JavaScript в правильной последовательности, согласно материалам курса:
Соотнесите элементы и их описание:
Расположите шаги обработки отправки формы в правильном порядке:
Метод, возвращающий «живую» коллекцию элементов, — это ...
Место в браузере пользователя, которое сохраняет данные между сессиями, — это … Storage
Событие, которое срабатывает после построения DOM-дерева, но до загрузки ресурсов (изображений/стилей), называется DOM ...
Установите соответствие между методами/свойствами DOM и их предназначением:
Расположите этапы типичного процесса динамического добавления элемента на страницу в правильной последовательности:
Сопоставьте инструмент и его описание:
Встроенный модуль Node.js для создания HTTP-сервера — это ...
При установке пакета через npm флаг -… записывает зависимость в devDependencies
Основное действие Babel в процессе сборки — это ...
TypeScript характеризуется тем, что он ... (выберите три варианта ответа)
Менеджер пакетов, устанавливаемый вместе с Node.js и используемый для управления зависимостями проекта, называется ... (укажите аббревиатуру на английском языке)
Установите соответствие между типами зависимостей npm и их описанием:
Расположите этапы типичного процесса создания и запуска простого Node.js-сервера в правильной последовательности:
Специальные функции, которые позволяют функциональным компонентам управлять состоянием и жизненным циклом, — это ... (укажите слово на русском языке)
Установите соответствие между концепциями React и их описаниями:
Хук, который служит для выполнения побочных эффектов после рендеринга компонента, называется ... (укажите слово на английском языке)
Установите соответствие между основными хуками React и их описанием:
Расположите шаги типичного процесса создания и использования пользовательского хука в React в правильной последовательности:

Тест 10

Вы разрабатываете форму регистрации. Нужно отправить данные на /api/users методом POST, корректно обработать сетевые и HTTP-ошибки и получить JSON-ответ. Какой фрагмент реализует требуемое поведение?
Вы реализуете список задач (˂ul id="todo"˃), элементы (˂li˃) и кнопки удаления (.del) добавляются динамически через JS после загрузки страницы. Требования заказчика: удалять ровно ту задачу, по кнопке которой кликнули; обработчик должен работать и для задач, созданных позже; учесть, что внутри .del может быть иконка (˂svg˃), по которой тоже кликают. Какой вариант соответствует требованиям?
На странице есть форма поиска по каталогу. Требования заказчика: фильтрация каталога выполняется в реальном времени по мере ввода (без перезагрузки); запрос нужно сохранить между сессиями и восстанавливать при следующем визите; не допустить вставку HTML при отображении «пустого результата». Какой вариант удовлетворяет всем требованиям?
Вы делаете небольшую JS-библиотеку (код в src/ с современным ES). Её должны уметь запускать Node.js 14 и старые браузеры. Нужно быстро настроить локально Babel CLI, добавить пресет @babel/preset-env, скрипт сборки и получить выход в lib/ с sourcemaps. Какой набор действий корректен для поставленной задачи?
Нужно за 5–10 минут поднять SPA с dev-сервером (HMR) и сразу иметь готовую prod-сборку. Обязательное требование — TypeScript. Какой путь верный?
Вы начинаете новый проект и должны выбрать между Create React App и Vite в качестве инструмента сборки. Какие ключевые факторы следует учесть при выборе между этими инструментами для проекта с React и TypeScript?