HTML и CSS - полный курс по вёрстке с нуля

Изучите все особенности HTML5 и CSS3, чтобы создавать современные адаптивные сайты на flexbox и CSS Grid

Ratings: 4.48 / 5.00




Description

В этом курсе мы изучим всё об HTML и CSS и сверстаем несколько посадочных страниц и отдельных компонент сайта. Он подойдёт тем, кто только хочет погрузиться в веб разработку и создавать свои сайты или полноценные приложения. HTML и CSS является базой перед переходом к JavaScript и фреймворкам типа React, Angular или Vue, поэтому от вас не потребуется вообще никаких знаний. Так же он подойдёт тем, кто уже пишет веб приложения, но хочет структурировать свои знания по вёрстке и почерпнуть техники работы с flex и grid. Все эти знания мы применим на вёрстке реальной страницы сайта PurpleSchool, сравнивая различные подходы к вёрстке.

В курсе мы детально изучим:

  • Основы HTML5 и семантическую вёрстку

  • Доступность и работу Screen Reader

  • Работу с формами и таблицами

  • Основы CSS и работу в Figma

  • Псевдоклассы и элементы

  • Каскад и специфичность стилей

  • Работу потока документа и блочную модель

  • Различные единицы измерения и особенности работы с цветом

  • Анимацию

  • Адаптивную вёрстку

  • CSS Flexbox

  • CSS Grid

Лекции содержат как теоретическую часть, так и live-code, где мы вместе будем писать код, разбираю особенности работы HTML и CSS. В конце каждого модуля вас ожидает тест, который позволит укрепить ваши знания. Этот курс направлен на практику, потому в курсе сделан упор на большое число упражнений, которые позволит закрепить знания.

В результате курса вы получите знания и навыки для вёрстки страниц практически любой сложности.

What You Will Learn!

  • Верстать адаптивные сайты на HTML и CSS
  • Знать сематическую вёрстку и особенности HTML5
  • Проверять доступность и работать со Screen Reader
  • Верстать формы и таблицы
  • Работать с Figma макетами
  • Понимать каскад и специфичность стилей
  • Понимать работу потока документа и блочную модель
  • Создавать анимацию
  • Работать с различными layout
  • Верстать на CSS Flexbox
  • Верстать на CSS Grid

Who Should Attend!

  • Новички, которые хотят погрузиться в web разработку
  • Опытные разработчики, которые хотят структурировать свои знания и улучшить вёрстку