FaraDars: آموزش پروژه محور Sass – طراحی سایت شخصی با ساس، پیش پردازنده CSS - (برای مشاهده نسخه کامل آموزش به لینک زیر مراجعه کنید)
[ Ссылка ]
0:00:00 درس یکم: معرفی و بررسی پروژه عملی
0:06:36 درس دوم: ایجاد ساختار پروژه و نصب Sass
0:12:29 درس سوم: آماده کردن Mixinها
0:20:56 درس چهارم: افزودن آیکون‌ها به پروژه
0:25:01 درس پنجم: کدها و استایل‌های اولیه Sass – متغیرها و موارد دیگر
پیش‌پردازنده‌های CSS ابزارهایی بسیار کارآمد در طراحی وب به شمار می‌روند و باعث افزایش سرعت و کیفیت در توسعه و طراحی صفحات وب می‌شوند. محبوب‌ترین و رایج‌ترین پیش‌پردازندهCSS ، پیش‌پردازنده Sass (Syntactically Awesome Style Sheets) است. Sass در واقع یک زبان اسکریپتی است که کدهای شما را به زبان CSS ترجمه می‌کند. اگر با CSS آشنا باشید، یادگیری و کار با این ابزار، بسیار راحت است و در عین حال، امکانات فراوانی دارد و استفاده از آن در پروژه‌های بزرگ بسیار ضروری است؛ چرا که فرایند مدیریت و توسعه پروژه، آسان‌تر می‌شود.
برخی از امکانات و نقاط قوت Sass عبارت است از امکان استفاده از حلقه‌ها، شرط‌ها، توابع و متغیرها، استایل‌نویسی تو در تو و داشتن ساختاری طبقه‌بندی‌شده، استفاده از Mixinها و پرهیز از کدهای تکراری، توابع کار با رنگ‌ها و... در این آموزش، با استفاده از امکانات پیش‌پردازنده Sass در کنار HTML و JavaScript، قالب یک وب‌سایت شخصی را به صورت ریسپانسیو طراحی می‌کنیم تا به صورت عملی با کاربردهای این ابزار قدرتمند آشنا شوید. پس از این فرادرس شما می‌توانید به کمک Sass قالب‌های مورد نظر خود را در مدت‌زمان کمتری طراحی کنید.
مدیریت زمان در پروژه‌های نرم‌افزاری، همواره از دغدغه‌های اساسی طراحان و برنامه‌نویسان بوده است. در سالیان اخیر، فریمورک‌ها، کتابخانه‌ها و پیش‌پردازنده‌های متعددی برای زبان‌های مختلف ایجاد شده‌اند تا ایده‌های برنامه‌نویسی، سریع‌تر و با کیفیتی بهتر پیاده‌سازی شوند. پیش‌پردازنده Sass، ابزاری قدرتمند برای توسعه راحت‌تر و سریع‌تر استایل‌های CSS در طراحی سایت محسوب می‌شود. در این فرادرس، مهم‌ترین امکانات پیش‌پردازنده Sass را بررسی کرده و به کمک آن‌ها، یک وب‌سایت شخصی را 0 تا 100 به صورت کاملا ریسپانسیو طراحی خواهیم کرد.
آموزش پروژه محور Sass – طراحی سایت شخصی با ساس، پیش پردازنده CSS - (برای مشاهده نسخه کامل آموزش به لینک زیر مراجعه کنید)
[ Ссылка ]
