wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

фронт 2

Total questions: 80

Worksheet time: 40mins

Name
Class
Date
1.

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

a)

<ul>

b)

<list>

c)

<ol>

d)

<li>

2.

2. Какой тег обозначает основной контент страницы?

a)

<body>

b)

<section>

c)

<content>

d)

<main>

3.

Какой тег используется для подключения CSS?

a)

<style>

b)

<css>

c)

<link>

d)

<script>

4.

4. Каким тегом обозначается независимый раздел страницы?

a)

<div>

b)

<article>

c)

<section>

d)

<span>

5.

5. Как выровнять блок по горизонтали?

a)

align: center;

b)

text-align: center;

c)

margin: 0 auto;

d)

float: center;

6.

6. Как объявить переменную?

a)

var = x;

b)

int x;

c)

let x;

d)

x := 0;

7.

7. Как добавить строку?

a)

str.append("text")

b)

str + "text"

c)

add(str, "text")

d)

str.push("text")

8.

8. Как добавить элемент в конец массива?

a)

array.add(element)

b)

array.insert(element)

c)

array.push(element)

d)

array.append(element)

9.

9. Как проверить, является ли значение числом?

a)

value === Number

b)

isNumber(value)

c)

!isNaN(value)

d)

typeof value === "NaN"

10.

Как получить случайное число от 0 до 1?

a)

Math.rand()

b)

random()

c)

Math.round()

d)

Math.random()

11.

Как остановить цикл?

a)

stop

b)

stop

c)

break

d)

return

12.

Как добавить элемент перед другим элементом?

a)

prepend()

b)

insertBefore()

c)

element.before(newElement)

d)

D) addBefore()

13.

Как получить все атрибуты элемента?

a)

A) element.attrs

b)

B) element.getAttributes()

c)

C) element.attributes

d)

D) element.props

14.

Как получить HTML внутри элемента?

a)

A) element.text

b)

B) element.value

c)

C) element.innerHTML

d)

D) element.html()

15.

15. Что возвращает fetch?

a)

A) JSON

b)

B) Response

c)

C) Object

d)

D) Promise

16.

16. Как обработать ошибку fetch?

a)

A) .then()

b)

B) .error()

c)

C) .catch()

d)

D) .fail()

17.

17. Как отправить PUT-запрос?

a)

A) fetch.put(url)

b)

B) axios.put()

c)

C) fetch(url, { method: "PUT" })

d)

D) sendPut(url)

18.

18. В какой папке хранятся статические файлы (Next.js)?

a)

A) static

b)

B) assets

c)

C) src

d)

D) public

19.

19. Что возвращает API-маршрут?

a)

A) HTML

b)

B) XML

c)

C) JSON

d)

D) CSS

20.

20. Какой тег используется для создания таблицы?

a)

A) <grid>

b)

B) <tab>

c)

C) <table>

d)

D) <tr>

21.

21. Как сделать текст жирным?

a)

A) <b>

b)

B) <bold>

c)

C) <strong>

d)

D) <em>

22.

22. Какой тег подключает JavaScript?

a)

A) <js>

b)

B) <code>

c)

C) <script>

d)

D) <link>

23.

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

a)

A) <ol>

b)

B) <list>

c)

C) <ul>

d)

D) <li>

24.

24. Как применить стиль к элементу с ID?

a)

A) .id {}

b)

B) element#id {}

c)

C) #id {}

d)

D) id {}

25.

25. Как сделать фон градиентом?

a)

A) background-color: gradient()

b)

B) color: linear()

c)

C) background: linear-gradient()

d)

D) gradient: true

26.

26. Как задать расстояние между буквами?

a)

A) font-spacing

b)

B) word-spacing

c)

C) letter-spacing

d)

D) text-indent

27.

27. Как задать расстояние между строками?

a)

A) text-spacing

b)

B) line-space

c)

C) line-height

d)

D) row-gap

28.

28. Как проверить строгое неравенство?

a)

A) !=

b)

B) ==

c)

C) =

d)

D) !==

29.

29. К какому типу относится NaN?

a)

A) string

b)

B) undefined

c)

C) object

d)

D) number

30.

30. Как объединить массивы?

a)

A) merge()

b)

B) join()

c)

C) array1.concat(array2)

d)

D) array + array

31.

31. Какой метод возвращает новый массив после фильтрации?

a)

A) map()

b)

B) forEach()

c)

C) filter()

d)

D) reduce()

32.

32. Как добавить элемент в конец родительского элемента?

a)

A) parent.push()

b)

B) parent.append()

c)

C) parent.appendChild(element)

d)

D) parent.insert()

33.

33. Как создать страницу в Next.js 13+?

a)

A) pages/index.js

b)

B) src/page.js

c)

C) app/page.js

d)

D) app/index.jsx

34.

34. Как подключить шрифты в Next.js?

a)

A) @font-face

b)

B) google-fonts

c)

C) next/font

d)

D) font-loader

35.

1. Как возвращается JSON?

a)

return toJSON(data)

b)

return Response.json(data)

c)

return new Json(data)

d)

return JSON.stringify(data)

36.

2. Какой тег используется для подключения CSS?

a)

stylesheet

b)

css href=""

c)

link rel="stylesheet"

d)

style src=""

37.

3. Как установить фоновое изображение?

a)

fill-image: img.png;

b)

background-url: img.png;

c)

background-image: url("img.png");

d)

background-file: img.png;

38.

4. Где указывается редирект?

a)

.env

b)

ImageRoute

c)

next.config.js

d)

route.js

39.

5. Как сделать жирный (bold) текст?

a)

bold>текст

b)

weight>текст

c)

fat>текст

d)

b>текст

40.

6. Какой метод возвращает новый массив после фильтрации?

a)

slice()

b)

reduce()

c)

filter()

d)

map()

41.

7. Как выполнить округление вверх?

a)

Math.up(1.2)

b)

round(1.2, up)

c)

Math.roundUp(1.2)

d)

Math.ceil(1.2)

42.

8. Как создаётся массив?

a)

let arr = set();

b)

let arr = [];

c)

let arr = <>;

d)

let arr = {};

43.

9. Как преобразовать HTML элемента в текст без форматирования?

a)

element.noHTML()

b)

element.innenText = "..."

c)

element.textContent = "..."

d)

element.safeHTML()

44.

10. Как преобразовать HTML элемента в текст без форматирования?

a)

element.noHTML()

b)

element.innenText = "..."

c)

element.textContent = "..."

d)

element.clearHTML()

45.

11. Как перевернуть массив?

a)

reverse(arr)

b)

arr.reverse()

c)

flip(arr)

d)

arr.flip()

46.

12. Как проверить равенство без учёта типов?

a)

equal()

b)

equals()

c)

=

d)

==

47.

13. Что такое статическая генерация?

a)

Генерация HTML на клиенте

b)

Генерация HTML во время сборки проекта

c)

Генерация HTML на сервере при каждом запросе

d)

Генерация страниц без стилей

48.

14. Как отправить PUT-запрос?

a)

fetch.put()

b)

fetch(url, { method: "PUT" })

c)

putRequest(url)

d)

request("PUT")

49.

15. Как использовать шаблонные строки?

a)

$("Hello " + name)

b)

'Hello $(name)'

c)

Hello ${name}

d)

"Hello $(name)"

50.

16. Как задать фон для всех элементов на странице?

a)

main { background: red; }

b)

*{ background: red; }

c)

body { background: red; }

d)

page { background: red; }

51.

Какой тег используется для заголовков?

a)

<p>

b)

<div>

c)

<h1>-<h6>

d)

<span>

52.

2. Как сделать текст курсивным?

a)

<b>

b)

<i> или <em>

c)

<u>

d)

<strong>

53.

Как правильно установить рамку (border)?

a)

border-line: 1px black;

b)

border: black;

c)

border: 1px solid black;

d)

border-width: 1px black;

54.

Как удалить первый элемент массива?

a)

arr.removeFirst()

b)

arr.delete()

c)

arr.shift()

d)

arr.pop()

55.

Как удалить пробелы по краям строки?

a)

removeSpaces(str)

b)

str.clear()

c)

str.trim()

d)

str.clean()

56.

Как преобразовать объект в JSON-строку?

a)

Object.toJSONQ

b)

JSON.parse(obj)

c)

JSON.stringify(obj)

d)

obj.toString()

57.

Как получить список дочерних элементов DOM?

a)

element.getChildren()

b)

element.child()

c)

element.children

d)

element.childList()

58.

Как узнать позицию вертикального скролла?

a)

scroll.position

b)

document.scrollTop()

c)

window.scrollY

d)

page.scroll

59.

Что нельзя использовать в Server Component (React)?

a)

Асинхронный код

b)

Серверные запросы

c)

Импорт серверных модулей

d)

Клиентские хуки (useState, useEffect)

60.

Как получить тело (body) из POST-запроса?

a)

request.body()

b)

response.body

c)

req.body

d)

req.getBody()

61.

Какой тег используется для создания таблицы?

a)

<div>

b)

<section>

c)

<table>

d)

<list>

62.

Какой тег используется для создания таблицы?

a)

<div>

b)

<section>

c)

<table>

d)

<list>

63.

Как сделать текст жирным?

a)

<i>

b)

<em>

c)

<b>

d)

<u>

64.

Какой тег обозначает основной контент страницы?

a)

<main>

b)

<section>

c)

<body>

d)

<article>

65.

Какой тег используется для подключения JavaScript?

a)

<js>

b)

<script>

c)

<code>

d)

<javascript>

66.

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

a)

<ol>

b)

<li>

c)

<ul>

d)

<list>

67.

Как применить стиль к элементу с ID?

a)

.myId {}

b)

*myId {}

c)

id.myId {}

d)

#myId {}

68.

Как быстро выровнять блок по центру горизонтально?

a)

margin: 0 auto;

b)

text-align: center;

c)

position: center;

d)

text-align: center;

69.

Как сделать фон с градиентом?

a)

background-color: gradient;

b)

color: linear;

c)

background: linear-gradient(...);

d)

background-gradient: true;

70.

Как задать расстояние между буквами?

a)

letter-spacing

b)

text-space

c)

word-spacing

d)

font-gap

71.

Как задать интервал между строками текста?

a)

line-height

b)

row-gap

c)

text-height

d)

font-spacing

72.

Как добавить элемент в конец массива?

a)

arr.add()

b)

arr.append()

c)

arr.push()

d)

arr.insert()

73.

Как проверить равенство без учета типов?

a)

string

b)

null

c)

undefined

d)

number

74.

Как объединить массивы?

a)

arr.merge()

b)

arr.join()

c)

arr1.concat(arr2)

d)

arr1 + arr2

75.

Как создается страница в Next.js 13+?

a)

В папке pages

b)

Через index.js

c)

В папке components

d)

В папке app (page.tsx / page.js)

76.

Как подключить шрифты в Next.js?

a)

С помощью next/font

b)

Через @import

c)

Через style.css

d)

Через <font>

77.

Какой синтаксис используется для HTML-комментариев?

a)

// комментарий

b)

/* комментарий */

c)

комментарий

d)

комм

78.

Какой тег обозначает основной контент страницы?

a)

arr.append()

b)

arr.insert()

c)

arr.add()

d)

arr.push()

79.

Как вручную вызвать событие?

a)

element.dispatchEvent(event)

c)

element.callEvent()

d)

event.start()

80.

Какой тег используется для создания ссылки?

a)

<link>

b)

<href>

c)

<a>

d)

<url>