Модуль 1 · ціль IDP 1 · 14–18 годин
Розмітка й стилі
Семантика, Grid/Flex, каскад, SCSS, теми.
Формулювання ліда
Побудувати семантичну HTML5-структуру без UI-фреймворків, застосувати Grid і Flexbox, тримати специфічність під контролем, використати BEM або SCSS-вкладеність, зробити тему на CSS-змінних і не розводити «div soup».
Уроки
·Семантика документа35 хв·Зайві обгортки20 хв·Блокова модель і потік40 хв·Flexbox50 хв·CSS Grid55 хв·Grid чи Flex15 хв·Позиціонування і шари40 хв·Каскад і специфічність45 хв·BEM і SCSS40 хв·CSS-змінні й теми45 хв·Одиниці й адаптив30 хв·Свої контроли35 хв·Тренажер: специфічність40 хв·Практика модуля240 хвБос модуля
Бос-файт…До бою →Дванадцять випадкових питань модуля, три життя. Найкраще після всіх уроків — але можна й розвідати.
Критерії приймання
Модуль зараховано, якщо
- Розмітка на семантичних тегах, без зайвих обгорток.
- Структурована CSS/SCSS-архітектура, жодного !important і поламаних розкладок.
- Перемикач теми працює на чистих CSS-змінних.