انتقل إلى محتوى الدرس

Separation of Concerns Principle مبدأ فصل المهام بين اللغات

استكشف اللغات الثلاث الأساسية لبناء الواجهة الأمامية: لغة HTML لهيكلة المحتوى، ولغة CSS للتنسيق والتخطيط، ولغة JavaScript للتفاعل والمنطق، مع فهم الفرق بين لغات التوصيف والبرمجة، ومفهوم شجرة DOM، ودور لغة TypeScript.
2 صفوف تعليمية
تكنولوجيا الويب
2 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يتبع مطورو الواجهة الأمامية المحترفون قاعدة هندسية ذهبية تُعرف باسم مبدأ فصل المهام ()، وتقوم على توزيع المسؤوليات بوضوح تام:

  • ملف مستقل للهيكلة (): يُخصَّص ملف لكتابة بنية المحتوى والعناصر الدلالية فقط.
  • ملف مستقل للتنسيق (): تُجمع قواعد الألوان والخطوط والتجاوب في ملف مستقل مثل .
  • ملف مستقل للمنطق والتفاعل (): تُكتب أوامر الحركة والتفاعل في ملف برمجي مستقل مثل .

بفضل هذا الفصل المنظم، يسهل على الفريق صيانة المشروع وتعديل ألوان الموقع بالكامل من ملف واحد دون المساس بالمنطق البرمجي، كما يحتفظ المتصفح بنسخة مخبأة من ملفات التنسيق والسكربت لتسريع فتح بقية صفحات الموقع.

الصف 2 ملاحظة هامة