توضیحات

دوستان این دوره بازتولید شده (با کیفیت و محتوای بهتر) دوره قبلی (آموزش 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

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

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

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

  • سلام وقت بخیر وقتی صفحه اصلی سایت شما باز میشه متن ها و سرچ باکس به ارومی و دونه دونه به صفحه اضافه میشه.خواستم بدونم چطوری میشه اینو پیاده کرد؟و اینکه اسمش چی هست بتونم سرچ بزنم بیشتر یادبگیرم؟

    • سلام وقت بخیر.
      با animation در css از طرفی کتابخانه و پکیج هم برای کار با انیمیشن در css هست.

  • سلام دوباره آقای شیخ چجوری میشه فایل css رو بدون کامپایل کردن sass آپدیت کرد؟ داخل css تمپلیت اماده با sass آپدیت میکنم خیلی چیزا بهم میریزه مثل قبل از راست چین کردن میشه

    • سلام وقت بخیر.
      اگه دیگه از کامپایلر استفاده نمیکنید میتونید توی فایل css خروجی و نهایی تغییرات اعمال کنید.

    • سلام وقت بخیر.
      توی دوره گفته شده که چگونه میتوانید فایل های مختلف را داخل یک فایل import کنید که شما هم باید به همین شکل انجام بدید. کامپایلر sass فقط یک فایل میگیره

  • سلام جناب آقای شیخ.
    من چیزای زیادی از شما یاد گرفتم و لازم دونستم بابت دوره های فوق العاده تون تشکر و قدردانی کنم.
    به تمام کسانی که وارد این وبسایت میشن توصیه میکنم برای یادگیری هر تکنولوژی از وب با دوره های وب پروگ جلو برید.
    نحوه تدریس،‌ پروژه ها، نقشه ی راه و... همه و همه عالی.
    آموزش هاتون از دیگر سایت های آموزشی که قبلا دنبال میکردم کیفیت بالاتری دارن.

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

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

    • سلام وقت بخیر.
      ببینید sass یه ابزار هست که شما میتوانید ازش استفاده کنید. ممکنه شما از فریمورک css خاصی استفاده کنید و اصلا نیازی نباشه برای پروژ ها از sass استفاده کنید. اما بصورت کلی آشنایی باهاش خالی از لطف نیست.

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

  • سلام
    ضمن تشکر بابت دوره های خوبتون، سوال من اینه که در پروژه های بزرگ که ده ها یا حتی بیشتر از صد صفحه ممکنه داشته باشه، باز هم بهتره از یک فایل سی اس اس استفاده کنیم؟

    هر چند میشه برای بخش های مختلف پروژه فایل های سی اس اس مختلفی داشت، چرا از نظر حرفه ای خوبه که یک فایل سی اس اس داشته باشیم؟
    (به نظر می رسه، وقتی همه استایل های یک پروژه بزرگ را در یک فایل قرار بدیم، احتمالا سنگین میشه و دانلود سایت را کند می کنه. در صورتیکه بخش بزرگی از استال ها مربوط به صفحه اولیه، در زمان دانلود نیستند.)

    در مورد سَس هم سوال دارم که بعد از جواب دو سوال بالا می پرسم.

    سپاسگزارم

    • سلام وقت بخیر.
      ممنون از شما، بصورت کلی یک فایل css که بهینه شده باشه حجم کمی داره و مروگر یکبار دانلود میکنه
      توی پروژه های خیلی بزرگ اصلا بخش های مختلف جدا از هم دیگه هستند حالا میتونه طراحی متفاوتی داشته باشه یا نداشته باشه
      اما صفحه ای محصولات یک صفحه هست و فرضا هزار تا محصول، که سمت فرانت یک صفحه هست و در بک اند اطلاعات محصول جایگزین میشه

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

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

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

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

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

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

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

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

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