Ответы на тесты Синергия: Разработка web-приложений на языке JavaScript

Разработка web-приложений на языке javascript- тест Синергия

Бесплатные ответы на тест Синергия Разработка web-приложений на языке javascript. Все ответы ниже выделены знаком «+». Если вы по какой то причине не можете самостоятельно сдать этот или любой другой тест, то мы готовы Вам в этом помочь. Для удобства поиска ответов нажимайте клавиши «CTRL+F», в появившемся окне вписывайте текст вопроса или первые буквы вопроса. Так же можете посетить наш магазин готовых ответов на тесты.

Что такое «поднятие» (hoisting) в JavaScript?
Процесс перемещения переменных и функций в глобальную область видимости.
Механизм, при котором объявления переменных и функций перемещаются в начало своей области видимости перед выполнением кода. +
Способ объявления функции после её вызова.
Автоматическое преобразование типов данных.

Какое ключевое слово используется для объявления переменной с блочной областью видимости, значение которой нельзя переназначить?
var
let
const +
static

Что вернет выражение typeof null?
«null»
«undefined»
«object» +
«boolean»

Какой метод массива создает новый массив с результатом вызова указанной функции для каждого элемента?
forEach
map +
filter
reduce

Как правильно создать объект в JavaScript?
let obj = Object.create();
let obj = {}; +
let obj = new Object();
let obj = Object.new();

Что такое замыкание (closure) в JavaScript?
Функция, которая вызывается сразу после объявления.
Способность функции запоминать свою лексическую область видимости и обращаться к переменным внешней функции даже после того, как внешняя функция завершила выполнение. +
Метод для закрытия соединения с сервером.
Встроенная функция для копирования объектов.

Какой символ используется для строгого сравнения с учетом типа?
==
=== +
!=
!==

Какой метод добавляет один или несколько элементов в конец массива?
push() +
pop()
shift()
unshift()

Что выведет console.log(2 + ‘2’)?
4
’22’ +
22
Ошибка

Как объявить класс в современном JavaScript (ES6)?
function MyClass() {}
class MyClass {} +
let MyClass = class {};
Все перечисленные варианты верны.

Какое событие возникает при клике на элемент?
mouseover
click +
focus
keydown

Что делает метод preventDefault()?
Отменяет всплытие события.
Отменяет действие браузера по умолчанию для события. +
Останавливает дальнейшее распространение события.
Удаляет обработчик события.

Какой таймер вызывает функцию один раз через заданный интервал?
setInterval
setTimeout +
requestAnimationFrame
setImmediate

Что такое Promise в JavaScript?
Объект, представляющий асинхронную операцию, которая может завершиться или отклониться в будущем. +
Способ обещания выполнить код.
Функция обратного вызова.
Метод для работы с JSON.

Как деструктурировать объект {name: 'John', age: 30} чтобы получить переменные name и age?
let {name, age} = person; +
let name = person.name, age = person.age;
let [name, age] = person;
let name, age = person;

Какой оператор используется для расширения итерабельных объектов (например, массивов) в местах, где ожидается несколько аргументов?
… (spread) +
rest
&
*

Что такое «строгий режим» (strict mode) и как его включить?
Это режим, который добавляет новые возможности. Включается директивой "use strict". +
Это режим, который позволяет использовать устаревшие функции. Включается "loose mode".
Это автоматический режим в современных браузерах.
Это режим отладки.

Какое значение будет у переменной x после выполнения let x = 5; x += 3;?
5
8 +
53
Ошибка

Какой метод используется для преобразования JSON-строки в объект JavaScript?
JSON.stringify()
JSON.parse() +
JSON.toObject()
Object.fromJSON()

Что выведет console.log(0 == false)?
true +
false
undefined
Ошибка

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

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

Результат вычисления выражения «5» === 5 — это …
Назначение оператора break в конструкции switch используется для того, чтобы …
Предпочтительный цикл для перебора значений массива, когда индекс не нужен, — это …
Вид объявления функции, который можно вызывать до места её определения благодаря подъёму (hoisting), — это Function … (укажите слово на английском языке)
Выполнение функции … помещает в очередь макрозадач (macrotask)
Вы верстаете лендинг и добавляете кнопку «Оформить заказ» с id orderBtn. Заказчик выдвинул следующие требования: (см. ниже):
• подключение JS (JavaScript) не должно блокировать разбор HTML (HyperText Markup Language);
• обработчик клика назначается в JS (JavaScript) (без onclick в разметке);
• решение должно работать стабильно на всех современных браузерах.
Какой вариант реализации нужно выбрать?
Вопрос
Расположите в правильном порядке шаги, чтобы подключить внешний JS-файл (JavaScript) с обработчиком клика к кнопке так, чтобы скрипт не блокировал разметку:
Способ подключения внешнего скрипта, обеспечивающий его выполнение после разбора DOM и в порядке объявления, — это …
Оператор объявления для значения, которое не должно изменяться, — это …
Специальное значение числового типа, возникающее при некорректной математической операции, — это … (укажите аббревиатуру на английском языке)
Результат вычисления выражения «5» === 5 — это …
Назначение оператора break в конструкции switch используется для того, чтобы …
Предпочтительный цикл для перебора значений массива, когда индекс не нужен, — это …
Вид объявления функции, который можно вызывать до места её определения благодаря подъёму (hoisting), — это Function … (укажите слово на английском языке)
Выполнение функции … помещает в очередь макрозадач (macrotask)
Вы верстаете лендинг и добавляете кнопку «Оформить заказ» с id orderBtn. Заказчик выдвинул следующие требования: (см. ниже):
• подключение JS (JavaScript) не должно блокировать разбор HTML (HyperText Markup Language);
• обработчик клика назначается в JS (JavaScript) (без onclick в разметке);
• решение должно работать стабильно на всех современных браузерах.
Какой вариант реализации нужно выбрать?
Вопрос
Соотнесите метод (свойство) и его описание:
Верным утверждением о document.getElementById является то, что этот метод …
Метод querySelectorAll возвращает … NodeList
Современный способ удалить узел из DOM (Document Object Model) — это метод …
Отменить переход по ссылке в обработчике события click позволяет метод …
Получить вычислённые (применённые) стили элемента позволяет функция …
LocalStorage сохраняет данные между сессиями, … Storage очищается при закрытии вкладки (укажите слово на английском языке)
Для реакции «на каждый ввод символа» в текстовом поле наиболее подходит событие …
Говоря о Cookies, можно утверждать, что они …
Вы разрабатываете страницу со списком заказов. Карточки заказов (.order-card) создаются динамически (часть приходит из API (Application programming interface) после загрузки страницы). Требования заказчика (см. ниже):
• при клике по кнопке «Удалить» внутри карточки нужно удалить соответствующую карточку из DOM без перезагрузки страницы;
• обработчик должен работать и для карточек, добавленных после первоначального рендера;
• используйте современный метод удаления узла.
Какое решение удовлетворяет требованиям?
Вопрос
Соотнесите метод (свойство) и его описание:
Расположите в правильном порядке шаги добавления нового элемента на страницу с оформлением и логикой:
Верным утверждением о document.getElementById является то, что этот метод …
Метод querySelectorAll возвращает … NodeList
Современный способ удалить узел из DOM (Document Object Model) — это метод …
Отменить переход по ссылке в обработчике события click позволяет метод …
Получить вычислённые (применённые) стили элемента позволяет функция …
LocalStorage сохраняет данные между сессиями, … Storage очищается при закрытии вкладки (укажите слово на английском языке)
Говоря о Cookies, можно утверждать, что они …
Вы разрабатываете страницу со списком заказов. Карточки заказов (.order-card) создаются динамически (часть приходит из API (Application programming interface) после загрузки страницы). Требования заказчика (см. ниже):
• при клике по кнопке «Удалить» внутри карточки нужно удалить соответствующую карточку из DOM без перезагрузки страницы;
• обработчик должен работать и для карточек, добавленных после первоначального рендера;
• используйте современный метод удаления узла.
Какое решение удовлетворяет требованиям?
Вопрос
Расположите действия при подготовке и запуске приложения с Vite — от создания проекта до прод-сборки:
Команда для создания нового проекта на базе Vite — это …
При установке пакета через npm флаг -D …
Команда npm install без указания имени пакета в корне проекта …
Назначение babel-loader в конфигурации Webpack — это …
Проверку типов выполняет компилятор TypeScript; а … может убрать аннотации TS (TypeScript), но типы не проверяет (укажите слово на английском языке)
Файл, описывающий зависимости проекта и npm-скрипты, — это …
Действие Webpack на этапе бандлинга заключается в том, что он …
Dev-сервер, который обычно стартует по адресу http://localhost:5173, — это … (укажите слово на английском языке)
Вы фронтенд-разработчик в учебном проекте. Нужно за 10–15 минут подготовить окружение для небольшого SPA (Single-Page Application) (ToDo), чтобы (см. ниже):
• быстро запустить dev-сервер с HMR (Hot Module Replacement);
• писать на TypeScript;
• получить оптимизированную прод-сборку позже без ручной настройки Webpack.
Какой вариант действий наиболее уместен?
Вопрос
Сопоставьте инструмент и его краткое описание:
Команда для создания нового проекта на базе Vite — это …
При установке пакета через npm флаг -D …
Команда npm install без указания имени пакета в корне проекта …
Назначение babel-loader в конфигурации Webpack — это …
Проверку типов выполняет компилятор TypeScript; а … может убрать аннотации TS (TypeScript), но типы не проверяет (укажите слово на английском языке)
Файл, описывающий зависимости проекта и npm-скрипты, — это …
Действие Webpack на этапе бандлинга заключается в том, что он …
Dev-сервер, который обычно стартует по адресу http://localhost:5173, — это … (укажите слово на английском языке)
Вы фронтенд-разработчик в учебном проекте. Нужно за 10–15 минут подготовить окружение для небольшого SPA (Single-Page Application) (ToDo), чтобы (см. ниже):
• быстро запустить dev-сервер с HMR (Hot Module Replacement);
• писать на TypeScript;
• получить оптимизированную прод-сборку позже без ручной настройки Webpack.
Какой вариант действий наиболее уместен?
Вопрос
Сопоставьте инструмент и его краткое описание:
Расположите действия при подготовке и запуске приложения с Vite — от создания проекта до прод-сборки:
Команда для создания нового проекта на базе Vite — это …
При установке пакета через npm флаг -D …
Команда npm install без указания имени пакета в корне проекта …
Назначение babel-loader в конфигурации Webpack — это …
Проверку типов выполняет компилятор TypeScript; а … может убрать аннотации TS (TypeScript), но типы не проверяет (укажите слово на английском языке)
Файл, описывающий зависимости проекта и npm-скрипты, — это …
Действие Webpack на этапе бандлинга заключается в том, что он …
Вы фронтенд-разработчик в учебном проекте. Нужно за 10–15 минут подготовить окружение для небольшого SPA (Single-Page Application) (ToDo), чтобы (см. ниже):
• быстро запустить dev-сервер с HMR (Hot Module Replacement);
• писать на TypeScript;
• получить оптимизированную прод-сборку позже без ручной настройки Webpack.
Какой вариант действий наиболее уместен?
Вопрос
Сопоставьте элемент React Router и его назначение:
Расположите шаги инициализации проекта React + TypeScript с Vite в корректном порядке:
Библиотека для построения пользовательских интерфейсов (UI) — это … (укажите слово на английском языке)
Назначение JSX (JavaScript XML) в React — это …
Ключевой принцип Redux в управлении состоянием — это …
Компонент для группировки маршрутов в React Router v6 — это …
Результат установки опции «jsx»: «react-jsx» в tsconfig.json для React + TS (TypeScript) — это …
По умолчанию файл index.html в проекте Vite (React + TS (TypeScript)) находится в …
Современный способ монтирования корневого компонента в React 18 — это …
Вы фронтенд-разработчик в команде, которая внедряет страницу профиля в SPA на React + TypeScript. Требования заказчика (см. ниже):
• страница доступна по маршруту /users/:id (React Router v6);
• данные профиля подтягиваются с GET /api/users/:id;
• при смене :id происходит повторная загрузка;
• предыдущий запрос корректно отменяется при размонтировании/смене :id;
• для авторизации в заголовок уходит токен из localStorage;
• без глобального состояния, только локальный useState;
• корректная типизация ответа;
• отображать «Загрузка…» во время запроса и имя пользователя после.
Какой из фрагментов компонента реализует требования наилучшим образом?
Вопрос
Расположите шаги инициализации проекта React + TypeScript с Vite в корректном порядке:
Библиотека для построения пользовательских интерфейсов (UI) — это … (укажите слово на английском языке)
Назначение JSX (JavaScript XML) в React — это …
Актуальный подход к написанию компонентов в новом коде … — это функциональные компоненты с хуками (useState, useEffect и др.) (укажите слово на английском языке)
Ключевой принцип Redux в управлении состоянием — это …
Компонент для группировки маршрутов в React Router v6 — это …
Результат установки опции «jsx»: «react-jsx» в tsconfig.json для React + TS (TypeScript) — это …
По умолчанию файл index.html в проекте Vite (React + TS (TypeScript)) находится в …
Современный способ монтирования корневого компонента в React 18 — это …
Вы фронтенд-разработчик в команде, которая внедряет страницу профиля в SPA на React + TypeScript. Требования заказчика (см. ниже):
• страница доступна по маршруту /users/:id (React Router v6);
• данные профиля подтягиваются с GET /api/users/:id;
• при смене :id происходит повторная загрузка;
• предыдущий запрос корректно отменяется при размонтировании/смене :id;
• для авторизации в заголовок уходит токен из localStorage;
• без глобального состояния, только локальный useState;
• корректная типизация ответа;
• отображать «Загрузка…» во время запроса и имя пользователя после.
Какой из фрагментов компонента реализует требования наилучшим образом?
Вопрос
Расположите шаги корректной обработки HTTP-ответа (Hypertext Transfer Protocol) при работе с fetch от запроса до использования данных:
Результат вычисления выражения typeof null — это …
Области применения JavaScript включают … (выберите 4 варианта ответа)
Тенденции/практики экосистемы JavaScript в 2025 году — это … (выберите три варианта ответа)
Встроенный объект JavaScript для работы с датой и временем называется …
Расположите этапы изучения JavaScript в правильной последовательности, согласно материалам курса:
Соотнесите элементы и их описание:
Расположите шаги обработки отправки формы в правильном порядке:
Метод, возвращающий «живую» коллекцию элементов, — это …
Действие свойства textContent при записи заключается в том, что оно …
Способ отменить переход по ссылке в обработчике события click — это …
Результат обращения к свойству elem.dataset — это …
Место в браузере пользователя, которое сохраняет данные между сессиями, — это … Storage
Событие, которое срабатывает после построения DOM-дерева (Document Object Model), но до загрузки ресурсов (изображений/стилей), называется DOM …
Установите соответствие между методами/свойствами DOM и их предназначением:
Расположите шаги подготовки и запуска проекта на Vite в правильном порядке:
При установке пакета через npm флаг -… записывает зависимость в devDependencies
Файл, описывающий зависимости и npm-скрипты проекта, — это …
Основное действие Babel в процессе сборки — это …
Установите соответствие между типами зависимостей npm и их описанием:
Расположите этапы типичного процесса создания и запуска простого Node.js-сервера в правильной последовательности:
Основное назначение React — это …
Современный рекомендуемый способ описания компонентов в React — это …
Библиотека для маршрутизации в React-приложениях — это …
Специальные функции, которые позволяют функциональным компонентам управлять состоянием и жизненным циклом, — это … (укажите слово на русском языке)
Установите правильную последовательность этапов работы с состоянием в Redux:
Хук, который служит для выполнения побочных эффектов после рендеринга компонента, называется … (укажите слово на английском языке)
Опция в tsconfig.json, которая включает новый автоматический JSX-трансформ (JavaScript XML) для … 17+, называется «jsx»: «react-jsx» (укажите слово на английском языке)
Установите соответствие между основными хуками React и их описанием:
Расположите шаги типичного процесса создания и использования пользовательского хука в React в правильной последовательности:
Вопрос
Установите соответствие между понятием и его определением:
Результат вычисления выражения typeof null — это …
Атрибут тега script , позволяющий отложить выполнение скрипта до построения документа, — это …
Результат вызова Date.parse(«2025-08-10») — это …
Поведение fetch при ответе сервера 404 заключается в том, что он …
Области применения JavaScript включают … (выберите 4 варианта ответа)
Тенденции/практики экосистемы JavaScript в 2025 году — это … (выберите три варианта ответа)
Встроенный объект JavaScript для работы с датой и временем называется …
Расположите этапы изучения JavaScript в правильной последовательности, согласно материалам курса:
Соотнесите элементы и их описание:
Расположите шаги обработки отправки формы в правильном порядке:
Метод, возвращающий «живую» коллекцию элементов, — это …
Корректный способ навесить несколько обработчиков одного события на один элемент — это …
Место в браузере пользователя, которое сохраняет данные между сессиями, — это … Storage
Событие, которое срабатывает после построения DOM-дерева (Document Object Model), но до загрузки ресурсов (изображений/стилей), называется DOM …
Установите соответствие между методами/свойствами DOM и их предназначением:
Сопоставьте инструмент и его описание:
Расположите шаги подготовки и запуска проекта на Vite в правильном порядке:
Встроенный модуль Node.js для создания HTTP-сервера (Hypertext Transfer Protocol) — это …
Файл, описывающий зависимости и npm-скрипты проекта, — это …
Основное действие Babel в процессе сборки — это …
Операции, относящиеся к типичному «процессу сборки» фронтенда, — это … (выберите три варианта ответа)
Менеджер пакетов, устанавливаемый вместе с Node.js и используемый для управления зависимостями проекта, называется … (укажите аббревиатуру на английском языке)
Основное назначение React — это …
Современный рекомендуемый способ описания компонентов в React — это …
Установите соответствие между концепциями React и их описаниями:
Хук, который служит для выполнения побочных эффектов после рендеринга компонента, называется … (укажите слово на английском языке)
Опция в tsconfig.json, которая включает новый автоматический JSX-трансформ (JavaScript XML) для … 17+, называется «jsx»: «react-jsx» (укажите слово на английском языке)
Установите соответствие между основными хуками React и их описанием:
Расположите шаги типичного процесса создания и использования пользовательского хука в React в правильной последовательности:
Вопрос
Установите соответствие между понятием и его определением:
Расположите шаги корректной обработки HTTP-ответа (Hypertext Transfer Protocol) при работе с fetch от запроса до использования данных:
Результат вычисления выражения typeof null — это …
Поведение fetch при ответе сервера 404 заключается в том, что он …
Корректный файловый формат для обмена данными в JSON (JavaScript Object Notation) — это …
Области применения JavaScript включают … (выберите 4 варианта ответа)
Тенденции/практики экосистемы JavaScript в 2025 году — это … (выберите три варианта ответа)
Встроенный объект JavaScript для работы с датой и временем называется …
Установите соответствие между циклами JavaScript и их описанием:
Соотнесите элементы и их описание:
Расположите шаги обработки отправки формы в правильном порядке:
Метод, возвращающий «живую» коллекцию элементов, — это …
Результат обращения к свойству elem.dataset — это …
Событие, которое срабатывает после построения DOM-дерева (Document Object Model), но до загрузки ресурсов (изображений/стилей), называется DOM …
Сопоставьте инструмент и его описание:
Расположите шаги подготовки и запуска проекта на Vite в правильном порядке:
Файл, описывающий зависимости и npm-скрипты проекта, — это …
Операции, относящиеся к типичному «процессу сборки» фронтенда, — это … (выберите три варианта ответа)
TypeScript характеризуется тем, что он … (выберите три варианта ответа)
Менеджер пакетов, устанавливаемый вместе с Node.js и используемый для управления зависимостями проекта, называется … (укажите аббревиатуру на английском языке)
Установите соответствие между типами зависимостей npm и их описанием:
Расположите этапы типичного процесса создания и запуска простого Node.js-сервера в правильной последовательности:
Современный рекомендуемый способ описания компонентов в React — это …
Библиотека для маршрутизации в React-приложениях — это …
Функция, в которую преобразуется JSX (JavaScript XML) на этапе сборки, — это …
Специальные функции, которые позволяют функциональным компонентам управлять состоянием и жизненным циклом, — это … (укажите слово на русском языке)
Официально рекомендуемый способ работы с Redux, упрощающий создание … и редьюсеров, называется Redux Toolkit; (укажите слово на английском языке)
Хук, который служит для выполнения побочных эффектов после рендеринга компонента, называется … (укажите слово на английском языке)
Опция в tsconfig.json, которая включает новый автоматический JSX-трансформ (JavaScript XML) для … 17+, называется «jsx»: «react-jsx» (укажите слово на английском языке)
Расположите шаги типичного процесса создания и использования пользовательского хука в React в правильной последовательности:
Вопрос
Результат вычисления выражения typeof null — это …
Атрибут тега script , позволяющий отложить выполнение скрипта до построения документа, — это …
Поведение fetch при ответе сервера 404 заключается в том, что он …
Корректный файловый формат для обмена данными в JSON (JavaScript Object Notation) — это …
Области применения JavaScript включают … (выберите 4 варианта ответа)
Тенденции/практики экосистемы JavaScript в 2025 году — это … (выберите три варианта ответа)
Расположите этапы изучения JavaScript в правильной последовательности, согласно материалам курса:
Соотнесите элементы и их описание:
Расположите шаги обработки отправки формы в правильном порядке:
Метод, возвращающий «живую» коллекцию элементов, — это …
Корректный способ навесить несколько обработчиков одного события на один элемент — это …
Действие свойства textContent при записи заключается в том, что оно …
Способ отменить переход по ссылке в обработчике события click — это …
События, подходящие для отслеживания ввода пользователя «в реальном времени» в текстовом поле, — это … (укажите три варианта ответа)
Место в браузере пользователя, которое сохраняет данные между сессиями, — это … Storage
Расположите этапы типичного процесса динамического добавления элемента на страницу в правильной последовательности:
Сопоставьте инструмент и его описание:
Расположите шаги подготовки и запуска проекта на Vite в правильном порядке:
Встроенный модуль Node.js для создания HTTP-сервера (Hypertext Transfer Protocol) — это …
Основное действие Babel в процессе сборки — это …
Операции, относящиеся к типичному «процессу сборки» фронтенда, — это … (выберите три варианта ответа)
TypeScript характеризуется тем, что он … (выберите три варианта ответа)
Менеджер пакетов, устанавливаемый вместе с Node.js и используемый для управления зависимостями проекта, называется … (укажите аббревиатуру на английском языке)
Установите соответствие между типами зависимостей npm и их описанием:
Основное назначение React — это …
Библиотека для маршрутизации в React-приложениях — это …
Специальные функции, которые позволяют функциональным компонентам управлять состоянием и жизненным циклом, — это … (укажите слово на русском языке)
Официально рекомендуемый способ работы с Redux, упрощающий создание … и редьюсеров, называется Redux Toolkit; (укажите слово на английском языке)
Хук, который служит для выполнения побочных эффектов после рендеринга компонента, называется … (укажите слово на английском языке)
Опция в tsconfig.json, которая включает новый автоматический JSX-трансформ (JavaScript XML) для … 17+, называется «jsx»: «react-jsx» (укажите слово на английском языке)
Вопрос
Вы разрабатываете форму регистрации. Нужно отправить данные на /api/users методом POST, корректно обработать сетевые и HTTP-ошибки (Hypertext Transfer Protocol) и получить JSON-ответ (JavaScript Object Notation).
Какой фрагмент реализует требуемое поведение?
Вы реализуете список задач ( ul id=»todo» ), элементы ( li ) и кнопки удаления (.del) добавляются динамически через JS (JavaScript) после загрузки страницы. Требования заказчика (см. ниже):
• удалять ровно ту задачу, по кнопке которой кликнули;
• обработчик должен работать и для задач, созданных позже;
• учесть, что внутри .del может быть иконка ( svg ), по которой тоже кликают.
Какой вариант соответствует требованиям?
На странице есть форма поиска по каталогу (см. ниже):

form id=»searchForm»
input id=»q» name=»q» autocomplete=»off» /
button Искать /button
/form
ul id=»catalog» … /ul

Требования заказчика (см. ниже):
• фильтрация каталога выполняется в реальном времени по мере ввода (без перезагрузки);
• запрос нужно сохранить между сессиями и восстанавливать при следующем визите;
• недопустить вставку HTML (HyperText Markup Language) при отображении «пустого результата».
Какой вариант удовлетворяет всем требованиям?
Нужно за 5–10 минут поднять SPA (Single-Page Application) с dev-сервером (HMR (Hot Module Replacement)) и сразу иметь готовую prod-сборку. Обязательное требование — TypeScript.
Какой путь верный?
Вам нужно создать React-компонент счетчика, который сохраняет свое значение между сессиями браузера. При перезагрузке страницы счетчик должен восстанавливать последнее значение.
Какой кастомный хук нужно создать для реализации этой функциональности? Опишите его базовую структуру, включая используемые встроенные хуки и логику работы с localStorage.
Вы начинаете новый проект и должны выбрать между Create React App и Vite в качестве инструмента сборки.
Какие ключевые факторы следует учесть при выборе между этими инструментами для проекта с React и TypeScript?
Вопрос
Вы разрабатываете форму регистрации. Нужно отправить данные на /api/users методом POST, корректно обработать сетевые и HTTP-ошибки (Hypertext Transfer Protocol) и получить JSON-ответ (JavaScript Object Notation).
Какой фрагмент реализует требуемое поведение?
Сервис получает массив заказов orders, где total приходит строкой (например, «199.90», «12.50», «abc»). Требуется вернуть сумму корректных значений за один проход по массиву, пропуская некорректные записи, не мутируя исходный массив.
Какой фрагмент реализует требуемое поведение?
Вы делаете небольшую JS-библиотеку (JavaScript) (код в src/ с современным ES). Её должны уметь запускать Node.js 14 и старые браузеры. Нужно быстро настроить локально Babel CLI, добавить пресет @babel/preset-env, скрипт сборки и получить выход в lib/ с sourcemaps.
Какой набор действий корректен для поставленной задачи?
Нужно за 5–10 минут поднять SPA (Single-Page Application) с dev-сервером (HMR (Hot Module Replacement)) и сразу иметь готовую prod-сборку. Обязательное требование — TypeScript.
Какой путь верный?
Вам нужно создать React-компонент счетчика, который сохраняет свое значение между сессиями браузера. При перезагрузке страницы счетчик должен восстанавливать последнее значение.
Какой кастомный хук нужно создать для реализации этой функциональности? Опишите его базовую структуру, включая используемые встроенные хуки и логику работы с localStorage.
Вы начинаете новый проект и должны выбрать между Create React App и Vite в качестве инструмента сборки.
Какие ключевые факторы следует учесть при выборе между этими инструментами для проекта с React и TypeScript?

СПИСОК ВОПРОСОВ

С помощью стандарта … можно менять размеры, цвет, границы, расположение и другие свойства блоков < div >
… – это расширение браузера Google, которое обязательно должно быть у верстальщиков и дизайнеров
Достаточно часто используемое программное обеспечение – редакторы кода, такие как … (укажите 2 варианта ответа)
Структура системы управления контентом (CMS) – чаще всего … (на базовый движок устанавливаются различные плагины, темы и др., которые позволяют наполнять сайт различным функционалом)
Расположите в правильной последовательности этапы разделы технического задания:
Запись в исходном коде компьютерной программы, представляющая собой фиксированное значение, – это …, или безымянная константа
Значение …, записанное в некую переменную, указывает на то, что эта переменная не инициализирована и значение для нее отсутствует
Для выбора одной из множества альтернатив используется инструкция ветвления …, действие которого определяется набором значений соответствующей переменной
К примитивным типам данных относятся такие, как … (укажите 2 варианта ответа)
Для того чтобы обратить порядок следования элементов массива нужно воспользоваться методом …
Действие … заключается в последовательном повторении определенной части программы некоторое количество раз
Прерывать выполнение цикла нужно используя команду …
Пропускать текущую итерацию и переходить сразу к следующей нужно с помощью команды …
Цикл … позволяет перебирать все перечислимые свойства объекта по их именам
В ES6 появился метод массивов…, который выполняет поиск по массиву с использованием передаваемой ему функции
В стандарте ES5 появился метод …, который возвращает индекс первого вхождения искомого элемента массива
Установите правильную последовательность выполнения цикла (пошаговый алгоритм работы):
… – это один из способов в JavaScript, с помощью которого можно получить аргументы функции
Если функции не был передан аргумент, который мы хотим получить с помощью параметра, то в этом случае он будет иметь значение …
… – это структура данных, которая хранит сведения о соответствии идентификаторов и переменных
… функции осуществляется посредством указания ее имени и двух круглых скобок
Функция … вычисляет внешнее произведение двух векторов
Функция … возвращает текущее календарное время системы
Определите соответствие между функциями и характеристиками:
Определите соответствие между функциями и их характеристиками:
К примитивным типам относят … (укажите 2 варианта ответа)
… – это объединение данных и методов работы с этими данными в одной упаковке
Правильно выведенное сообщение «Hello World!» с помощью JavaScript: …
Правильный способ указать комментарий в коде JаvаSсriрt …
Установите соответствие между переменными и их характеристиками:
Установите соответствие между видами примитивных типов данных и их примерами:
… объекта регулярного выражения обеспечивает компиляцию регулярного выражения во время выполнения
Метод … создает новый экземпляр Array из массивоподобного или итерируемого объекта
Регулярные выражения применяются для того, чтобы … (укажите 2 варианта ответа)
Говоря о JavaScript-методе str.replace(), следует отметить, что когда первый аргумент replace является строкой, он заменяет только … совпадение
… – это модель синтаксического анализа и выполнения JavaScript-кода, в которой используется более строгая проверка кода на ошибки и генерируются ошибки при небезопасных действиях
Графический … позволяет осуществлять взаимодействие человека с компьютером в форме диалога с использованием окон, меню и элементов управления (диалоговых панелей, кнопок и т. д.)
Параметр … указывает на промежуток, через который будет выполняться функция из параметра someFunction
Deferred приходит в состояние «error» в одном из трех случаев – в частности, если … (укажите 3 варианта ответа)
Директива «use strict» была добавлена в JavaScript 1.8.5 (ECMAScript версии …)

Тест 1

… – это сведения независимо от формы их представления
… – это клиент-серверное приложение, в котором клиент взаимодействует с веб-сервером при помощи браузера
… – это веб-приложения распределена между сервером и клиентом
Обмен информацией происходит по …, в которую объединены компьютеры
Веб-приложения вошли в наш обиход примерно в конце …
В контексте создания сайтов есть два вида разработки, такие как … (укажите 2 варианта ответа)
Верстку веб-страниц невозможно представить без …
С помощью … можно узнать, насколько страница сайта адаптирована под разные размеры экраны и разрешения.
Система … – это система, которая позволяет публиковать информацию на сайт и управлять его функционалом, также ее называют движком сайта
Установите правильную последовательность этапов создания сайтов:

Тест 2

… представляет собой идентификатор, которому присвоено некое значение
Ключевое слово … появилось в ES2015, его упрощенно можно назвать «блочной» версией var
Ключевое слово … не делает объекты неизменяемыми (иммутабельными), оно просто защищает от изменений ссылки на них, записанные в соответствующие константы
Если имя содержит несколько слов, используется …, то есть слова следуют одно за другим и каждое следующее слово начинается с заглавной буквы: myVeryLongName
… – это последовательность букв, цифр, символов подчеркивания «_» и знаков доллара «$»
Для того чтобы определить тип данных некоего значения, можно воспользоваться оператором …, который возвращает строку, указывающую тип операнда
Есть два устоявшихся негласных стиля, используемых для записи идентификаторов, состоящих из нескольких слов, – в частности, это стиль … (укажите 2 варианта ответа)
В JavaScript наиболее популярным стилем именования идентификаторов, состоящих из нескольких слов, является …
Установите соответствие между примитивным типом данных и значением (переводом):
Установите хронологический порядок сортировки слияния:

Тест 3

Такой объект, как … – это массивоподобное представление нижележащего буфера с бинарными данными (ArrayBuffer)
Для того чтобы узнать длину массива, нужно обратиться к такому его свойству, как …
Метод массивов … позволяет перебирать массивы, применяя к каждому их элементу переданную этому методу функцию, преобразующую элемент, и создавать из полученных значений новые массивы
Для того чтобы получить доступ к отдельному элементу массива, используют конструкцию, состоящую из … скобок, в которых содержится индекс элемента массива
Метод …, появившийся в стандарте ES6, позволяет получать так называемый «итератор объекта» – объект, который в данном случае позволяет организовывать перебор элементов массива
Метод … при каждом его вызове возвращает структуру данных, содержащую очередной элемент массива
Метод массивов … возвращает итератор, который позволяет перебирать пары «ключ – значение массива»
Для добавления элементов в конец массива используют метод …
Для добавления элементов в начало массива используют метод …
Установите соответствие между методами и их характеристиками:

Тест 4

… – это некоторый фрагмент кода, который можно описать один раз, а затем вызвать на выполнение в разных частях программы какое угодно число раз
Написание функции посредством Function Declaration начинается с написания ключевого слова …
… функции – это значения, переданные в функцию при ее вызове
Оператор … предназначен для возвращения значения выражения в качестве результата выполнения функции
… – это хранилище для данных в памяти и механизм для извлечения этих данных при обращении
Операции с функцией в JavaScript можно разделить на 2 шага, в числе которых– … функции (укажите 2 варианта ответа)
Значение выражения должно быть указано … return
Контекст … – это абстрактное окружение, в котором вычисляется и выполняется JavaScript-код
Стек … – это структура данных, устроенная по принципу LIFO (Last In, First Out – «последним вошел, первым вышел»)
Лексическое окружение содержит два компонента, в частности, … (укажите 2 варианта ответа)

Тест 5
… – это базовая модель интерфейса, которая со временем превратится в готовый цифровой продукт
… в JavaScript – это шаблон для создания объекта
… – это экземпляр класса.
Имена переменных, классов, объектов, интерфейсов, методов называются …
Необходимо четко осознавать, что ключевое слово … всегда указывает именно на объект, из которого вызвана функция, а не на объект, к которому она принадлежит
…в JavaScript – это законченная последовательность действий (инструкций), направленных на решение отдельной задачи
Свойства-аксессоры представлены такими методами, как … (укажите 2 варианта ответа)
… –параметр или свойство элемента.
Установите соответствие между операторами и их характеристиками:
Установите правильный порядок построения объекта:

Тест 6

Чтобы выяснить, какой символ стоит в заданной позиции, нужно использовать метод …
… – это процесс соединения вещей друг с другом (в JavaScript чаще всего используется для соединения друг с другом значений переменных)
Метод … позволяет извлечь символы из строки (подстроку) или между двумя индексами, или от одного индекса и до конца строки
Класс … в языке JavaScript позволяет создать объект, описывающий географический или культурный регион, обеспечивая возможность создания многонациональных программ с учетом региональных настроек дат, времен, чисел, валюты и т.д.
Строку можно создать с помощью … кавычек
Для определения подстроки в строке используют такие методы, как … (укажите 2 варианта ответа)
По большой части для конкатенации строк используют оператор …, но также можно объединить строки, используя метод concat()
Метод … вызывает функцию с указанным значением this и аргументами, предоставленными в виде массива (либо массивоподобного объекта en-US)
Метод … – это предопределенный метод JavaScript, который может использоваться для вызова любого метода с любым владельцем объекта в качестве аргумента (параметра); благодаря методу любой объект может использовать методы, принадлежащие другому объекту
Установите правильный порядок создания конструктора:

Тест 7

… – это одиночный процесс, который может использовать программа для выполнения своих нужд
… колбэки – это аргументы при вызове функции, которая начнет выполнение кода на заднем фоне
Объект … инкапсулирует последовательность обработчиков для еще не существующего результата, чем сильно упрощает сложные AJAX-приложения
… – это функции высшего порядка, при помощи которых можно откладывать или повторять выполнение других функций
Функция … производит выполнение кода через указанный интервал времени
Функция … отменяет многократные повторения действий, установленные вызовом функции setInterval()
Программный код выполняется …, только одна конкретная операция происходит в данный момент времени
… – это встроенный в браузер объект, который дает возможность делать HTTP-запросы к серверу без перезагрузки страницы
Установите соответствие между функциями и характеристиками:
Установите правильную последовательность вызовов, если есть два класса, один из которых базовый, а другой – унаследованный от базового:

Итоговый тест

Тег < … > создает новую строку в таблице
С помощью стандарта … можно менять размеры, цвет, границы, расположение и другие свойства блоков < div >
… – это расширение браузера Google, которое обязательно должно быть у верстальщиков и дизайнеров
Структура системы управления контентом (CMS) – чаще всего … (на базовый движок устанавливаются различные плагины, темы и др., которые позволяют наполнять сайт различным функционалом)
SEO … – это поисковая оптимизация
В тестировании … ящика при порождении тестовых сценариев используется только информация о спецификации системы
Шаблонные … представляют собой строки, заключенные в обратные кавычки (`) и обладают некоторыми особенными свойствами – например, в них можно подставлять некие значения, являющиеся результатом вычисления JavaScript-выражений
Режим strict …, введенный в ECMAScript 5, позволяет использовать более строгий вариант JavaScript; Это не просто подмножество языка: в нем сознательно используется семантика, отличающаяся от обычно принятой
… – это механизм в JavaScript, в котором переменные и объявления функций, передвигаются вверх своей области видимости перед тем, как код будет выполнен
Для выбора одной из множества альтернатив используется инструкция ветвления …, действие которого определяется набором значений соответствующей переменной
Если в программе присутствует большое дерево ветвлений и все ветвления зависят от значения какой-либо одной переменной, то можно вместо ступенчатой последовательности конструкций if…else или else…if воспользоваться инструкцией …
Установите правильную последовательность шагов алгоритма пузырьковой сортировки:
… – это разновидность управляющих конструкций для организации многократного выполнения одного и того же участка кода
Цикл … позволяет перебирать все перечислимые свойства объекта по их именам
Для организации сортировки элементов массива в алфавитном порядке (0-9A-Za-z) используется метод … без передачи ему аргументов
Метод … возвращает индекс последнего вхождения элемента в массив
Для объединения нескольких массивов можно воспользоваться методом …, возвращающим новый массив
Для того чтобы, воспользовавшись одной операцией, удалить некие элементы массива и вставить вместо них другие элементы, используется метод …
… функции – это функции, которые уже содержатся в табличном процессоре и выполняют различные вычисления автоматически при их вызове из библиотеки функций
… Java – это набор инструкций, исполняемых виртуальной машиной Java
… – термин в программировании, означающий вызов функцией самой себя
… – это структура данных, которая хранит сведения о соответствии идентификаторов и переменных
… функции осуществляется посредством указания ее имени и двух круглых скобок
… возвращает число, полученное согласно равномерному распределению
Определите соответствие между функциями и их характеристиками:
Установите правильную последовательность этапов трансформации знаний при их обработке на компьютере:
Оператор (операторная функция) … создает экземпляр объекта, встроенного или определенного пользователем, имеющего конструктор
… – это элемент JavaScript, который позволяет другим составляющим кода наследовать свойства и методы
… – это специальный метод, служащий для создания и инициализации объектов, созданных с использованием class
К примитивным типам относят … (укажите 2 варианта ответа)
Ключевое слово … представляет ссылку на текущий экземпляр класса
Правильный способ указать комментарий в коде JаvаSсriрt …
… выражения (их еще называют regexp, или regex) – это механизм для поиска и замены текста
С точки зрения Java … представляет собой файл jar, используемый для определения бизнес-логики программы и построения интерфейсной части
Внутренний формат для строк – всегда …, вне зависимости от кодировки страницы
Установите соответствие между методами и их характеристиками:
Параметр … указывает на промежуток, через который будет выполняться функция из параметра someFunction
В числе трех возможных состояний объекта Deferred – анализ чувствительности, равный … (укажите 3 варианта ответа)
Deferred приходит в состояние «error» в одном из трех случаев – в частности, если … (укажите 3 варианта ответа)