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

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

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

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

Описание

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

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

• Основы современной верстки
• Основы верстки контента

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

• 1

  Введение

  Знакомимся с целями и задачами курса

  теория
• 2

  Установка

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

  теория

  тесты

• 3

  Расширение CSS

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

  теория

  тесты

  упражнение

• 4

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

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

  теория

  тесты

• 5

  Переменные

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

  теория

  тесты

• 6

  Миксины

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

  теория

  тесты

  упражнение

• 7

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

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

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

Испытания

Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки. Обычно мы рекомендуем выполнить 3-5 испытаний. Но если не получается, не отчаивайтесь. Просто вернитесь к ним позже