#sass #scss
В этом видео говорим об особенностях Sass, рассматриваем два вида синтаксиса Sass, компилируем стили с sass watch, а также добавляем комментарии в стили.
Sass это препроцессор. Он переводит sass-код в чистый css, так как браузер понимает только css. Sass просто удобнее использовать за счет того, что он расширяет возможности css, добавляет новый синтаксис.
Sass помогает удобнее организовать стили и сделать их более удобными для восприятия и работы, и в целом сокращает количество кода. Можно выносить общие участки стилей и переиспользовать их с возможностью кастомизации.
Это полный курс по Sass, он содержит подробное описание всех особенностей работы c Sass: синтаксис, миксины, наследование, функции, модули, ключевые слова и т.д. Ссылка на плейлист с курсом по Sass https://www.youtube.com/playlist?list=PLmfIBo6rTVR7YkcR_26vgH37l3GS2pYBa .
Мы в соцсетях:
💻 Сайт: https://it-dev-journal.ru
💻 Telegram: https://t.me/devmagazinechannel
💻 Twitter: https://twitter.com/_devmagazine
💻 GitHub: https://github.com/vadimkorr
☕️ Поддержать канал: https://www.donationalerts.com/r/devmagazine
Плейлисты и курсы:
📃 Исходный код: https://t.me/devmagazinechannel/86
💡 Sass: https://www.youtube.com/playlist?list=PLmfIBo6rTVR7YkcR_26vgH37l3GS2pYBa
💡 Все о ReactJS: https://www.youtube.com/playlist?list=PLmfIBo6rTVR4OGBHkgPUst49WliEAkZDc
💡 Как пройти ReactJS собеседование: https://www.youtube.com/playlist?list=PLmfIBo6rTVR6jNZoTnNggWliFC7Cmco7p
💡 ReactJS хуки: https://www.youtube.com/playlist?list=PLmfIBo6rTVR50EVDaRz0HuImZ6iLDs40N
💡 Redux: https://www.youtube.com/playlist?list=PLmfIBo6rTVR70B7skhP5BtczReJMZQ0Vd
💡 Как создать слайдер на ReactJS: https://www.youtube.com/playlist?list=PLmfIBo6rTVR4JBtaOfWLMNgjIeVC3_dl7
💡 Svelte: https://www.youtube.com/playlist?list=PLmfIBo6rTVR5XNcJxu8TwzEvIDUCAhGc6
💡 Redux Saga: https://www.youtube.com/playlist?list=PLmfIBo6rTVR6jKRgpblTdzto9v-yWgqk-
💡 GraphQL: https://www.youtube.com/playlist?list=PLmfIBo6rTVR7qfgmVHBsgOoiBAx5Guwfp
💡 JavaScript: https://www.youtube.com/playlist?list=PLmfIBo6rTVR6ncz0yM8Bhpff8yI7F1oKp
00:00 - Что такое Sass
00:41 - Особенности и отличия от CSS
02:09 - Установка и работа с Sass в React JS проекте
06:26 - Добавляем скрипт для sass watch
09:35 - Запускаем sass watch
10:09 - 2 вида синтаксиса Sass
12:57 - Виды комментариев в Sass
#devmagazine #devmagazinechannel
Скрыть