Вопросы на собеседовании Tailwind CSS

Задание 1

Что такое Tailwind CSS и для чего он используется?

Задание 2

В чём разница между Tailwind CSS и Bootstrap?

Задание 3

В чём разница между Tailwind CSS и обычным CSS?

Задание 4

Что такое utility-first подход в CSS?

Задание 5

Какие преимущества даёт utility-first подход?

Задание 6

Как установить Tailwind CSS в проект?

Задание 7

Что такое tailwind.config.js?

Задание 8

Какие настройки можно задать в tailwind.config.js?

Задание 9

Что такое content в tailwind.config.js?

Задание 10

Что такое theme в tailwind.config.js?

Задание 11

Что такое extend в tailwind.config.js?

Задание 12

Что такое plugins в tailwind.config.js?

Задание 13

Что такое presets в tailwind.config.js?

Задание 14

Что такое @apply в Tailwind CSS?

Задание 15

Когда использовать @apply?

Задание 16

Что такое @layer в Tailwind CSS?

Задание 17

Какие слои есть в Tailwind CSS?

Задание 18

Что такое @tailwind директивы в CSS?

Задание 19

Что такое @tailwind base, @tailwind components, @tailwind utilities?

Задание 20

Что такое JIT компилятор в Tailwind CSS?

Задание 21

Какие преимущества даёт JIT компиляция?

Задание 22

Что такое темный режим в Tailwind CSS?

Задание 23

Как реализовать темный режим в Tailwind CSS?

Задание 24

Что такое классы отступов в Tailwind CSS?

Задание 25

Что такое p-*, m-*, px-*, py-* в Tailwind?

Задание 26

Что такое классы размеров в Tailwind CSS?

Задание 27

Что такое w-*, h-*, max-w-*, min-h-*?

Задание 28

Что такое классы Flexbox в Tailwind CSS?

Задание 29

Что такое flex, flex-row, flex-col, justify-center, items-center?

Задание 30

Что такое классы Grid в Tailwind CSS?

Задание 31

Что такое grid, grid-cols-*, gap-* в Tailwind?

Задание 32

Что такое классы типографики в Tailwind CSS?

Задание 33

Что такое text-*, font-*, leading-*, tracking-*?

Задание 34

Что такое классы цвета в Tailwind CSS?

Задание 35

Что такое bg-*, text-*, border-* в Tailwind?

Задание 36

Что такое классы состояний в Tailwind CSS?

Задание 37

Что такое hover:, focus:, active:, disabled: в Tailwind?

Задание 38

Что такое классы адаптивности в Tailwind CSS?

Задание 39

Что такое sm:, md:, lg:, xl:, 2xl: в Tailwind?

Задание 40

Что такое классы позиционирования в Tailwind CSS?

Задание 41

Что такое relative, absolute, fixed, sticky в Tailwind?

Задание 42

Что такое классы границ в Tailwind CSS?

Задание 43

Что такое border, border-*, rounded, rounded-*?

Задание 44

Что такое классы теней в Tailwind CSS?

Задание 45

Что такое shadow, shadow-* в Tailwind?

Задание 46

Что такое классы анимации в Tailwind CSS?

Задание 47

Что такое animate-* в Tailwind CSS?

Задание 48

Что такое классы трансформации в Tailwind CSS?

Задание 49

Что такое transform, translate-*, rotate-*, scale-*?

Задание 50

Что такое классы интерактивности в Tailwind CSS?

Задание 51

Что такое cursor-*, pointer-events-*, select-*?

Задание 52

Что такое классы отображения в Tailwind CSS?

Задание 53

Что такое block, inline, inline-block, hidden?

Задание 54

Что такое классы переполнения в Tailwind CSS?

Задание 55

Что такое overflow-*, truncate, line-clamp-*?

Задание 56

Что такое классы непрозрачности в Tailwind CSS?

Задание 57

Что такое opacity-* в Tailwind CSS?

Задание 58

Что такое @variants в Tailwind CSS?

Задание 59

Что такое кастомные классы в Tailwind CSS?

Задание 60

Как создать кастомный класс в Tailwind CSS?

Задание 61

Что такое плагины в Tailwind CSS?

Задание 62

Как создать плагин для Tailwind CSS?

Задание 63

Какие плагины для Tailwind CSS вы знаете?

Задание 64

Что такое @tailwindcss/typography?

Задание 65

Что такое @tailwindcss/forms?

Задание 66

Что такое @tailwindcss/aspect-ratio?

Задание 67

Что такое @tailwindcss/container-queries?

Задание 68

Что такое tailwindcss-animate?

Задание 69

Что такое PostCSS и как он связан с Tailwind CSS?

Задание 70

Как использовать Tailwind CSS с React?

Задание 71

Как использовать Tailwind CSS с Vue?

Задание 72

Как использовать Tailwind CSS с Next.js?

Задание 73

Как использовать Tailwind CSS с Vite?

Задание 74

Что такое PurgeCSS в Tailwind CSS?

Задание 75

Как работает очистка неиспользуемых стилей в Tailwind CSS?

Задание 76

Что такое оптимизация сборки в Tailwind CSS?

Задание 77

Что такое tailwindcss/colors?

Задание 78

Что такое tailwindcss/defaultTheme?

Задание 79

Что такое безопасный список классов в Tailwind CSS?

Задание 80

Что такое safelist в tailwind.config.js?

Задание 81

Что такое Preflight в Tailwind CSS?

Задание 82

Как отключить Preflight в Tailwind CSS?

Задание 83

Что такое @import в Tailwind CSS?

Задание 84

Что такое @config в Tailwind CSS?

Задание 85

Что такое значение по умолчанию в Tailwind CSS?

Задание 86

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

Задание 87

Как добавить кастомные шрифты в Tailwind CSS?

Задание 88

Как добавить кастомные брейкпоинты в Tailwind CSS?

Задание 89

Какие best practices в Tailwind CSS вы знаете?

Задание 90

Как правильно структурировать проект с Tailwind CSS?

Задание 91

Что такое Headless UI и как он связан с Tailwind CSS?

Задание 92

Что такое DaisyUI?

Задание 93

В чём разница между DaisyUI и Tailwind CSS?

Задание 94

Что такое Flowbite?

Задание 95

Что такое Tailwind UI?

Задание 96

Что такое Alpine.js и как он связан с Tailwind CSS?