برمِج
HTML
HyperText Markup Language
يحدّد بنية (هيكل) صفحة الويب: العناوين والفقرات والصور والروابط.
الدرس 3-3
أساسيات تقنية الواجهة الأمامية
HTML و CSS و JavaScript — تلات تقنيات بتبني كل صفحة بتشوفها
الهيكل، والمظهر، والسلوك
HTML
HTML
يحدّد بنية (هيكل) صفحة الويب: العناوين والفقرات والصور والروابط.
CSS
CSS
يحدّد مظهر صفحة الويب: الألوان والتخطيط والحجم والخطوط.
JS
JavaScript
يضيف السلوك والتفاعلية إلى صفحة الويب.
من خارج المنهج الرسمي — لفهم أعمق
JavaScript اتكتب في 10 أيام بس
سنة 1995، كتب المبرمج برندان آيك أول نسخة من JavaScript في عشرة أيام بس لصالح شركة Netscape. HTML كان موجود من 1991، وCSS اتقترحت 1994 — يعني التلات تقنيات دي اتبنت في أوقات مختلفة، بأهداف مختلفة، مش صُمّمت مع بعض من الأول.
المصدر: تاريخ JavaScript — Netscape (1995)- ✓ التصميم المتجاوب: يُضبط التخطيط تلقائيًا وفقًا لأحجام الشاشات المختلفة.
- ✓ إمكانية الوصول: تصميم المحتوى والواجهة بحيث يستخدمها أصحاب القدرات والاحتياجات المختلفة، بمن فيهم ذوو الإعاقة.
JSON صيغة نصية لتمثيل البيانات المهيكلة وتبادلها.
المفاهيم الأساسية (8)
CSS
Cascading Style Sheets
يحدّد مظهر صفحة الويب: الألوان والتخطيط والحجم والخطوط.
JavaScript
JavaScript
يضيف السلوك والتفاعلية إلى صفحة الويب.
HTML الدلالية
Semantic HTML
عناصر توضّح وظيفة أجزاء الصفحة مثل header و nav و main و footer.
التصميم المتجاوب
Responsive Design
يُضبط التخطيط تلقائيًا وفقًا لأحجام الشاشات المختلفة.
إطار العمل
Framework
بنية توفّر مسبقًا وظائف ومكوّنات شائعة لجعل التطوير أكثر كفاءة.
إمكانية الوصول
Accessibility
تصميم المحتوى والواجهة بحيث يستخدمها أصحاب القدرات والاحتياجات المختلفة، بمن فيهم ذوو الإعاقة.
تحسين محركات البحث
SEO
ممارسات تجعل الصفحة أيسر في الفهرسة والظهور في نتائج البحث.
تدرّب (15)
الإجابات الصحيحة لا تصل إلى المتصفح — التصحيح يجري على الخادم عند الإجابة.
التقنية التي تحدّد بنية (هيكل) صفحة الويب هي:
«تحديث جزء من الشاشة عند الضغط على زر» تتحقق باستخدام:
أي مما يلي لا يمثّل فائدة مناسبة لاستخدام HTML الدلالية؟
اختر السبب الأنسب للحاجة إلى التصميم المتجاوب:
أي مما يلي يصف إطار العمل بأنسب شكل؟
«تحديد لون خلفية الصفحة بأكملها» تتحقق باستخدام:
أي العبارات التالية صحيح بخصوص استخدام التقنيات الثلاث في صفحة الويب؟
JSON صيغة نصية لتمثيل البيانات المهيكلة وتبادلها.
HTML تقنية تحدّد بنية (هيكل) صفحة الويب.
CSS تقنية تضيف السلوك والتفاعلية إلى صفحة الويب.
التصميم المتجاوب يُضبط فيه التخطيط تلقائيًا وفقًا لأحجام الشاشات المختلفة.
استخدام HTML الدلالية يجعل سرعة عرض الصفحة أسرع بالضرورة.
إطار العمل يوفّر وظائف ومكوّنات شائعة الاستخدام فيجعل التطوير أكثر كفاءة.
طابق كل وصف بالخيار المناسب.
وصف بنية العناوين والفقرات
تغيير لون النص وحجمه
تحديث جزء من الشاشة عند الضغط على زر
وضع الصور والروابط
تحديد لون خلفية الصفحة بأكملها
التحقق من صحة المحتويات المُدخلة في نموذج
تستخدم كثير من صفحات الويب لتحديد البنية، ويمكن أن تستخدم لتنسيق المظهر، و لإضافة السلوك والتفاعل. ويسمى تصميم التخطيط ليتكيف مع أحجام الشاشات المختلفة .