توضیحات
Sass یک زبان توسعه سبکدهی به CSS است که به برنامهنویسان وب کمک میکند تا کدهای CSS خود را به صورت سازماندهیتر و قابل نگهداریتری بنویسند. در اینجا یک آموزش کامل برای شروع به کار با Sass ویژگیها و نکات اساسی این زبان را یاد خواهی گرفت.
یادگیری sass پیش نیاز داره؟
یادگیری Sass به طور اساسی نیاز به داشتن پیشنیاز خاصی ندارد و میتوانید به عنوان یک مبتدی با استفاده از مستندات و منابع آموزشی مربوط به Sass شروع به کار کنید. با این حال، برای بهرهبرداری بهتر از Sass و تسهیل فرآیند یادگیری، میتوانید از مفاهیم و مهارتهای آشنایی با CSS شروع کنین که دوره آموزش طراحی رابط کاربری و پروژه محور با HTML 5 , CSS 3 استفاده کنین :
اگر مفهومها و مفاهیم پایه CSS را میفهمید، یادگیری Sass برای شما آسانتر خواهد بود. Sass یک پیشپردازنده CSS است، بنابراین انتظار میرود که شما با مفاهیم مانند انتخابگرها (selectors)، ویژگیها (properties)، مقادیر (values) و قوانین CSS آشنا باشید.
Sass مخفف “Syntactically Awesome Style Sheets” است و یک زبان توسعه سبکدهی به CSS است. این زبان به برنامهنویسان وب امکان میدهد کدهای CSS خود را به صورت سازماندهیتر، قابل نگهداریتر و با قابلیتهای پیشرفتهتری بنویسند. Sass یک پیشپردازنده CSS است که به کدهای Sass امکان میدهد تا به CSS تبدیل شوند.
Sass دارای ویژگیهای متنوعی است که به برنامهنویسان وب در توسعه و مدیریت سبکهای وب کمک میکند. بعضی از این ویژگیها شامل موارد زیر هستند:
1. متغیرها:
در Sass میتوانید متغیرها تعریف کنید و مقادیر را در آنها ذخیره کنید، که سپس در کل فایلهای Sass به جای مقادیر مستقیم استفاده میشوند.
2. میکسینها:
میکسینها به شما امکان میدهند قوانین CSS را تعریف کرده و آنها را در چندین مکان مختلف در پروژه خود استفاده کنید. این باعث افزایش سازماندهی و بازتولید پذیری کدها میشود.
3. وراثت:
Sass به شما اجازه میدهد تا قوانین CSS را درون یک دیگر تو در تو (نسل به نسل) تعریف کنید. این به شما امکان میدهد کدهای CSS را به شکل منظم و بهبود یافتهتری بسازید.
4. عملگرها و توابع:
Sass دارای مجموعهای از عملگرها و توابع است که به شما امکان میدهند مقادیر را محاسبه و تغییر دهید.
5. نوشتن تو در تو سلکتورها:
با استفاده از Sass میتوانید سلکتور های پدر و فرزند به صورت تودرتو نوشت و از نوشتن کد زیاد جلوگیری کرد.
برای استفاده از Sass، شما نیاز دارید که Sass را نصب کنید و سپس فایلهای Sass خود را ایجاد کرده و به CSS تبدیل کنید. سپس میتوانید از CSS تولید شده در وبسایتها و پروژههای خود استفاده کنید.
۰۰:۰۵۰۰
– sass چیه و چه کاربردی داره ؟؟
۰۰:08:43
– ایجاد پروژه scss
– کامپایل فایل و تبدیل فایل به css
00:05:08
– Sass Variable Scope
– Using Sass !global
۰۰:05:21
– ایجاد ساختار پیشوندی در CSS properties
۰۰:06:۰۰
– ایجاد فایل های پارشال در فایل اصلی Sass Partials
۰۰:07:33
– @include استفاده از
– Passing Variables to a Mixin
۰۰:06:30
– دستورالعمل @extend به شما امکان می دهد مجموعه ای از ویژگی های CSS را از یک انتخابگر به انتخابگر دیگر به اشتراک بگذارید.
00:12:06
– استفاده از شرط ها و حلقه ها در sass
هیچ دیدگاهی برای این محصول نوشته نشده است.