Вопросы к экзамену по веб-разработке

Большой набор закрытых вопросов по теории: сети, HTTP, HTML, CSS, Django models, ORM, URLs, views, templates и forms. Правильные ответы вынесены в ключ в конце файла.

Всего вопросов: 144Формат: A-DОтветы: ключ в конце

Блок 1. Сети, адресация и протоколы

1. Что в вебе указывает конкретный узел сети?

  1. HTTP-метод
  2. IP-адрес
  3. HTML-тег
  4. CSS-селектор

2. Сколько бит в IPv4-адресе?

  1. 16
  2. 32
  3. 64
  4. 128

3. Сколько бит в IPv6-адресе?

  1. 32
  2. 64
  3. 96
  4. 128

4. Какой адрес обычно означает localhost?

  1. 0.0.0.0
  2. 8.8.8.8
  3. 127.0.0.1
  4. 192.168.1.255

5. Какой диапазон относится к приватным IPv4-адресам?

  1. 8.8.8.0/24
  2. 10.0.0.0/8
  3. 1.1.1.0/24
  4. 224.0.0.0/4

6. Что показывает маска подсети?

  1. Порт приложения
  2. Где часть сети, а где часть хоста
  3. Версию HTTP
  4. Тип HTML-документа

7. Что означает CIDR-запись /24?

  1. 24 хоста
  2. 24 порта
  3. 24 сетевых бита
  4. 24 домена

8. Что делает NAT?

  1. Шифрует HTTP
  2. Переводит адреса на границе сети
  3. Создаёт HTML-форму
  4. Считает CSS-специфичность

9. Что делает PAT?

  1. Различает подключения по портам при NAT
  2. Проверяет пароль
  3. Создаёт DNS-запись
  4. Удаляет cookies

10. Что выбирает порт?

  1. Устройство в интернете
  2. Приложение внутри IP-адреса
  3. Доменную зону
  4. CSS-класс

11. Какой порт обычно использует HTTP?

  1. 21
  2. 22
  3. 80
  4. 443

12. Какой порт обычно использует HTTPS?

  1. 25
  2. 53
  3. 110
  4. 443

Блок 2. TCP, DNS, URI и OAuth

13. Какой первый шаг TCP-рукопожатия?

  1. ACK
  2. SYN
  3. FIN
  4. RST

14. Что делает TCP?

  1. Передаёт данные без подтверждений
  2. Контролирует доставку и порядок данных
  3. Описывает HTML-разметку
  4. Назначает CSS-стили

15. Что характерно для UDP?

  1. Обязательное соединение
  2. Гарантированный порядок
  3. Нет встроенной гарантии доставки
  4. Работает только с HTML

16. Что делает DNS?

  1. Превращает доменное имя в IP-адрес
  2. Шифрует страницу
  3. Валидирует форму
  4. Сортирует QuerySet

17. Какая DNS-запись указывает IPv4-адрес?

  1. AAAA
  2. MX
  3. A
  4. TXT

18. Какая DNS-запись указывает IPv6-адрес?

  1. AAAA
  2. CNAME
  3. MX
  4. NS

19. Что такое URL?

  1. Только имя без расположения
  2. Адрес и способ получения ресурса
  3. CSS-правило
  4. Django-модель

20. Что из перечисленного является фрагментом URL?

  1. https
  2. example.com
  3. ?page=2
  4. #comments

21. Верно ли: каждый URL является URI?

  1. Да
  2. Нет
  3. Только для HTTPS
  4. Только в Django

22. Что такое идентификация?

  1. Проверка прав
  2. Пользователь сообщает, кто он
  3. Шифрование запроса
  4. Создание токена CSS

23. Что такое авторизация?

  1. Проверка, что пользователю разрешено делать
  2. Ввод логина
  3. Передача HTML
  4. Расчёт маски

24. Что выдаёт OAuth 2.0 стороннему приложению вместо пароля?

  1. CSS-класс
  2. Access token
  3. HTML-id
  4. SQL JOIN

Блок 3. HTTP, HTTPS и HTTP/3

25. Из чего состоит HTTP-обмен?

  1. Запрос и ответ
  2. Только ответ
  3. Только HTML
  4. Только IP-пакет

26. Какой HTTP-метод обычно используется для получения ресурса?

  1. POST
  2. DELETE
  3. GET
  4. PATCH

27. Какой HTTP-метод обычно отправляет данные формы в теле запроса?

  1. GET
  2. POST
  3. HEAD
  4. OPTIONS

28. Какой класс кодов означает успешную обработку?

  1. 1xx
  2. 2xx
  3. 4xx
  4. 5xx

29. Какой код обычно означает, что ресурс не найден?

  1. 200
  2. 301
  3. 404
  4. 500

30. Какой код обычно означает внутреннюю ошибку сервера?

  1. 100
  2. 204
  3. 403
  4. 500

31. Что добавляет HTTPS к HTTP?

  1. CSS Grid
  2. TLS-защиту
  3. Django ORM
  4. HTML-таблицу

32. Что проверяет TLS-сертификат сервера?

  1. CSS-специфичность
  2. Что сервер действительно тот, за кого себя выдаёт
  3. Количество HTML-тегов
  4. Количество строк в таблице

33. Поверх чего работает HTTP/3?

  1. QUIC поверх UDP
  2. Только TCP
  3. HTML
  4. DNS TXT

34. Какой заголовок содержит сведения о браузере клиента?

  1. Host
  2. User-Agent
  3. Content-Type
  4. Set-Cookie

35. Какой заголовок обычно указывает тип тела запроса или ответа?

  1. Content-Type
  2. Accept-Language
  3. Location
  4. Path

36. Что обычно содержит заголовок Authorization: Bearer ...?

  1. Путь к CSS
  2. Токен доступа
  3. HTML-комментарий
  4. SQL-запрос

Блок 4. HTML: структура и семантика

37. Какой тег является корневым элементом HTML-документа?

  1. head
  2. body
  3. html
  4. main

38. Где находится видимый контент страницы?

  1. head
  2. body
  3. meta
  4. title

39. Какой тег задаёт название вкладки браузера?

  1. h1
  2. title
  3. header
  4. caption

40. Для чего нужен meta viewport?

  1. Для корректной ширины страницы на мобильных устройствах
  2. Для создания таблицы
  3. Для отправки формы
  4. Для CSS-анимации

41. Как пишется HTML-комментарий?

  1. // comment
  2. /* comment */
  3. <!-- comment -->
  4. {# comment #}

42. Какой тег обычно содержит главную навигацию?

  1. nav
  2. aside
  3. footer
  4. code

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

  1. main
  2. span
  3. br
  4. meta

44. Какой тег подходит для самостоятельной статьи или поста?

  1. article
  2. div
  3. tbody
  4. input

45. Какой тег является нейтральным блочным контейнером?

  1. span
  2. div
  3. em
  4. img

46. Какой тег является нейтральным строчным контейнером?

  1. span
  2. section
  3. table
  4. form

47. Какой атрибут изображения обязателен для доступности?

  1. href
  2. alt
  3. method
  4. for

48. Какой атрибут у ссылки задаёт адрес перехода?

  1. src
  2. href
  3. alt
  4. name

Блок 5. HTML: списки, таблицы и формы

49. Какой тег создаёт маркированный список?

  1. ol
  2. ul
  3. li
  4. dl

50. Какой тег создаёт нумерованный список?

  1. ol
  2. ul
  3. li
  4. span

51. Какой тег является элементом списка?

  1. li
  2. tr
  3. td
  4. th

52. Какой тег создаёт таблицу?

  1. table
  2. tbody
  3. caption
  4. fieldset

53. Какой тег создаёт строку таблицы?

  1. td
  2. tr
  3. th
  4. thead

54. Какой тег создаёт заголовочную ячейку таблицы?

  1. td
  2. tr
  3. th
  4. tfoot

55. Какой атрибут объединяет ячейки по горизонтали?

  1. rowspan
  2. colspan
  3. headers
  4. scope

56. Какой тег является контейнером HTML-формы?

  1. input
  2. button
  3. form
  4. label

57. Какой атрибут формы задаёт URL отправки?

  1. method
  2. action
  3. name
  4. target

58. Какой атрибут поля отправляется серверу как имя параметра?

  1. id
  2. name
  3. class
  4. for

59. Как связать label с input?

  1. Через href и src
  2. Через for у label и id у input
  3. Через class
  4. Через colspan

60. Что делает required?

  1. Скрывает поле
  2. Делает поле обязательным
  3. Сбрасывает форму
  4. Отправляет GET-запрос

Блок 6. HTML Forms: элементы и атрибуты

61. Какой input выбирает один вариант из группы?

  1. checkbox
  2. radio
  3. text
  4. hidden

62. Что нужно одинаковое у radio-кнопок одной группы?

  1. id
  2. class
  3. name
  4. placeholder

63. Какой input позволяет выбрать несколько независимых вариантов?

  1. checkbox
  2. radio
  3. submit
  4. email

64. Какой тег создаёт многострочное поле ввода?

  1. input type=text
  2. textarea
  3. select
  4. fieldset

65. Какой тег создаёт выпадающий список?

  1. select
  2. textarea
  3. legend
  4. label

66. Какой тег создаёт вариант внутри select?

  1. li
  2. option
  3. td
  4. button

67. Для чего нужен fieldset?

  1. Группировать связанные поля формы
  2. Создать HTTP-запрос
  3. Заменить table
  4. Подключить CSS

68. Для чего нужен legend?

  1. Заголовок группы fieldset
  2. Ссылка на CSS
  3. Скрытый input
  4. Порт HTTPS

69. Что делает placeholder?

  1. Задаёт подсказку внутри пустого поля
  2. Заменяет label полностью
  3. Отправляет форму
  4. Создаёт id

70. Какой type у button лучше явно указывать для отправки?

  1. button
  2. submit
  3. reset
  4. send

71. Какой input type скрыт от пользователя, но отправляется с формой?

  1. hidden
  2. password
  3. file
  4. radio

72. Почему серверная валидация всё равно нужна?

  1. HTML-валидацию можно обойти
  2. Браузер не умеет формы
  3. CSS запрещает required
  4. GET не отправляет данные

Блок 7. CSS selectors и каскад

73. Какой селектор выбирает все элементы?

  1. #all
  2. *
  3. .all
  4. all

74. Какой селектор выбирает элементы по классу?

  1. #card
  2. .card
  3. card
  4. [card]

75. Какой селектор выбирает элемент по id?

  1. .main
  2. #main
  3. main
  4. *main

76. Что выбирает div p?

  1. Только прямые p внутри div
  2. Все p внутри div на любой глубине
  3. Все div после p
  4. Только первый p

77. Что выбирает div > p?

  1. Все потомки p
  2. Только прямые дочерние p
  3. Все div
  4. Все p после div

78. Что выбирает h2 + p?

  1. Любой p внутри h2
  2. Первый p сразу после h2
  3. Все p перед h2
  4. Все h2 внутри p

79. Какой селектор ищет элемент по атрибуту required?

  1. input.required
  2. input#required
  3. input[required]
  4. input:required()

80. Какой псевдокласс срабатывает при наведении мыши?

  1. :focus
  2. :hover
  3. :active
  4. :checked

81. Какой псевдокласс выбирает второй элемент среди детей?

  1. :second
  2. :nth-child(2)
  3. ::second-child
  4. :child(2)

82. Что сильнее: id или class?

  1. id
  2. class
  3. Одинаково
  4. Зависит только от длины

83. Что сильнее: .content или div?

  1. .content
  2. div
  3. Одинаково
  4. Короткий селектор

84. Если специфичность одинаковая, какое правило победит?

  1. Первое в файле
  2. Последнее ниже по коду
  3. Более короткое
  4. С меньшим числом свойств

Блок 8. CSS box model и свойства

85. Из чего состоит CSS box model?

  1. content, padding, border, margin
  2. head, body, footer
  3. GET, POST, PUT
  4. model, view, template

86. Что такое padding?

  1. Внешний отступ
  2. Внутренний отступ
  3. Рамка
  4. Тень

87. Что такое margin?

  1. Внешний отступ
  2. Внутренний отступ
  3. Контент
  4. Порт

88. Что делает box-sizing: border-box?

  1. Убирает border
  2. Включает padding и border в width
  3. Делает inline
  4. Создаёт grid

89. Какая ширина у блока width:100px; padding:10px; border:5px; box-sizing:border-box?

  1. 100px
  2. 110px
  3. 120px
  4. 130px

90. Какое значение display делает элемент блочным?

  1. inline
  2. block
  3. none
  4. contents

91. Какое значение display убирает элемент из раскладки?

  1. hidden
  2. none
  3. block
  4. zero

92. Какое свойство задаёт семейство шрифта?

  1. font-family
  2. font-weight
  3. font-style
  4. line-height

93. Какое свойство задаёт толщину шрифта?

  1. font-size
  2. font-weight
  3. letter-spacing
  4. text-align

94. Какое свойство задаёт подчёркивание текста?

  1. text-align
  2. text-decoration
  3. text-shadow
  4. line-height

95. Какое свойство задаёт расстояние между строками?

  1. letter-spacing
  2. line-height
  3. font-style
  4. background-size

96. Какое свойство добавляет тень к тексту?

  1. box-shadow
  2. font-shadow
  3. text-shadow
  4. shadow-text

Блок 9. Flexbox и Grid

97. Как создать flex-контейнер?

  1. display: block
  2. display: flex
  3. position: flex
  4. flex: container

98. Как создать строчный flex-контейнер?

  1. display: inline-flex
  2. display: flex-inline
  3. display: inline-block-flex
  4. inline: flex

99. Что задаёт flex-direction?

  1. Направление главной оси
  2. Цвет фона
  3. Размер шрифта
  4. Количество строк grid

100. Что делает justify-content во Flexbox?

  1. Выравнивает по главной оси
  2. Выравнивает текст
  3. Создаёт порт
  4. Задаёт DNS

101. Что делает align-items во Flexbox?

  1. Выравнивает по поперечной оси
  2. Удаляет элемент
  3. Задаёт href
  4. Считает объекты ORM

102. Какое значение align-items по умолчанию?

  1. flex-start
  2. center
  3. stretch
  4. baseline

103. Что означает flex-grow?

  1. Коэффициент роста элемента
  2. Цвет элемента
  3. Порядок DNS
  4. HTTP-метод

104. Что означает flex-shrink?

  1. Коэффициент сжатия
  2. Высота строки
  3. Имя формы
  4. Тип модели

105. Как создать grid-контейнер?

  1. display: grid
  2. grid: true
  3. display: table-grid
  4. position: grid

106. Как называются линии, образующие структуру сетки?

  1. Grid Tracks
  2. Grid Cells
  3. Grid Areas
  4. Grid Lines

107. Что означает fr в Grid?

  1. Фиксированный пиксель
  2. Доля свободного пространства
  3. Форма регистрации
  4. Фрагмент URL

108. Что делает repeat(3, 1fr)?

  1. Создаёт три одинаковых трека
  2. Повторяет HTTP-запрос
  3. Создаёт три формы
  4. Выбирает третий элемент

Блок 10. Django models и связи

109. Где обычно описываются модели Django?

  1. views.py
  2. models.py
  3. urls.py
  4. templates.py

110. Что описывает модель Django?

  1. HTML-шаблон
  2. Таблицу базы данных
  3. CSS-селектор
  4. DNS-зону

111. Что Django создаёт автоматически, если не указан primary_key?

  1. uuid
  2. pk_id
  3. id
  4. index

112. Какое поле требует max_length?

  1. TextField
  2. CharField
  3. BooleanField
  4. DateField

113. Что означает null=True?

  1. Можно хранить NULL в БД
  2. Можно оставить поле пустым в форме
  3. Поле становится id
  4. Поле становится CSS-классом

114. Что означает blank=True?

  1. Можно хранить NULL в БД
  2. Можно оставить пустым в форме/админке
  3. Поле уникально
  4. Поле удаляется

115. Что задаёт class Meta?

  1. Настройки модели
  2. HTTP-заголовки
  3. HTML-комментарии
  4. CSS-псевдоклассы

116. Какая связь описывает многие-к-одному?

  1. ManyToManyField
  2. ForeignKey
  3. OneToOneField
  4. CharField

117. Что делает on_delete=CASCADE?

  1. Запрещает удаление
  2. Удаляет зависимые объекты
  3. Ставит NULL
  4. Ничего не делает

118. Что задаёт related_name?

  1. Имя обратной связи
  2. Имя HTML-файла
  3. Имя URL-схемы
  4. Имя CSS-файла

119. Какой аргумент задаёт промежуточную модель ManyToMany?

  1. to_field
  2. intermediate
  3. through
  4. link_model

120. Каким методом можно добавить связь ManyToMany?

  1. append()
  2. add()
  3. insert()
  4. join()

Блок 11. Django ORM queries

121. Что такое ORM?

  1. Механизм работы с БД через объекты Python
  2. HTML-таблица
  3. CSS-фреймворк
  4. DNS-сервер

122. Что такое QuerySet?

  1. Ленивое представление запроса к БД
  2. HTTP-ответ
  3. HTML-форма
  4. CSS-блок

123. Что возвращает all()?

  1. Один объект
  2. QuerySet всех объектов
  3. Словарь агрегации
  4. Boolean

124. Что возвращает filter()?

  1. QuerySet
  2. Всегда один объект
  3. Только число
  4. HTML

125. Что возвращает get() при успешном поиске?

  1. QuerySet
  2. Один объект
  3. Список словарей
  4. CSS-правило

126. Что делает exclude()?

  1. Исключает объекты по условию
  2. Сортирует
  3. Удаляет таблицу
  4. Создаёт форму

127. Что возвращает aggregate()?

  1. Словарь с итоговыми значениями
  2. Каждый объект с новым полем
  3. HTML-шаблон
  4. URL

128. Что делает annotate()?

  1. Добавляет вычисляемое поле каждому объекту
  2. Удаляет дубли
  3. Проверяет пароль
  4. Создаёт cookie

129. Какой lookup ищет подстроку без учёта регистра?

  1. __exact
  2. __search
  3. __icontains
  4. __contains

130. Для чего нужны Q-объекты?

  1. Для OR/AND/NOT условий
  2. Для HTML-комментариев
  3. Для DNS-записей
  4. Для CSS Grid

131. Для чего нужны F-выражения?

  1. Работать со значениями полей на стороне БД
  2. Форматировать HTML
  3. Создавать URL
  4. Выбирать порт

132. Как работает select_related на уровне SQL?

  1. Делает SQL JOIN и получает данные за один запрос
  2. Группирует через GROUP BY
  3. Кэширует шаблоны
  4. Делает отдельный запрос для каждого объекта

Блок 12. Django URLs, views, templates и forms

133. В каком файле обычно настраиваются основные маршруты?

  1. models.py
  2. urls.py
  3. settings.py
  4. views.py

134. Какой аргумент path() позволяет обращаться к маршруту по имени?

  1. alias
  2. id
  3. name
  4. ref

135. Как правильно создать ссылку на маршрут myapp:find в шаблоне?

  1. {% path "myapp:find" %}
  2. {% url "myapp:find" %}
  3. {{ search myapp.find }}
  4. <% url myapp:find %>

136. Для чего используется app_name?

  1. Для namespace маршрутов приложения
  2. Для выбора БД
  3. Для CSS
  4. Для заголовка сайта

137. Что принимает view первым аргументом?

  1. response
  2. request
  3. template
  4. model

138. Что вернёт шаблон, если переменной нет в context?

  1. NameError
  2. None
  3. Ошибка 500 всегда
  4. Пустую строку

139. Какой синтаксис у шаблонных тегов Django?

  1. {% tag %}
  2. {{ tag }}
  3. {# tag #}
  4. <% tag %>

140. Как обратиться к user_data["name"] в шаблоне?

  1. {{ user_data.name }}
  2. {{ user_data["name"] }}
  3. {{ user_data.get("name") }}
  4. {{ user_data->name }}

141. Что будет, если в ListView не указать model и queryset?

  1. Django сам найдёт модель
  2. Будет ошибка
  3. Покажет все объекты
  4. Покажет пустой список

142. Какой метод CBV добавляет context?

  1. get_template_context()
  2. set_context_data()
  3. get_context_data()
  4. get_context()

143. Какой метод формы проверяет связь между полями?

  1. save()
  2. validate_fields()
  3. clean_password()
  4. clean()

144. Что появляется после успешного form.is_valid()?

  1. cleaned_data
  2. urlpatterns
  3. box_model
  4. DNS cache

Ключ ответов

1 — B2 — B3 — D4 — C5 — B6 — B7 — C8 — B9 — A10 — B11 — C12 — D
13 — B14 — B15 — C16 — A17 — C18 — A19 — B20 — D21 — A22 — B23 — A24 — B
25 — A26 — C27 — B28 — B29 — C30 — D31 — B32 — B33 — A34 — B35 — A36 — B
37 — C38 — B39 — B40 — A41 — C42 — A43 — A44 — A45 — B46 — A47 — B48 — B
49 — B50 — A51 — A52 — A53 — B54 — C55 — B56 — C57 — B58 — B59 — B60 — B
61 — B62 — C63 — A64 — B65 — A66 — B67 — A68 — A69 — A70 — B71 — A72 — A
73 — B74 — B75 — B76 — B77 — B78 — B79 — C80 — B81 — B82 — A83 — A84 — B
85 — A86 — B87 — A88 — B89 — A90 — B91 — B92 — A93 — B94 — B95 — B96 — C
97 — B98 — A99 — A100 — A101 — A102 — C103 — A104 — A105 — A106 — D107 — B108 — A
109 — B110 — B111 — C112 — B113 — A114 — B115 — A116 — B117 — B118 — A119 — C120 — B
121 — A122 — A123 — B124 — A125 — B126 — A127 — A128 — A129 — C130 — A131 — A132 — A
133 — B134 — C135 — B136 — A137 — B138 — D139 — A140 — A141 — B142 — C143 — D144 — A