آموزش برنامه نویسی - تاپ دمی

sass چیست ؟

ﺯﻣﺎﻥ ﻣﻄﺎﻟﻌﻪ: 3 دقیقه
sass چیست ؟

باید توجه داشت قبل از شروع به یادگیریه 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 به صورت مقاله ی آموزشی

این مقاله برای شما چقدر مفید بود ؟

24 مهر، 1400

اشتراک گزاری مقاله

مقالات مشابه

افزونه های مرورگر chrome برای توسعه دهندگان وب

افزونه های مرورگر chrome برای توسعه دهندگان وب

در این مقاله به معرفی افزونه های کاربردی برای توسعه دهندگان وب در مرورگر chrome پرداخته ای...

ادامه مطلب
مقایسه ی وب سایت و وب اپلیکیشن

مقایسه ی وب سایت و وب اپلیکیشن

در این مقاله قصد دارم با بررسی تفاوت ها و شباهت های وب سایت و وب اپلیکیشن اطلاعات خود در ا...

ادامه مطلب
معرفی  بهترین فریم ورک های  CSS

معرفی بهترین فریم ورک های CSS

در این مقاله نگاهی به بهترین فریم ورک های css داریم و محاسن و معایب هر یک را بررسی می کن...

ادامه مطلب