توضیحات

دوستان این دوره بازتولید شده (با کیفیت و محتوای بهتر) دوره قبلی (آموزش Sass پروژه محور) در سایت هست که میتوانید از این دوره استفاده کنید.

sass (ساس) مخفف کلمات Syntactically Awesome Stylesheets است. sass را می توان به عنوان یک پیش پردازنده برای css در نظر گرفت که کار با استایل ها را برای ما بسیار ساده می کند. به خصوص زمانی که فایل های css شما بسیار بزرگ و پیچیده باشند. sass مدیریت و نگهداری استایل های css را ساده‌تر می‌کند. به لطف وجود متغیرها، mixins ها، nesting ها و ... در این پیش پردازنده، کد های نوشته شده کاملاً سازماندهی می شود. این کار باعث می شود کار خود را سریعتر پیش ببریم. به خاطر داشته باشید زمانی که در sass کدهای خود را مینویسیم، مرورگر ها نمی توانند این کدها را درک کنند و دلیل این عدم درک هم این است که کدهای نوشته شده به زبان css نیستند پس ما به یک کامپایلر نیاز داریم تا کد های نوشته شده در sass را به css تبدیل کنیم. که در این دوره درموردش قراره صحبت کنیم.

حتما ویدیو معرفی دوره را در پایین مشاهده کنید تا با دوره و پروژه ای انتهای دوره آشنا شوید.

مباحثی که در این دوره گفته میشود شامل :
آشنایی با sass (ساس)

  • معرفی و آشنایی با sass (ساس)
  • کامپایل کد های sass
  • متغیر (variables) در sass
  • map در sass
  • nesting در sass
  • partials و import در sass
  • تابع (function) در sass
  • mixin در sass
  • extend@ در sass
  • حلقه (each@ و for@) در sass
  • شرط (if@ و else@) در sass

پروژه دوره

  • معرفی پروژه و افزودن متغیرها و استایل های عمومی، فونت، آیکون و کامپایلر sass
  • آشنایی با تایع رنگ HSL
  • بخش navbar
  • بخش home
  • بخش درباره ما
  • بخش پشتیبانی
  • بخش خدمات ما
  • بخش برنامه ها
  • بخش مهارت ها
  • بخش فوتر
  • بخش scroll up
  • بخش footer (فوتر)
  • آپلود پروژه روی سرور (deploy)

پیش نیاز های این دوره فوق العاده کاربردی:

دوره های پیشنهادی، بعد از گذراندن این دوره :


HTML CSS طراحی وب طراحی واکنشگرا FlexBox grid layout Sass sass ساس

مدرس دوره علی شیخ
مدت دوره 04:46:01
تعداد ویدیو 30

وضعیت دوره : کامل شده
قیمت دوره : رایگان

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • سلام و خسته نباشید استاد.
    من یه سوالی که برام پیش آمده این هستش که
    Less
    هم میشه استفاده کرد به جایی ساس چون به نظرم سینتکس راحت تری داشت

    • سلام وقت بخیر.
      بله از less هم میشه استفاده کرد.
      چون توی فریمورک های مثله بوت استرپ استفاده میشه و کمی محبوب تر هست ما هم دوره اش را قرار دادیم.

  • نمیدونم ساس همینقدر راحت بود یا چون استاد شیخ مدرسش بودن اینقدر راحت یاد گرفتم ولی درهر صورت خوشحالم این دوره را نگاه کردم
    یکم ترس داشتم از اینکه یه چالش سخت باشه و ذهنمو بهم بریزه

    • سلام وقت بخیر.
      ممنون از شما و حمایتتون
      خداروشکر دوره براتون مفید بوده

  • سلام استاد جان وقت بخیر من یه نگاه انداختم دیدم توی قسمت چارت آموزشی دوره قبلی Sass رو گذاشتید گفتم شاید لازم باشه تغییرش بدید 3>

  • استاد ی سوال دیگه ایا پرارپتی gap در همه مرورگرها ساپورت میشه؟؟؟ میتونیم به راحتی ازش استفاده کنیم فعلا ؟؟؟

    • سلام وقت بخیر.
      بله همچنین میتونید از browser prefix هم استفاده کنید.

  • واقعا دمت گرم رفیق استاد ی سوال وقتی ی پروژه تموم شد و مثلا کاربر تونست خرید انجام بده لاگین کنه و... بعد چند ماه خواستیم از لحاظ استایل سایت بخش هدر سایت یا منو های سایت رو تغیر بدیم همه ذخیره شده ها در سایت هم حذف میشن ؟؟

    • سلام وقت بخیر.
      ممنون از شما، خیر. دیتاها توی دیتابیس ذخیره میشه و بک اند بهش دسترسی داره
      شما در حال حاضر در حال یادگیری فرانت اند هستید جلوتر که بیاید طبق بخش چارت آموزشی با موارد دیگه هم آشنا میشید.