في هذا التمرين ستقوم ببناء واجهة موقع لمشاهدة ومتابعة أخبار الأفلام يمكنك تغيير فكرة الموقع شرط أن تلتزم بجميع المتطلبات
- قم ببناء صفحة رئيسية من اختيارك شرط أن تحتوي على
شريط تنقل يحتوي على زري قائمة المفضلة وقائمة الأفلام
زر قائمة المفضلة ينقلك إلى صفحة المفضلة
زر قائمة الأفلام ينقلك إلى جزء قائمة الأفلام في الصفحة الرئيسية
وأضف شريط بحث - قم بتفعيله إن استطعت
Carousel شريط صور أو فيديوات مع سهمي تنقل للأمام والخلف
قائمة الأفلام المعروضة في الموقع - عند الضغط على إحدى الأفلام المعروضة تنتقل إلى صفحة تفصيلية عن الفيلم
- loading أضف خاصية الانتظار أو
- Off Canvas Menu استعمل
- قم بإضافة زر أضف إلى المفضلة لكل فيلم من الأفلام في الصفحة الرئيسية في قسم قائمة الأفلام
- كل صفحة فيلم تفصيلية تحتوي على زر أضف إلى المفضلة وقائمة منسدلة
- عند الضغط على زر القائمة المنسدلة في الصفحة التفصيلية لأي فيلم، تظهر قائمة بأسماء جميع الأفلام
- عند الضغط على اسم فيلم معين، يتغير محتوى الصفحة إلى المحتوى الخاص بالفيلم المختار
- استعن بالفيديوهات المرفقة
- عند الضغط على زر أضف إلى المفضلة في الصفحة التفصيلية يضاف الفيلم في المفضلة في صفحة منفصلة
- أضف لمالك الموقع خاصية إضافة فيلم جديد في قائمة الأقلام من خلال صفحة تحتوي على حقول إدخال يدخل من خلالها المالك المعلومات اللازمة أو الخاصة بالفيلم
- هل استنتجت شيئاً؟ نعم قائمة الأفلام عبارة عن مصفوفة من الكائنات وكل فيلك يمثل كائن وبالمرور على الكائنات في الكود تترتب الأفلام في القائمة
CSS وتنسيقات لغة HTML قم باستخدام وسوم لغة
JavaScript قم باستخدام لغة لإضافة التفاعل إلى الموقع
JavaScriptب CSS و HTMLلا تنسى ربط صفحاتك ال