The Browser DOM Tree Conceptمفهوم شجرة DOM وربط اللغات
استكشف اللغات الثلاث الأساسية لبناء الواجهة الأمامية: لغة HTML لهيكلة المحتوى، ولغة CSS للتنسيق والتخطيط، ولغة JavaScript للتفاعل والمنطق، مع فهم الفرق بين لغات التوصيف والبرمجة، ومفهوم شجرة DOM، ودور لغة TypeScript.
4 صفوف تعليمية
تكنولوجيا الويب
2 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
كيف تتواصل لغات و و معاً داخل المتصفح؟ الجسر الهندسي الذي يربط بينها هو شجرة المستند ():
شجرة عائلة حية في ذاكرة المتصفح: فور قراءة ملف ، ينشئ المتصفح في ذاكرته شجرة متفرعة تُسمى شجرة ؛ تبدأ بجذر المستند () وتتفرع إلى جسم الصفحة () ثم إلى كل عنوان وفقرة وزر كعناصر حية.
علاقة بالشجرة: تستهدف قواعد فروع هذه الشجرة لتلوينها وضبط مواقعها على الشاشة.
علاقة بالشجرة: تتخاطب أوامر مع شجرة الحية لتغيير نص عنوان، أو تبديل لون بطاقة، أو إضافة عنصر جديد لحظياً أمام المستخدم.
تأمل المخطط التوضيحي الآتي ثم جرّب المحاكي التفاعلي لرؤية كيف تتكامل اللغات عبر شجرة :
الصف 2
صورة توضيحية
الصف 3
معاينة حية
الصف 4
ملاحظة هامة
جميع فقرات هذا الدرس (اللغات الأساسية للواجهة الأمامية)
