8. Нужно ли пользоваться Node.js для установки React приложения?
9. Какой командой можно собрать React-проект?
10. Сборщик проекта нужен для …
11. Что используется для сборки React проекта по умолчанию?
12. Установите соответствие между определениями и описанием
13. В чём главная особенность React?
14. JSX — это …
15. React использует … для организации кода и обеспечения модульности компонентов
16. На каких языках можно писать на React?
17. В каком порядке нужно написать команды чтобы установить React проект?
18. Коллекции предварительно написанных фрагментов кода, которые веб-разработчики могут повторно использовать для выполнения стандартных функций JavaScript — это …
19. Чем библиотека отличается от фреймворка?
20. Вы только что переустановили операционную систему, и вам нужно создать React проект для работы. Какие шаги вы предпримете?
21. Принцип SPA означает что …
22. Что такое React?
23. Принцип единичной ответственности означает …
24. Что такое React компонент?
25. React компонент можно создать используя …
26. В какой последовательности выполняются фазы жизненного цикла React компонента?
27. Что такое жизненный цикл React компонента?
28. Что такое JSX?
29. Функция … срабатывает перед удалением компонента из DOM дерева
30. Когда срабатывает метод жизненного цикла componentWillMount?
31. Что такое Css-in-Js?
32. Сопоставьте этапы жизненного цикла и их описание
37. Какой формат рекомендуется для именования React компонентов
38. Способ именования … подразумевает что первое слово начинается с маленькой буквы, а каждое последующее слово с заглавной буквы
39. React делает приложение “реактивным” за счет использования …
40. Для чего нужен render() внутри компонента React?
41. Для создания пользовательских интерфейсов в мобильных и веб-приложениях а также одностраничных сайтах, можно использовать …
42. Вы начинаете писать большое веб-приложение, оно должно быть надежным и быстрым. Какие инструменты Вы будете использовать, и как организуете Ваш код?
43. Что такое родительский компонент?
44. Props — это …
45. Компонент находящийся внутри другого компонента, называется … компонентом.
46. Что такое React Hooks?
47. Передача свойств сверху вниз от родительского компонента к дочерним называется …
48. Вы пишете компонент который в момент своей отрисовки должен выводить текст, полученный с сервера. Как Вы это сделаете?
49. React использует … передачу данных в компонентах
50. Функция создаваемая вместе с переменной состояния при использовании хука useState нужна для …
51. Что будет выведено в консоль? const [name, setName] = useState(‘John’) console.log(name)
52. Состояние компонента это …
53. Установите соответствие
54. Можно ли записать сразу несколько переменных состояния в один хук useState?
55. Квадратные скобки после функции внутри useEffect используются для …
56. Если Вам нужно сохранять какое то значение между рендерами React компонента, каким инструментом удобнее всего пользоваться?
57. В каком порядке создаются значения при использовании хука useState?
58. Для чего нужны функции обработчики?
59. Как правильно передать объект события внутрь функции?
60. В какой последовательности цифры попадут в консоль при выполнении данного кода? function App() { console.log(1) useEffect(() = ˃ { console.log(2); }) console.log(3); //код
61. Для работы с состоянием компонента используется хук …
62. Для выполнения побочных действий после отрисовки компонента используется хук …
63. Какое количество хуков можно использовать в React компоненте?
64. Как можно организовать условный рендеринг стилей в реакт?
65. В React можно использовать … для скрытия и показа компонентов на странице
66. В каком порядке выполняется рендеринг в React?
67. Как передать условие для условного рендеринга из родительского в дочерний компонент?
68. При запуске следующего кода в консоль выведется …
71. При запуске следующего кода в консоль выведется … const [name, setName] = useState(‘Pete’) useEffect(() = ˃ { console.log(name) }) setName(‘Ivan’) return (˂ ˃˂ / ˃)
72. Какие ситуации можно решить с помощью оператора условного рендеринга?
73. Можно ли использовать несколько операторов условного рендеринга в коде?
74. Как можно использовать переменные при условном рендеринге стилей?
75. Какая разница между оператором условного рендеринга и оператором if/else
76. Что такое состояние компонента?
77. React компонент представляет из себя …
78. Хук … можно использовать для условного рендеринга компонента
79. Стили написанные прямо внутри компонента называются …
80. Для чего нужен JSX?
81. Как рекомендуют называть файлы компонентов в React?
82. Что можно использовать для условного рендеринга?
83. Условный рендеринг это …
84. Что такое API?
85. REST — это …
86. Зачем нужно придерживаться стиля REST API при создании приложения?
87. Что такое RESTfull приложение?
88. Методы http определяющие каким способом пользователь может взаимодействовать с сервером называются …
89. Метод … используется для получения информации о ресурсе
90. Метод … используется для обновления ресурса
91. Для чего нужны заголовки запроса?
92. Заголовок запроса … указывает на тип данных, указанных в теле запроса
93. Метод … используется для создания новых ресурсов или отправки данных на сервер
94. Какой формат передачи данных можно использовать для передачи данных чаще всего используется в REST API?
95. Метод … используется для частичного обновления ресурса
96. Как можно передать данные в запросе REST API используя fetch?
97. Для разделения кода на небольшие логические блоки в React нужно использовать …
98. Метод … используется для удаления ресурса
99. В каком порядке выполняются методы жизненного цикла?
100. Что такое JSON?
101. Установите соответствие
102. Какие технологии Вы бы использовали при создании небольшого и быстрого веб-приложения SPA приложения?
103. Современный метод для запросов к серверу называется
104. Расширение … используется для управления маршрутизацией в React приложении
105. Вам предстоит написать SPA приложение. Каким образом это лучше сделать?
106. Может ли react-router-dom поддерживать более 10 маршрутов?
107. Функциональный элемент пользовательского интерфейса … ,предоставляемый расширением react-router, позволяет переходить пользователю между путями приложения
108. В HTML документе тег … обозначает группу ссылок участвующих в навигации по сайту
109. Какие из компонентов относятся к react-router?
110. В каком аргументе элемента Link нужно указывать маршрут?
111. Установите соответствие
112. В каком порядке URL должен быть записан в адресной строке чтобы пользователь смог увидеть информацию о товаре с id=23?
113. За что отвечает компонент Switch?
114. Какую функцию выполняет react router dom?
115. Route это …
116. Как организовать многоуровневую маршрутизацию используя React Router?
117. Какой инструмент используется для навигации в React?
118. Для чего нужна маршрутизация в веб-приложении?
119. Глобальный объект … используется для получения информации о текущем URL страницы
120. Глобальный объект … позволяет управлять историей браузера
121. Глобальный объект … содержит информацию о HTML документе, который отображается в браузере.
122. Глобальный объект … предоставляет информацию о операционной системе пользователя и конфигурации браузера
123. Глобальный объект … предоставляет доступ к различным функциям и методам, которые позволяют работать с браузером и его свойствами.
124. Что такое URL?
125. Глобальные объекты это …
126. Объект … позволяет собирать данные с формы
127. Input значение которого управляется внешним значением называется …
128. Подход React под названием … подразумевает отсутствие состояния у компонента React
129. В чём смысл stateFull подхода?
130. Что означает определение — зависимое поле ввода?
131. Установите соответствие
132. Как создать форму на веб-странице?
133. Элемент на веб-странице предназначенный для сбора информации называется …
134. Атрибут … используется для указания url на который будет отправлена форма
135. Какие теги нельзя использовать внутри тега form?
136. Элемент button в форме по умолчанию имеет type = …
137. Если веб-сайт использует большое количество асинхронных запросов, какой архитектурный стиль лучше использовать при его создании?
138. Обёртки над полями ввода в React — это …
139. Каким образом можно установить начальное значение для обертки над полем ввода React?
140. Какое событие React срабатывает при изменении значения в input?
141. В каком случае в React лучше использовать stateFull компоненты а в каком stateLess?
142. Тег input по умолчанию имеет type = …
143. Хуки — это …
144. Есть ли разница между FormData и JSON?
145. Какой метод отвечает за вывод информации через React компонент?
146. При помощи хука … можно создать ссылку на элемент формы в React
147. Хук … используется для кэширования результатов выполнения функции
148. Хук … используется для создания состояния компонента
149. Что такое список в React?
150. Метод … широко используется для создания списков в реакт
151. Как много компонентов может быть на сайте?
152. В каком порядке нужно совершить действия чтобы сделать рендер списка?
153. Хук … используется для создания ссылки на DOM-элемент
154. Атрибут … используется React для определения какие элементы списка были добавлены, изменены или удалены
155. Можно ли использовать оператор условного рендеринга для скрытия списка составленного из массива?
156. Что такое Memoized function?
157. Установите соответствие
158. Можно ли использовать хукт жизненного цикла, такие как componentWillMount, componentDidMount внутри функционального компонента?
159. Что будет выведено в консоль let name = ‘Alex’ useEffect(() = ˃ { name = ‘Ivan’ }) console.log(name)
160. Что такое кэширование?
161. Контекст в React приложении — это …
162. Как скрыть список не имеющий элементов?
163. Хук … используется для передачи данных вниз по дереву компонентов
164. Установите соответствие
165. Сколько ссылок на элементы может хранить хук useRef?
166. В каких случаях использовать хук useMemo, а в каких лучше обойтись без него?
167. Хук useMemo даёт возможность …
168. Каким образом React узнаёт об изменении элементов списка?
169. Каким образом Virtual DOM повышает производительность React?
170. Каковы правила использования хуков?
171. Вы пишете приложение на React используя классовые компоненты. Какой метод метод будет являться обязательным для написания внутри классового компонента?
172. Хук … используется для выполнения кода после обновления компонента
173. Приложение получает данные в виде массива и рендерит на экран список из этих значений. Как можно обработать ситуацию когда сервер не отправил данные?
174. На веб сайте есть форма для данных. Каким способом лучше всего отправить данные формы?
175. Сервер отправляет данные на сервер, какой из запросов является правильным?
176. Новый пользователь зарегистрировался на сайте, нужно отправить его данные для обработки на сервер. Какой метод отправки данных нужно использовать в этом случае?
177. Зарегистрировавшийся пользователь хочет изменить данные своего профиля. Какой метод нужно использовать чтобы обновить данные пользователя на сервере?
178. Сколько методов запроса можно указать в одном fetch?
179. Согласно спецификации REST API, какую информацию сервер может возвращать в ответ на запрос с методом DELETE?
180. Можно ли делать запросы на сервер не используя методы, такие как GET, POST, DELETE?
181. Веб-приложения часто отправляют и получают данные с сервера. Как можно проверить удачно ли отправился запрос на сервер?
182. В чём заключается смысл кэширования?
183. Какое событие React инициирует отправку данных формы?
184. Исходный код React открыт в мае … года, на конференции ‘JSConf US’
185. React стал популярным благодаря тому что он …
186. npm пакеты позволяют …
187. В каком порядке нужно написать команды чтобы установить React проект?
188. React компонент можно создать используя …
189. В какой последовательности выполняются фазы жизненного цикла React компонента?
190. Функция … срабатывает перед удалением компонента из DOM дерева
191. Чем отличаются SPA и MPA?
192. Какой формат рекомендуется для именования React компонентов с цифры
193. Props — это …
194. В какой последовательности цифры попадут в консоль при выполнении данного кода? function App() { console.log(1) useEffect(() => { console.log(2); }) console.log(3); //код
195. Как правильно передать объект события внутрь функции?
196. Объект который хранит данные компонента называется …
197. Что можно использовать для условного рендеринга?
198. Ответы: a-2,b-3,c-4,d-1
При запуске следующего кода в консоль выведется … const [name, setName] = useState(‘Pete’) useEffect(() => { console.log(name) }) setName(‘Ivan’) return ()
199. При запуске следующего кода в консоль выведется … const [name, setName] = useState(‘John’) useEffect(() => { console.log(name) setTimeout(() => {setName(‘Anna’)}, 1000) }, [name]) return ()
200. В каком порядке выполняется рендеринг в React?
201. В каком порядке URL должен быть записан в адресной строке чтобы пользователь смог увидеть информацию о товаре с id=23?
202. В каком порядке выполняются методы жизненного цикла?
203. Расширение … используется для управления маршрутизацией в React приложении
204. Какой метод можно использовать для удаления элемента списка составленного из массива?
205. В каком порядке нужно совершить действия чтобы сделать рендер списка?
206. Можно ли использовать оператор условного рендеринга для скрытия списка, который сделан из массива элементов?
207. Что такое Memoized function?
208. Хук … используется для выполнения кода после обновления компонента useMemo useRef useEffect Что будет выведено в консоль let name = ‘Alex’ useEffect(() => { name = ‘Ivan’ }) console.log(name)
209. Контекст в React приложении — это …
210. Как создать форму на веб-странице?
211. Сколько форм можно создать в веб-приложении?
212. Как создать форму на веб-странице?
213. Хук … используется для выполнения кода после обновления компонента
214. Что будет выведено в консоль
let name = ‘Alex’ useEffect(() => { name = ‘Ivan’ }) console.log(name)
215. В каком порядке выполняются методы жизненного цикла?
216. В каком порядке URL должен быть записан в адресной строке чтобы пользователь смог увидеть информацию о товаре с id=23?
217. Ответы: a-2,b-3,c-4,d-1 При запуске следующего кода в консоль выведется …
221. В какой последовательности выполняются фазы жизненного цикла React компонента?
222. Какой формат рекомендуется для именования React компонентов
223. React делает приложение «реактивным« за счет использования …
224. В каком порядке нужно написать команды чтобы установить React проект?
225. Какая арифметическая операция приводит к ошибке в JavaScript?
226. Что из следующего верно в отношении соглашений об именовании переменных в JavaScript?
227. Назовите основные преимущества JSON?
228. В чем разница между ключевыми словами «var», «let» и «const»?
229. Что такое стрелочные функции (Arrow Functions)?
230. Что такое классы (Classes)?
231. Деструктуризация это …
232. Что такое функция обратного вызова (Callback Function)?
233. Сохранить данные в localStorage можно используя …
234. Является ли использование унарного плюса (оператор «+») самым быстрым способом преобразования строки в число?
235. Что такое промисы (Promises)?
236. Что такое async/await?
237. Что такое неявное преобразование?
238. Что такое ECMAScript?
239. Какой оператор служит для создания нового экземпляра из класса однотипных объектов?
240. Какое ключевое слово позволяет создавать объекты общего вида?
241. JSON объект можно создать при помощи …
242. Условный (тернарный) оператор это …
243. Какая из следующих функций объекта Array объединяет все элементы массива в строку?
244. Какая из следующих функций String object создает строку, которая будет отображаться таким же жирным шрифтом, как если бы она была в теге < b > ?:
245. Какая из следующих функций объекта Array возвращает значение true, если каждый элемент в этом массиве удовлетворяет предоставленной функции тестирования?
246. Инкапсуляция в ООП это …
247. Принцип DRY применяется для …
248. В чем разница между методами Object.freeze и Object.seal?
249. Для создания класса в JS используется …
250. Какие приемы работы с асинхронным кодом в JS Вы знаете?
251. Что такое запоминание или мемоизация (Memoization)?
252. Для чего используется ключевое слово «new»?
253. Ключевое слово импорт используется для …
254. Какие значения возвращают следующие выражения? 5 == «5« 5 === «5«
255. Какие значения возвращают следующие выражения? 0 == False 0 === False
256. Какие значения возвращают следующие выражения? null == undefined null === undefined
257. Какие значения возвращают следующие выражения? console.log(!!null) console.log(!!undefined) console.log(!!») console.log(!!0) console.log(!!NaN)
258. Какие значения возвращают следующие выражения? console.log(!!’ ‘) console.log(!!{}) console.log(!![]) console.log(!!1)
259. Изменить прототип объекта после его создания можно используя …
260. Необходимо установить соответствие между функциями и их описанием
261. Принцип KISS подразумевает …
262. Что будет записано в переменную test? var a = 5; var test = 5 != a ? «Yes» : «No»;
263. Посмотрите на данный код: async function func() { const promise = new Promise((res, rej) => { setTimeout(() => { console.log(1); }, 0) console.log(2) }) console.log(3); }
Расставьте выводы в консоль в порядке выполнения
264. Вы разрабатываете приложение, в котором есть форма регистрации. После ввода данных и нажатия на кнопку “Зарегистрироваться” форма отправляет запрос на сервер. Вопрос: Можете ли Вы использовать колбеки в этом сценарии, чтобы получить информацию о том, успешно ли прошла регистрация или произошла ошибка?
265. У вас есть массив чисел и вы хотите найти среднее арифметическое его элементов. Как вы это сделаете?
266. Вы разрабатываете функцию, которая должна принимать строку и возвращать логическое значение (True или False). Эта функция должна проверить, является ли строка палиндромом. Однако вы не учли, что строка может быть представлена в виде массива символов. Вопрос: как преобразовать массив символов в строку, чтобы можно было проверить, является ли она палиндромом?
267. Вы работаете над проектом, который требует использования JavaScript на клиенте. Проект включает в себя страницу с формой авторизации, которая должна быть валидирована при отправке. Форма состоит из двух полей: имя пользователя и пароль. В форме есть кнопка отправки. Нужно ли проверять правильность введенных данных пользователем? Вызовется ли событие submit на элементе формы, при нажатии кнопки отправки если в ней не указан type=”submit”?
268. Вы работаете над веб-приложением, которое использует JavaScript для отображения данных на странице. Данные поступают с удаленного сервера с помощью AJAX-запросов. Вопросы: Как обрабатывать ошибки в JavaScript? Как оптимизировать производительность JavaScript-кода и улучшить его читаемость?
269. При работе над большим и сложным проектом, стоит ли использовать принципы DRY, KISS, SOLID? Будете ли вы использовать модульный подход распределения кода?
270. Установите соответствие между операторами и их описанием
271. Что такое ООП в JavaScript?
272. Что такое полиморфизм в контексте ООП в JavaScript?
273. Какой самый простой способ инкапсуляции в JavaScript?
274. Для создания класса в JavaScript используется …
275. Какие типы доступа к свойствам и методам класса Вы знаете?
276. Как в классе объявляется геттер возвращающий свойство name?
277. Что происходит, когда мы обращаемся к свойству класса, которого нет в нем самом, но есть в его прототипе?
278. Изменить прототип объекта после его создания можно используя …
279. Принцип DRY применяется для …
280. Прежде чем приступить к разработке, используется принцип … который позволяет посмотреть на проект со стороны и продумать детали:
281. Установите порядок подключения модуля в проект
282. Что такое модуль в JavaScript?
283. Ключевое слово import используется …
284. Ключевое слово export используется для …
285. Регулярные выражения в JS могут быть использованы для …
286. Объявлена переменная let string = ‘Hello World !’ Что из приведённого ниже подойдёт для поиска в ней слова ‘World’?
287. Установите соответствие между флагами регулярных выражений и их описанием
288. Что выведет данный код? function User() { } User.prototype = { admin: false }; let user = new User(); alert(user.admin);
289. Каким образом можно создать новый класс Oak который бы наследовался от существующего класса Tree, и делал бы новый метод grow на основе метода родителя?
290. Что такое переменная?
291. Какие способы объявления переменных Вы знаете?
292. Есть ли различие между ключевыми словами var, let, const?
293. Условный (тернарный) оператор это — …
294. Разница между confirm и prompt состоит в …
295. Какая переменная записана неверно?
296. Сопоставьте записи и вывод в консоль:
297. Hoisting в JS это…
298. Какой метод используется для добавления элемента в начало массива?
299. Есть переменная let string = ‘hello world!’. Чтобы изменить первую букву в слове ‘hello’ на заглавную нужно использовать …
300. Есть переменная let num = ‘123’. Для преобразования её значения к числовому типу можно использовать …
301. Когда выполнится код внутри блока do, конструкции do {} while()?
302. Какую функцию выполняет ключевое слово this?
303. Деструктуризация — это …
304. JSON объект можно создать при помощи …
305. Callback это …
306. Какие механизмы Вы знаете для работы с асинхронностью в JavaScript?
307. Сохранить данные в local-storage можно используя …
308. Какие способы получения свойства объекта Вы знаете?
309. Асинхронные операции в JavaScript выполняются в следующем порядке:
310. В коде объявлена переменная let string = ‘Hello’. В какой последовательности нужно использовать методы, чтобы перевернуть строку? let reversedString = …
