Практическое применение JavaScript (тест с ответами Синергия/МОИ/ МТИ /МОСАП)

Курс "Практическое применение JavaScript" состоит из 1 итогового тестов. Оценка 100 из 100 (0 ошибок).

1.    Что такое «хранилище» в Redux?

- Хранилищем называется хэш таблица, в которую заносятся состояния.

- Хранилище – это совокупность открывающих и закрывающих тегов, объединенных одним классом.

- Хранилище - это объект, который хранит состояние приложения и предоставляет несколько вспомогательных методов для доступа к состоянию, отправки действий и регистрации прослушивателей.

2.    Что такое "чистая функция"?

- Функция – это действие, которое совершается объектом программирования для вывода кода на монитор.

- Это процесс компиляции кода.

- Чистая функция является вычислительным аналогом математической функции. 

3.    Как бы вы отключили хранилище Redux, чтобы оно не принимало никаких изменений в состоянии?

- Это невозможно, так как в противном случае теряется весь смысл использования Redux.

- Один из способов сделать это — установить для флага exit в редукторе корневого состояния значение true, просто оставляя состояние неизменным.

- Единственный способ осуществить данный функционал – это отключить кэширование памяти.

 4.    В чем разница между состоянием и свойством?

- Свойство передается компоненту аналогично параметрам функции, состояние управляется внутри компонента аналогично переменным, объявленным внутри функции.

- Разницы никакой, в различных источниках называют по разному.

- Свойство управления внутри компонента аналогично переменным, состояние передается компоненту аналогично параметрам функции.

5.    Что такое MUI?

- Это фреймворк, помогающий создать серверную часть сайта или приложения.

- Это шаблон, с помощью которого легко создать приложение для мобильного устройства. Работает исключительно на TypeScript.

- Это простая и настраиваемая библиотека компонентов React, основанная на Google Material Design.      

6.    Как можно установить библиотеку MUI?

- npm install @mui/material @emotion/react @emotion/styled

- npm install mui/material

- yarn add mui/material

7.    Что представляет собой Ant Design?

- Это фреймворк для создания редких шрифтов, пользовательских стилей.

- Библиотека, для которой характерна визуализация данных AntV, диаграммы дизайна Ant и мобильный дизайн Ant.

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

 8.    В чем особенность Theme UI?

- Данный фреймворк особенно хорошо применять для проектирования сложных графических интерфейсов.

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

- Библиотека с большими возможностями в области точечного дизайна.

9.    Как установить Ant Design?

- npm install ant/react

- npm install antd

- npm install ant

 10.                     Какая характерная особенность Reactstrap?

- Довольно сложный фреймворк для создания серьезных графических элементов. Используется дизайнерами.

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

- Библиотека, содержащая в себе очень много фреймворков.    

 11.                     Как установить Reactstrap?

- npm install bootstrap

- npm add bootstrap

- npm install bootstrap/react

 12.                     Для чего применяется Semantic UI React?

- Это библиотека внешних компонентов для готовых мобильных приложений.

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

- В основном это библиотека для создания тем пользовательского интерфейса React с более чем 30 примитивными компонентами пользовательского интерфейса.     

13.                     Как установить Semantic UI React?

- npm install semantic-ui-react semantic-ui-css       

- npm add semantic-ui-react

- npm install semantic

 14.                     В чем отличие в написании тегов html от React?

- Теги всегда пишутся одинаково, иначе браузер их не сможет идентифицировать. 

- В React не используются закрывающие теги.

- В React теги пишутся с заглавной буквы.

 15.                     Что такое Next.js?

- Фреймворк для prodaction.

- Библиотека для разработки графических приложений.

- Фреймворк для разработки серверной части приложения.       

 16.                     Какова роль React в Next.js?

- React позволяет произвести интеграцию с хостом.

- React отвечает за UI.

- React позволяет оптимизировать приложение для конечного пользователя.

17.                     Как запускается Next.js?

- Через nmp

- Через dev

- Запускается автоматически, дойдя до script

 18.                     Где происходит компиляция и минифицирование?

- На стороне front (React)

- На стороне сервера (Next)

- В зависимости от сложности проекта

 19.                     Можно ли использовать Next.js с Redux?

- Да, легко, и даже очень эффективно.

- Это совершенно несовместимые фреймворки

- Можно, но нежелательно, так как может возникнуть конфликт состояний.

 20.                    Какая команда создает Next.js?

- npx app-next

- yarn create-next

- npx create-next-app, либо yarn create-next-app

 21.                     В каком формате открывается созданный проект в редакторе кода?

- Стандартный файл с кодом по типу css.

- Смешанный тип, напоминающий страницу html.

- В формате json.

 22.                     Как отреагирует страница с Next проектом, если в коде произвести изменения?

- Если перезагрузить страницу, то изменения отобразятся на странице.

- Всё происходит автоматически, как и в обычном React.

- Нужно остановить локальный сервер и запустить его заново.

 23.                     Как создать новую страницу в имеющемся уже приложении?

- Просто в редакторе создать новый файл с расширением .js и на локальном сервере через слеш прописать название этого файла.

- Для этого просто нужно создать новый проект и прописать в нем мультистраничный режим.

- В Next.js не предусмотрен многостраничный режим.

 24.                     Когда нужно использовать Next.js?

- Когда создаете легкое одностраничное приложение с небольшим количеством графики.

- При создании адаптивного приложения для мобильных устройств.

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

 25.                     Нужен ли Node.js для использования Next.js?

- Нет, Next.js самодостаточный фреймворк.

- Да, установка Node.js необходима.

- Лучше работает с Node.js, но вполне можно обойтись и без него.

 26.                     Для чего нужен Node.js?

- Node.js предназначен для отображения в консоли информации, введенной в редакторе кода.

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

- Node.js устанавливает зависимости, найденные в файле package.json.     

 27.                     Что такое Node.js?

- Node.js – это среда выполнения JavaScript.

- Node.js - это фреймворк для разработки веб-приложений.

- Node.js – это библиотека для графического дизайна

 28.                     Как создать приложение Node.js с нуля?

- Создаем файл проекта init node _имя файла. Инициализируем приложение через github согласно инструкции.    

- Запускаем приложение с выбранной темой из конструктора, представленного на сайте nodejs.org. Следуем инструкциям

- Можно начать с создания папки проекта. Затем мы переходим к этой папке с помощью командной строки и запускаем npm init. Наконец, мы следуем инструкциям, чтобы заполнить информацию о нашем приложении.

 29.                     Что такое Socket.IO?

- JavaScript-библиотека для веб-приложений и обмена данными в реальном времени

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

- расширенная версия JavaScript

 30.                     Какой самый простой способ подключения Next.js?

- Через <div>

- С помощью <script>

- Используя routing

 31.                     Как установить Theme UI?

- npm install theme-ui

- npm @install theme-ui

- npm install theme-iu/react

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

• Тема 1. Redux и NextJS Проект
• Проект
• Тема 2. NodeJs Проект
• Проект
• Итоговая аттестация