باید توجه داشت قبل از شروع به یادگیریه Sass آشنایی کامل با html و css داشته باشید.
Sass چیست ؟
Sass محبوب ترین پیش پردازنده برای css است و مخفف عبارت Syntactically Awesome Stylesheet است ، در سال 2006 توسعه یافته و در واقع یک پیش پردازنده رایگان برای زبان css است که با تمامی نسخه های آن سازگاری دارد و با توجه به ویژگی های خود نوشتن کد های css را سریع تر و کارایی آن را بهبود می بخشد.
پیش پردازشگر چیست ؟
پیش پردازشگرها انواع مختلفی مانند sass ،Less و ... می باشند و داری ابزاری هستند که می توانند با مجموعه ی از ویژگی های خاص خود ، باعث نظم و سهولت در کد ها شوند و نهایتا به کدهای CSS استاندارد تبدیل می شوند.
Transpiling در sass
بعد از ایجاد کد های sass به دلیل اینکه مرورگر نمی تواند کد های مارا تحلیل کند باید در آخر پروژه کد های sass خود را به کد های css تبدیل کنیم به این کار ترانسپایل کردن می گویند .
چرا بهتر است از sass استفاده کنیم
با توجه به این که در طراحی سایت تعداد کد های css بسیار زیاد است و مدیریت آنها مشکل ، ما با استفاده از ویژگی های sass می توانیم کنترل بهتری بر روی کد های css خود داشته باشیم.
قواعد نوشتاری (syntax) در sass
قواعد نوشتاری در sass دارای دو فرمت scss. و sass. است که هر دو با css سازگاری دارند.
متغیر ها در sass
متغیر ها برای ذخیره داده ها مورد استفاده قرار می گیرند.
برای ذخیره متغیر در sass از علامت $ استفاده می کنیم.
مانند :
$variablename: value;
انواع متغیر مانند :
رشته
عدد
رنگ
Null
و...
دستورات تو در تو در sass
با استفاده از این روش می توانید نظم بهتری به کد های خود داده و با بلوک کردن کد ها از تکرار کد ها جلو گیری کنیم.
تابع Mixin در sass
Mixin ها در sass مانند توابع در زبان برنامه نویسی هستند که از ویژگی های آن ساخت یک قطعه کد و استفاده از آن جهت جلو گیری از تکرار کد هاست.
پس ما با استفاده از این ویژگی sass میتوانیم کد های css که قرار است بارها تکرار شود را یک بار تعریف کنیم و چندین بار از آن استفاده کنیم با این کار سرعت ما افزایش می یابد.
کامنت گذاری در sass
در sass کامنت گذاری به صورت // برای کد های تک خطی و از /**/ برای کد های چند خطی استفاده می شود.
Partial
Partial ها فایل های sass هستند که قابلیت import شدن در دیگر فایل های sass را دارند که نگهداری از این فایل های کوچک ، ساده تر و بهتر است.
عملگر ها در sass
با استفاده از عمگر های مانند ضرب ، تقسیم ، جمع و تفریق می توانیم بر روی کد های خود تغیراتی به وجود آورید و این عملگر ها در بهینه کردن کد تاثیر گذار هستند.
آموزش جامع و رایگان sass به صورت ویدیوی
آموزش کامل sass به صورت مقاله ی آموزشی
- آموزش ساخت صفحه ی وب سایت با استفاده از HTML و css
- همه ی آنچه باید در مورد Nuxt js بدانیم
- میانبر های مفید ادیتور VSCode
- سوالات مصاحبه ای از php و لاراول
- نحوی انتخاب عناصر یا Selector ها در CSS
این مقاله چقدر مفید بود ؟