Ускоряем верстку | Гайд по препроцессору стилей | Sass (SCSS)

✏️ Узнаем что такое препроцессор стилей, для чего он нужен, как его настроить в 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: https://nodejs.org/ ➖ Prepros: https://prepros.io/ ➖ Sass: https://sass-lang.com/ 💬 Чат в телеграмме (помощь новичкам): https://t.me/friendlyFrontendChat 🔘 PREAX (онлайн-платформа для получения РЕАЛЬНОГО опыта работы): https://preax.ru/?i=bc3068fb&erid=LjN8KMSmU Реклама ООО «ПРЕАКС ПЛЭТФОРМ» ОГРН 1237700372755, ИНН 9727035595 🔸 Boosty (поддержать канал): https://boosty.to/friendly-frontend 🗂️ Бесплатные курсы на канале: 🟠 HTML: https://youtube.com/playlist?list=PL0MUAHwery4ot0KmgGxlBSB7rXssLeA6h 🔵 CSS: https://youtube.com/playlist?list=PL0MUAHwery4o9I7QQVj_RP4ZVpmdx6evz 🟡 JS: https://www.youtube.com/playlist?list=PL0MUAHwery4qn4Y27iUxmzC-JiauX7vSL 🟢 A11y: https://youtube.com/playlist?list=PL0MUAHwery4r4gCA3AOtHgArM_UOb2QUV ⚪️ Мастер-класс по верстке для новичков: https://www.youtube.com/playlist?list=PL0MUAHwery4rqkzKF1mDBCIH_eZgjY6uN 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): https://www.youtube.com/playlist?list=PL0MUAHwery4rdZt-8E9p9zty2ZUCH6Ai3 🗺 Frontend Roadmap 2024 https://youtu.be/1WRJKgwlX9w?si=NjyzbyLMguVV4Frr 📌 Автор: ➖ Личный сайт: https://aleksanderlamkov.ru/ ➖ Telegram: https://t.me/friendlyFrontend ➖ Boosty: https://boosty.to/friendly-frontend ➖ GetMentor: https://getmentor.dev/mentor/aleksandr-lamkov-1480 ➖ Stepik (платные курсы и мастер-классы): https://stepik.org/a/228315 #frontend #фронтенд #html #css