[Purpleschool] НТМL и CSS - полный курс по вёрстке с нуля. Обновлено Апрель 2025 (Антон Ларичев)

​ Тариф Без наставника Чему вы научитесь? После прохождения курса вы сможете: Верстать адаптивные сайты на HTML и CSS Знать сематическую вёрстку и особенности HTML5 Проверять доступность и работать со Screen Reader Верстать формы и таблицы Работать с Figma макетами Понимать каскад и специфичность стилей Понимать работу потока документа и блочную модель Создавать анимацию Работать с различными layout Верстать на CSS Flexbox Верстать на CSS Grid Custom property и расчёты в CSS

​ Тариф Без наставника Чему вы научитесь? После прохождения курса вы сможете: Верстать адаптивные сайты на HTML и CSS Знать сематическую вёрстку и особенности HTML5 Проверять доступность и работать со Screen Reader Верстать формы и таблицы Работать с Figma макетами Понимать каскад и специфичность стилей Понимать работу потока документа и блочную модель Создавать анимацию Работать с различными layout Верстать на CSS Flexbox Верстать на CSS Grid Custom property и расчёты в CSS

Изучите все особенности HTML5 и CSS3, чтобы создавать современные адаптивные сайты на flexbox и CSS Grid В этом курсе мы изучим всё об HTML и CSS и сверстаем несколько посадочных страниц и отдельных компонент сайта. Он подойдёт тем, кто только хочет погрузиться в веб разработку и создавать свои сайты или полноценные приложения. HTML и CSS является базой перед переходом к JavaScript и фреймворкам типа React, Angular или Vue, поэтому от вас не потребуется вообще никаких знаний. Так же он подойдёт тем, кто уже пишет веб приложения, но хочет структурировать свои знания по вёрстке и почерпнуть техники работы с flex и grid. Все эти знания мы применим на вёрстке реальной страницы сайта PurpleSchool, сравнивая различные подходы к вёрстке. Лекции содержат как теоретическую часть, так и live-code, где мы вместе будем писать код, разбираю особенности работы HTML и CSS. В конце каждого модуля вас ожидает тест. Этот курс направлен на практику, потому в курсе сделан упор на большое число упражнений, которые позволит закрепить знания. После прохождения курса вы сможете: Верстать адаптивные сайты на HTML и CSS Знать семантическую вёрстку и особенности HTML5 Проверять доступность и работать со Screen Reader Верстать формы и таблицы Работать с Figma макетами Понимать каскад и специфичность стилей Понимать работу потока документа и блочную модель Создавать анимацию Работать с различными layout Верстать на CSS Flexbox Верстать на CSS Grid Custom property и расчёты в CSS План курса Курс построен таким образом, чтобы доносить материал от простого к сложному. Ниже вы можете ознакомиться с планом курса и посмотреть часть открытых лекций по кнопке проигрывателя. 1. Введение 2. Настройка окружения 3. Знакомство с HTML 4. Семантика и HTML5 5. Таблица 6. Формы 7. Основы CSS 8. Работа с Figma 9. CSS Selectors 10. Псевдоклассы и элементы 11. Каскад 12. Блочная модель 13. Поток документов 14. Единицы измерения 15. Анимация 16. Адаптивная вёрстка 17. CSS Flexbox 18. Практика flexbox 19. Методологии и практики 20. Проект - Вёрстка страницы школы 21. CSS Grid 22. Проект - Практика Grid 23. Финал курса