قائمة باسماء اشخاص ومنشوراتهم

هذا المشروع عبارة عن واجهة ويب تفاعلية تم تطويرها باستخدام HTML وCSS وJavaScript، وتهدف إلى عرض المستخدمين ومنشوراتهم بطريقة ديناميكية بالاعتماد على JSONPlaceholder API.

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

المشروع يعتمد على تقنية AJAX (XMLHttpRequest) للتعامل مع البيانات بشكل غير متزامن، مما يوفر تجربة استخدام سلسة وسريعة.

كما تم استخدام CSS لإضافة تنسيق جذاب مثل التدرج اللوني للخلفية، الظلال، والحواف الدائرية لتحسين المظهر العام.

العمل يوضح الفهم العملي لمفاهيم:

التعامل مع APIs

البرمجة الحدثية (Event Handling)

التفاعل بين HTML وJavaScript

تحديث محتوى الصفحة ديناميكيًا (DOM Manipulation)