توضیحات

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

اگر به تازگی وارد دنیای طراحی وب شده‌اید مطمئنا نام Sass یا پیش‌پردازنده‌ها را شنیده‌اید. اگر مطمئن نیستید که Sass چیست و نمی‌دانید که باید از آن استفاده کنید یا خیر، ما امروز قصد داریم به شما کمک کنیم.

SASS مخفف Syntactically Awesome Style Sheets و یک زبان پیش‌پردازنده برای تولید کد Css است. این زبان به هیچ عنوان جایگزین Css محسوب نمی‌شود و می‌توان آن را روشی برای توسعه و مدیریت کدهای Cssدانست.

SASS امکان استفاده از متغیرها (Variables)، دستورات تودرتو (Nesting)، وارد کردن قطعه کدها (Partial Imports)، گروه‌بندی کدها (Mixins)و وراثت (Inheritance)  را در کدهای Css را فراهم می‌کند. کدهای SASS در نهایت کامپایل و به Css تبدیل می‌شوند.

برای بهتر فهمیدن Sass حتما ویدو معرفی در پایین همین قسمت را مشاهده کنید

پیش نیاز دوره :

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


CSS طراحی وب Sass طراحی سایت

مدرس دوره علی شیخ
مدت دوره 02:28:26
تعداد ویدیو 11

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

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

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

  • سلام استاد من جدیدا تو کامپایلر sass به یک مشکل خوردم
    مثلا چند بار ذخیره کنم تغییرات درست سیو میشه ولی 90 درصد اوقات بعدش اینطوری میشه :

    `{
    "status": 3,
    "message": "File to read not found or unreadable: F:/HTML/home/scss/main.scss",
    "formatted": "Internal Error: File to read not found or unreadable: F:/HTML/home/scss/main.scss\n"
    }`

    چیکار کنم واقعا موندم

    • سلام وقت بخیر.
      این مورد پیش میاد،cmd را ببنید و بصورت administrator باز کنید،همچنین زمانی که کد رو زدید save کنید که کامپایل شروع بشه و تند تند save نکنید

  • سلام استاد دلیل ظهور این ارور چیه؟
    npm : The term 'npm' is not recognized as the name of a cmdlet, function, script file, or
    operable program. Check the spelling of the name, or if a path was included, verify that
    the path is correct and try again.
    At line:1 char:1
    + npm install node-sass
    + ~~~
    + CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException

    • سلام وقت بخیر.
      چک کنید که node.js را به درستی نصب کردید و node و npm روی سیستمون نصب هست یا خیر
      ارور که میگه سیستم دستور npm را نمیشناسه، و این دلیلش میتونه عدم نصب npm باشه

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

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

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

  • سلام. سپاس بابت دوره خوب و کاربردیتون. سوالم اینه که تا جایی که میدونم less و sass فرق چندانی ندارن، ایا نیاز هست less رپ یاد بگیرم یا همین sass کافیه؟

    • سلام وقت بخیر.
      ممنون از شما❤
      بله درست میفرمائید زیاد تفاوتی نداره.از کدومش استفاده کنید بستگی به خودتون داره؟!؟!
      یه زمانی شما خودتون صفر تا صد، کد css رو میزنید و میتونید تصمیم بگیرید که از کدومش استفاده کنید.اما ممکن هست شما از یک فریمورک خاص مثله بوت استرپ استفاده کنید و اون فریمورک از sass استفاده میکنه، پس شما sass بلد باشید خیلی ساده تر میتونید شخصی سازی کنید

  • سلام وقتتون بخیر. من برای اجرای پروژه دوباره پکیج هارو ایجاد کردم اما وقتی میخوام npm رو run کنم ارور کش میده و میگه موجود هست. نمیدونم دلیلش چیه.
    قبلا با پارت یک ویدیو اموزشی یکی درست کرده بودم. بخاطر اون هست یا دلیل دییگه ای داره؟

    • الان دقیقا یادم نیست اما میگفت یکی مشابه این فایل داخل کش وجود داره و ادرسشم میداد که مرتبط میشد به فایل های داخل پوشه ویندوز.
      من اون پروژه قبلی رو کلا پاک کردم و وقتی دوباره run کردم اوکی شد.??

    • سلام وقت بخیر
      شما میتونید یک فایل sass ایجاد کنید و داخلش از font-face@(مربوط به CSS) استفاده کنید، به هر تعداد که دوست دارید با font-face@ فونت اضافه کنید و این فایل sass را هر کجا دوست داشتید import کنید.

  • درود بر شما و سپاس از آموزش های مفید و کاربردی تون


    یک مسئله برای من پیش اومده در مورد اجرای sass بوسیله node

    طبق آموزش - بعد از این که npm run sass رو می زنم و قائدتاٌ node میره روی حالت watch - دقیقا بعد از اون ، تغییراتی که توی فایل scss می دم حدود 70 درصدش compile نمیشه و برای compile شدنش باید یک تغییر جزئی در حد اضافه کردن یک لاین خالی به سند scss یا چیزی مشابه این انجام بشه - اما بعد از conpile شدن برای تغییر بعدی دوباره این مسئله بوجود میاد -

    editor : VS-Code
    node version : 12.16.1

    • سلام وقت بخیر ممنون.ببیند شما بعد از save کردن کدهاتون compile میشه.و منتظر میمونه شما یه تغییر بدین و دوباره save کنید تا دوباره compile شروع کنه