HTML і CSS з нуля

Верстка з нуля: семантична розмітка, CSS, Flexbox і Grid, адаптивність. Наприкінці — власний лендінг, що коректно виглядає на будь-якому екрані.

📚 8 модулів📝 8 уроків⏱ 8 модулів

Програма курсу

Модуль 1. Як влаштований веб і перша сторінка1 ур.

▶Як влаштований веб: браузер, HTML, перша сторінкаБезкоштовно

Модуль 2. Семантична розмітка1 ур.

🔒Семантична розмітка: чому div не завжди підходить

Модуль 3. Текст, посилання, зображення, таблиці1 ур.

🔒Текст, посилання, зображення, таблиці

Модуль 4. Форми та валідація1 ур.

🔒Форми та вбудована валідація

Модуль 5. CSS: селектори, каскад, специфічність1 ур.

🔒CSS: селектори, каскад, специфічність, змінні

Модуль 6. Блокова модель і типографіка1 ур.

🔒Блокова модель, типографіка, керування простором

Модуль 7. Flexbox і Grid1 ур.

🔒Flexbox і Grid: коли який

Модуль 8. Адаптивність і фінальний лендінг1 ур.

🔒Адаптивність і фінальний лендінг

Про курс

Перш ніж оживляти сторінку на JavaScript, її треба зверстати. Цей курс дає фундамент, якого бракує більшості самоучок: чому розмітка має бути семантичною, як насправді працює каскад і специфічність, і чому Flexbox та Grid вирішують те, з чим раніше боролися хаками.

Чого ви навчитеся

Семантична HTML-розмітка, зрозуміла і людині, і пошуковику
Форми та їх вбудована валідація без жодного скрипта
CSS: селектори, каскад, специфічність, змінні
Блокова модель, типографіка, керування простором
Flexbox і Grid — коли який
Адаптивність від мобільного вгору

Для кого

Для тих, хто починає з нуля, і для тих, хто вже пише JS, але верстає навпомацки.

Вимоги

Жодних. Достатньо браузера й текстового редактора.