Вступ у HTML і CSS
— Особливості та складники HTML.
— Будова HTML тегу, скелет HTML сторінки.
— CSS і його функції.
— Правила побудови таблиць стилів.
— CSS селектори, значення кольорів та розмірів.
— Підключення CSS на HTML сторінку.
— Ознайомлення з VSCode, Git, Figma.
Посилання та зображення
— Види посилання та його складники.
— Шлях до ресурсу.
— Атрибути посилань.
— Види, формати й атрибути зображень.
— Можливості SVG.
— Теги для гіперпосилань, зображень, групи зображення та підпису.
— Chrome DevTools для інспектування коду в браузері.
Основи типографіки
— Завдання й основні поняття типографіки.
— Групи правил для тексту та шрифтів.
— Підключення шрифтів на сторінку.
CSS
— Блокова модель.
— Правила –– display, float, z-index, overflow.
— Стилізація зображень.
— Селектори, їхня пріоритетність.
— Позиціювання елементів.
— Стилізація посилань.
Списки й таблиці
— Теги для різних видів списків.
— Лічильники.
— Списки визначень –– dt, dd, dl.
— Основні теги для таблиць.
— Стилізація списків і таблиць.
Теги для групування, семантика
— Особливості тегів div і span.
— Семантика HTML, види блоків сайту.
Flexbox
— Стилі для батьківських та дочірніх елементів.
— Вирівнювання блоків.
— Побудова «колонок».
Grid
— Групи правил для grid елементів.
— Відмінності між grid та flex.
— Побудова «колонок» і колонковий дизайн.
Responsive Design
— Складники та основні прийоми адаптивного дизайну.
— Container Query.
— Дублювання HTML для різних медіа.
Форми та їхня стилізація
— Сутність форм, груп та підписів.
— Текстові поля і їхні типи.
— Селекти, чекбокси, кнопки та радіокнопки.
— Валідація форм.
— Додаткові типи полів для введення даних у формах.
— Стилізація елементів форм.
Системи іменування класів
— Функції систем іменування класів та архітектури CSS.
— Ознайомлення з методологіями –– BEM, SMACSS, Atomic CSS, OOCSS.
— Поділ сторінки на структурні складники.