План обучения (Syllabus)

Здесь представлена программа курса CS138X.

Данный учебный план не является финальным и может подвергаться изменениям в процессе обучения. В общем, чем дальше мы будем продвигаться в изучении технологии CSS, тем больше будет меняться план проведения уроков.

CSS или Cascading Style Sheets (Каскадные Таблицы Стилей) - это технология, позволяющая превращать ваши страницы, написанные на чистом HTML, в прекрасно украшенные веб-сайты.

Мы начнем с самых азов (Что такое CSS? Как он работает? Как его использовать?) и будем постепенно погружаться в более сложные разделы разбираемой технологии. Сопровождая курс как практической, так и теоретической составляющей.

Знакомство с CSS может показаться легким делом, но, на самом деле, в работе с CSS есть много различных тонкостей, которые часто пропускаются начинающими верстальщиками (специалистами по «рисованию» сайтов), что приводит к плохим практикам в реализации проектов и невозможности самостоятельно пополнять багаж знаний, в силу отсутствия твердого фундамента.

В данном курсе мы разработаем с вами проект, который будет включать: адаптивный дизайн и анимированную боковую панель, модальные окна и формы, а также огромное количество CSS-анимаций, шрифтов и многое другое!

Вот детальное описание того, что именно мы будем проходить:
  • Основы селекторов, комбинаторов и установка правил стилизации в целом
  • Свойства, значения и объявления
  • Как работает специфичность и наследование, а также что означает «Каскадность»
  • Важные теоретические концепции (box-модель и т.п.)
  • Как можно изменить дефолтное (по умолчанию заданное) позиционирование элементов
  • Стилизация фонов (+ градиентов) и изображений
  • Единицы измерения в CSS (px, rem, % и многое другое)
  • Взаимодействие JavaScript и CSS
  • Адаптивный дизайн и что означает "Mobile First" (мобайл ферст)
  • Стилизация форм (form) и их полей (inputs)
  • Работа с текстом, шрифтами и стилями текста
  • Flexbox! Как это работает и как его использовать
  • CSS Grid и его отличие от Flexbox
  • Использование CSS в трансформировании и анимации HTML-элементов
  • Написание CSS с применением CSS-переменных или запись в соответствии с лучшей практикой именования классов
  • Использование Sass и подробный разбор того, что он из себя представляет
Этот курс для вас, если ...
  • вы начали изучать веб-разработку и хотите рисовать еще более красивые сайты
  • вы уже знаете CSS, но хотите глубже изучить данную технологию
  • вы применяете CSS методом проб и ошибок, и хотите как-то исправить процесс своей работы (вы обязаны исправить!)

Если вас устраивает данная программа, то я буду рад видеть вас у себя в классе!