أسئلة: أساسيات تقنية الواجهة الأمامية

الإجابة الصحيحة: HTML

HTML هي لغة الترميز المسؤولة عن تحديد بنية وهيكل الصفحة مثل العناوين والفقرات.

الإجابة الصحيحة: تحديد مظهر الصفحة وتنسيقها

CSS تُستخدم للتحكم في الألوان، الخطوط، التخطيط، والمظهر العام للموقع.

الإجابة الصحيحة: nav

عنصر nav يحدد بوضوح جزء التنقل في الصفحة، بينما div عنصر عام لا يحمل دلالة وظيفية.

الإجابة الصحيحة: مساعدة قارئ الشاشة على فهم بنية الصفحة

تساعد العناصر الدلالية قارئ الشاشة على فهم بنية الصفحة والتنقل بين أقسامها بوضوح.

الإجابة الصحيحة: تصميم الموقع للهواتف الصغيرة منذ بداية العمل

نهج الأولوية للجوال يعني البدء بتصميم الصفحة للشاشات الصغيرة، ثم توسيع التخطيط للشاشات الأكبر.

الإجابة الصحيحة: توفير وظائف ومكونات جاهزة لزيادة الكفاءة

توفر أطر العمل مكونات ووظائف جاهزة قابلة لإعادة الاستخدام، فتوفر على المطور كتابة كل شيء من البداية وتزيد كفاءة البناء.

الإجابة الصحيحة: React

React هي مكتبة JavaScript متخصصة في بناء واجهات المستخدم المعتمدة على المكونات.

الإجابة الصحيحة: لا، هو يساعد في الفهم فقط ولا يضمن الترتيب

HTML الدلالي يساعد محركات البحث وقارئات الشاشة على فهم بنية الصفحة، لكنه لا يضمن ترتيبًا أعلى في نتائج البحث.

الإجابة الصحيحة: إضافة السلوك والتفاعلية

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

الإجابة الصحيحة: ضبط التخطيط تلقائيًا حسب حجم الشاشة

التصميم المتجاوب يضبط التخطيط تلقائيًا حسب حجم الشاشة، كالكمبيوتر والهاتف والجهاز اللوحي.

الإجابة الصحيحة: Next.js

Next.js إطار مبني على React يوفر التوجيه وطرقًا مختلفة لعرض الصفحات؛ أما Vue وAngular فإطاران مستقلان، وBootstrap مكتبة تنسيق.

الإجابة الصحيحة: لا، يمكن استخدام ما تحتاجه الصفحة فقط

تُستخدم التقنيات بحسب حاجة الصفحة؛ فصفحة ثابتة بسيطة قد تكفيها HTML وCSS دون JavaScript.

الإجابة الصحيحة: JavaScript

JavaScript تضيف السلوك والتفاعلية، مثل الاستجابة للضغط وتحديث جزء من الشاشة.

الإجابة الصحيحة: التصميم المتجاوب

التصميم المتجاوب يضبط التخطيط تلقائيًّا وفق حجم الشاشة.

الإجابة الصحيحة: إطار عمل مبني على React لبناء تطبيقات الويب

Next.js إطار عمل مبني على React، يوفر التوجيه وطرقًا مختلفة لعرض الصفحات.

HTML يمثل هيكل المبنى (الجدران والأساس)، CSS يمثل الديكور الداخلي والخارجي (الألوان والدهانات)، وJavaScript تمثل الأنظمة التفاعلية كأنظمة الكهرباء والسباكة التي تجعل المبنى وظيفيًا.

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

تسمح أطر العمل للمطورين باستخدام مكونات جاهزة وقابلة لإعادة الاستخدام، مما يقلل من تكرار الكود ويزيد من كفاءة وسرعة عملية التطوير.

يضمن التصميم المتجاوب أن الصفحة تتكيف تلقائيًا مع أحجام الشاشات المختلفة، مما يجعل الموقع سهل القراءة والاستخدام على الهواتف دون الحاجة للتكبير أو التمرير الأفقي المزعج.

يتم ذلك بالبدء بتصميم وتطوير واجهة الموقع للشاشات الصغيرة (الهواتف) أولاً، ثم التوسع في التخطيط والميزات تدريجيًا لتناسب الشاشات الأكبر (الأجهزة اللوحية والحواسيب).

يساعد HTML الدلالي محركات البحث على فهم بنية المحتوى وتصنيفه (مثل معرفة ما هو العنوان وما هو المقال الرئيسي)، مما يحسن من عملية أرشفة وفهم المحتوى، رغم أنه لا يضمن ترتيبًا أعلى في النتائج.