Ответы к зачёту: Программирование на языке верстки HTML и стилей CSS

Ответы представлены на ИТОГОВЫЙ ТЕСТ
Позволяют сдать на 60-80 баллов
Перед покупкой сверьте список вопросов и убедитесь, что вам нужны ответы именно на эти вопросы!
С вопросами вы можете ознакомиться ДО покупки.
Для быстрого поиска вопроса используйте Ctrl+F.

Какой размер текста можно считать максимальным из предустановленных в абсолютных единицах измерения в Tailwind? Напишите полное название класса вместе с его базовой частью.
Какого (каких) из служебных классов семейства “ширина” нет по умолчанию в Tailwind?
Какое количество символов устанавливает утилита max-w-prose в качестве максимального и оптимального для удобства чтения текста.
Расставьте служебные классы по возрастанию значения высоты строки, которые они применяют к элементу.
Установите соответствие служебного класса Tailwind и CSS правила.
Как можно управлять порядком элементов в контейнере Flexbox?
За что отвечает поле theme в файле конфигурации Tailwind?
Какого значения для утилиты aspectRatio нет в теме Tailwind по умолчанию?
Какой служебный класс Tailwind позволяет создать 4 строки в Grid контейнере? Напишите полное название класса.
Какой подход к верстке можно охарактеризовать следующим образом: подход к организации CSS, который позволяет использовать изолированные уникальные имена классов и идентификаторов для каждого компонента?
Расположите подстроки названия класса, сгенерированного CSS модулем component, в порядке их написания в результирующем классе.
Укажите порядок, в котором выполняются консольные команды при инициализации проекта.
В React используется специальная разновидность разметки - JSX. Напишите полное название атрибута onclick применимо к JSX разметке.
Styled components это
К какому props компонента Button относится описание: Отвечает за добавление иконки в начало кнопки. Вы можете указать путь к иконке или компонент иконки, который нужно отобразить. Напишите название атрибута в camelCase.
Какое свойство отключает эффект пульсации в компоненте Tabs?
Установите соответствие между названием props и его типом для компонента Button.
В проекте используется дизайн система MUI. На главной странице расположены элементы, которые рендерятся из массивов объектов - данных, получаемых от сервера. Как правило, данные приходят с сервера дольше чем за 1 секунду. Данных о прогрессе загрузки сервер не предоставляет. Укажите наиболее предпочтительный вариант реализации интерфейса.
Какое свойство устанавливает степень детализации, с которой ползунок можно перемещать по значениям в компоненте Slider?
Установите соответствие между названием props и его типом для компонента Button.
К какому props компонента Typography относится описание: отвечает за выравнивание текста внутри элемента. Он может принимать следующие значения: ‘left’ | ‘center’ | ‘right’ | ‘justify’. По умолчанию значение этого свойства равно ‘left’, то есть текст выравнивается по левому краю. Напишите название атрибута в camelCase.
Установите соответствие между цветами палитры по умолчанию и их логическим предназначением.
На странице имеется элемента анонса новостной статьи. Элемент состоит из изображения, тегов и короткого текста. Необходимо ограничить размер текста таким образом, чтобы он занимал одинаковое количество строк. Выберите оптимальный вариант того, как это можно реализовать средствами Tailwind.
Какой класс позволяет изменить общий размер типографики на 1.25rem внутри контейнера, к которому применен класс prose и действует плагин typography? Напишите полное название класса.
Установите соответствие между директивой Tailwind и ее предназначением.
Какое свойство CSS используется для управления прозрачностью элемента?
Выберите вариант правильного неименованного импорта компонента
Какой вариант написания стилей используется в Styled Components?
Установите соответствие между вариантом стилизации в React проекте и его описанием.
Какое свойство используется для добавления тени вокруг элемента?
Какое свойство устанавливает значение индикатора прогресса в процентах для детерминированного варианта компонента CircularProgress?
Какой вариант значения свойства variant в компоненте LinearProgress стоит использовать, если значение прогресса отсутствует?
Укажите порядок действий для инициализации проекта с использованием MUI.
Какое свойство позволяет делать множественный выбор, сохраняя значение в массив, в компоненте Select?
К какому props компонента Breadcrumbs относится описание: Указывает максимальное количество отображаемых навигационных цепочек. Если их число превышает максимальное, будут показаны только первые itemsBeforeCollapse и последние itemsAfterCollapse с многоточием между ними? Напишите название атрибута в camelCase.
К какому props компонента Tooltip относится описание: Определяет, где будет отображаться всплывающая подсказка относительно элемента. Возможные значения этого свойства: ‘top’ | ‘right’ | ‘bottom’ | ‘left’ | ‘auto’ (позиция подсказки определяется автоматически в зависимости от доступного пространства и ориентации экрана). Напишите название атрибута в camelCase.
При необходимости переопределении стилей для повторно используемых компонентов применяют:
К какому props компонента Grid относится описание: Позволяет указать расстояние между строками в гриде. Напишите название атрибута в camelCase.
Установите соответствие между выражением условного рендеринга и его результатом
Укажите порядок действий при добавлении Tailwind в проект.
Установите соответствие служебных классов Tailwind и CSS свойств.
Какого (каких) из служебных классов семейства “поля” нет по умолчанию в Tailwind?
Выберите полное название класса, с помощью которого можно указать отступ границы (ring) блока в размере 8 пикселей.
Что такое переход в CSS/Tailwind?
Какие свойства можно анимировать с помощью Tailwind переходов?
Укажите служебные классы в порядке увеличения сдвига по оси X (от наименьшего по модулю к наибольшему)
Расставьте служебные классы по возрастанию в порядке отображения слоя от самого заднего до самого переднего.
Чтобы переопределить стандартную палитру Tailwind, не расширяя ее, необходимо использовать этот объект. Напишите полный путь до него в конфигурации, начиная с theme.
Что используется для создания блочных элементов в CSS?
Установите соответствие между названиями плагинов Tailwind и функциями, которые они выполняют
Выберите характерные аспекты для Styled Components
Какое свойство устанавливает задержку ожидания перед скрытием всплывающей подсказки, но не влияет на задержку отображение всплывающей подсказки (компонент Tooltip)??
Установите соответствие между компонентом дизайн системы MUI и группой, к которой авторы документации относят этот компонент
Какое свойство позволяет отображать элемент текстовые области вместо стандартного поля ввода в компоненте TextField?
Какое значение свойства максимальной ширины для компонента Container необходимо указать, если хотим ограничить ширину блока в диапазоне 1200-1536 px (при использовании темы по умолчанию)?
К какому props компонента Table относится описание: Управляет горизонтальным выравниванием текста в ячейке. Он может принимать значения 'left', 'center', 'right', и 'justify'. Значение по умолчанию — 'left'. Напишите название атрибута в camelCase.
В проекте используется дизайн система MUI. Задача создания кастомной темы. Необходимо добавить в палитру новый ключевой цвет. При этом заранее известен только базовый вариант цвета. Укажите наиболее предпочтительный вариант создания дополнительного цвета.
В проекте используется дизайн система MUI. В заголовке страницы необходимо создать меню, состоящее из кнопок. При этом каждая из кнопок на самом деле должна являться ссылкой и вести на одну страниц приложения, либо являться якорной ссылкой на элемент. Выберите наиболее предпочтительный вариант исполнения кнопки.
В проекте используется дизайн система MUI. Для одного из элементов Button необходимо переопределить стили для состояния disabled. Укажите наиболее предпочтительный способ в соответствии с дизайн системой MUI.
Что значит “низкоуровневый” в контексте Tailwind?
Как с помощью служебного класса Tailwind указать длительность перехода в 1 секунду? Классы transition и класс с указанием функции изменения уже указан. Напишите полное название класса.
В разметке компонента находится следующая структура:
{ false? ˂h1˃Заголовок1˂/h1˃ : null }.
Какой их фрагментов разметки окажется в результирующей верстки?
Установите соответствие условных обозначений размера и реального размера в плагине @tailwindcss/container-queries.
Какого слова не хватает: “________: ˂выбранный цвет˃;”?
Установите соответсвие с понятиями из React и их значениями
Какое свойство отвечает за количество всегда видимых страниц до и после текущей страницы в компоненте pagination?
В проекте используются CSS модули. Элемент в DOM дереве имеет класс card_icon__evvnn. Конфигурация CSS модулей имеет стандартную настройку.
Какое название было у файла CSS модуля, в котором был определен этот класс? Запишите ответ в виде строки - полное название файла с раширением.
В проекте используется Styled Components. Необходимо элементу CustomInput задать скругление границ углов в размере 14 пикселей. Заготовка выглядит следующим образом: const CustomInput = styled.input``. Укажите в качестве ответа полное написание необходимого CSS правила, учитывая знаки препинания и пробелы. Пример ответа: margin: 12px;
К какому props компонента TextField относится описание: Это текст, который отображается в текстовом поле, пока пользователь не введет свой собственный текст. Он используется для подсказки пользователю о том, что нужно ввести в поле. Напишите название атрибута в camelCase.
Укажите в порядке возрастания непрозрачности (от прозрачного до непрозначного) значения служебного класса opacity в Tailwind.
К какому props компонента Tooltip относится описание: Определяет задержку появления подсказки при наведении курсора на элемент. Значение указывается в миллисекундах. Если значение равно 0, подсказка появляется сразу при наведении. Если задать значение больше нуля, то подсказка появится через указанное количество миллисекунд. Напишите название атрибута в camelCase.
Укажите порядок действий при создании компонента кнопки с MUI.
К какому props компонента Avatar относится описание: Этот параметр определяет стиль аватара. Возможные значения: circle, rounded, square. Значение по умолчанию - circle. Напишите название атрибута в camelCase.
Стандартная тема содержит следующие точки адаптивности:
Укажите порядок действий при создании селекта (компонента с выпадающим списком) кнопки с MUI.
Какой вариант является правильным для создания горизонтальной цепочки элементов с использованием Flexbox?
Укажите порядок, в котором стоит расположить импорты в корневой CSS файл.
Какой класс позволяет контейнеру, к которому применен класс prose и действует плагин typography, активировать темную версию темы? Напишите полное название класса вместе с модификатором.
Какой служебный класс Tailwind позволяет создать 3 колонки в Grid контейнере?
В проекте используются CSS модули. Элемент в DOM дереве имеет класс component_icon__evvnn. Конфигурация CSS модулей имеет стандартную настройку.
Какая из частей класса содержит уникальный идентификатор класса, которая позволяет создавать уникальные изолированные стили? Запишите ответ в виде строки.
Имеется компонент списка новостных анонсов. Предположим, что у нас есть массив данных товаров, которые мы хотим отобразить в виде карточек новостных анонсов, который пришел в этот компонент посредством props. Здесь мы предполагаем, что данные о товарах будут переданы в виде массива объектов с полями order, id, title, price, imageUrl и description.
При рендеринге списков какой вариант задания ключей самый оптимальный?
CustomButton и CustomFormButton - стилизованные компоненты в React проекте со styled-components. Что означает const CustomFormButton = styled(CustomButton)`...`
Как добавить JSS в проект на React? Напишите полностью консольную команду для установки этого пакета через пакетный менеджер Yarn.
К какому props компонента Button относится описание: Указывает, должна ли кнопка занимать всю ширину родительского элемента. Если значение равно true, кнопка будет занимать всю доступную ширину. Значение по умолчанию - false. Напишите название атрибута в camelCase.
В проекте используется дизайн система MUI. На странице имеется список элементов, каждый из которых обернут в Tooltip. эти элементы должны иметь подсказки при наведении. Выберите наиболее предпочтительный вариант создания подсказок для повторяющихся элементов.
К какому props компонента Slider относится описание: Степень детализации, с которой ползунок (при дискретном варианте) может перемещаться по значениям? Напишите название атрибута в camelCase.