بسم الله الرحمن الرحيم

في درس اليوم سوف نقوم بالتعرف على كيفية الاستفادة من لغة HAML لجعل كود HTML اسهل للقرائة و التعديل.

محتويات Haml

متغيرات

المتغير في Haml يبدا ب علامة - و ينتهي بعلامة ;

- @name = 'myname';

انواع المتغيرات

  1. رقم (Number)
  2. اسم (String)
  3. مصفوفة (Array)
  4. كائن (Objcet)

تكرار Loop

لغة haml تمكنك من عمل تكرار على عناصر اي مصفوفة ثم استخدام تلك العناصر من خلال each function
- @array = ['paragraph 1','paragraph 2', 'paragraph 3'];

- @array.each do |e|
  %p #{e}

و النتيجة 3 عناصر p و كل عنصر يحتوي على عنصر من المصفوفة بنفس ترتيبه

عناصر Haml

عنصر الHaml يبدأ بالعلامة المئوية % و بعده اسم العنصر ثم مسافة ( div% ), اي كلمة على نفس سطر العنصر يتم احتسابه كنص بمعني لا يتم تحويله لعنصر HTML

عنصر Haml او نص يجب البدئ في سطر جديد ثم كتابة الوسم او النص بعد مكان العنصر الأب بسطرين

مثال

%div
   %div
     %span نص
        نص