Акции школ
Войти

Курс «CSS: SASS»

Составитель: Денис Сметнёв · Обновлено: 28.04.2022

SASS — это не просто синтаксический сахар поверх CSS. Это инструмент, который меняет способ думать о стилях: переменные, миксины, циклы, условия — всё то, чего нативному CSS не хватает годами. Курс Хекслета рассчитан на тех, кто уже верстает и хочет перейти к структурированной, масштабируемой работе со стилями. За три дня разберёте препроцессор и сразу применяете его на реальном проекте — двух страницах музыкального портала.

Подробнее


Компания: Хекслет (Hexlet)

Язык: ru

Уровень: Средний Длительность: 3 дня Старт: в любое время

Актуальная программа курса (4 модулей, по данным школы)

  1. SASS
  2. SASS: основы
  3. SASS: программирование
  4. SASS на практике

Кем вы сможете работать

Фронтенд-разработчик

Сколько зарабатывают в профессии (медиана hh.ru, по 117 вакансиям)

Junior
80 000 ₽
Middle
130 000 ₽

Окупаемость: стоимость курса ≈ 1 мес зарплаты junior-специалиста.

Сравнение с похожими курсами других школ

КурсШколаЦенаСрокРейтингДиплом
CSS: SASS (этот) Хекслет (Hexlet) 3 дня
Профессиональный HTML и CSS, уровень 1 HTML Academy (HTML академия) 13 900 ₽ 2 месяца 4.9 Сертификат Перейти
Верстка адаптивной css галереи LoftSchool (Лофт скул) беспл. 4.5 Обзор
Оформление текста HTML Academy (HTML академия) беспл. 4.0 Перейти

Стоит ли идти на этот курс

Плюсы

  • Программа выстроена по нарастающей: сначала основы SASS, потом программирование (типы данных, функции, циклы, условия), потом применение на практике — не вываливают всё сразу.
  • В итоге у вас есть готовый проект: две страницы Music Box с адаптивной вёрсткой по методологиям OOCSS и Atomic CSS — не абстрактные знания, а конкретный результат в портфолио.
  • Охват реально широкий для короткого курса: компиляция, шаблонные селекторы, миксины, управляющие конструкции, настройка окружения — это полноценный рабочий стек, а не обзорное знакомство.
  • Средний уровень — нет лишнего балласта для тех, кто уже знает CSS и хочет сразу к делу, без пересказа азбуки.

Минусы и кому не стоит

  • Три дня — это сжато. Если CSS у вас ещё нетвёрдый, темп будет жёстким: курс ориентирован на средний уровень, а не на тех, кто только начинает разбираться в каскаде и специфичности.
  • Данных о документе об окончании нет — если сертификат нужен для резюме или заказчика, этот вопрос остаётся открытым.
  • Курс заточен только под SASS — если вы рассматривали Less или PostCSS как альтернативы, сравнить внутри программы не получится: выбор придётся сделать до входа.

Когда этот курс вам не нужен

Если вы уже работаете с SASS или Less и понимаете, как устроены миксины и переменные — этот курс вам избыточен, программа рассчитана на вход в тему, а не на углублённую архитектуру. Также не стоит брать его, если CSS ещё нетвёрдый: три дня на средний уровень без базы — это стресс без результата. Если цель — быстро глянуть синтаксис, официальная документация SASS справится бесплатно.

Как выбрать курс по этому направлению

Выбирая курс по разработке интерфейсов, смотрите прежде всего на то, есть ли в программе боевое задание — не изолированные упражнения, а хотя бы один проект, в котором всё складывается вместе. Методологии — отдельный маркер зрелости курса: если в программе OOCSS или Atomic CSS, авторы думают об архитектуре, а не только о синтаксисе. Длительность сама по себе ничего не говорит — три дня плотной практики лучше трёх недель слайдов. Трудоустройство и сертификат: если они важны — проверяйте наличие явно, в этом курсе данных о них нет.

Частые вопросы

Нужно ли знать CSS перед началом?

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

Реально ли пройти курс за три дня?

Это заявленная длительность программы. Три дня — значит плотная нагрузка без растяжки. В удобном темпе — можно растянуть, но авторы рассчитывали на концентрированную работу.

Что буду делать на практике?

Разработаете две страницы музыкального портала Music Box с адаптивной вёрсткой — это финальный проект курса, в котором применяются OOCSS, Atomic CSS и весь инструментарий SASS из программы.

Есть ли сертификат по окончании?

В описании курса данных о документе об окончании нет. Если это важно для вашей цели — напишите в Хекслет напрямую: у них есть страница поддержки и чат.

Поможет ли курс найти работу?

SASS — стандартный инструмент фронтенд-разработчика, его требуют в вакансиях. Но этот курс про инструмент, а не про трудоустройство: программы поддержки поиска работы в описании нет.

Чем SASS лучше обычного CSS?

Он добавляет то, чего в CSS долго не было: переменные, вложенность, миксины, циклы, функции. На больших проектах это разница между читаемым кодом и 3000 строк без структуры.

Длительность курса

Длительность курса

3 дня

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

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

Короткие лекции в виде текста или видео, тесты, упражнения

Обратная связь

Обратная связь

В плане “Профессиональный” можно задавать вопросы менторам в разделе «Обсуждение». В плане “Премиум” закрепляется персональный наставник, который проверяет проекты, делает код-ревью: включено 4 часа голосовых консультаций наставника. Это время можно частично или полностью заменить на переписку в чате в пропорции 1 к 1.5.

Теория и практика

Теория и практика

8 часов теории с тестами и упражнениями после каждого модуля 6 модулей

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

  • Устанавливать препроцессор SASS
  • Расширять язык CSS
  • Пользоваться шаблонными селекторами
  • Разбираться в принципах работы директива extend
  • Использовать переменные в SASS
  • Подключать файлы и использовать специальный флаг !default
  • Использовать миксины в SASS
Перейти на страницу курса Запишись на курс
прямо сейчас!

О курсе

О курсе

Веб-разработчикам

Условия оплаты

доступ ко всем курсам этой школы осуществляется по подписке:
профессиональный - $39/месяц
премиум - $199/месяц

Введение

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

теория

Установка

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

теория

Расширение CSS

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

теория

упражнение

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

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

теория

Переменные

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

теория

Миксины

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

SASS

CSS

базовые навыки работы с SASS: шаблонные селекторы, миксины, переменные

Навыки, которые вы получите

 
SASS

Компания, проводящая курс

Хекслет (Hexlet)

91 курс по 330 темам

Образовательная платформа Хекслет (Hexlet) осуществляет образовательную деятельность по направлениям программирования. В 2014 году проект...

Преподаватели курса

веб-разработчик

Ключевые навыки: HTML, CSS, JS Frontend. Много лет работал в...

Отзывов об этом курсе пока нет

Ниже — отзывы о школе Хекслет (Hexlet): они помогут составить впечатление, но в рейтинге курса не учитываются. Проходили этот курс? Поделитесь — это поможет другим студентам.

Подборки лучших курсов по теме

По темам этого курса на MOOC есть рейтинги лучших программ — сравнение цен, длительности и отзывов в одном месте.

больше курсов

Похожие курсы компании

Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(1)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(11)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
больше курсов

Другие курсы этих преподавателей

Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(1)
3 000