SASS: Основы работы

Включено в курс

Чему вы научитесь

• Использовать препроцессор SASS и компилировать его код в CSS.
• Расширять возможности написания стандартного CSS.
• Использовать шаблонные селекторы и миксины.
• Создавать и работать с переменными.

Описание

На этом курсе вы изучите основы работы с препроцессором SASS. Вы узнаете больше о возможностях по автоматизации написания стилей. В итоге вы научитесь использовать вложенности селекторов, использовать миксины для переиспользования стилей. SASS пригодится, если вы решите создавать крупные проекты с большим количеством стилей, а так же при создании своих дизайн-систем на CSS. Знания из этого курса помогают программистам автоматизировать процесс написания CSS и использовать переиспользование стилей. Этот курс подойдет разработчикам, которым тесно в рамках обычного CSS. Чтобы учиться было проще, стоит заранее изучить основы верстки текста и позиционирование.

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

• 1

  Введение

  Узнать о курсе, посвящённому SASS

  теория
• 2

  Установка

  Установить препроцессор SASS

  теория

  тесты

• 3

  Расширение CSS

  Узнать возможности SASS, позволяющие немного расширить язык CSS

  теория

  тесты

  упражнение

• 4

  Шаблонные селекторы

  Изучить шаблонные селекторы и узнать о директиве extend

  теория

  тесты

• 5

  Переменные

  Научиться использовать переменные в SASS. Узнать о подключении файлов и использовании специального флага !default

  теория

  тесты

• 6

  Миксины

  Изучить использование миксинов в SASS

  теория

  тесты

  упражнение

• 7

  Дополнительные материалы

  Статьи и видео, подобранные командой Хекслета. Помогут глубже погрузиться в тему курса

Формат обучения