شرح الدرس 3-3: أساسيات تكنولوجيا الواجهة الأمامية

ملخص الدرس

عند فتح أي صفحة ويب، فإنك ترى ثلاث تقنيات تعمل معًا: تتولى لغة HTML بناء الهيكل، وتضيف لغة CSS المظهر، أما لغة JavaScript فتضيف السلوك التفاعلي.

الخلاصة: HTML يبني البنية، وCSS ينسّق المظهر، وJavaScript يضيف السلوك — وتجعل HTML الدلالي والتصميم المتجاوب وأطر العمل الواجهة الأمامية الحديثة ذات معنى وقابلة للتكيف وفعّالة.

أهم المصطلحات

• HTML
• CSS
• JavaScript
• HTML الدلالي
• التصميم المتجاوب
• إطار العمل
• إمكانية الوصول (Accessibility)
• SEO (تحسين محركات البحث)

صفحة الكتاب: الكتاب العربي 62 · الكتاب الإنجليزي 68

أسئلة مجانية على الدرس

من بنك أسئلة الكتاب. فكّر في الإجابة الأول وبعدين افتحها.

1. 1. من أي ثلاث تقنيات تُبنى صفحة الويب أساسًا؟

   • HTTP وHTTPS وTLS
   • React وVue وNext.js فقط
   • HTML وCSS وJavaScript
   • GET وPOST وJSON
   الإجابة

   الإجابة الصحيحة: HTML وCSS وJavaScript

   صفحات الويب تعتمد أساسًا على HTML (البنية) وCSS (المظهر) وJavaScript (السلوك).

   أساسيات تقنية الواجهة الأمامية (الفكرة الأساسية) · صفحة 63

2. 2. في الشكل، ما الذي تغيّر من الصفحة الأولى إلى الثانية (+ CSS)؟

   • ظهور مربع بحث يستجيب للكتابة
   • حذف العناوين والروابط كلها
   • المظهر: الألوان والخطوط والتخطيط
   • إضافة عداد يزيد عند الضغط
   الإجابة

   الإجابة الصحيحة: المظهر: الألوان والخطوط والتخطيط

   CSS أضافت التنسيق والتصميم المرئي: الألوان والتخطيط والخطوط والتباعد.

   شكل: أدوار HTML وCSS وJavaScript · صفحة 63

3. 3. ما الفائدة الرئيسية لاستخدام إطار عمل؟

   • يصبح التصميم متجاوبًا دون أي عمل من المطور
   • لا يحتاج المطور إلى كتابة كل الكود من الصفر
   • تصبح الصفحة مشفرة تلقائيًا ولا تحتاج إلى HTTPS
   • يختفي الخادم ولا تحتاج الصفحة إلى أي استجابة
   الإجابة

   الإجابة الصحيحة: لا يحتاج المطور إلى كتابة كل الكود من الصفر

   مع إطار العمل لا يحتاج المطورون إلى كتابة كل الكود من الصفر، فيطورون بكفاءة.

   4. أطر العمل · صفحة 65

دروس الفصل 3: تطبيقات الويب

1. 3-1 البنية العامة لتطبيقات الويب
2. 3-2 طرق الاتصال في تطبيقات الويب
3. 3-3 أساسيات تكنولوجيا الواجهة الأمامية