تطبيق تفاعلي لحساب وتحليل درجات الطلاب (Student Grade Calculator)

الوصف

تصميم وتطوير تطبيق ويب تفاعلي وبسيط لإدارة وحساب درجات الطلاب، تم بناؤه بالكامل باستخدام تقنيات الـ Front-End الأساسية بدون أي مكتبات خارجية.

المميزات والخصائص:

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

حساب المتوسط والتقدير التراكمي: حساب متوسط الدرجات تلقائياً وتصنيف التقدير النهائي (A, B, C) مع تغيير التنسيق البصري بناءً على النتيجة.

التحقق من البيانات (Data Validation): منع إدخال قيم فارغة أو غير صحيحة وتنبيت المستخدم بتنبيهات ذكية.

واجهة مستخدم متجاوبة وجذابة: تصميم أنيق ومُريح للعين مع إضافة ألوان متناسقة وتأثيرات حركية (Hover Effects & Smooth Animations) لتعزيز تجربة المستخدم (UX).

التقنيات المستخدمة:

HTML5: لبناء هيكل الصفحة والعناصر التفاعلية.

CSS3: لتنسيق الواجهة، ضبط الألوان، وإضافة المؤثرات التفاعلية واستجابة النموذج.

JavaScript: للتحكم في الأحداث (Event Handling)، معالجة الـ DOM، وحساب المعادلات الرياضية ديناميكياً.