الدرس 3 من 8

الكائنات والبيانات

هدف الدرس

عرض قائمة من الكائنات

01

الشرح

تحفظ المصفوفة قيمًا متتالية، أما الكائن فيحفظ قيمًا لكل منها اسم مثل { name: 'ليان', role: 'مصمّمة' }، وتصل إلى أي قيمة باسمها فتكتب person.name.

وأكثر شكل للبيانات ستراه في العمل هو مصفوفة من الكائنات، لأن أغلب الواجهات البرمجية (APIs) تُرجع بياناتها بهذا الشكل.

ولأن الكائنات فيها المفاتيح نفسها، تستطيع أن تكتب قالب البطاقة مرة واحدة ثم تملأه من كل كائن، فتُبنى الواجهة كلها من البيانات.

02

المطلوب

اعرض لكل عضو في الفريق بطاقة بالصنف card فيها اسمه داخل <h3> ودوره داخل <p>.

الفحوص

4 فحوص
  1. ثلاث بطاقات بالصنف card
  2. كل بطاقة فيها h3 وp
  3. الأسماء في عناصر h3
  4. الأدوار في عناصر p
03

تلميحات

0/3
index.html
المعاينة
index.html100%
–/4

اضغط «تشغيل وتصحيح» ليبدأ الفحص.

تجد 4 فحوص في بطاقة «المطلوب».