آموزش CSS به Sass – تبدیل یک سایت موجود

دوره آموزش CSS به Sass – تبدیل یک سایت موجود
Lynda – CSS to Sass – Converting an Existing Site
به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل

SASS نسل بعدی CSS است. بسیاری از توسعه دهندگان در حال حاضر از این فناوری TimeSave برای سبک کردن پروژه های جدید وب خود استفاده می کنند. اما در مورد سایت های موجود چیست؟ با تبدیل نحوه تألیف CSS – با استفاده از SASS به جای CSS ساده – می توانید مزایای SASS را در وب سایت های قدیمی درک کنید.
تبدیل یک سایت موجود همچنین یک روش عالی برای یادگیری SASS و درک نحوه تهیه SASS در CSS است.

در این دوره آموزش CSS به Sass – تبدیل یک سایت موجود، دانش آموزان مزایای Libsass را نسبت به اصلی Ruby Sass یاد می گیرند و یک محیط توسعه دوستانه SASS را با Node.js و Grunt تنظیم می کنند.
یک جنبه منحصر به فرد از این دوره ، یادگیری چگونگی رسیدگی به چالش های خاص برای ادغام SASS با یک وب سایت موجود ، مانند گردش کار جدید اشکال زدایی و متغیرها و مخلوط کردن ارزش تلاش برای تعریف است.
نویسنده جان رییویلو همچنین چند ابزار SASS را معرفی می کند که سرعت کار در رسانه ها ، پیشوند مرورگر اتوماتیک و تولید اسپری را سرعت می بخشد. در پایان دوره ، او نشان می دهد که چگونه کار تنظیمات شما پرداخت می شود و یک بخش کاملاً جدید از سایت تمرین را فقط در 15 دقیقه طراحی می کند.

فهرست سرفصل های دوره : آموزش Lynda – CSS to Sass – Converting an Existing Site
دوره آموزش CSS به Sass – تبدیل یک سایت موجود

• مقدمه
  خوش آمدی
  آنچه شما باید بدانید
  با استفاده از فایل های تمرین
  با استفاده از چالش ها
  
• 1. شروع به کار
  محیط خود را تنظیم کنید
  بین Ruby Sass یا libSass تصمیم بگیرید
  Node.js را نصب یا ارتقا دهید
  Grunt-Sass را نصب کنید
  Grunt-Sass را پیکربندی کنید
  با Grunt Watch سرعت توسعه را افزایش دهید
  CSS را به SCSS تبدیل کنید
  اشکال زدایی CSS ایجاد شده
  
• 2. ایجاد متغیرهای اصلی و ترکیبی
  ایجاد متغیرهای رنگی
  از متغیرهای رنگی استفاده کنید
  انتزاع واحدهای چیدمان به متغیرها
  انتزاع مقادیر فونت به متغیرها
  انتزاع مقادیر z-index به متغیرها
  csscs را نصب کنید
  ترکیباتی که ارزش خلق کردن دارند
  میکس های پیشرفته ایجاد کنید
  میکسین پیشرفته ما را اعمال کنید
  نقاط شکست درخواست رسانه را با include-media مدیریت کنید
  
• 3. ابزار مفید Sass
  از کتابخانه mixin استفاده کنید
  پیشوندهای مرورگر را با Autoprefixer مدیریت کنید
  اکستنشن های Node-sass را با Eyeglass مدیریت کنید
  پیکربندی عینک اسپریت برای اسپرایت های تصویر
  با استفاده از عینک اسپریت تصاویر را ایجاد کنید
  CSS eyeglass-spriting را در وب سایت ما ادغام کنید
  
• 4. استفاده از آنچه آموخته ایم
  چالش: با عینک و شامل مدیا اسپریت های با DPI بالا ایجاد کنید
  راه حل: با عینک و شامل مدیا اسپریت های با DPI بالا ایجاد کنید
  چالش: با متغیرها، میکس‌ها و ابزارهای اسپرایت، سبک‌های جدیدی اضافه کنید
  راه‌حل: با متغیرها، میکس‌ها و ابزارهای اسپرایت، سبک‌های جدیدی اضافه کنید
  
• رفتن به جلو
  مراحل بعدی

دوره آموزش CSS به Sass – تبدیل یک سایت موجود، Lynda – CSS to Sass – Converting an Existing Site، به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل ارائه شده است!