Тесты СинергияАртём Хелп
Артём Help онлайнПолучить расчёт
Бесплатно оценим сроки и стоимостьОтправить задание в Telegram
Разработка web-приложений на языке JavaScript.dor_БАК_25-233-Б

Разработка web-приложений на языке JavaScript.dor_БАК_25-233-Б — вариант 5

Просмотрите все вопросы и варианты бесплатно. Правильные ответы скрыты и открываются только после получения доступа.

48 вопросов Вариант 5 Доступ 7 дней
Содержание теста

Вопросы и варианты

Без отметок и подсказок к правильным ответам

Вопрос 1

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

  1. JSON (JavaScript Object Notation)
  2. Fetch API (Application programming interface)
  3. Date.now()
  4. const
  5. формат обмена данными; сериализация через JSON.stringify и разбор через JSON.parse
  6. глобальная функция для выполнения HTTP-запросов (Hypertext Transfer Protocol); возвращает Promise с объектом Response
  7. статический метод, возвращающий текущий таймстамп (мс с 01.01.1970 UTC (Coordinated Universal Time))
  8. объявление константы, значение которой не должно изменяться в текущей области видимости
Вопрос 2

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

  1. вызвать fetch(url)
  2. проверить response.ok / response.status в первом then
  3. вызвать response.json() для парсинга тела ответа
  4. использовать распарсенные данные в последующем then
  5. обработать возможные ошибки в catch
Вопрос 3

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

  1. "null"
  2. "object"
  3. "undefined"
  4. "number"
Вопрос 4

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

  1. defer
  2. Defer
Вопрос 5

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

  1. объект Date
  2. число миллисекунд с 01.01.1970 UTC (Coordinated Universal Time)
  3. строку в формате ISO
  4. булево значение
Вопрос 6

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

  1. отклоняет промис автоматически
  2. выполняет промис, но response.ok === false
  3. синхронно бросает исключение
  4. возвращает null
Вопрос 7

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

  1. строки и числа, функции и undefined
  2. только объекты и массивы, без чисел
  3. объекты, массивы, строки, числа, true/false, null
  4. любые типы JavaScript без ограничений
Вопрос 8

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

  1. одностраничные приложения (SPA (Single Page Application)) на React/Vue/Angular
  2. мобильные приложения (например, React Native)
  3. прошивки микроконтроллеров на чистом JS без вспомогательных платформ
  4. серверные приложения и REST API (Application programming interface) на Node.js
  5. дата-визуализации и интерактивные графики (D3.js, Chart.js)
Вопрос 9

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

  1. уменьшение бандлов, ускорение загрузки (SSR (Server-Side Rendering) /стримминг)
  2. отказ от улучшения Developer Experience
  3. усиление позиций TypeScript
  4. микрофронтенды, сервис-воркеры для PWA (Progressive Web App)
  5. полная отмена модулей ECMAScript
Вопрос 10

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

  1. Date
  2. Date()
  3. date
  4. date()
Вопрос 11

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

  1. for
  2. for…in
  3. for…of
  4. while
  5. выполняет заданное количество итераций, используя счётчик
  6. перебирает индексы (или ключи) объекта (включая унаследованные)
  7. перебирает значения итерируемых объектов (массивов, строк)
  8. выполняет тело цикла, пока условие истинно, проверяя его перед каждой итерацией
Вопрос 12

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

  1. Освоить основы JavaScript
  2. Выбрать один инструмент в каждой категории (фреймворк, сборщик и т.д.)
  3. Постепенно внедрять TypeScript
  4. Понимать экосистему как целостную платформу
Вопрос 13

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

  1. document.querySelector(...)
  2. element.querySelectorAll(...)
  3. element.getElementsByTagName(...)
  4. element.closest(sel)
  5. event.currentTarget
  6. element.classList.add/remove/toggle
  7. возвращает первый соответствующий элемент по CSS-селектору
  8. возвращает статическую коллекцию узлов, подобранных по CSS-селектору
  9. возвращает «живую» коллекцию элементов, подобранных по имени тега
  10. ищет ближайший предок (или сам элемент), соответствующий селектору
  11. элемент, на котором висит текущий обработчик события
  12. удобное управление CSS-классами элемента
Вопрос 14

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

  1. отменить стандартную отправку (event.preventDefault() в обработчике submit)
  2. собрать данные из полей формы
  3. провести валидацию данных
  4. сохранить/отправить данные (например, в localStorage или через fetch)
  5. очистить форму и/или обновить интерфейс
Вопрос 15

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

  1. querySelectorAll
  2. getElementsByClassName
  3. querySelector
  4. getElementById
  5. matches
Вопрос 16

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

  1. elem.onclick = fn1; elem.onclick = fn2;
  2. elem.addEventListener('click', fn1); elem.addEventListener('click', fn2);
  3. использование атрибута onclick в HTML (HyperText Markup Language)
  4. создание копии элемента и навешивание на неё второго обработчика
  5. использование метода window.on('click', ...), который автоматически прокинется
Вопрос 17

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

  1. вставляет HTML (HyperText Markup Language) с парсингом тегов
  2. вставляет текст, экранируя/не интерпретируя HTML-теги (HyperText Markup Language)
  3. добавляет класс к элементу
  4. вычисляет применённые стили
  5. возвращает «живую» коллекцию дочерних узлов.
Вопрос 18

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

  1. return false
  2. event.preventDefault()
  3. event.stopPropagation()
  4. location.hash = ''
  5. window.close()
Вопрос 19

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

  1. строка со всеми data-* атрибутами
  2. объект с полями для data-* атрибутов (имена в camelCase)
  3. массив значений data-*
  4. коллекция атрибутов DOM (NamedNodeMap)
Вопрос 20

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

  1. input
  2. change
  3. DOMContentLoaded
  4. keydown
  5. paste
Вопрос 21

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

  1. local
  2. Local
Вопрос 22

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

  1. ContentLoaded
  2. ContentLoaded()
  3. contentloaded
  4. contentloaded()
Вопрос 23

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

  1. element.remove()
  2. element.insertAdjacentHTML(position, text)
  3. element.matches(selector)
  4. element.dataset
  5. element.scrollIntoView()
  6. удаляет элемент из DOM
  7. вставляет HTML в заданную позицию относительно элемента
  8. проверяет, соответствует ли элемент CSS-селектору
  9. предоставляет доступ к пользовательским data-* атрибутам
  10. прокручивает страницу так, чтобы элемент был виден
Вопрос 24

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

  1. Создать новый элемент с помощью document.createElement()
  2. Настроить свойства элемента (текст, классы, стили)
  3. Получить ссылку на родительский элемент, куда будет вставлен новый элемент
  4. Вставить элемент в DOM с помощью метода вставки (например, append)
Вопрос 25

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

  1. Node.js
  2. npm
  3. Babel
  4. Webpack
  5. Vite
  6. среда выполнения JavaScript вне браузера
  7. менеджер пакетов и скриптов для проекта
  8. транспилирует современный JavaScript в совместимый для целевых окружений
  9. сборщик модулей: строит граф зависимостей и формирует бандлы
  10. быстрый dev-сервер (HMR (Hot Module Replacement)) и прод-сборка на базе Rollup
Вопрос 26

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

  1. создать проект командой: npm create vite@latest
  2. выбрать шаблон и название проекта в мастере
  3. перейти в каталог проекта: cd my-app
  4. установить зависимости: npm install
  5. запустить dev-сервер: npm run dev
Вопрос 27

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

  1. npm start ˂script˃
  2. npx ˂script˃
  3. npm run ˂script˃
  4. node ˂script˃
Вопрос 28

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

  1. fs
  2. path
  3. http
  4. url
Вопрос 29

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

  1. D
  2. d
Вопрос 30

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

  1. package.json
Вопрос 31

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

  1. склеивание файлов модулей в бандл
  2. удаление неиспользуемого кода (tree-shaking)
  3. транспиляция кода под целевые окружения
  4. сжимание изображения
Вопрос 32

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

  1. транспиляция кода
  2. бандлинг модулей
  3. минификация ресурсов
  4. исполнение кода на сервере Node.js в рантайме
  5. создание учетной записи npm
Вопрос 33

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

  1. добавляет статическую типизацию к JavaScript
  2. исполняется браузером напрямую без компиляции
  3. компилируется в JavaScript
  4. полностью заменяет Node.js
  5. помогает находить ошибки на этапе компиляции
Вопрос 34

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

  1. npm
  2. NPM
Вопрос 35

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

  1. dependencies
  2. devDependencies
  3. peerDependencies
  4. optionalDependencies
  5. пакеты, необходимые для работы приложения в продакшене
  6. пакеты, необходимые только во время разработки
  7. пакеты, которые требуются хост-пакетом и должны быть установлены пользователем
  8. пакеты, которые не обязательны для работы приложения, их отсутствие не приведёт к ошибке
Вопрос 36

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

  1. Проинициализировать проект командой npm init -y
  2. Создать файл server.js с кодом сервера
  3. Установить необходимые зависимости (если есть) через npm install
  4. Запустить сервер командой node server.js
  5. Проверить работу сервера, открыв http://localhost:3000 в браузере
Вопрос 37

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

  1. работа с базами данных на сервере
  2. построение пользовательских интерфейсов (UI)
  3. создание CSS-стилей для веб-страниц
  4. полная замена Node.js
Вопрос 38

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

  1. классовые компоненты с методами жизненного цикла
  2. функциональные компоненты с хуками
  3. jQuery-плагины
  4. Mixin-ы во всех компонентах
Вопрос 39

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

  1. Redux
  2. React Router
  3. Zustand
  4. Babel
Вопрос 40

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

  1. React.buildElement()
  2. React.render()
  3. React.createElement()
  4. React.transformJSX()
Вопрос 41

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

  1. хуки
Вопрос 42

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

  1. Виртуальный DOM (Document Object Model)
  2. Пропсы
  3. Хуки
  4. JSX (JavaScript XML)
  5. упрощенная копия реального DOM (Document Object Model), используемая для эффективного обновления интерфейса
  6. параметры, передаваемые компоненту сверху и доступные только для чтения
  7. функции, позволяющие использовать состояние и эффекты в функциональных компонентах
  8. синтаксическое расширение, напоминающее HTML (HyperText Markup Language), которое компилируется в JavaScript
Вопрос 43

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

  1. компонент диспатчит действие
  2. редьюсер обрабатывает действие и возвращает новое состояние
  3. store обновляет состояние
  4. компоненты, подписанные на store, получают обновленные данные
Вопрос 44

Официально рекомендуемый способ работы с Redux, упрощающий создание … и редьюсеров, называется Redux Toolkit; <i>(укажите слово на английском языке)</i>

  1. store
  2. Store
Вопрос 45

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

  1. useEffect
  2. useEffect()
Вопрос 46

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

  1. React
  2. react
Вопрос 47

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

  1. useState
  2. useEffect
  3. useContext
  4. useRef
  5. useMemo
  6. позволяет использовать состояние в функциональном компоненте
  7. выполняет побочные эффекты после рендеринга компонента
  8. предоставляет доступ к значению React Context
  9. создаёт изменяемый объект, который сохраняется между рендерами
  10. мемоизирует результат вычислений, чтобы избежать повторных расчётов
Вопрос 48

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

  1. Создать функцию, имя которой начинается с use
  2. Внутри функции вызвать один или несколько встроенных хуков (например, useState, useEffect)
  3. Вернуть из функции нужные значения (состояние, функции и т.д.)
  4. Импортировать и использовать кастомный хук в компоненте
  5. Убедиться, что хук вызывается только на верхнем уровне компонента