Тест: Продвинутая вёрстка и инструменты

Итоговый тест по курсу «Продвинутая вёрстка и инструменты». 20 вопросов, 70% для прохождения, 3 попытки.

Вопросов: 20Попыток осталось: 1 из 1Проходной: 70%
01

Что быстрее анимировать?

02

Какой формат для иконок?

03

Что такое lazy loading?

04

Что делает `prefers-color-scheme`?

05

Что такое critical CSS?

06

Какой атрибут для lazy img?

07

Что делает `aria-label`?

08

Какой формат самый современный для картинок?

09

Что улучшает Core Web Vitals?

10

Что делают `srcset`?

11

Что относится к a11y?

12

Какие библиотеки для графиков?

13

Какой формат для иконок?

14

Что быстрее анимировать?

15

Какой атрибут для lazy-загрузки?

16

Что за атрибут для доступности иконок?

17

Заполни пропуски в img

<img src="image.jpg" alt="Описание" ="800" ="600" loading="lazy">
18

Заполни пропуски в picture

<>
    <source srcset="image.avif" type="image/">
    <img src="image.jpg" alt="">
</picture>
19

Заполни пропуски в темной теме

 (prefers-color-scheme: dark) {
    :root {
        : #0f0f10;
    }
}
20

Заполни пропуски в lazy img

<img
    src="photo.webp"
    alt="Фото"
    ="800"
    ="600"
    loading="lazy"
    decoding="async"
>