آموزش کامل و جامع Sass

400.000 تومان

Sass مخفف “Syntactically Awesome Style Sheets” است و یک زبان توسعه سبک‌دهی به CSS است. این زبان به برنامه‌نویسان وب امکان می‌دهد کدهای CSS خود را به صورت سازماندهی‌تر، قابل نگهداری‌تر و با قابلیت‌های پیشرفته‌تری بنویسند. Sass یک پیش‌پردازنده CSS است که به کدهای Sass امکان می‌دهد تا به CSS تبدیل شوند.

تعداد جلسات : ۸ | تعداد ساعات آموزش : 00:72:00

توضیحات

Sass یک زبان توسعه سبک‌دهی به CSS است که به برنامه‌نویسان وب کمک می‌کند تا کدهای CSS خود را به صورت سازماندهی‌تر و قابل نگهداری‌تری بنویسند. در اینجا یک آموزش کامل برای شروع به کار با Sass ویژگی‌ها و نکات اساسی این زبان را یاد خواهی گرفت.

یادگیری sass پیش نیاز داره؟

یادگیری Sass به طور اساسی نیاز به داشتن پیش‌نیاز خاصی ندارد و می‌توانید به عنوان یک مبتدی با استفاده از مستندات و منابع آموزشی مربوط به Sass شروع به کار کنید. با این حال، برای بهره‌برداری بهتر از Sass و تسهیل فرآیند یادگیری، می‌توانید از مفاهیم و مهارت‌های آشنایی  با CSS  شروع کنین که دوره آموزش طراحی رابط کاربری و پروژه محور با HTML 5 , CSS 3 استفاده کنین :

آموزش طراحی رابط کاربری و پروژه محور با 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

– نصب sass با npm
– ایجاد پروژه scss
– کامپایل فایل و تبدیل فایل به css

00:05:08

– تعریف متغیر در sass
– Sass Variable Scope
– Using Sass !global

۰۰:05:21

– ایجاد ساختار درختی و تودرتو انتخاب المان ها
– ایجاد ساختار پیشوندی در CSS properties

۰۰:06:۰۰

– اضافه کردن فایل در فایل اصلی Sass Importing Files
– ایجاد فایل های پارشال در فایل اصلی Sass Partials

۰۰:07:33

– @mixin directive ایجاد
– @include استفاده از
– Passing Variables to a Mixin

۰۰:06:30

– @extend
– دستورالعمل @extend به شما امکان می دهد مجموعه ای از ویژگی های CSS را از یک انتخابگر به انتخابگر دیگر به اشتراک بگذارید.

00:12:06

– flow Control
– استفاده از شرط ها و حلقه ها در sass

00:11:20

00:04:06

00:13:30

00:12:00

هیچ دیدگاهی برای این محصول نوشته نشده است.

اولین نفری باشید که دیدگاهی را ارسال می کنید برای “آموزش کامل و جامع Sass”

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *