نقلا عن: مجلة تحطيم
الصينية: Zen Coding: طريقة سريعة لكتابة كود HTML/CSS
يرجى احترام حقوق النشر والإشارة إلى المصدر عند إعادة الطباعة!
سنعرض في هذه المقالة طريقة جديدة لتطوير HTML وCSS بسرعة باستخدام بناء الجملة الذي يحاكي محددات CSS. تم تطويره بواسطة سيرجي تشيكويونوك . ما هو مقدار الوقت الذي تقضيه في كتابة كود HTML (بما في ذلك جميع العلامات والسمات وعلامات الاقتباس والأقواس وما إلى ذلك)؟ إذا كان المحرر الخاص بك يحتوي على تلميحات تعليمات برمجية، فسيكون من الأسهل عليك الكتابة، ولكن حتى في هذه الحالة سيظل عليك كتابة الكثير من التعليمات البرمجية يدويًا.
في JavaScript، عندما نريد الحصول على عنصر معين في الصفحة، نواجه نفس المشكلة، حيث يتعين علينا كتابة الكثير من التعليمات البرمجية، مما يصبح من الصعب صيانته وإعادة استخدامه. ظهرت أطر عمل جافا سكريبت إلى حيز الوجود، وقدمت أيضًا محركات تحديد CSS. الآن، يمكنك استخدام تعبيرات CSS البسيطة للحصول على عناصر DOM، وهو أمر رائع جدًا.
ولكن ماذا لو لم يكن بإمكانك تخطيط العناصر وتحديد موضعها باستخدام محددات CSS فحسب، بل يمكنك أيضًا إنشاء التعليمات البرمجية ؟ على سبيل المثال، إذا كتبت:
div #المحتوى > h1 + p
...ثم يمكنك رؤية الإخراج مثل هذا:
< معرف div = "المحتوى" >