Программирование на JavaScript.dor_24-185-Б

Скачать тест — (Программирование на JavaScript.dor_24-185-Б_032db229.pdf)

Язык … – это высокоуровневый язык программирования, используемый в основном для создания интерактивных веб-страниц (например, отображения периодически обновляемого контента, или интерактивных карт, или анимации 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-код, проанализируйте его. document.addEventListener(‘DOMContentLoaded’, function() { // 1 const form = document.forms[‘myForm’]; form.addEventListener(‘submit’, function(event) { // 2 var email = form.elements[’email’].value; // 3 if (email === ») { alert(‘Email обязательно’); event.preventDefault(); } }); // 4 form.elements[‘username’].addEventListener(‘blur’, function() { console.log(‘Поле username потеряло фокус.’); }); document.getElementById(‘submitBtn’).addEventListener(‘click’,function(event) { if (form.checkValidity()) { // 5 form.submit(); // 6 } else { alert(‘Форма содержит ошибки.’); event.preventDefault(); } }); }); В коде есть комментарии, помеченные числами от 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, на который отправляются данные формы при отправке