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

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

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

Оглавление

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

Стек технологий JavaScript

Подробная информация

Учебные материалы

Текущие

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

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

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

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

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

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

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

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

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

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

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