Зарегистрируйтесь для доступа к 15+ бесплатным курсам по программированию с тренажером

Введение SASS: Программирование

Курс по программированию на SASS является прямым продолжением курса CSS: SASS. Курс может показаться достаточно сложным для тех, кто только начинает свой путь в мир разработки, так как в нем мы впервые встретимся с понятием функций, аргументов, циклов, условных конструкций. Научимся работать с числами и строками. Узнаем о существовании специфичных типов данных, таких как булевые значения.

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

Хорошим примером является наличие двух цветовых оформлений на проекте. С помощью SASS мы можем свободно разделить стили для светлой и темной темы, и подключать/компилировать их при необходимости.

К концу курса вы научитесь работать с функциями, узнаете о том, что миксины тоже являются функциями. Сможете генерировать похожие классы с помощью одной единственной функции. Согласитесь, что намного приятнее сгенерировать такие классы, как mt-5, mt-10 и так далее с помощью нескольких строк кода, не прибегая к постоянному копированию и включению нужных стилей с помощью миксинов, как мы делали в предыдущем курсе.

Если какие-то темы покажутся вам сложными, то не переживайте. К этому курсу всегда можно вернуться. Также вам может помочь курс Введение в программирование в котором вы можете найти смежные темы.

Практика

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

CodePen

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

Как подготовиться к этому курсу

Курс программирования на SASS расширяет и углубляет знания препроцессора SASS. Он добавляет элементы программирования:

  • Циклы
  • Функции
  • Типы данных
  • Условные выражения

Чтобы разобраться в этих темах, нужно знать базовые основы препроцессора, которые изучались в курсе SASS: Основы работы.


Аватары экспертов Хекслета

Остались вопросы? Задайте их в разделе «Обсуждение»

Вам ответят команда поддержки Хекслета или другие студенты.

Для полного доступа к курсу нужен базовый план

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

Получить доступ
1000
упражнений
2000+
часов теории
3200
тестов

Открыть доступ

Курсы программирования для новичков и опытных разработчиков. Начните обучение бесплатно

  • 130 курсов, 2000+ часов теории
  • 1000 практических заданий в браузере
  • 360 000 студентов
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»

Наши выпускники работают в компаниях:

Логотип компании Альфа Банк
Логотип компании Aviasales
Логотип компании Yandex
Логотип компании Tinkoff
Рекомендуемые программы
Иконка программы Верстальщик
Профессия
с нуля
Верстка с использованием последних стандартов CSS
в любое время 5 месяцев

Используйте Хекслет по-максимуму!

  • Задавайте вопросы по уроку
  • Проверяйте знания в квизах
  • Проходите практику прямо в браузере
  • Отслеживайте свой прогресс

Зарегистрируйтесь или войдите в свой аккаунт

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»
Изображение Тото

Задавайте вопросы, если хотите обсудить теорию или упражнения. Команда поддержки Хекслета и опытные участники сообщества помогут найти ответы и решить задачу