ما هي SASS؟ وكيف أتعلمها واتعامل معها؟
Jordan Programmers/ ملهم - كل تقنية أو لغة برمجية جديدة تتعلمها ضمن مجالك هي سلاح تستخدمه في هذه المعركة، وأقدم لك مدخل للحصول على سلاح جديد، على ما يبدو أنه قنبلة CSS الذرية.
ماهي Sass؟
SASS (Syntactically Awesome Style Sheets) هي عبارة عن محرك أو معالج CSS، يقوم فعلياً باضافة خواص برمجية إلى لغة الهيكلة CSS ومعروف عن لغات الهيكلة افتقارها للخواص البرمجية. باستخدامك ل SASS سيمكنك القيام بالعمليات البرمجية ضمن ملف CSS العادي، أو تقريباً ضمنه، تضيف SASS إلى أكوادك امكانيات هائلة كالمتغيرات والجمل الشرطية وأترك لك مهمة تخيل ما يمكنك تحقيقه وإنجازه بهذه الميزات أو حتى كمية الوقت الذي ستوفره باستخدامك ل SASS.
SASS ليست لغة برمجية، قد يبدو الأمر كذلك عند التعامل معها لكنها في الواقع هي عبارة عن محرك مبني بلغة Ruby، لا يتطلب سيرفر للعمل لكن تشغيله على جهازك سيحتاج منك بعض الأدوات سنقدمها لك خلال هذه المقالة، وقد يبدو الأمر صعباً للوهلة الأولى، لكن بعد امضائك وقت بسيط في التعامل مع SASS ستقع في حبها بشكل سريع وستجد أن التطور الذي تقدمه هذه التقنية إلى حياتك المهنية لا يوصف!
لنأخذ السرعة في التصميم على سبيل المثال، هل تعلم أن التصميم باستخدام SASS أسرع بنسبة 40% تقريباً من التصميم بأسلوب CSS التقليدي؟ يقدم Brad Hussy فيديو بسيط يقارن فيه الفرق بين التصميم بالطريقتين، سترى في نهاية الفيديو أن الصفحة نفسها يتم تصميمها ب 12 دقيقة باستخدام CSS أما SASS فيمكنك إنهائها ب 8 دقائق فقط! قد لا يبدو أمر ال 4 دقائق مهماً للغاية لكن لو قارنا بين الطريقتين بمشروع كامل ستجد أن SASS ستوفر لك ساعات من العمل يمكنك استغلالها بطرق أخرى.
لم علي استخدام SASS في مشاريعي؟
كما شاهدتم في الفيديو السابق، تتميز SASS بالسرعة والسهولة، وربما الأمر الأهم هو المرونة والتنظيم الذي ستجلبه معها لمشروعك، ما يميز SASS هو مميزاتها البرمجية العالية، لنأخذ مثالاً خاصية الأقسام، تمكنك هذه الخاصية الرائعة من تنظيم تصميمات مشروعك ضمن أقسام مميزة واستدعائها جميعها ضمن ملف SASS واحد ومن ثم تحويلها الى CSS، بهذه الطريقة لن تضطر للبحث ضمن صفحة هائلة تحتوي جميع أكوادك عن السطر الذي يجعل لون النصوص أخضر، فهنا لدينا ميزة السرعة وأيضاً ميزة التنظيم ،وكما ذكرنا في مقال سابق عن أهم الخطوات لتصبح مبرمج أفضل فان الرغبة في التطور هي حاجة إنسانية غريزية، SASS تعتبر المرحلة المتقدمة من CSS. لنوضح الأمر أكثر عبر ذكر الفوائد كنقاط منفصلة:
- السرعة في انجاز المهام
- التنظيم و سهولة التعديل
- المرحلة المتقدمة من CSS
إليك قائمة ببعض المصادر المساعدة في التعلم
