Ускоряем верстку | Гайд по препроцессору стилей | 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:
Prepros:
Sass:
Чат в телеграмме (помощь новичкам):
Boosty (поддержать канал):
Бесплатные курсы на канале: 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
Автор: Личный сайт:
Telegram:
Boosty:
GetMentor:
Solvery:
#frontend #фронтенд #html #css