2. Сопоставьте название инструмента с его описанием:
3. … JavaScript обычно встраиваются в HTML-страницу и выполняются браузером
4. Наиболее популярными интерфейсными технологиями являются такие, как … (укажите 2 варианта ответа)
5. Расположите этапы критического рендеринга в правильной последовательности.
6. Редактор кода для удобства программиста должен иметь в своем арсенале такую функцию, как сворачивание, или …, которая предоставляет возможность скрыть-раскрыть блок кода
7. Основное функция использования менеджеров изменений и различий — в том, что они …
8. Сопоставьте понятие с его описанием:
9. Prettier – это средство для автоматического … JavaScript-кода
10. … – это комбинация функции и лексического окружения, в котором эта функция была объявлена; оно позволяет функции «запоминать» свое окружение даже после завершения выполнения своей области видимости
11. … – это последовательность команд, инструкций, то есть строчки кода, которые описывают сценарий, поведение и т.п.; он направлен на определенную задачу (например, описывает поведение персонажа в компьютерной игре)
12. Атрибут … в теге ˂script˃ означает то, что скрипт будет загружен асинхронно и выполняться будет сразу после загрузки, без ожидания окончания обработки HTML-документа
13. … инструкция используется тогда, когда никакой инструкции быть не должно, а по синтаксису JavaScript она требуется
14. Установите соответствие между типом данных и тем, что обозначает:
15. Инструкция … прерывает выполнение инструкции в текущей итерации текущего цикла или цикла с меткой и продолжает выполнение цикла со следующей итерации
16. Массивные литералы представляют собой …
17. … – это блок кода, который выполняет определенные задачи и может быть повторно вызван
18. Установите соответствие между понятием и его значением:
19. Установите правильный порядок шагов для создания и использования класса с методами, работающими с массивами, в JаvаSсriрt:
20. … – это коллекция уникальных значений
21. … — это базовый тип объекта в DOM, представляющий любой тип в документе: элемент, текст, комментарий и т.д.
22. Узлы, которые непосредственно вложены в другой узел, – это … узлы
23. В модели DOM, чтобы получить доступ к следующему элементу на том же уровне, используется свойство …
24. Язык программирования … определяет языковую спецификацию для скриптовых языков, включая определение синтаксиса, типов данных, структур контроля и объектных моделей; он также включает в себя методы для работы со строками, массивами, объектами, функциями и другими основными элементами языка
25. Установите правильный порядок действий при программной отправке формы в JаvаSсriрt:
26. Методом объекта document в JavaScript, который возвращает первый элемент, соответствующий указанному CSS-селектору, является …
27. Для создания нового элемента в DOM используется метод …
28. Сопоставьте каждый класс DOM-узлов с его описанием:
29. … браузера открывается нажатием клавиш F12 или Ctrl + Shift + I и используется веб-разработчиками для отладки и диагностики веб-страниц
30. Сопоставьте методы и свойства современного DOM с их описаниями:
31. Для закрытия текущего окна браузера в JavaScript используется метод …
32. Для парсинга XML строк в JavaScript используется объект …
33. Реальными заголовками HTTP являются такие, как … (укажите 2 варианта ответа)
34. Создать и вызвать пользовательское событие в JavaScript можно с помощью кода … (укажите 2 варианта ответа)
35. Сопоставьте статус-коды с их описаниями:
36. Библиотека, часто используемая для работы с графикой и рисования на холсте в HTML5, называется …
37. Метод HTTP, который используется для замены всех текущих представлений ресурса данными, переданными в теле запроса, – это …
38. Сопоставьте основные механизмы сохранения данных на стороне клиента с их назначением:
39. Расположите в правильном порядке компоненты, которые составляют полный HTTP-запрос:
40. Свойство … формы HTML задает URL, на который отправляются данные формы при отправке
41. #id, .call, tag – это …
42. Если при вызове window.open указать только первый параметр, то браузер откроет …
43. … скрипт — это код JavaScript, который включается непосредственно в HTML-документ внутри тега ˂script˃
44. Последняя стандартизированная версия языка разметки для создания структур веб-страниц на 2024 год – это язык …
45. … — это небольшие фрагменты текста, передаваемые в браузер с открываемого вами сайта; с их помощью сайт запоминает информацию о ваших посещениях
46. Сопоставьте основные возможности HTML5 с примерами кода:
47. Чтобы предотвратить стандартное поведение элемента (например, переход по ссылке), в JavaScript используется метод …
48. Всплытие и перехват событий позволяет реализовать один из самых важных приемов разработки – …; это паттерн программирования в JavaScript, который позволяет обрабатывать события для нескольких элементов, используя только один обработчик.
49. Сопоставьте фазы обработки событий JavaScript с их описанием:
50. Расположите в правильной последовательности шаги алгоритма делегирования событий в JаvаSсriрt:
51. Вы разрабатываете веб-приложение и хотите обеспечить простое сохранение пользовательских настроек в формате JSON, который будет храниться в локальном хранилище (LocalStorage) браузера.
Объект настроек:
«`javascript const userSettings = { theme: ‘dark’, notifications: true, fontSize: ’14px’ }; «` Какой вариант кода правильно сохраняет объект настроек в LocalStorage и считывает его оттуда?
52. Атрибут … в теге ˂script˃ означает то, что скрипт будет загружен асинхронно, но выполнен только после того, как весь HTML-документ будет полностью обработан.
53. Установите соответствие между ключевым словом в JavaScript и его описанием:
54. В JavaScript значение true покажет выражение … (укажите 2 варианта ответа)
55. … представляет собой упорядоченную коллекцию значений, где каждое значение называется элементом и каждый элемент имеет числовую позицию, известную как индекс
56. … происходит, когда функция вызывает саму себя
57. Классы в JavaScript представляют собой … сахар
58. В JavaScript цикл … выполняет инструкцию до тех пор, пока проверяющее условие равно true, и это условие проверяется перед выполнением инструкции
59. В JavaScrip метод … показывает диалоговое окно с кнопками «OK» и «Cancel»
60. Укажите соответствие оператора и его записи в JavaScript:
61. С учетом того, что метод replace() заменяет часть строки, совпадающую с регулярным выражением, на новую строку, приведите правильную последовательность элементов инструкции, если необходимо строку ‘abc123’ заменить на ‘abc456’:
62. Вам дан JavaScript-код:
if (x ˃ 5) { let s = ‘x больше 5’; } else { let s = ‘x меньше либо равен 5’; }
Как эту условную конструкцию переписать тернарным оператором?
63. Вы работаете в команде по разработке веб-приложения для интернет-магазина. Вам необходимо добиться улучшения клиентской части сайта, чтобы пользователи получили более удобный и интерактивный интерфейс. Какую задачу вы не сможете выполнить, используя клиентский JavaScript?
64. Вы с командой веб-разработчиков работаете над крупным проектом, включающим сложное клиентское веб-приложение на JavaScript. Один из ваших коллег случайно удалил несколько ключевых файлов, что привело к серьезным проблемам с функциональностью приложения. Ваша команда использует систему контроля версий (Version Control System). Какова основная цель использования такой системы в процессе разработки JavaScript и сможет ли она помочь в данной ситуации?
65. Вы разрабатываете сайт. Одно из требований к его разработке состоит в проверке безопасности пароля. Пароль должен соответствовать следующим требованиям:
— содержать как минимум одну строчную букву; — содержать как минимум одну заглавную букву; — содержать как минимум одну цифру; — иметь длину 9 или более символов. Напишите регулярное выражение JavaScript для проверки пароля.
66. У вас есть следующая веб-страница, представленная в виде 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˃
Каким образом можно изменить содержимое заголовка с id «title» на «Новый заголовок» с помощью JavaScript?
67. У вас есть следующая веб-страница, представленная в виде 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˃ «` Используя инструмент разработчика в браузере (консоль), как можно удалить второй абзац с текстом «Второй абзац»?
68. Вы создаете динамическую веб-страницу с формой, которая сохраняет введенные данные в cookie при отправке. Какой JavaScript-код вам нужно использовать для предотвращения стандартного поведения отправки формы и сохранения данных в cookie?
69. Вам необходимо создать обработчик событий, который будет динамически обновлять содержимое элемента ˂div˃ при изменении значения в ˂input˃ формы.
Какой JavaScript-код вы будете использовать для этого?
70. Изучите данный код, направленный на отслеживание последовательности выполнения задач с помощью стека.
«`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(); «`
Что в результате будет выведено в консоль?
71. Onclick – это событие JavaScript, которое …
72. Слабыми коллекциями являются такие, как … (укажите 2 варианта ответа)
73. … узлы имеют один и тот же родительский элемент и находятся на одном уровне в дереве
74. Метод document.getElementById() возвращает …
75. … – это значения, которые присутствуют в HTML-разметке, являются частью разметки элемента и задают свойства для данного элемента
76. … JavaScript – это «вещи», которые происходят с элементами HTML (JavaScript используется на страницах HTML, чтобы «реагировать» на них)
77. У слабых коллекций WeakSet и WeakMap есть определенные ограничения, в частности, … (укажите 2 варианта ответа)
78. Сопоставьте функции JavaScript и их описания:
79. Установите соответствие между символами сокращения jQuery и их описаниями:
80. Проанализировав приведенный ниже код HTML, установите правильный порядок (от корня к листу), в котором будут расположены элементы DOM-дерева:
81. Ниже приведен JavaScript-код, проанализируйте его.
В коде есть комментарии, помеченные числами от 1 до 6. Как надо правильно расставить комментарии в код на место чисел 1-6?
82. Язык … – это высокоуровневый язык программирования, используемый в основном для создания интерактивных веб-страниц (например, отображения периодически обновляемого контента, или интерактивных карт, или анимации 2D- и 3D-графики и т.д.); он является основным языком для клиентской разработки в браузерах, а также применяется на серверной стороне
83. Начиная с … версии языка ECMAScript стали выходить ежегодно
84. Установите правильный порядок загрузки веб-страницы браузером:
85. … JavaScript расширяет ядро языка, предоставляя объекты управления браузером (Navigator или другой веб-браузер) и Document Object Model (DOM)
86. Писать код на JavaScript языке можно в … (укажите 4 варианта ответа)
87. Установите соответствие между уровнем веб-приложения и его описанием:
88. Для хостинга репозиториев Git используются такие платформы, как … (укажите 2 варианта ответа)
89. Установите соответствие между библиотекой и ее характеристикой:
90. … форматирование используется для приведения кода к заданным стандартам с помощью специализированных инструментов
91. JavaScript чаще всего применяется для … (укажите 2 варианта ответа)
92. Ваша команда работает над крупным проектом, и вы заметили, что код не всегда соответствует единым стилевым стандартам, что затрудняет совместную работу и понимание кода. Какой инструмент вы бы использовали для автоматического форматирования JavaScript-кода?
