آموزش حرفه ای Sass از مبتدی تا پیشرفته

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

ما سعی کردیم در این دوره آموزشی زیر و بم sass رو براتون بگیم .پس با ما همراه باشین تا با این دوره دوست داشتنی بیشتر آشنا بشین !!!

تا حالا شده با خودتون فکر کنین که چی میشد اگر می تونستیم داخل کد های CSS از برنامه نویسی استفاده ، یا این که بتونم متغیر تعریف کنیم . خب پیش پردازنده قدرتمند sass تونسته این مشکل رو حل کنه . ما با استفاده از پیش پردازنده sass می تونیم انعطاف بسیار زیادی رو به css بدیم . البته پیش پردازنده های دیگه ای هم مثل less هستن ولی به نظر ما هیچ کدوم به پای sass نمیرسن .

یه گریز کوچیک میزنیم به تفاوت بین sass و less و یه مقایسه بینشون انجام میدیم تا متوجه بشین چرا ما Sass رو به جای less برگزیدیم !!!

تفاوت sass و less :

• Sass سینتکس زبان بهتری داره . تواناییهای زبان برنامه نویسی در Sass بسیار زیاد هست .
• Sass ویژگی های بیشتری نسبت به less داره .
• Sass فریم ورکی به نام Compass داره ( البته فریم ورک های دیگه هم زیاد داره ) که یک دلیل بزرگ برای استفاده از اون هست .
• سایتهای بزرگی از قبیل LinkedIn.com و Hubblesite.org وابسته به compass هستن .

تو یک جمله اگر بخوایم بگیم Sass یک درجه از less بالاتر هست .

در ابتدا مفهوم Sass رو براتون توضیح و بعدش مختصر توضیحی در مورد امکانات و فریم ورک های اون میدیم . همچنین در این دوره نصب Sass و compass رو آموزش میدیم .

معرفی sass :

اگر به زبون ساده بخوایم بگیم یه extension هست که برای css نوشته شده تا قدرت و ظرافت و ریزه کاری CSS رو بیشتر کنه . در Sass میشه از متغیر ها ، نقش های تو در تو ، mixins ، inline imports و موارد دیگه ای که همگی کاملا با CSS سازگار هستن ، استفاده کرد .

اگر دوره آموزش html و css رو کامل گذرونده باشین ، متوجه میشین که sass برای یک سایت معمولی کاربرد زیادی نداره و عملا بلا استفاده هست . ولی اگر یک پروژه بزرگ داشته باشیم sass اونجا خودش رو نشون میده . مثلا یه سایت خبری که 40 صفحه با طراحی های متفاوت داشته باشه ، کدهای تکراری زیادی داره و از رنگ های تکراری زیادی داخلش استفاده میشه که نوشتن این کدها با css زمان بر و طولانی میشه . ولی با Sass به شدت میزان کد نویسیمیون کم میشه ، و سرعتمون بالا میره . بعد از دیدن دوره ، کاملا متوجه منظورمون میشین .

دو تا syntax برای sass موجود هست که یکی قدیمی تر و به نام sass  و یکی دیگه جدید هست و به نام SCSS ( Sassy CSS ) شناخته میشه . سینتکسی که ما استفاده میکنیم scss هست .

فریم ورکهای زیادی برای sass ساخته شدن که معروفترین هاشون  Compass, Bourbon, Susy هستن . به خاطر مشخصات و امکانات خوبی که فریم ورک compass داره ، ازاون طی همین دوره آموزشی استفاده می کنیم .

فکر میکنیم به اندازه ای که یه معرفی کوتاه از Sass کرده باشیم خدمتتون گفتیم . اگر در طراحی سایت با html و css حرفه ای شدین و میخواین پروژه های بزرگ انجام بدین ، پیشنهاد میکنیم حتما حتما دوره آموزش sass رو ببینین تا چند درجه در کد نویسی css پیشرفت کنین.