✏️ Узнаем что такое препроцессор стилей, для чего он нужен,
как его настроить в IDE VSCode и WebStorm, разбираемся в основных функциях препроцессора Sass.
🔴 Timeline:
▶ 00:00 | Введение
▶ 00:33 | Проблемы CSS
▶ 03:24 | Что такое препроцессор стилей
▶ 04:27 | Настройка препроцессора Sass в VSCode
▶ 08:14 | Настройка автокомпиляции SCSS в CSS через Prepros
▶ 10:43 | Настройка препроцессора Sass в WebStorm
▶ 12:29 | Препроцессор Sass (SCSS)
▶ 13:45 | Препроцессор Sass — вложенность селекторов
▶ 16:18 | Препроцессор Sass — миксины
▶ 18:20 | Препроцессор Sass — переменные в миксинах
▶ 20:41 | Препроцессор Sass — функции
▶ 21:56 | Препроцессор Sass — циклы
▶ 23:12 | Препроцессор Sass — разбивка на файлы, включение файлов друг в друга
▶ 26:41 | Заключение
📚 Ссылки:
➖ NodeJS: [ Ссылка ]
➖ Prepros: [ Ссылка ]
➖ Sass: [ Ссылка ]
💬 Чат в телеграмме (помощь новичкам):
[ Ссылка ]
🔸 Boosty (поддержать канал):
[ Ссылка ]
🗂️ Бесплатные курсы на канале:
🟠 HTML: [ Ссылка ]
🔵 CSS: [ Ссылка ]
🟡 JS: [ Ссылка ]
🟢 A11y: [ Ссылка ]
⚪️ Мастер-класс по верстке для новичков: [ Ссылка ]
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): [ Ссылка ]
🗺 Frontend Roadmap 2024 [ Ссылка ]
📌 Автор:
➖ Личный сайт: [ Ссылка ]
➖ Telegram: [ Ссылка ]
➖ Boosty: [ Ссылка ]
➖ GetMentor: [ Ссылка ]
➖ Solvery: [ Ссылка ]
#frontend #фронтенд #html #css
Ускоряем верстку | Гайд по препроцессору стилей | Sass (SCSS)
Теги
фронтендfrontendверстка сайтаобучение верстке с нуляобучение верстке сайтовфронтенд разработчикsassscsssass scsssass cssscss что этоscss как подключитьscss версткаscss урокиsass урокиscss курспрепроцессор стилейпрепроцессор sassпрепроцессоры cssчто такое sass scssscss препроцессор стилейsass препроцессор стилейscss синтаксисscss миксиныsass установкаsass установка webstormscss установкаvscode sassvscode scss