Курс «НТМL и CSS - полный курс по вёрстке с нуля [2025]»: обучение по онлайн-тренингу — Вебинарум
Автор: Антон Ларичев
Изучите все особенности HTML5 и CSS3, чтобы создавать современные адаптивные сайты на flexbox и CSS Grid
3 999
6 990
Курс на Purpleschool
НТМL и CSS - полный курс по вёрстке с нуля [2025]

В этом курсе мы изучим всё об 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
Дата последнего обновления: 13 июня 2025

Темы

Другие курсы

SQL: оконные функции
SQL: оконные функции
Автор: Алексей Андросов
Подробнее
1 250
Metabase: визуализация данных
Metabase: визуализация данных
Автор: Алексей Андросов
Подробнее
1 500
FARM:Функциональная, асинхронная, реактивная, многопоточная Java
FARM:Функциональная, асинхронная, реактивная, многопоточная Java
Автор: Игорь Судакевич
Подробнее
15 000
Оптимизация SQL запросов на примере ClickHouse
Оптимизация SQL запросов на примере ClickHouse
Автор: Трофим Воробьев
Инди курс по Pygame - учимся создавать свои игры
Инди курс по Pygame - учимся создавать свои игры
Автор: Артем Егоров
Начать карьеру в IT: Курс для QA по основам ПК и ПО
Начать карьеру в IT: Курс для QA по основам ПК и ПО
Автор: Татьяна Репичева
Библиотеки Python для Data Science
Библиотеки Python для Data Science
Автор: Юлия Пономарева
Подробнее
4 000
-46%
Современный Agile для разработчиков
Современный Agile для разработчиков
Подробнее
3 799
6 990
Автоматизация тестирования с Playwright на Java. Базовый
Автоматизация тестирования с Playwright на Java. Базовый
Автор: Олег Тодор
Подробнее
1 800
Назад
Смотреть дальше