أهلاً بكم في مشروع الحاسبة الذكية! هذا المشروع عبارة عن حاسبة ويب احترافية وتفاعلي تم بناؤه كجزء من التدريب الميداني لتطوير الواجهات الأمامية (Front-end Development) في CodeAlpha (المهمة الثانية).
يمكنكم تجربة المشروع مباشرة من خلال الرابط التالي: 👉 اضغط هنا لزيارة الموقع
تم بناء هذا المشروع ليركز على تقديم تجربة مستخدم (UI/UX) سلسة ومتكاملة، ويحتوي على الميزات التالية:
🛠️ تصميم واجهة مستخدم متجاوبة (Fully Responsive Design): واجهة مستخدم عصرية ومصممة باستخدام HTML وCSS لتتوافق بدقة ومتناغمة مع جميع الشاشات (الهواتف، الأجهزة اللوحية، الشاشات الكبيرة).
🧮 دعم كامل للعمليات الحسابية: معالجة دقيقة وسلسة لجميع العمليات الرياضية الأساسية: الجمع (+)، الطرح (-)، الضرب (×)، والقسمة (÷).
⌨️ دعم لوحة المفاتيح (Keyboard Support): ربط كامل للوحة المفاتيح الفيزيائية بالتطبيق، حيث يمكن للمستخدم طباعة الأرقام والعمليات وزر Enter للحساب وزر Backspace للمسح مباشرة.
⏱️ إدارة المدخلات في الوقت الفعلي: التعامل الذكي والسلس مع الأرقام العشرية، ومنع تكرار الرموز الحسابية المتتالية، وعرض النتائج فورياً.
🧹 المسح الفوري (Instant Clear): زر مخصص (C) لإعادة تعيين شاشة العرض ومسح الحالة الحسابية الحالية بنقرة واحدة.
🎨 لمسات جمالية وانتقالات حركية: تأثيرات (Hover effects) ناعمة وحالات نشطة (Active states) سلسة عند التفاعل والضغط على أزرار الحاسبة.
HTML5: لبناء هيكل الحاسبة وتوزيع الأزرار وشاشة العرض بشكل دلالي (Semantic UI).
CSS3: للتصميم، التجاوب (Flexbox/Grid)، وإضافة تأثيرات الأزرار والانتقالات الحركية الحية.
JavaScript (Vanilla): لبناء المنطق البرمجي الكامل للحسابات، التحكم في عناصر الصفحة (DOM)، ومعالجة مستمعي أحداث لوحة المفاتيح الفيزيائية.
CodeAlpha_Calculator/
│
├── index.html # الصفحة الرئيسية للمشروع وتوزيع الأزرار
├── style.css # ملف التنسيقات والأنماط وتأثيرات الألوان والتجاوب
├── script.js # ملف التفاعل والمنطق البرمجي وبناء الحسابات بـ JavaScript
└── README.md # ملف الشرح الحالي