آموزش SASS از مبتدی تا متخصص

سرفصل ها و درس ها

مقدمه Introduction

• SASS چیست؟ بعد از این دوره چه خواهید دانست؟ What is SASS? What you will know after this course?

• SASS در مقابل LESS SASS vs LESS

نصب و راه اندازی Installation

• ویرایشگر ایده آل برای کار با SASS Ideal editor for working with SASS

• نصب و پیکربندی SASS Installation and configuration of SASS

• تدوین دستی SASS Manually compilation of SASS

• راه حل برای مشکلات SSL هنگام نصب SASS Solution for problems with SSL when installing SASS

مدیریت کد Code Managament

• نقشه های منبع چیست و چرا بسیار جالب هستند؟ What are source maps and why they are so cool?

• چگونه فایل های CSS خود را در حالت فشرده سازی انجام دهیم How to compress your CSS files on fly?

• چگونه کد خود را مدیریت کنیم تا تمیزتر باشد؟ How to manage your code to be cleaner?

نحو Syntax

• متغیرها چیست و چگونه می توان به درستی آنها را نام برد؟ What are variables and how to properly name them?

• چگونه می توان منوی کشویی را با استفاده از سبک های تو در تو ایجاد کرد؟ How to make drop-down menu using nested-styles?

• mixins چیست و چگونه می توان پیشوند فروشنده را حل کرد؟ What are mixins and how to solve problem with vendor prefixes?

• @توسعه دادن، گسترش @Extend

• متغیرهایی چیست و چه زمانی باید از آنها استفاده کرد؟ What are placeholders and when to use them?

• توابع و توابع داخلی ما Our own functions and built-in functions

• بیانیه های مشروط در مثال عملی با استفاده از تابع Conditional Statements on practical example using function

• خلاصه مسابقه Summary quiz

نمونه های زندگی واقعی Real life examples

• چرا ریاضی در Sass خیلی سرد است؟ Why Math in Sass is so cool?

• طراحی وب پاسخگو حرفه ای با SASS Professional Responsive Web Design with SASS

• نحوه استفاده از مقدار متغیر به عنوان متن برای انتخابگر (درون یابی) How to use variable value as a text for selector (Interpolation)

• تولید انتخابگرهای جعبه های کوچک با مخلوط کردن و درون یابی Generating small boxes selectors with mixins and interpolation

پیشرفته Advanced

• حلقه @ برای Loop @for

• لیست ها Lists

خلاصه Summary

• بعدی چیست؟ What's next?