🗜️ Разработка web-приложений на языке JavaScript. 🗜️

… – это веб-приложения распределена между сервером и клиентом

Тег < … > создает новый столбец в таблице

Если само слово let кажется не очень понятным, можно представить, что вместо него используется русское слово «…»

… – это процесс и искусство создания компьютерных программ и/или программного обеспечения с помощью соответствующих технических языков

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

При установке пакета через npm флаг -… записывает зависимость в devDependencies
_{Тип ответа: Текcтовый ответ}

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

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

События, подходящие для отслеживания ввода пользователя «в реальном времени» в текстовом поле, — это ... (укажите три варианта ответа)
_{Тип ответа: Множественный выбор ••}

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

Тенденции/практики экосистемы jаvascript в 2025 году — это ... (выберите три варианта ответа)
_{Тип ответа: Множественный выбор ••}

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

Регулярные выражения применяются для того, чтобы … (укажите 2 варианта ответа)

Для хранения больших объемов информации используют особый компьютер с очень большим объемом памяти – … хранения данных

… – это язык программирования, откуда jаvascript взял свои регулярные выражения

… – это тип данных, в котором хранится упорядоченный набор однотипных элементов

… – это разновидность управляющих конструкций для организации многократного выполнения одного и того же участка кода

Тег < … > задает основные параметры таблицы – длину, ширину и др.

Метод … проверяет соответствие в строке, этот метод возвращает совпадающий текст, если он находит совпадение, в противном случае он возвращает null

Значение выражения должно быть указано … return

Внутренний формат для строк – всегда …, вне зависимости от кодировки страницы

Веб-приложение … работает на удаленном компьютере, который может находиться где угодно

… вызовов – это средство доступа к объекту под различными именами

… – это хранилище для данных в памяти и механизм для извлечения этих данных при обращении

… – это специальный метод, служащий для создания и инициализации объектов, созданных с использованием class

Функция … – внутреннее произведение, т. е. функция, которая определяется внутри других функций.

При помощи свойства … можно найти число юникодных символов в строке

Оператор … позволяет организовывать циклы, которые, в частности, можно использовать и для перебора (или инициализации) массивов, обращаясь к их элементам по индексам

Обмен информацией происходит по …, в которую объединены компьютеры

Метод … возвращает новый массив, содержащий копию части исходного массива

Ключевое слово … не делает объекты неизменяемыми (иммутабельными), оно просто защищает от изменений ссылки на них, записанные в соответствующие константы

Есть два устоявшихся негласных стиля, используемых для записи идентификаторов, состоящих из нескольких слов, – в частности, это стиль … (укажите 2 варианта ответа)

Достаточно часто используемое программное обеспечение – редакторы кода, такие как … (укажите 2 варианта ответа)

До появления стандарта … использование ключевого слова var было единственным способом объявления переменных

Для того чтобы обратить порядок следования элементов массива нужно воспользоваться методом …

Для объединения нескольких массивов можно воспользоваться методом …, возвращающим новый массив

В jаvascript создать функцию можно различными способами, такими как … (укажите 2 варианта ответа)

jаvascript есть пара зарезервированных слов, использующихся при работе с логическими значениями – это такие слова, как … (укажите 2 варианта ответа)

… ссылка – это ссылка, ведущая на ту страницу, где она сама расположена

… позволяют обработать некоторый jаvascript-код в отдельном потоке, который называется обработчиком, и таким образом запускать отдельные блоки jаvascript-кода одновременно

… (от англ. to get – «получить»), который также называется методом чтения, – это метод, который возвращает нам значение какого-то поля

… – это сведения независимо от формы их представления

… – это основная единица информации в вычислительной технике и цифровых коммуникациях, которая представляет логическое состояние с одним из двух возможных значений

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

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

На странице есть форма поиска по каталогу (см. ниже): ˂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. Какой путь верный?

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

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

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

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

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

Официально рекомендуемый способ работы с Redux, упрощающий создание … и редьюсеров, называется Redux Toolkit; (укажите слово на английском языке)
_{Тип ответа: Текcтовый ответ}

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

---

---

---

---

Области применения jаvascript включают ... (выберите 4 варианта ответа)
_{Тип ответа: Множественный выбор ••}

Установите соответствие между концепциями React и их описаниями:
_{Тип ответа: Сопоставление
​}

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

Установите правильную последовательность этапов работы с состоянием в Redux:
_{Тип ответа: Сортировка}

---

---

---

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

---

---

---

Расположите этапы изучения jаvascript в правильной последовательности, согласно материалам курса:
_{Тип ответа: Сортировка}

---

---

---

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

---

---

---

---

Сопоставьте инструмент и его описание:
_{Тип ответа: Сопоставление}

Установите соответствие между понятием и его определением:
_{Тип ответа: Сопоставление}

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

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

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

Операции, относящиеся к типичному «процессу сборки» фронтенда, — это ... <i> (выберите три варианта ответа) </i>
_{Тип ответа: Множественный выбор ••}

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

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

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

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

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

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

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

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

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

Актуальный подход к написанию компонентов в новом коде … — это функциональные компоненты с хуками (useState, useEffect и др.) (укажите слово на английском языке)
_{Тип ответа: Текcтовый ответ}

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

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

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

---

---

---

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

Сопоставьте инструмент и его краткое описание:
_{Тип ответа: Сопоставление}

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

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

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

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

Проверку типов выполняет компилятор TypeScript; а … может убрать аннотации TS (TypeScript), но типы не проверяет (укажите слово на английском языке)
_{Тип ответа: Текcтовый ответ}

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

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

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

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

---

---

---

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

---

---

---

---

Соотнесите метод (свойство) и его описание:
_{Тип ответа: Сопоставление}

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

Какое решение удовлетворяет требованиям?

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

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

LocalStorage сохраняет данные между сессиями, … Storage очищается при закрытии вкладки (укажите слово на английском языке)
_{Тип ответа: Текcтовый ответ}

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

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

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