Velaris Academy | Навчання з точністю

01

Що таке CSS і як він працює з HTML

Модуль фокусується на фундаментальних аспектах теми

Вивчати

02

Підключення CSS: inline, internal, external

Модуль фокусується на фундаментальних аспектах теми

Вивчати

03

Синтаксис CSS та структура правил

Модуль фокусується на фундаментальних аспектах теми

Вивчати

04

Селектори: базові та комбіновані

Модуль фокусується на фундаментальних аспектах теми

Вивчати

05

Каскадність, специфічність та спадкування

Модуль фокусується на фундаментальних аспектах теми

Вивчати

06

Одиниці виміру: px, %, em, rem, vw, vh

Модуль фокусується на фундаментальних аспектах теми

Вивчати

07

Кольори та формати кольорів (HEX, RGB, HSL)

Модуль фокусується на фундаментальних аспектах теми

Вивчати

08

Робота з текстом та шрифтами

Модуль фокусується на фундаментальних аспектах теми

Вивчати

09

Box model: margin, padding, border

Модуль фокусується на фундаментальних аспектах теми

Вивчати

10

Display та visibility

Модуль фокусується на фундаментальних аспектах теми

Вивчати

11

Position: static, relative, absolute, fixed, sticky

Модуль фокусується на фундаментальних аспектах теми

Вивчати

12

Flexbox: основи layout-логіки

Модуль фокусується на фундаментальних аспектах теми

Вивчати

13

Flexbox: вирівнювання та адаптивність

Модуль фокусується на фундаментальних аспектах теми

Вивчати

14

CSS Grid: двовимірні сітки

Модуль фокусується на фундаментальних аспектах теми

Вивчати

15

Grid vs Flexbox: коли що використовувати

Модуль фокусується на фундаментальних аспектах теми

Вивчати

16

Responsive design та media queries

Модуль фокусується на фундаментальних аспектах теми

Вивчати

17

Mobile-first підхід

Модуль фокусується на фундаментальних аспектах теми

Вивчати

18

Адаптивна типографіка

Модуль фокусується на фундаментальних аспектах теми

Вивчати

19

Робота з зображеннями та background

Модуль фокусується на фундаментальних аспектах теми

Вивчати

20

Overflow, z-index та stacking context

Модуль фокусується на фундаментальних аспектах теми

Вивчати

21

Transitions та hover-ефекти

Модуль фокусується на фундаментальних аспектах теми

Вивчати

22

Animations та keyframes

Модуль фокусується на фундаментальних аспектах теми

Вивчати

23

Transform: rotate, scale, translate

Модуль фокусується на фундаментальних аспектах теми

Вивчати

24

CSS змінні (custom properties)

Модуль фокусується на фундаментальних аспектах теми

Вивчати

25

Псевдокласи та псевдоелементи

Модуль фокусується на фундаментальних аспектах теми

Вивчати

26

Forms та стилізація input-елементів

Модуль фокусується на фундаментальних аспектах теми

Вивчати

27

Buttons, cards та UI-компоненти

Модуль фокусується на фундаментальних аспектах теми

Вивчати

28

CSS для таблиць та списків

Модуль фокусується на фундаментальних аспектах теми

Вивчати

29

Ікони, SVG та web-графіка

Модуль фокусується на фундаментальних аспектах теми

Вивчати

30

Accessibility (a11y) та контрастність

Модуль фокусується на фундаментальних аспектах теми

Вивчати

31

CSS архітектура та організація коду

Модуль фокусується на фундаментальних аспектах теми

Вивчати

32

BEM та інші методології

Модуль фокусується на фундаментальних аспектах теми

Вивчати

33

Препроцесори: SCSS (огляд)

Модуль фокусується на фундаментальних аспектах теми

Вивчати

34

Оптимізація та мінімізація CSS

Модуль фокусується на фундаментальних аспектах теми

Вивчати

35

Типові помилки та антипатерни

Модуль фокусується на фундаментальних аспектах теми

Вивчати

36

CSS у великих проєктах

Модуль фокусується на фундаментальних аспектах теми

Вивчати

37

CSS у React та Angular

Модуль фокусується на фундаментальних аспектах теми

Вивчати

38

Сучасні можливості CSS (container queries, clamp)

Модуль фокусується на фундаментальних аспектах теми

Вивчати

39

Реальні кейси верстки

Модуль фокусується на фундаментальних аспектах теми

Вивчати

40

Фінальний проєкт та best practices

Модуль фокусується на фундаментальних аспектах теми

Вивчати

Css

Що таке CSS і як він працює з HTML

Підключення CSS: inline, internal, external

Синтаксис CSS та структура правил

Селектори: базові та комбіновані

Каскадність, специфічність та спадкування

Одиниці виміру: px, %, em, rem, vw, vh

Кольори та формати кольорів (HEX, RGB, HSL)

Робота з текстом та шрифтами

Box model: margin, padding, border

Display та visibility

Position: static, relative, absolute, fixed, sticky

Flexbox: основи layout-логіки

Flexbox: вирівнювання та адаптивність

CSS Grid: двовимірні сітки

Grid vs Flexbox: коли що використовувати

Responsive design та media queries

Mobile-first підхід

Адаптивна типографіка

Робота з зображеннями та background

Overflow, z-index та stacking context

Transitions та hover-ефекти

Animations та keyframes

Transform: rotate, scale, translate

CSS змінні (custom properties)

Псевдокласи та псевдоелементи

Forms та стилізація input-елементів

Buttons, cards та UI-компоненти

CSS для таблиць та списків

Ікони, SVG та web-графіка

Accessibility (a11y) та контрастність

CSS архітектура та організація коду

BEM та інші методології

Препроцесори: SCSS (огляд)

Оптимізація та мінімізація CSS

Типові помилки та антипатерни

CSS у великих проєктах

CSS у React та Angular

Сучасні можливості CSS (container queries, clamp)

Реальні кейси верстки

Фінальний проєкт та best practices

Статус навчання