Worksheetsфронт 2
Total questions: 80
Worksheet time: 40mins
Какой тег используется для нумерованного списка?
<ul>
<list>
<ol>
<li>
2. Какой тег обозначает основной контент страницы?
<body>
<section>
<content>
<main>
Какой тег используется для подключения CSS?
<style>
<css>
<link>
<script>
4. Каким тегом обозначается независимый раздел страницы?
<div>
<article>
<section>
<span>
5. Как выровнять блок по горизонтали?
align: center;
text-align: center;
margin: 0 auto;
float: center;
6. Как объявить переменную?
var = x;
int x;
let x;
x := 0;
7. Как добавить строку?
str.append("text")
str + "text"
add(str, "text")
str.push("text")
8. Как добавить элемент в конец массива?
array.add(element)
array.insert(element)
array.push(element)
array.append(element)
9. Как проверить, является ли значение числом?
value === Number
isNumber(value)
!isNaN(value)
typeof value === "NaN"
Как получить случайное число от 0 до 1?
Math.rand()
random()
Math.round()
Math.random()
Как остановить цикл?
stop
stop
break
return
Как добавить элемент перед другим элементом?
prepend()
insertBefore()
element.before(newElement)
D) addBefore()
Как получить все атрибуты элемента?
A) element.attrs
B) element.getAttributes()
C) element.attributes
D) element.props
Как получить HTML внутри элемента?
A) element.text
B) element.value
C) element.innerHTML
D) element.html()
15. Что возвращает fetch?
A) JSON
B) Response
C) Object
D) Promise
16. Как обработать ошибку fetch?
A) .then()
B) .error()
C) .catch()
D) .fail()
17. Как отправить PUT-запрос?
A) fetch.put(url)
B) axios.put()
C) fetch(url, { method: "PUT" })
D) sendPut(url)
18. В какой папке хранятся статические файлы (Next.js)?
A) static
B) assets
C) src
D) public
19. Что возвращает API-маршрут?
A) HTML
B) XML
C) JSON
D) CSS
20. Какой тег используется для создания таблицы?
A) <grid>
B) <tab>
C) <table>
D) <tr>
21. Как сделать текст жирным?
A) <b>
B) <bold>
C) <strong>
D) <em>
22. Какой тег подключает JavaScript?
A) <js>
B) <code>
C) <script>
D) <link>
23. Какой тег используется для маркированного списка?
A) <ol>
B) <list>
C) <ul>
D) <li>
24. Как применить стиль к элементу с ID?
A) .id {}
B) element#id {}
C) #id {}
D) id {}
25. Как сделать фон градиентом?
A) background-color: gradient()
B) color: linear()
C) background: linear-gradient()
D) gradient: true
26. Как задать расстояние между буквами?
A) font-spacing
B) word-spacing
C) letter-spacing
D) text-indent
27. Как задать расстояние между строками?
A) text-spacing
B) line-space
C) line-height
D) row-gap
28. Как проверить строгое неравенство?
A) !=
B) ==
C) =
D) !==
29. К какому типу относится NaN?
A) string
B) undefined
C) object
D) number
30. Как объединить массивы?
A) merge()
B) join()
C) array1.concat(array2)
D) array + array
31. Какой метод возвращает новый массив после фильтрации?
A) map()
B) forEach()
C) filter()
D) reduce()
32. Как добавить элемент в конец родительского элемента?
A) parent.push()
B) parent.append()
C) parent.appendChild(element)
D) parent.insert()
33. Как создать страницу в Next.js 13+?
A) pages/index.js
B) src/page.js
C) app/page.js
D) app/index.jsx
34. Как подключить шрифты в Next.js?
A) @font-face
B) google-fonts
C) next/font
D) font-loader
1. Как возвращается JSON?
return toJSON(data)
return Response.json(data)
return new Json(data)
return JSON.stringify(data)
2. Какой тег используется для подключения CSS?
stylesheet
css href=""
link rel="stylesheet"
style src=""
3. Как установить фоновое изображение?
fill-image: img.png;
background-url: img.png;
background-image: url("img.png");
background-file: img.png;
4. Где указывается редирект?
.env
ImageRoute
next.config.js
route.js
5. Как сделать жирный (bold) текст?
bold>текст
weight>текст
fat>текст
b>текст
6. Какой метод возвращает новый массив после фильтрации?
slice()
reduce()
filter()
map()
7. Как выполнить округление вверх?
Math.up(1.2)
round(1.2, up)
Math.roundUp(1.2)
Math.ceil(1.2)
8. Как создаётся массив?
let arr = set();
let arr = [];
let arr = <>;
let arr = {};
9. Как преобразовать HTML элемента в текст без форматирования?
element.noHTML()
element.innenText = "..."
element.textContent = "..."
element.safeHTML()
10. Как преобразовать HTML элемента в текст без форматирования?
element.noHTML()
element.innenText = "..."
element.textContent = "..."
element.clearHTML()
11. Как перевернуть массив?
reverse(arr)
arr.reverse()
flip(arr)
arr.flip()
12. Как проверить равенство без учёта типов?
equal()
equals()
=
==
13. Что такое статическая генерация?
Генерация HTML на клиенте
Генерация HTML во время сборки проекта
Генерация HTML на сервере при каждом запросе
Генерация страниц без стилей
14. Как отправить PUT-запрос?
fetch.put()
fetch(url, { method: "PUT" })
putRequest(url)
request("PUT")
15. Как использовать шаблонные строки?
$("Hello " + name)
'Hello $(name)'
Hello ${name}
"Hello $(name)"
16. Как задать фон для всех элементов на странице?
main { background: red; }
*{ background: red; }
body { background: red; }
page { background: red; }
Какой тег используется для заголовков?
<p>
<div>
<h1>-<h6>
<span>
2. Как сделать текст курсивным?
<b>
<i> или <em>
<u>
<strong>
Как правильно установить рамку (border)?
border-line: 1px black;
border: black;
border: 1px solid black;
border-width: 1px black;
Как удалить первый элемент массива?
arr.removeFirst()
arr.delete()
arr.shift()
arr.pop()
Как удалить пробелы по краям строки?
removeSpaces(str)
str.clear()
str.trim()
str.clean()
Как преобразовать объект в JSON-строку?
Object.toJSONQ
JSON.parse(obj)
JSON.stringify(obj)
obj.toString()
Как получить список дочерних элементов DOM?
element.getChildren()
element.child()
element.children
element.childList()
Как узнать позицию вертикального скролла?
scroll.position
document.scrollTop()
window.scrollY
page.scroll
Что нельзя использовать в Server Component (React)?
Асинхронный код
Серверные запросы
Импорт серверных модулей
Клиентские хуки (useState, useEffect)
Как получить тело (body) из POST-запроса?
request.body()
response.body
req.body
req.getBody()
Какой тег используется для создания таблицы?
<div>
<section>
<table>
<list>
Какой тег используется для создания таблицы?
<div>
<section>
<table>
<list>
Как сделать текст жирным?
<i>
<em>
<b>
<u>
Какой тег обозначает основной контент страницы?
<main>
<section>
<body>
<article>
Какой тег используется для подключения JavaScript?
<js>
<script>
<code>
<javascript>
Какой тег используется для маркированного списка?
<ol>
<li>
<ul>
<list>
Как применить стиль к элементу с ID?
Как быстро выровнять блок по центру горизонтально?
margin: 0 auto;
text-align: center;
position: center;
text-align: center;
Как сделать фон с градиентом?
background-color: gradient;
color: linear;
background: linear-gradient(...);
background-gradient: true;
Как задать расстояние между буквами?
letter-spacing
text-space
word-spacing
font-gap
Как задать интервал между строками текста?
line-height
row-gap
text-height
font-spacing
Как добавить элемент в конец массива?
arr.add()
arr.append()
arr.push()
arr.insert()
Как проверить равенство без учета типов?
string
null
undefined
number
Как объединить массивы?
arr.merge()
arr.join()
arr1.concat(arr2)
arr1 + arr2
Как создается страница в Next.js 13+?
В папке pages
Через index.js
В папке components
В папке app (page.tsx / page.js)
Как подключить шрифты в Next.js?
Какой синтаксис используется для HTML-комментариев?
// комментарий
/* комментарий */
комментарий
комм
Какой тег обозначает основной контент страницы?
arr.append()
arr.insert()
arr.add()
arr.push()
Как вручную вызвать событие?
Какой тег используется для создания ссылки?
<link>
<href>
<a>
<url>
