ما هي SASS وكيف أتعلمها واتعامل معها
لغة SASS هي عبارة عن إمتداد للغة CSS تضيف عليها مميزات برمجية توفر عليك الكثير من الوقت وتقوم بتنظيم وترتيب مشروعك بشكل
جميل مع بنية سليمة وتجعل إحتمالات الخطأ ضئيلة جدا خصوصا في المشاريع الكبيرة . وفي مجال Front-End فلا غنى عنها إذا أردت
الإحتراف عليك بتعلمها .
SASS هيه اختصار (Syntactically Awesome Style Sheets) هي عبارة عن محرك أو معالج CSS،
يقوم فعلياً باضافة خواص برمجية باستخدامك SASS سيمكنك القيام بالعمليات البرمجية ضمن ملف CSS العادي
مثال (Functions – Loop– If Condition) هي ليست لغة برمجية، ممكن تبان كدة عند التعامل معها لكنها في الواقع هي عبارة
عن محرك مبني بلغة Ruby، لا يتطلب سيرفر للعمل لكن تشغيله على جهازك سيحتاج منك بعض الأدوات
لم علي استخدام SASS ؟
تتميز SASS بالسرعة والسهولة ولأمر الأهم هو المرونة والتنظيم الذي ستجلبه معها لمشروعك ما يميز SASS هو مميزاتها البرمجية العالية،
مثالاً خاصية الأقسام، تمكنك هذه الخاصية من تنظيم تصميمات مشروعك ضمن أقسام واستدعائها جميعها ضمن ملف SASS واحد ومن ثم
تحويلها الى CSS، بهذه الطريقة لن تضطر للبحث ضمن صفحة هائلة تحتوي جميع أكوادك عن السطر الذي يجعل لون النصوص أزرق لو
كنت تعمل على مشروع موقع شخصي مثلا لن تلاحظ مدى اهميتها لكن سوف تكتشف هذا عند العمل على مشروع كبير ويحتوي العديد من
الصفحات والتفاصيل
مميزات SASS
كود Sass أكثر تنظيماً مقارنة بـ CSS في حين أن CSS و Sass يتمتعان نظريًا بالقدرات نفسها ، يمكن لـ Sass القيام بنفس المهمة باستخدام
كود أقل. هذا يجعل كود Sass أسهل في القراءة والفهم ، خاصة في مشاريع الويب الكبيرة التي تتضمن فريق من المطورين
Sass بيئة مستقرة. منذ إطلاقها في عام 2006 ، تم دعم Sass من قبل مطوريها الأساسيين بالإضافة إلى شركات التكنولوجيا الكبيرة
نتيجة لذلك ، يمكن اعتبار Sass لغة ناضجة ومحدثة. وعند استخدامها في مشاريعك تجعل إحتمالات الخطأ ضئيلة جدا
من يجب عليه تعلم SASS
مصادر التعلم والأدوات
دورة تعلم أساسيات لغة SASS من أكاديمة الزيرو
تعلم هنا أساسيات اللغة وكل ما يخصها والفائدة من إستخدام كل شيء فيها مع الكثير من التجارب والأفكار والأسرار.
تصميم موقع بواسطة SASS
تعلم هنا تطبيق عملي حقيقي على تصميم موقع وتوظيف كل ما تعلمته في اللغة من أشياء نظرية
الموقع الرسمي للغة
الموقع الرسمي يحتوي على الكثير من المعلومات الهامة والتحديثات ويجب متابعته بإستمرار.
موقع لتجربة ال Code بدون محرر
موقع جميل يساعدك في تجربة ال Code بدون محرر في حالة حصلت لديك أي مشكلة في الأدوات التي تعمل بها أثناء التعلم
برنامج Prepros
يتيح لك تصغير وتحسين CSS و JS والصور بنقرة واحدة
قم بتجميع CoffeeScript , Jade , Stylus , Less , Sass على Live Browser Reload
يمكن لهذا البرنامج تجميع جميع لغات المعالجة المسبقة تقريبًا مثل
(Sass, Less , Stylus, Cssnext , Jade / Pug, Markdown , Slim, Coffeescript)
