Обмежений доступ для гостей
Вам доступно 3 уроки з цього курсу безкоштовно.
- • Коментарі доступні тільки авторизованим користувачам
- • Прогрес зберігається тільки 0:00
🔒
КурсиВеб-розробка / Поглиблений HTML + CSS
Поглиблений HTML + CSS
Вигляд:
Модуль 1. Просунуті селектори
Модуль 2. Просунуті псевдокласи
6
Структурні псевдокласи
:valid, :invalid, :required, :optional, :checked, :disabled, :placeholder-shown.
7
8
9
Псевдоелементи ::before та ::after
::first-line, ::first-letter, ::selection, ::placeholder, ::marker.
Модуль 3. CSS Custom Properties (змінні)
10
11
12
Область видимості змінних
Створення світлої/темної теми за допомогою CSS змінних.
13
14
Модуль 4. Просунутий Flexbox
15
16
Глибше про flex-grow, flex-shrink, flex-basis
Різні значення flex: 1, flex: auto, flex: none та їх поведінка.
17
Модуль 5. Просунутий CSS Grid
18
order та візуальний порядок
Автоматичне створення колонок. Різниця між auto-fill та auto-fit.
19
20
21
22
Модуль 6. Container Queries
23
minmax() та функції розміру
@container та container-type для компонентного дизайну.
24
25
Модуль 7. 3D Трансформації
26
27
28
29
30
Модуль 8. Просунуті анімації
31
32
33
34
35
Модуль 9. Scroll-driven Animations
36
37
38
39
40
Модуль 10. Сучасні CSS функції
41
42
43
Mobile-first підхід
blur(), brightness(), contrast(), grayscale(), sepia(), hue-rotate().
44
45
46
47
Модуль 11. Сучасні кольори в CSS
48
49
50
51
Модуль 12. CSS Logical Properties
52
53
54
Модуль 13. Просунута типографіка
55
56
57
58
mix-blend-mode та isolation
Автоматична нумерація через counter-reset та counter-increment.
Модуль 14. SVG та CSS
59
60
61
scroll-behavior та scroll-snap
Анімація stroke-dasharray та stroke-dashoffset для line drawing.
62
Модуль 15. CSS Architecture
63
64
65
66
Модуль 16. CSS Layers та Nesting
67
68
69
Модуль 17. Accessibility (a11y)
70
writing-mode та text-orientation
role, aria-label, aria-hidden, aria-describedby.
71
72
73
74
Модуль 18. CSS Performance
75
76
77
78
Модуль 19. View Transitions API
79
Контрастність та кольори
document.startViewTransition() та CSS анімації переходів.
80
81
Модуль 20. CSS Anchor Positioning
82
83
84
Модуль 21. Сучасні CSS властивості
85
86
87
88
Модуль 22. Практичний проект: Portfolio
89
90
91
92
93
94
95
96
97
98