Фреймворки JavaScript (Темы 1-8) тест с ответами Синергия/МОИ/МТИ/МосТех/МОСАП

ИТОГОВЫЙ ТЕСТ

109 вопросов с ответами

Последний раз тест был сдан на 90 баллов из 100 "Отлично".

!!! ТЕСТ СОБРАН ИЗ 5 ПОПЫТОК!!! ПРИ СДАЧЕ МОГУТ БЫТЬ НОВЫЕ ВОПРОСЫ!!!

Год сдачи -2025-2026.

***ВАЖНО*** Перед покупкой запустите тест и сверьте подходят ли эти ответы именно Вам***

После покупки Вы получите файл с ответами на вопросы которые указаны ниже:

ПО ВСЕМ ВОПРОСАМ - ПИШИТЕ В ЛИЧНЫЕ СООБЩЕНИЯ

1. Элемент button в форме по умолчанию имеет type = …

button

*reset

*submit 

2. Тег input по умолчанию имеет type = …

*null

*string

*text

3. REST - это …

*набор правил для именования и использования URL

*документация по созданию SPA приложений, в которой описывается

*создание элементов пользовательских интерфейсов

*это архитектурный стиль, который используется для разработки распределенных веб-сервисов

4. Коллекции предварительно написанных фрагментов кода, которые веб-разработчики могут повторно использовать для выполнения стандартных функций JavaScript - это …

*Node.js

*Библиотеки JS

*npx

5. Что такое кэширование?

*это процесс отправки данных на сервер

*это процесс сохранения данных на быстром носителе информации

*это сохранение данных в состоянии компонента

6. Как можно использовать переменные при условном рендеринге стилей?

*для этого нельзя использовать обычные переменные

*можно использовать их вместе с тернарным оператором

*можно использовать их для сравнения в switch

7. Сопоставьте определения и описание

A. условный рендеринг

B. styled-components

C. хук

D. render

E. способ скрытия и показа компонентов на странице

F. библиотека стилей

G. функция позволяющая использовать состояние и эффекты

H. функция для отрисовки компонента на страницу

8. npx - это …

*программа для запуска React проекта

*программа для запуска пакетов npm

*программа для запуска кода на Node.js 

9. Состояние компонента это …

*метод

*массив

*объект

*переменная

10. В каком случае в React лучше использовать stateFull компоненты а в каком stateLess?

*stateFull компоненты лучше использовать когда не нужно сохранять состояние между обновлениями экрана, а stateLess наоборот используется для компонентов в которых важно сохранять состояние

*stateFull компоненты используются в react по умолчанию, а stateLess компоненты нужно использовать для обработки форм

*stateFull компоненты используются когда нужно отобразить компонент и сохранить его состояние между обновлениями экрана, а stateLess используются когда нужно отобразить компонент без сохранения состояния

11. Может ли react-router-dom поддерживать более 10 маршрутов?

*да, может

*нет, не может

*да, но только при помощи условного рендеринга

12. Что такое Memoized function?

*функция созданная через хук useMemo

*Функция созданная

*функция сохраняющая результат первого вызова и возвращающая его в последствии

13. Для разделения кода на небольшие логические блоки в React нужно использовать…

*Функции

*Хуки

*Методы

*Компоненты

 14. Какие ситуации можно решить с помощью оператора условного рендеринга? (множественный выбор или один)

*отображение разных компонентов в зависимости от условия

*передача props при определённых условиях

*управление видимостью элементов на странице

*динамическое изменение стилей в зависимости от условий

*асинхронные запросы внутри компонента 

15. Какая компания занимается разработкой React?

*Microsoft

*Facebook

*Java

*Apple 

16. Хук … используется для кэширования результатов выполнения функции

*useEffect

*useRef

*useMemo

*useCallback

17. Контекст в React приложении - это …

*область видимости компонента

*особое состояние компонента которое хранит все доступные компоненту зависимости

*механизм позволяющий передавать данные вниз по дереву компонентов без передачи props 

18. Принцип единичной ответственности означает …

*что каждый разработчик отвечает за один проект

*что каждый компонент выполняет одну задачу

*что каждый файл должен содержать не больше одной функции

19. Методы http определяющие каким способом пользователь может взаимодействовать с сервером называются …

*методы API

*методы подключения

*методы запроса

 20. Input значение которого управляется внешним значением называется …

*управляемый input

*зависимый input

*дочерний input

21. Когда срабатывает метод жизненного цикла componentWillMount?

*перед удалением компонента

*в момент монтирования компонента

*перед монтированием компонента 

22. Какие из компонентов относятся к react-router?

*Nav

*Route

*Switch

*Move

23. Какое событие React инициирует отправку данных формы?

*onSubmit

*onClick

*onFetch

24. Функция … срабатывает перед удалением компонента из DOM дерева

*componentWillMount

*componentWillUnmount

*componentDidUnmount 

25. Хук … используется для создания ссылки на DOM-элемент

*useMemo

*useRef

*useState

*useDom 

26. JSX - это …

*расширение синтаксиса React

*расширение синтаксиса Node.js

*расширение синтаксиса JavaScript 

27. Что такое Css-in-Js?

*это подход к стилизации React-приложений, при котором CSS стили определяются и применяются прямо в JavaScriptкоде компонента

*Это подключение стилей в JavaScript файле вместо HTML

*Это возможность создать тег style внутри React компонента и описывать стили внутри него

28. Обёртки над полями ввода в React - это …

*компоненты для управления логикой поля

*функции для обработки запроса

*переменные состояния

29. Как много компонентов может быть на сайте?

*не более 10

*не более 100

*не более 50

*неограниченное количество

30. В каком порядке нужно написать команды чтобы установить React проект?

1 npx create-react-app project-name

2 npm install

3 npm start 

31. Метод … используется для удаления ресурса

*REMOVE

*POST

*DELETE

*GET

32. Что такое RESTfull приложение?

*это веб-приложение которое следует принципам REST архитектуры

*это приложение которое использует стандартные методы для взаимодействия с API

*это приложение которое игнорирует REST архитектуру и использует свои решения 

33. При запуске следующего кода в консоль выведется …const [name, setName] = useState(‘Pete’)useEffect(() = ˃ {console.log(name)})setName(‘Ivan’) return (˂ ˃˂ / ˃)

*Pete, Ivan

*Ivan

*Pete

*ошибка

34. Хук useMemo даёт возможность …

*кэшировать результат выполнения функции

*сохранить результат выполнения функции в состояние компонента

*получить дочерним компонентам к родительским props

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

*отправка изменений производится при помощи метода PUT

*для обновления данных используется метод PATCH

*для отправки данных, в том числе и обновленных используется метод POST

 36. Что такое React компонент?

*это JavaScript функция или класс

*это объект описывающий элемент

*это элемент полученный из сторонней библиотеки 

37. Что такое React Hooks?

*это классы предоставляющие методы для работы с компонентами

*это механизм позволяющий использовать возможности React без написания классов

*это функции для рендера компонентов

38. Что такое состояние компонента?

*объект

*метод

*хук useState

39. Компонент находящийся внутри другого компонента, называется … компонентом.

*братским

*дочерним

*наследуемым

*внутренним

40. Принцип SPA означает что …

*приложение будет перезагружать страницы при каждом взаимодействии с пользователем

*приложение будет загружаться один раз, и последующее взаимодействие с пользователем будет без перезагрузки

*приложение не будет использовать переходы между своими ресурсами 

41. Стили написанные прямо внутри компонента называются …

*styled components

*css-in-js

*inline-styles 

42. Чем библиотека отличается от фреймворка?

*ничем, это одинаковые определения

*библиотека - набор методов,не влияющих на архитектуру проекта, фреймворк - содержит дополнительные инструменты и задаёт архитектуру проекта

*библиотека - это набор методов для работы приложения, фреймворк - это инструмент для создания библиотек

43. Заголовок запроса … указывает на тип данных, указанных в теле запроса

*Realization

*Method

*Content-Type

44. Как организовать многоуровневую маршрутизацию используя React Router?

*использовать компоненты с props в виде роутов

*использовать вложенные маршруты

*использовать хук useRouting

45. React использует … передачу данных в компонентах

*двустороннюю

*одностороннюю

*промежуточную

*родительскую

46. На каких языках можно писать на React?

*На любом языке программирования

*Только на тех которые можно скомпилировать в JS

*Только на JS

47. Для чего нужны функции обработчики?

*для обработки данных полученных из props

*для обработки событий, таких как клики, нажатия клавиш

*для рендера React компонентов

48. Способ именования … подразумевает что первое слово начинается с маленькой буквы, а каждое последующее слово с заглавной буквы

*kebabCase

*PascalCase

*camelCase 

49. Глобальные объекты это …

*объекты доступные для всех функций и модулей

*объекты к которым модули и функции не имеют доступа

*объекты с которыми нельзя взаимодействовать напрямую

50. Метод … используется для получения информации о ресурсе

*GET

*PUT

*POST

*DELETE

51. Route это …

*компонент отвечающий за отображение определенной страницы на основе заданного пути URL

*функция для перехода на страницу по заданному пути URL

*метод маршрутизатора вызываемый для перехода на определенную страницу 

52. На веб сайте есть форма для данных. Каким способом лучше всего отправить данные формы?

*нужно использовать stateFull подход к написанию инпутов внутри формы, затем собрать все данные в объект, и преобразовать его в JSON

*нужно использовать stateLess подход и получить доступ к данным через хук useRef. Затем добавить их в объект и преобразовать в JSON

*нужно использовать специальный объект FormData позволяющий собрать данные с html формы, и отправить его. 

53. Вы пишете приложение на React используя классовые компоненты. Какой метод метод будет являться обязательным для написания внутри классового компонента?

*componentDidMount

*render

*constructor 

54. Что будет выведено в консоль let name = ‘Alex’ useEffect(() = ˃ { name = ‘Ivan’}) console.log(name)

*Alex

*Ivan

*ошибку

55. Для чего нужен JSX?

*для передачи props в компонентах React

*для описания пользовательского интерфейса внутри JavaScript кода

*Это стандартный механизм React, позволяющий писать на нём код.

56. CSS модуль - это …

*общая папка для стилей

*название компонента с описанными стилями для проекта

*способ написать стили с уникальными именами классов для каждого компонента 

57. Для работы с состоянием компонента используется хук …

*useMemo

*useEffect

*useState

*useCallback

58. Что будет выведено в консоль?const [name, setName] = useState(‘John’)console.log(name)

*undefined

*null

*John

*[object, object] 

59. Что такое список в React?

*паттерн программирования

*переданное значение

*компонент отображающий данные

60. Хук … используется для передачи данных вниз по дереву компонентов

*useState

*useContext

*useProps 

61. Атрибут … используется React для определения какие элементы списка были добавлены, изменены или удалены

*status

*key

*id

62. Подход React под названием … подразумевает отсутствие состояния у компонента React

*stateLess

*stateFull

*unstate components 

63. Установите соответствие между определениями и описанием

A. Node.js

B. Webpack

C. React

D. npm

E. Среда выполнения

F. Сборщик проектов

G. Библиотека

H. Менеджер пакетов 

64. Как правильно передать объект события внутрь функции?

*˂ button onClick={(event) = ˃ handler(event)} ˃˂ /button ˃

*˂ button onClick={handler(event)} ˃˂ /button ˃

*˂ button onClick=handler(event) ˃˂ /button ˃

65. За что отвечает компонент Switch?

*За рендер всех компонентов на страницу

*За роутинг между страницами

*За выбор одного из нескольких маршрутов и отображение соответствующего компонента

66. В каком порядке URL должен быть записан в адресной строке чтобы пользователь смог увидеть информацию о товаре с id=23?

1 https://

2 example.ru

3 /products

4 /id=23

67. Можно ли использовать хукт жизненного цикла, такие как componentWillMount, componentDidMount внутри функционального компонента?

*да, функциональные компоненты ничем не отличаются компонентов написанных на классах

*нет, в функциональных компонентах методы жизненного цикла заменяются хуками

*можно использовать только методы относящиеся к созданию компонента, но не связанные с его обновлением 

68. В каком порядке выполняется рендеринг в React?

1 Вычисляются все props

2 Выполняются хуки компонента

3 Выполняется функция render

69. Если Вам нужно сохранять какое то значение между рендерами React компонента, каким инструментом удобнее всего пользоваться?

*удобнее всего использовать localStorage

*лучше всего подходит хук useState

*хук useEffect может хранить состояние, и сразу же можно вывести его значение при рендере

70. React Fragment это …

*заранее написанный фрагмент кода который можно подключить и использовать в проекте

*это дополнительная JS библиотека позволяющая использовать модульную структуру в React приложении

*компонент React, который используется для группировки нескольких элементов

71. Что такое React?

*фреймворк JS

*язык программирования

*библиотека JS

72. Метод … используется для обновления ресурса

*GET

*PUT

*POST

*PATCH 

73. Что такое родительский компонент?

*компонент который всегда является главным компонентом проекта

*это компонент содержащий в себе только дочерние компоненты

*это компонент содержащий в себе как дочерние так и другие родительские компоненты 

74. Какое количество хуков можно использовать в React компоненте?

*2

*5

*9

*12

*Любое количество 

75. Какая разница между оператором условного рендеринга и оператором if/else

*с оператором условного рендеринга можно использовать только теги, но не компоненты

*if/else нельзя использовать для условного рендеринга

*нет различий

 76. Можно ли использовать оператор условного рендеринга для скрытия списка составленного из массива?

*да, можно

*да, только если в списке нет элементов

*нет, нельзя

77. Как создать форму на веб-странице?

*использовать хук useForm для создания формы

*в функции render нужно использовать html тег ˂ form ˃

*сгруппировать несколько input в один блок с id = ‘form’ 

78. Какое событие React срабатывает при изменении значения в input?

*onChange

*onValue

*onState

 79. Функция создаваемая вместе с переменной состояния при использовании хука useState нужна для …

*вызова нового хука

*обновления переменной состояния

*передачи начального значения переменной

80. Элемент на веб-странице предназначенный для сбора информации называется …

*form

*footer

*body

81. В каких случаях использовать хук useMemo, а в каких лучше обойтись без него?

*стоит использовать хук useMemo для кэширования результатов всех функций, так как все функции могут быть вызваны с одними и теми же данными, такой подход может ускорить работу приложения, не стоит избегать его использования

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

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

82. Для чего нужна маршрутизация в веб-приложении?

*для передачи свойств нужным компонентам

*для правильной работы ссылок

*для перехода пользователей между страницами и ресурсами

83. Есть ли разница между FormData и JSON?

*Нет, FormData автоматически преобразуется в JSON

*Да, это два разных способа передачи данных

*Да, FormData это внутренний объект React а JSON это формат передачи данных

84. Глобальный объект … позволяет управлять историей браузера

*location

*history

*navigator

85. Каким образом можно установить начальное значение для обертки над полем ввода React?

*Создать хук useEffect с новой переменной содержащей состояние

*Создать переменную состояния при помощи хука useState

*Использовать библиотеку react-default 

86. React делает приложение “реактивным” за счет использования …

*VirtualDOM

*функций и классов

*фрагментов

87. Хук … используется для создания состояния компонента

*useContext

*useEffect

*useState 

88. Как можно передать данные в запросе REST API используя fetch?

*использовать метод GET и передать данные в формате JSON в свойство data

*использовать метод POST и передать данные в формате JSON в свойство body

*использовать файл метод POST и передать данные в формате JSON в свойство data

89. Новый пользователь зарегистрировался на сайте, нужно отправить его данные для обработки на сервер. Какой метод отправки данных нужно использовать в этом случае?

*метод GET позволяет получать и отправлять запросы. Используется в fetch по умолчанию

*метод PUSH позволяет отправить данные на сервер

*метод POST используется для отправки данных на сервер 

90. Что можно использовать для условного рендеринга?

*оператор &&

*оператор?

*if

*switch 

91. При помощи хука … можно создать ссылку на элемент формы в React

*useState

*useForm

*useRef 

92. Функциональный элемент пользовательского интерфейса …,предоставляемый расширением react-router, позволяет переходить пользователю между путями приложения

*Switch

*Route

*Link 

93. В каком аргументе элемента Link нужно указывать маршрут? 

*href

*src

*to 

94. React использует … для организации кода и обеспечения модульности компонентов

*npm пакеты

*Node.js

*модули

 95. Что такое JSX?

*это расширение синтаксиса JS

*это пакет расширений для React

*это специальный синтаксис используемый только в React 

96. Установите соответствие

A. stateLess

B. useState

C. stateFull 

D. подход при котором компоненты не имеют собственного состояния

E. хук для создания переменной состояния

F. подход, при котором у каждого компонента есть своё состояние, которое хранится в памяти и меняется со временем

97. Установите соответствие

A. POST

B. PATCH

C. PUT 

D. Отправляет данные на сервер

E. Частично обновляет ресурс

F. Полностью обновляет ресурс

98. Для чего нужен render() внутри компонента React?

*Для импорта html кода

*для создания и возврата виртуального дерева

*для запуска вспомогательных функций 

99. Согласно спецификации REST API, какую информацию сервер может возвращать в ответ на запрос с методом DELETE?

*сервер может ничего не возвращать, либо вернуть коды http статусов

*сервер обязан вернуть информацию которую он удалил, или код ошибки

*сервер должен вернуть тело запроса, или код http статуса 

100. При запуске следующего кода в консоль выведется …const [name, setName] = useState(‘John’)useEffect(() = ˃ {console.log(name)setTimeout(() = ˃ {setName(‘Anna’)}, 1000)}, [name])return (˂ ˃˂ / ˃)

*John, Anna

*Anna

*John

*ошибка 

101. Каковы правила использования хуков?

*хуки могут быть использованы только внутри функций и методов компонента, они не должны получать информацию о состоянии объекта в момент вызова

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

*хуки можно вызывать только в классовых компонентах React, они не могут быть вызваны внутри функций, и функциональных компонентов 

102. В … году, React стал доступен разработчикам

*2013

*2010

*2012

103. В чём главная особенность React?

*использует модули и компоненты

*создаёт виртуальное DOM-дерево

*выполняется в Node.js

104. Нужно ли пользоваться Node.js для установки React приложения?

*да, Node.js и его менеджер пакетов npm позволяют создать React-приложение

*нет, достаточно скачать установочный файл react.exe и установить react на пк

*да, Node.js это движок фреймворка React

105. Установите соответствие

A props

B hooks

C render

D состояние 

E. свойства передаваемые в компонент

F. функции для работы с состоянием, эффектами и т.д

G. функция для отображения данных на экране

H. объект со свойствами компонента

106. Чем отличаются SPA и MPA?

*SPA приложение перезагружает каждую страницу отдельно а MPA загружает все данные сразу

*SPA приложение загружает все данные сразу, а MPA загружает каждую страницу отдельно

*SPA приложение загружает данные сразу и использует перезагрузку для каждой страницы, MPA загружает каждую страницу отдельно 

107. Установите соответствие

A. Switch

B. Link

C. Route

D. nav

E. контейнер использующийся для определения порядка обработки маршрутов

F. функциональный элемент позволяющий пользователям переходить между страницами или состояниями приложения

G. компонент который определяет путь по которому должен следовать пользователь, чтобы перейти к определенной части приложения

H. элемент html обозначающий блок навигации

108. Хуки - это …

*функции, которые позволяют использовать состояние и другие возможности React без написания классов

*основной способ работы с компонентами React, заменяющий классы и методы жизненного цикла

*синтаксический сахар для более удобного использования функций обратного вызова в React

 109. Сопоставьте этапы жизненного цикла и их описание

A. Mounting

B. Unmounting

C. Updating

D. компонент добавляется в DOM

E. компонент удаляется из DOM

F. текущее состояние сравнивается с предыдущим и обновляется

Фреймворки JavaScript

УЧЕБНЫЕ МАТЕРИАЛЫ

Тема 1. Введение

Тема 2. React первые шаги

Тема 3. Хранение данных и работа с состоянием в React.JS

Тема 4. React: условный рендеринг

Тема 5. Маршрутизация, URL и работа с API

Тема 6. Взаимодействие с API в React

Тема 7. React Hooks для оптимизации

Тема 8. React и Формы

Итоговая работа для самостоятельного выполнения

Итоговая аттестация

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

Анкета обратной связи