ممكن شرح بعض المصطلحات في لغة CSS ؟

السلام عليكم

شباب خلال قرائتي لعدة مواضيع في الموقع حول css وجدت الكثير من المصطلحات الجديدة التي لا أعرفها و صراحة شعرت بالارتباك لجهلي لها لأنني اعتقد أنني قد أصبحت ملما بأهم ما في css و أطلب منكم رجاء تعريف بسيط للمصطلحات التالية:

Preprocessors

Sass و Less

Compass و Bourbon

ايضا هل لهم علاقة بالBootstrap ؟

أعلم انني أكثرت لكن ارجوا أن اجد اجابات واضحة لأن المحتوى العربي ليس به شروحات لهاته المصطلحات.


preprocessor هو معالج لـ CSS يحتوي على خواص إضافية (مثل متغيرات، منطق، دوال إضافية) وتكتب أنت به CSS بشكل عادي إلى جانب استغلال المميزات، ثم يقوم المترجم بتحويل ما كتبته أنت إلى كود CSS عادي.

Less و Sass هم preprocessors مختلفان، كل واحد يملك بعض المميزات على الآخر

Compass و Bourbon هم مكتبات لـ Sass يملكون دوال جاهزة وأمور تسهل عليك العمل بSass

bootstrap تقوم بكتابة css الخاص بها عبر Less لتسهيل التطوير والتخصيص، ولكن ما تنشره هو النسخة المحولة منه فحسب، لا تحتاج لأن تعلم أيّ مما سبق حتى تستخدم bootstrap

شكرا جزيلا أخي

دائما ما تجيب على أسئلتي

أعتقد انني سأتعلم البوتسراب الآن فهو كما يبدو سهل و هام للغاية