دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۶
  • اردیبهشت

جلسه ۰۷ : آموزش کار با SassScript ها در Sass

  • دسته‌بندی‌ها :
جلسه ۰۷ : آموزش کار با SassScript ها در Sass
    • جزئیات
    • نوع محتواآموزشی

      مقدمه

      با سلام خدمت کاربران گرامی سایت پی وی لرن و کاربران و علاقمندان به دوره آموزش Sass. در جلسه گذشته علاقمندان این دوره را با کامنت ها و کاربردهای آن در Sass آشنا کردیم؛ بر طبق مطالب جلسه گذشته آموختیم که کامنت ها عبارت های غیر قابل اجرایی هستند که در کد منبع قرار می گیرند. کامنت ها کد منبع را آسان تر درک می کنند. SASS از دو کامنت پشتیبانی می کند : کامنت های چند خطی : این کامنت ها با */ و /* نوشته می شوند. کامنت های چند خطی در خروجی CSS حفظ می شوند. کامنت های تک خطی: این کامنت ها با استفاده از // نوشته شده و بعد از آن ها قرار می گیرند. کامنت های تک خطی در خروجی CSS حفظ نمی شوند. در این جلسه که هفتمین جلسه از این دوره آموزشی است؛ آموزش کار با SassScript ها در Sass را ارائه می نماییم.

      آموزش کار با SassScript ها در Sass

      Sass از یک مجموعه کوچک از اکستنشن ها با عنوان SassScript استفاده می نماید.
      SassScript ها می توانند در اسناد SASS بیایند تا متغیرهای مقادیر property را محاسبه کنند و از ویژگی های متغیرها، محاسبات و سایر توابع استفاده کند.
      SassScript ها را می توان با استفاده از سنجشگر ها و نام property ها در هنگام استفاده از mixins ها (Mixins اجازه استفاده مجدد از استایل های CSS را در stylesheet ها می دهند) مورد استفاده قرار داد.

      جدول زیر لیست برخی از اکستنشن های CSS مورد استفاده در SASS را فهرست کرده است.

      شماره اکستنشن اکستنشن های CSS و توضیحات آن
      ۱   Interactive Shell
      این اکستنشن عبارت SassScript را با استفاده از خط فرمان ارزیابی می کند.
      ۲   Variables
      این اکستنشن نشان دهنده داده هایی مانند مقادیر عددی، کاراکترها یا آدرس های حافظه است.
      ۳   DataTypes
      این اکستنشن نوع داده ها را برای هر شیء داده اعلام می کند.
      ۴   Operations
      این اکستنشن عملیات هایی مانند تعداد، رنگ، رشته، boolean و عملیات های لیست را فراهم می کند.
      ۵   Parentheses
      این اکستنشن یک جفت از علامت هایی است که معمولا توسط براکت های دور () یا براکت های مربع []
      مشخص می شوند.
      ۶   Functions
      این اکستنشن ها از استفاده از توابع با استفاده از keyword arguments پشتیبانی می کنند.
      ۷   Interpolation
      این اکستنشن با استفاده از سینتکس { }# از استفاده از متغیر های SassScript  و نام های property،
      پشتیبانی می کند
      ۸    in SassScript  &
      ای این اکستنشن به properties های تو در تو در سایر properties ها اجازه می دهد که یک گروه بندی
      از کد های مرتبط را ایجاد نمایند.
      ۹   Variable Defaults
        ای این اکستنشن به properties های تو در تو در سایر properties ها اجازه می دهد که یک گروه بندی
      از کد های مرتبط را ایجاد نمایند.

      کلام آخر

      در این جلسه با آموزش کار با SassScript ها در Sass همراه شما بودیم.
      در جلسه بعدی به آموزش قواعد و دستورهای Sass خواهیم پرداخت.
      با پی وی لرن همراه باشید.

      Fatal error: Uncaught Error: Call to a member function get_regular_price() on boolean in /home/pvlearni/domains/pvlearn.com/public_html/wp-content/themes/pvlearn/functions.php:392 Stack trace: #0 /home/pvlearni/domains/pvlearn.com/public_html/wp-content/themes/pvlearn/single-product.php(940): onSale() #1 /home/pvlearni/domains/pvlearn.com/public_html/wp-includes/template-loader.php(74): include('/home/pvlearni/...') #2 /home/pvlearni/domains/pvlearn.com/public_html/wp-blog-header.php(19): require_once('/home/pvlearni/...') #3 /home/pvlearni/domains/pvlearn.com/public_html/index.php(17): require('/home/pvlearni/...') #4 {main} thrown in /home/pvlearni/domains/pvlearn.com/public_html/wp-content/themes/pvlearn/functions.php on line 392