آموزش پلتفرم Sass برای CSS

شما بعد از آموزش پلتفرم Sass برای CSS توانایی این را دارید که با دانشی که از آموزش پلتفرم Sass به دست آوردید وارد بازار کار شوید.

این دوره یعنی آموزش پلتفرم Sass برای CSS دوره ای پروژه محور است که توسط هلدینگ فرتاک ارائه شده و شما در پایان هر بخش میبایست تمرین هایی که به شما داده میشود را انجام دهید.

در پایان دوره از شما آزمونی گرفته میشود و شما میتوانید با استفاده از این آزمون توانایی هایی که از بپلتفرم Sass  آموختید را بسنجید.

دوره های مرتبط

آموزش پلتفرم Sass برای CSS حضوری

آموزش پلتفرم Sass برای CSS آنلاین

Sass چیست ؟ 

 Css زبانی ساده است است اما روز به روز در حال بزرگ‌تر و پیچیده تر شدن است. با بزرگ و پیچیده شدن CSS استفاده از آن سخت تر و پردازش کدهای آن زمانبر تر شده است. Sass طراحی شده است تا امکانات جدیدی مانند متغییر ها، چیدمان تگ ها، ترکیب کدها، ارثبری و دیگر ویژگی های یک زبان برنامه نویسی را به CSS اضافه کند.

Sass مخفف واژه Syntactically Awesome StyleSheets می باشد.

ویژگی های پلتفرم SASS 

سازگاری با CSS

Sass با همه ای نسخه های CSS هماهنگ است. این هماهنگی برای سازندگان Sass از اهمیت بالایی برخوردار بوده و کاربران Sass میتوانند، از هر کتابخانه CSS استفاده کنند. به طورکلی سه کتابخانه CSS به نام های CSS1 ,CSS2 ,CSS3 میان کاربران محبوب هستند و همگی توسط Sass پشتیبانی می شوند.

تکامل یافته بودن Sass

پلتفرم Sass سال ها است که در حال تولید، عرضه و توسعه است و هم اکنون به سطحی رسیده است که کاربران به راحتی میتوانند به عنوان یک نرم افزار حرفه ای برای ساخت سبک صفحات وب از آن استفاده کنند.

کاربران Sass

در حال حاضر از پلتفرم Sass بصورت اختصاصی استفاده می شود، و بسیاری از سازندگان حرفه ای صفحات وب از Sass به عنوان زبان برنامه نویسی CSS استفاده می کنند. Sass توسط برنامه نویسان و توسعه دهندگان و شرکت های برنامه نویسی فراوانی در سراسر دنیا پشتیبانی می شود.

Sass توسط توسعه دهندگانی مانند compass،Bourbon،  Susy و بسیاری توسعه دهندگان دیگر تکامل یافته و مورد استفاده قرار گرفته است. شبکه اجتماعی  linkdin از پلتفرم compass استفاده می کند.

متغیرها در Sass

به متغیرها بصورت ابزاری نگاه کنید، که می توان داده ها را ذخیره کنند، تا بتوان در آینده از آن اطلاعات دوباره استفاده شود. میتوان اطلاعاتی مانند رنگ و نام فونت و یا هر مقدار دیگری در CSS را بصورت متغیر در Sass ذخیره کرد و بار دیگر به کاربرد. sass برای ایجاد متغییر ها از پسوند $ استفاده شود.

چیدمان کدها در Sass

یکی از ویژگی هایی که کاربران می خواهند، بجای نوشتن CSS کدهای استایل دهی را با زبانی مانند Sass بنویسند سادگی چیدمان کد ها در Sass است. زمانی که کد های Html سایت را می نویسید. یک ساختار درختی از کد ها ساخته می شود. در CSS نمی توان این ساختار درختی را ایجاد کرد. Sass به شما این امکان را فراهم می کند که ساختار درختی فایل Html را در این سبک نیز بکار برد. به این ترتیب نوشتن کدهای استایل دهی بسیار آسان خواهد شد.

ایجاد استایل های ماژولار در Sass

در حال حاضر برای طراحی صفحات وب با نرم افزار های مدیریت محتوا طراحی سایت را انجام می شود، که باعث میشود همه چیز بصورت مجزا و ماژولار طراحی شود. در Sass این امکان را داریم که تکه ای از کدها را در فایل دیگری قرار داده و آنها را با کد @import فراخوانی کنید. در CSS کد @import یک درخواست Http ارسال می کند. ولی در Sass کدهای فایل وارد شده، به فایل اضافه میشود وبه بصورت یک فایل CSS در وب به نمایش درمی آیند.

وراثت یا extend در Sass

یکی از ویژگی های مهم و مفید Sass هست که این ویژگی به ما این اجازه را می دهد تا محتوای یک کلاس و داخل یه کلاس دیگه استفاده کنیم. فرض کنید بخواهیم یه جفت دکمه با پس زمینه های متفاوت داشته باشیم مثلا یه دکمه decline و accept. از آنجایی که هر دوتا دکمه از نظر ظاهری شبیه هم هستند پس یکسری استایل های مشابه دارند و ما می تونیم که استایل های مشابه را به اشتراک بگذاریم با استفاده از Sass این کار به راحتی انجام دهیم به این صورت که پیش فرضی که برای دکمه های یکی هست و به وراثت می گذاریم یعنی هر دو دکمه این استایل ها رو به ارث می برند.