دوره مجازی پیش پردازنده Sass + ابزار Gulp

  • توضیحات
  • نظرات (0)

توضیحات


آموزش مجازی پیش پردازنده Sass + ابزار Gulp

در مورد مدرس

Course-Teacher

وحید صالحی مدرس و نویسنده ارشد سون لرن، فارغ التحصیل مهندسی نرم افزار با ۴ سال سابقه نویسندگی و فعالیت های آموزشی حرفه ای. دارای ۶ سال سابقه فعالیت در زمینه مباحث مبتنی بر وب (UI-Web Development) و گرافیک

توضیحات کوتاه دوره

امروز توسعه دهندگان و برنامه نویسان همواره به دنبال ابزار ها و راهکارهایی برای هر چه سریعتر کردن روند کدنویسی در کنار حفظ کیفیت و بهینه بودن آن هستند.این مهم در پروژه های بزرگ جایی که تیم های برنامه نویسی درگیر هزاران خط از کدهای یک سیستم هستند نمود دو چندان پیدا کرده و صرفه جویی هر چه بیشتر در زمان برای آنها از اهمیت بسیار بالایی برخوردار است. از این رو در تمام زمینه های برنامه نویسی چه سمت سرور و چه کلاینت روز به روز بر اینگونه ابزار ها افزوده می شود که تعدادی از آنها به دلیل توانایی ها ,قابلیت ها و امکاناتی که در اختیار توسعه دهندگان قرار می دهد از درجه محبوبیت بالایی برخوردار می گردند.
یکی از این ابزارها که در سال های اخیر نزد برنامه نویسان سمت کلاینت و یا به عبارتی طراحان وب به سرعت محبوب شده و برای آنها از اهمیت بالایی برخوردار شده است پیش پردازنده ای بنام SASS می باشد که امکانات بسیار زیادی را به زبان شیوه نامه ای CSS می افزاید و به توسعه دهنده این امکان را می دهد تا از این زبان همانند زبانهای سمت سرور استفاده نمایید و برای آن به تعریف متغییر ها، توابع، دستورات شرطی، انواع حلقه ها و سایر موارد بپردازد. مواردی که CSS به تنهایی و بدون استفاده از این ابزار قادر به پشتیبانی از آن نیست. از دیگر مزیت های استفاده از پیش پردازنده ای مانند SASS در کنار مواردی که ذکر شده افزایش سرعت کدنویسی CSS ، کاهش چشمگیر حجم کدها و مدیریت و توسعه آسان تر پروژه در آینده می باشد. پیش پردازنده SASS بواسطه داشتن انعطاف پذیری بالا در کنار توانایی ها و آزادی عمل های فراوانی که در اختیار توسعه دهندگان و طراحان رابط کاربری قرار می دهد بقدری محبوب شده که فریم ورک های بسیار قدرتمند و محبوب CSS همانند بوت استرپ و فاندیشن نیز در هسته خود از آن پشتیبانی کرده و آن را بر پایه SASS نیز طراحی کرده اند تا توسعه دهندگان بتوانند با خیال آسوده تحت پیش پردازنده SASS نیز از فریم ورک های ذکر شده استفاده کرده و به توسعه پروژه های خود بپردازند.
لذا تیم سون لرن با توجه به اهمیت این پیش پردازنده برای طراحان رابط کاربری و تهیه آموزشی جامع و کاربردی برای علاقه مندان به مباحث روز دنیای برنامه نویسی تحت وب تصمیم به برگزاری جامع ترین دوره در زمینه پیش پردازنده SASS گرفته است. امیدواریم که این دوره نیز مانند سایر دوره های جامع و کاربردی ســـون لــرن مورد توجه و استقبال شما عزیزان قرار بگیرد.

سرفصلهای دوره آموزش SASS

فصل اول معرفی پیش پردازنده SASS و مفاهیم اولیه

  • مفاهیم پیش پردازنده های CSS
  • بررسی دلایل و مزیت استفاده از پیش پردازنده های CSS
  • بررسی انواع ساختار نوشتاری در SASS
  • بررسی تفاوت ساختار SASS و SCSS
  • بررسی مزایا و معایب SASS  وSCSS   با یکدیگر
  • توضیح نحوه کدنویسی تحت CSS ,SASS و SCSS در قالب چند مثال کاربردی برای
  • مقایسه هر کدام بایکدیگر و دربهتر از دلایل استفاده از پیش پردازنده SASS
  • نصب نرم افزار های مورد نیاز

فصل دوم پیش نیازها

  • بررسی پیش نیازها قبل از استفاده از SASS
  • نصب RUBY
  • دانلود و نحوه نصب SASS توسط Package Manager gem و خط فرمان Command Prompt ویندوز
  • بررسی انواع روش های کامپایل فایل های SASS توسط ابزاهای پیشنهاد شده توسط وب سایت رسمی SASS
  • بررسی روش های بهینه تر بدون وابستگی به ابزارهای جانبی برای کامپایل فایل های SASS
  • کامپایل فایل های (Watch) SASS توسط نرم افزار PhpStorm
  • کامپایل فایل های SASS (Watch)   توسط Command Prompt  ویندوز

 

فصل سوم Gulp Task Runner

  • بررسی مفهوم Task Runner ها و دلایل استفاده از آنها
  • مروری بر Task Runner Gulp
  • بررسی فایل json
  • نحوه تعریف یک Task در Gulp
  • بررسی تعدادی از دستورات کاربردی Gulp
  • نحوه آدرس دهی فایل های مورد نظر پروژه برای اعمال تغییرات از جمله Update در Gulp
  • ایجاد Watch Task برای کامپایل فایل های SASS  توسط Gulp
  • ایجاد Browser Sync Task برای Refresh خودکار مرورگر برای نمایش تغییرات اعمال شده در پروژه توسط Gulp
  • پوشه بندی فایل های مورد نیاز

فصل چهارم  متغییر ها (Variables)

  • بررسی متغیرها در SASS
  • نحوه ایجاد متغییر ها در SASS
  • دلایل استفاده از متغیرها در SASS
  • نحوه کامنت گذاری در SASS
  • نحوه ایجاد متغییر های تو در تو

فصل پنجم  بخش بندی (Partials)

  • بررسی مبحث Partials
  • نحوه ایجاد فایل های خارجی
  • نحوه استفاده از جندین فایل خارجی در یک فایل
  • بررسی مبحث Import
  • آدرس دهیurl و Http
  • فصل ششم – تو در تو نویسی ( Nesting )
  • مفهوم Nesting ها در SASS و دلایل استفاده از آنها
  • نحوه تو در تو نویسی توسط Nesting

فصل هفتم ( Mixins )

  • مفهوم Mixin ها در SASS و دلایل استفاده از آنها
  • نحوه ارسال پارامتر به یک Mixin
  • نحوه ارسال محتوا به یک Mixin

فصل هشتم (Media Query)

  • مدیا کوئری ها و بررسی مبحث طراحی واکنشگرا در SASS
  • نحوه ایجاد و استفاده از Mixin ها در مدیا کوئری ها
  • نحوه ارسال پارامتر در مدیا کوئری ها
  • نحوه اجرای دستورات متفاوت در مدیا کوئری ها متفاوت برای ابعاد مختلف سند در مرورگرها
  • نحوه استفاده از مبحث Nesting در مدیا کوئری ها

فصل نهم- عملگرهای محاسباتی و توابع (Operators & Functions)

  • بررسی عملگرهای ریاضی برای انجام محاسبات بروی اندازه ها
  • بررسی نحوه عملکرد توابع رنگ ها
  • ایجاد و تعریف توابع دلخواه برای انجام عملیات محاسباتی

فصل دهم   – وراثت (Inheritance)

  • بررسی مبحث Extend و ارث بری در SASS
  • جلوگیری از خطا در کدها در صورت عدم ارث بری یک عنصر
  • Extend در برابر  Mixin ! کدامیک بهتر است؟

فصل یازدهم –   conditional statement ( دستوارت شرطی  )

  • بررسی دستوارت شرطی (if & else) , نحوه و زمان استفاده از آنها
  • کنترل رفتار سند و صفحات HTML توسط دستورات شرطی (مانند تغییر رنگ پس زمینه در حالات متفاوت)
  • مباحث تکمیلی در مورد Mixin ها و دستوارت شرطی

فصل دوازدهم  – حلقه ها و دستوارت تکرار

  • بررسی دستور For , نحوه و زمان استفاده از آنها
  • بررسی دستور Each , نحوه و زمان استفاده از آنها
  • بررسی دستور While , نحوه و زمان استفاده از آنها
  • نحوه کنترل و جلوگیری از کدنویسی تکراری و مشابه, مثل کلاس های شبکه بندی فریم ورک هایی مثل بوت استرپ,فاندیشن و … توسط حلقه ها در SASS
  • ایجاد یک سیستم شبکه بندی (Grid System) همانند فریم ورک بوت استرپ

فصل سیزدهم  – پروژه

  • پروژه جامع (Sass در عمل) :
    • طراحی یک قالب کاربردی و استفاده واقعی از  پیش پردازنده SASS

شناسه اثر: محصول دانلودی از سایت دارای نماد اعتماد

79,000 تومان


کتابهای صوتی موفقیت

دیدگاهها

هیچ دیدگاهی برای این محصول نوشته نشده است.


اولین نفری باشید که دیدگاهی را ارسال می کنید برای “دوره مجازی پیش پردازنده Sass + ابزار Gulp”

شما شاید این را هم دوست داشته باشید

خبرنامه: هیچ آموزشی را از دست ندهید
با عضویت در خبرنامه‌ی آموزشهای جدید، به محض انتشار محتوای جدید، از طریق ایمیل باخبر شوید و به این ترتیب هیچ مقاله یا آموزشی را از دست ندهید.
PGlmcmFtZSBhbGxvdz0nYXV0b3BsYXknIGlkPSdpZnJhbWVfMTA3NjMxMzg0OCcgc3JjPSJodHRwczovL2FmZnN0YXQuYWRyby5jby9pbXAvTlZCb1JYbHJUMUJDTVhsRllXUXhVekppTm5CbFFUMDk/c2I9dHJ1ZSZtYj1mYWxzZSIgZnJhbWVib3JkZXIgPScwJyBzY3JvbGxpbmc9J3llcycgc3R5bGU9J3dpZHRoOjEwMCUgIWltcG9ydGFudDtoZWlnaHQ6MTAwJSAhaW1wb3J0YW50Oycgb25sb2FkPSIod2luZG93W3dpbmRvdy5hZGRFdmVudExpc3RlbmVyID8gJ2FkZEV2ZW50TGlzdGVuZXInIDogJ2F0dGFjaEV2ZW50J10pKCgod2luZG93LmFkZEV2ZW50TGlzdGVuZXIgPyAnYWRkRXZlbnRMaXN0ZW5lcicgOiAnYXR0YWNoRXZlbnQnKSA9PSAnYXR0YWNoRXZlbnQnID8gJ29ubWVzc2FnZScgOiAnbWVzc2FnZScpLCBmdW5jdGlvbihlKSB7IHZhciB4ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2lmcmFtZV8xMDc2MzEzODQ4Jyk7IHguc3R5bGUuaGVpZ2h0ID0gZS5kYXRhICsgJ3B4JzsgY29uc29sZS5sb2coJ2xvYWQgaWZhcm1lID0gJyArIGUuZGF0YSk7IH0sIGZhbHNlKTsgIj48L2lmcmFtZT4=