Заказать решение теста "Программирование на JavaScript"
Язык … – это высокоуровневый язык программирования, используемый в основном для создания интерактивных веб-страниц (например, отображения периодически обновляемого контента, или интерактивных карт, или анимации 2D- и 3D-графики и т.д.); он является основным языком для клиентской разработки в браузерах, а также применяется на серверной стороне
Начиная с … версии языка ECMAScript стали выходить ежегодно
Установите правильный порядок загрузки веб-страницы браузером:
… JavaScript расширяет ядро языка, предоставляя объекты управления браузером (Navigator или другой веб-браузер) и Document Object Model (DOM)
Писать код на JavaScript языке можно в … (укажите 4 варианта ответа)
Установите соответствие между уровнем веб-приложения и его описанием:
Для хостинга репозиториев Git используются такие платформы, как … (укажите 2 варианта ответа)
Установите соответствие между библиотекой и ее характеристикой:
… форматирование используется для приведения кода к заданным стандартам с помощью специализированных инструментов
JavaScript чаще всего применяется для ... (укажите 2 варианта ответа)
Ваша команда работает над крупным проектом, и вы заметили, что код не всегда соответствует единым стилевым стандартам, что затрудняет совместную работу и понимание кода.
Какой инструмент вы бы использовали для автоматического форматирования JavaScript-кода?
Onclick – это событие JavaScript, которое …
Слабыми коллекциями являются такие, как … (укажите 2 варианта ответа)
… узлы имеют один и тот же родительский элемент и находятся на одном уровне в дереве
Метод document.getElementById() возвращает …
… – это значения, которые присутствуют в HTML-разметке, являются частью разметки элемента и задают свойства для данного элемента
… JavaScript – это «вещи», которые происходят с элементами HTML (JavaScript используется на страницах HTML, чтобы «реагировать» на них)
У слабых коллекций WeakSet и WeakMap есть определенные ограничения, в частности, … (укажите 2 варианта ответа)
Сопоставьте функции JavaScript и их описания:
Установите соответствие между символами сокращения jQuery и их описаниями:
Проанализировав приведенный ниже код HTML, установите правильный порядок (от корня к листу), в котором будут расположены элементы DOM-дерева:
˂!DOCTYPE html˃
˂html˃
˂head˃
˂title˃Sample˂/title˃
˂/head˃
Ниже приведен JavaScript-код, проанализируйте его.
В коде есть комментарии, помеченные числами от 1 до 6.
Как надо правильно расставить комментарии в код на место чисел 1-6?
Вы работаете в команде по разработке веб-приложения для интернет-магазина. Вам необходимо добиться улучшения клиентской части сайта, чтобы пользователи получили более удобный и интерактивный интерфейс.
Какую задачу вы не сможете выполнить, используя клиентский JavaScript?
Вы с командой веб-разработчиков работаете над крупным проектом, включающим сложное клиентское веб-приложение на JavaScript. Один из ваших коллег случайно удалил несколько ключевых файлов, что привело к серьезным проблемам с функциональностью приложения. Ваша команда использует систему контроля версий (Version Control System).
Какова основная цель использования такой системы в процессе разработки JavaScript и сможет ли она помочь в данной ситуации?
Вы разрабатываете сайт. Одно из требований к его разработке состоит в проверке безопасности пароля. Пароль должен соответствовать следующим требованиям:
- содержать как минимум одну строчную букву;
- содержать как минимум одну заглавную букву;
- содержать как минимум одну цифру;
- иметь длину 9 или более символов.
Напишите регулярное выражение JavaScript для проверки пароля.
У вас есть следующая веб-страница, представленная в виде HTML-кода:
˂!DOCTYPE html˃
˂html˃
˂head˃
˂title˃Тестовая страница˂/title˃
˂/head˃
˂body˃
˂div id="container"˃
˂h1 id="title"˃Заголовок˂/h1˃
˂p class="text"˃Первый абзац.˂/p˃
˂p class="text"˃Второй абзац.˂/p˃
˂button id="addButton"˃Добавить элемент˂/button˃
˂/div˃
˂script˃
getElementById('addButton').addEventListener('click', function() {
let newPara = document.createElement('p');
textContent = 'Новый абзац';
getElementById('container').appendChild(newPara);
});
˂/script˃
˂/body˃
˂/html˃
Каким образом можно изменить содержимое заголовка с id "title" на "Новый заголовок" с помощью JavaScript?
У вас есть следующая веб-страница, представленная в виде HTML-кода:
```html
˂!DOCTYPE html˃
˂html lang="ru"˃
˂head˃
˂meta charset="UTF-8"˃
˂meta name="viewport" content="width=device-width, initial-scale=1.0"˃
˂title˃Пример страницы˂/title˃
˂/head˃
˂body˃
˂p class="text"˃Первый абзац˂/p˃
˂p class="text"˃Второй абзац˂/p˃
˂p class="text"˃Третий абзац˂/p˃
˂/body˃
˂/html˃
```
Используя инструмент разработчика в браузере (консоль), как можно удалить второй абзац с текстом "Второй абзац"?
Вы создаете динамическую веб-страницу с формой, которая сохраняет введенные данные в cookie при отправке.
Какой JavaScript-код вам нужно использовать для предотвращения стандартного поведения отправки формы и сохранения данных в cookie?
Вам необходимо создать обработчик событий, который будет динамически обновлять содержимое элемента ˂div˃ при изменении значения в ˂input˃ формы.
Какой JavaScript-код вы будете использовать для этого?
Изучите данный код, направленный на отслеживание последовательности выполнения задач с помощью стека.
```javascript
function a() {
console.log("A");
c();
console.log("A");
}
function b() {
console.log("B");
d();
function c() {
b();
console.log("C");
d();
}
function d() {
console.log("D");
}
a();
```
Что в результате будет выведено в консоль?
Атрибут ... в теге ˂script˃ означает то, что скрипт будет загружен асинхронно, но выполнен только после того, как весь HTML-документ будет полностью обработан.
Установите соответствие между ключевым словом в JavaScript и его описанием:
В JavaScript значение true покажет выражение … (укажите 2 варианта ответа)
… представляет собой упорядоченную коллекцию значений, где каждое значение называется элементом и каждый элемент имеет числовую позицию, известную как индекс
… происходит, когда функция вызывает саму себя
Классы в JavaScript представляют собой … сахар
В JavaScript цикл … выполняет инструкцию до тех пор, пока проверяющее условие равно true, и это условие проверяется перед выполнением инструкции
В JavaScrip метод … показывает диалоговое окно с кнопками «OK» и «Cancel»
Укажите соответствие оператора и его записи в JavaScript:
С учетом того, что метод replace() заменяет часть строки, совпадающую с регулярным выражением, на новую строку, приведите правильную последовательность элементов инструкции, если необходимо строку ‘abc123’ заменить на ‘abc456’:
Вам дан JavaScript-код:
if (x ˃ 5) {
let s = ‘x больше 5’;
}
else {
let s = ‘x меньше либо равен 5’;
}
Как эту условную конструкцию переписать тернарным оператором?
#id, .call, tag – это …
Если при вызове window.open указать только первый параметр, то браузер откроет …
... скрипт - это код JavaScript, который включается непосредственно в HTML-документ внутри тега ˂script˃
Последняя стандартизированная версия языка разметки для создания структур веб-страниц на 2024 год – это язык …
... - это небольшие фрагменты текста, передаваемые в браузер с открываемого вами сайта; с их помощью сайт запоминает информацию о ваших посещениях
Сопоставьте основные возможности HTML5 с примерами кода:
Чтобы предотвратить стандартное поведение элемента (например, переход по ссылке), в JavaScript используется метод …
Всплытие и перехват событий позволяет реализовать один из самых важных приемов разработки – …; это паттерн программирования в JavaScript, который позволяет обрабатывать события для нескольких элементов, используя только один обработчик.
Сопоставьте фазы обработки событий JavaScript с их описанием:
Расположите в правильной последовательности шаги алгоритма делегирования событий в JаvаSсriрt:
Вы разрабатываете веб-приложение и хотите обеспечить простое сохранение пользовательских настроек в формате JSON, который будет храниться в локальном хранилище (LocalStorage) браузера.
Объект настроек:
```javascript
const userSettings = {
theme: 'dark',
notifications: true,
fontSize: '14px'
};
```
Какой вариант кода правильно сохраняет объект настроек в LocalStorage и считывает его оттуда?
Версия ECMAScript, которая так и не вышла, – …
Сопоставьте название инструмента с его описанием:
... JavaScript обычно встраиваются в HTML-страницу и выполняются браузером
Наиболее популярными интерфейсными технологиями являются такие, как … (укажите 2 варианта ответа)
Расположите этапы критического рендеринга в правильной последовательности.
Редактор кода для удобства программиста должен иметь в своем арсенале такую функцию, как сворачивание, или ..., которая предоставляет возможность скрыть-раскрыть блок кода
Основное функция использования менеджеров изменений и различий - в том, что они ...
Сопоставьте понятие с его описанием:
Prettier – это средство для автоматического … JavaScript-кода
… – это комбинация функции и лексического окружения, в котором эта функция была объявлена; оно позволяет функции «запоминать» свое окружение даже после завершения выполнения своей области видимости
… – это последовательность команд, инструкций, то есть строчки кода, которые описывают сценарий, поведение и т.п.; он направлен на определенную задачу (например, описывает поведение персонажа в компьютерной игре)
Атрибут … в теге ˂script˃ означает то, что скрипт будет загружен асинхронно и выполняться будет сразу после загрузки, без ожидания окончания обработки HTML-документа
… инструкция используется тогда, когда никакой инструкции быть не должно, а по синтаксису JavaScript она требуется
Установите соответствие между типом данных и тем, что обозначает:
Инструкция … прерывает выполнение инструкции в текущей итерации текущего цикла или цикла с меткой и продолжает выполнение цикла со следующей итерации
Массивные литералы представляют собой …
… – это блок кода, который выполняет определенные задачи и может быть повторно вызван
Установите соответствие между понятием и его значением:
Установите правильный порядок шагов для создания и использования класса с методами, работающими с массивами, в JаvаSсriрt:
… – это коллекция уникальных значений
... - это базовый тип объекта в DOM, представляющий любой тип в документе: элемент, текст, комментарий и т.д.
Узлы, которые непосредственно вложены в другой узел, – это … узлы
В модели DOM, чтобы получить доступ к следующему элементу на том же уровне, используется свойство …
Язык программирования ... определяет языковую спецификацию для скриптовых языков, включая определение синтаксиса, типов данных, структур контроля и объектных моделей; он также включает в себя методы для работы со строками, массивами, объектами, функциями и другими основными элементами языка
Установите правильный порядок действий при программной отправке формы в JаvаSсriрt:
Методом объекта document в JavaScript, который возвращает первый элемент, соответствующий указанному CSS-селектору, является …
Для создания нового элемента в DOM используется метод ...
Сопоставьте каждый класс DOM-узлов с его описанием:
… браузера открывается нажатием клавиш F12 или Ctrl + Shift + I и используется веб-разработчиками для отладки и диагностики веб-страниц
Сопоставьте методы и свойства современного DOM с их описаниями:
Для закрытия текущего окна браузера в JavaScript используется метод ...
Для парсинга XML строк в JavaScript используется объект …
Реальными заголовками HTTP являются такие, как … (укажите 2 варианта ответа)
Создать и вызвать пользовательское событие в JavaScript можно с помощью кода ... (укажите 2 варианта ответа)
Сопоставьте статус-коды с их описаниями:
Библиотека, часто используемая для работы с графикой и рисования на холсте в HTML5, называется …
Метод HTTP, который используется для замены всех текущих представлений ресурса данными, переданными в теле запроса, – это …
Сопоставьте основные механизмы сохранения данных на стороне клиента с их назначением:
Расположите в правильном порядке компоненты, которые составляют полный HTTP-запрос:
Свойство … формы HTML задает URL, на который отправляются данные формы при отправке
Начиная с … версии языка ECMAScript стали выходить ежегодно
Установите правильный порядок загрузки веб-страницы браузером:
… JavaScript расширяет ядро языка, предоставляя объекты управления браузером (Navigator или другой веб-браузер) и Document Object Model (DOM)
Писать код на JavaScript языке можно в … (укажите 4 варианта ответа)
Установите соответствие между уровнем веб-приложения и его описанием:
Для хостинга репозиториев Git используются такие платформы, как … (укажите 2 варианта ответа)
Установите соответствие между библиотекой и ее характеристикой:
… форматирование используется для приведения кода к заданным стандартам с помощью специализированных инструментов
JavaScript чаще всего применяется для ... (укажите 2 варианта ответа)
Ваша команда работает над крупным проектом, и вы заметили, что код не всегда соответствует единым стилевым стандартам, что затрудняет совместную работу и понимание кода.
Какой инструмент вы бы использовали для автоматического форматирования JavaScript-кода?
Onclick – это событие JavaScript, которое …
Слабыми коллекциями являются такие, как … (укажите 2 варианта ответа)
… узлы имеют один и тот же родительский элемент и находятся на одном уровне в дереве
Метод document.getElementById() возвращает …
… – это значения, которые присутствуют в HTML-разметке, являются частью разметки элемента и задают свойства для данного элемента
… JavaScript – это «вещи», которые происходят с элементами HTML (JavaScript используется на страницах HTML, чтобы «реагировать» на них)
У слабых коллекций WeakSet и WeakMap есть определенные ограничения, в частности, … (укажите 2 варианта ответа)
Сопоставьте функции JavaScript и их описания:
Установите соответствие между символами сокращения jQuery и их описаниями:
Проанализировав приведенный ниже код HTML, установите правильный порядок (от корня к листу), в котором будут расположены элементы DOM-дерева:
˂!DOCTYPE html˃
˂html˃
˂head˃
˂title˃Sample˂/title˃
˂/head˃
Ниже приведен JavaScript-код, проанализируйте его.
В коде есть комментарии, помеченные числами от 1 до 6.
Как надо правильно расставить комментарии в код на место чисел 1-6?
Вы работаете в команде по разработке веб-приложения для интернет-магазина. Вам необходимо добиться улучшения клиентской части сайта, чтобы пользователи получили более удобный и интерактивный интерфейс.
Какую задачу вы не сможете выполнить, используя клиентский JavaScript?
Вы с командой веб-разработчиков работаете над крупным проектом, включающим сложное клиентское веб-приложение на JavaScript. Один из ваших коллег случайно удалил несколько ключевых файлов, что привело к серьезным проблемам с функциональностью приложения. Ваша команда использует систему контроля версий (Version Control System).
Какова основная цель использования такой системы в процессе разработки JavaScript и сможет ли она помочь в данной ситуации?
Вы разрабатываете сайт. Одно из требований к его разработке состоит в проверке безопасности пароля. Пароль должен соответствовать следующим требованиям:
- содержать как минимум одну строчную букву;
- содержать как минимум одну заглавную букву;
- содержать как минимум одну цифру;
- иметь длину 9 или более символов.
Напишите регулярное выражение JavaScript для проверки пароля.
У вас есть следующая веб-страница, представленная в виде HTML-кода:
˂!DOCTYPE html˃
˂html˃
˂head˃
˂title˃Тестовая страница˂/title˃
˂/head˃
˂body˃
˂div id="container"˃
˂h1 id="title"˃Заголовок˂/h1˃
˂p class="text"˃Первый абзац.˂/p˃
˂p class="text"˃Второй абзац.˂/p˃
˂button id="addButton"˃Добавить элемент˂/button˃
˂/div˃
˂script˃
getElementById('addButton').addEventListener('click', function() {
let newPara = document.createElement('p');
textContent = 'Новый абзац';
getElementById('container').appendChild(newPara);
});
˂/script˃
˂/body˃
˂/html˃
Каким образом можно изменить содержимое заголовка с id "title" на "Новый заголовок" с помощью JavaScript?
У вас есть следующая веб-страница, представленная в виде HTML-кода:
```html
˂!DOCTYPE html˃
˂html lang="ru"˃
˂head˃
˂meta charset="UTF-8"˃
˂meta name="viewport" content="width=device-width, initial-scale=1.0"˃
˂title˃Пример страницы˂/title˃
˂/head˃
˂body˃
˂p class="text"˃Первый абзац˂/p˃
˂p class="text"˃Второй абзац˂/p˃
˂p class="text"˃Третий абзац˂/p˃
˂/body˃
˂/html˃
```
Используя инструмент разработчика в браузере (консоль), как можно удалить второй абзац с текстом "Второй абзац"?
Вы создаете динамическую веб-страницу с формой, которая сохраняет введенные данные в cookie при отправке.
Какой JavaScript-код вам нужно использовать для предотвращения стандартного поведения отправки формы и сохранения данных в cookie?
Вам необходимо создать обработчик событий, который будет динамически обновлять содержимое элемента ˂div˃ при изменении значения в ˂input˃ формы.
Какой JavaScript-код вы будете использовать для этого?
Изучите данный код, направленный на отслеживание последовательности выполнения задач с помощью стека.
```javascript
function a() {
console.log("A");
c();
console.log("A");
}
function b() {
console.log("B");
d();
function c() {
b();
console.log("C");
d();
}
function d() {
console.log("D");
}
a();
```
Что в результате будет выведено в консоль?
Атрибут ... в теге ˂script˃ означает то, что скрипт будет загружен асинхронно, но выполнен только после того, как весь HTML-документ будет полностью обработан.
Установите соответствие между ключевым словом в JavaScript и его описанием:
В JavaScript значение true покажет выражение … (укажите 2 варианта ответа)
… представляет собой упорядоченную коллекцию значений, где каждое значение называется элементом и каждый элемент имеет числовую позицию, известную как индекс
… происходит, когда функция вызывает саму себя
Классы в JavaScript представляют собой … сахар
В JavaScript цикл … выполняет инструкцию до тех пор, пока проверяющее условие равно true, и это условие проверяется перед выполнением инструкции
В JavaScrip метод … показывает диалоговое окно с кнопками «OK» и «Cancel»
Укажите соответствие оператора и его записи в JavaScript:
С учетом того, что метод replace() заменяет часть строки, совпадающую с регулярным выражением, на новую строку, приведите правильную последовательность элементов инструкции, если необходимо строку ‘abc123’ заменить на ‘abc456’:
Вам дан JavaScript-код:
if (x ˃ 5) {
let s = ‘x больше 5’;
}
else {
let s = ‘x меньше либо равен 5’;
}
Как эту условную конструкцию переписать тернарным оператором?
#id, .call, tag – это …
Если при вызове window.open указать только первый параметр, то браузер откроет …
... скрипт - это код JavaScript, который включается непосредственно в HTML-документ внутри тега ˂script˃
Последняя стандартизированная версия языка разметки для создания структур веб-страниц на 2024 год – это язык …
... - это небольшие фрагменты текста, передаваемые в браузер с открываемого вами сайта; с их помощью сайт запоминает информацию о ваших посещениях
Сопоставьте основные возможности HTML5 с примерами кода:
Чтобы предотвратить стандартное поведение элемента (например, переход по ссылке), в JavaScript используется метод …
Всплытие и перехват событий позволяет реализовать один из самых важных приемов разработки – …; это паттерн программирования в JavaScript, который позволяет обрабатывать события для нескольких элементов, используя только один обработчик.
Сопоставьте фазы обработки событий JavaScript с их описанием:
Расположите в правильной последовательности шаги алгоритма делегирования событий в JаvаSсriрt:
Вы разрабатываете веб-приложение и хотите обеспечить простое сохранение пользовательских настроек в формате JSON, который будет храниться в локальном хранилище (LocalStorage) браузера.
Объект настроек:
```javascript
const userSettings = {
theme: 'dark',
notifications: true,
fontSize: '14px'
};
```
Какой вариант кода правильно сохраняет объект настроек в LocalStorage и считывает его оттуда?
Версия ECMAScript, которая так и не вышла, – …
Сопоставьте название инструмента с его описанием:
... JavaScript обычно встраиваются в HTML-страницу и выполняются браузером
Наиболее популярными интерфейсными технологиями являются такие, как … (укажите 2 варианта ответа)
Расположите этапы критического рендеринга в правильной последовательности.
Редактор кода для удобства программиста должен иметь в своем арсенале такую функцию, как сворачивание, или ..., которая предоставляет возможность скрыть-раскрыть блок кода
Основное функция использования менеджеров изменений и различий - в том, что они ...
Сопоставьте понятие с его описанием:
Prettier – это средство для автоматического … JavaScript-кода
… – это комбинация функции и лексического окружения, в котором эта функция была объявлена; оно позволяет функции «запоминать» свое окружение даже после завершения выполнения своей области видимости
… – это последовательность команд, инструкций, то есть строчки кода, которые описывают сценарий, поведение и т.п.; он направлен на определенную задачу (например, описывает поведение персонажа в компьютерной игре)
Атрибут … в теге ˂script˃ означает то, что скрипт будет загружен асинхронно и выполняться будет сразу после загрузки, без ожидания окончания обработки HTML-документа
… инструкция используется тогда, когда никакой инструкции быть не должно, а по синтаксису JavaScript она требуется
Установите соответствие между типом данных и тем, что обозначает:
Инструкция … прерывает выполнение инструкции в текущей итерации текущего цикла или цикла с меткой и продолжает выполнение цикла со следующей итерации
Массивные литералы представляют собой …
… – это блок кода, который выполняет определенные задачи и может быть повторно вызван
Установите соответствие между понятием и его значением:
Установите правильный порядок шагов для создания и использования класса с методами, работающими с массивами, в JаvаSсriрt:
… – это коллекция уникальных значений
... - это базовый тип объекта в DOM, представляющий любой тип в документе: элемент, текст, комментарий и т.д.
Узлы, которые непосредственно вложены в другой узел, – это … узлы
В модели DOM, чтобы получить доступ к следующему элементу на том же уровне, используется свойство …
Язык программирования ... определяет языковую спецификацию для скриптовых языков, включая определение синтаксиса, типов данных, структур контроля и объектных моделей; он также включает в себя методы для работы со строками, массивами, объектами, функциями и другими основными элементами языка
Установите правильный порядок действий при программной отправке формы в JаvаSсriрt:
Методом объекта document в JavaScript, который возвращает первый элемент, соответствующий указанному CSS-селектору, является …
Для создания нового элемента в DOM используется метод ...
Сопоставьте каждый класс DOM-узлов с его описанием:
… браузера открывается нажатием клавиш F12 или Ctrl + Shift + I и используется веб-разработчиками для отладки и диагностики веб-страниц
Сопоставьте методы и свойства современного DOM с их описаниями:
Для закрытия текущего окна браузера в JavaScript используется метод ...
Для парсинга XML строк в JavaScript используется объект …
Реальными заголовками HTTP являются такие, как … (укажите 2 варианта ответа)
Создать и вызвать пользовательское событие в JavaScript можно с помощью кода ... (укажите 2 варианта ответа)
Сопоставьте статус-коды с их описаниями:
Библиотека, часто используемая для работы с графикой и рисования на холсте в HTML5, называется …
Метод HTTP, который используется для замены всех текущих представлений ресурса данными, переданными в теле запроса, – это …
Сопоставьте основные механизмы сохранения данных на стороне клиента с их назначением:
Расположите в правильном порядке компоненты, которые составляют полный HTTP-запрос:
Свойство … формы HTML задает URL, на который отправляются данные формы при отправке