آموزش Sass (SCSS) بصورت پروژه محور

توضیحات تدریس

sass (ساس) مخفف کلمات Syntactically Awesome Stylesheets است. sass را می توان به عنوان یک پیش پردازنده برای css در نظر گرفت که کار با استایل ها را برای ما بسیار ساده می کند. به خصوص زمانی که فایل های css شما بسیار بزرگ و پیچیده باشند. sass مدیریت و نگهداری استایل های css را ساده‌تر می‌کند. به لطف وجود متغیرها، mixins ها، nesting ها و ... در این پیش پردازنده، کد های نوشته شده کاملاً سازماندهی می شود. این کار باعث می شود کار خود را سریعتر پیش ببریم. به خاطر داشته باشید زمانی که در sass کدهای خود را مینویسیم، مرورگر ها نمی توانند این کدها را درک کنند و دلیل این عدم درک هم این است که کدهای نوشته شده به زبان css نیستند پس ما به یک کامپایلر نیاز داریم تا کد های نوشته شده در sass را به css تبدیل کنیم. که در این دوره درموردش قراره صحبت کنیم. مباحثی که در این دوره گفته میشود شامل : آشنایی با sass (ساس) معرفی و آشنایی با sass (ساس) کامپایل کد های sass متغیر (variables) در sass map در sass nesting در sass partials و import در sass تابع (function) در sass mixin در sass extend@ در sass حلقه (each@ و for@) در sass شرط (if@ و else@) در sass پروژه دوره معرفی پروژه و افزودن متغیرها و استایل های عمومی، فونت، آیکون و کامپایلر sass آشنایی با تایع رنگ HSL بخش navbar بخش home بخش درباره ما بخش پشتیبانی بخش خدمات ما بخش برنامه ها بخش مهارت ها بخش فوتر بخش scroll up بخش footer (فوتر) آپلود پروژه روی سرور (deploy)

سطح آموزش

مبتدی: برای کسانی که می خواهند تازه شروع به یادگیری کنند

متوسط: برای کسانی که آشنایی دارند و تا حدی بلدند

حرفه ای: برای کسانی که بلدند ولی می خواهند بیشتر یاد بگیرند