تحديات Frontend Mentor

هي عبارة عن مشاريع مصغّرة تهدف إلى تطوير مهاراتي في بناء واجهات المستخدم، مقدمة من منصة Frontend Mentor التي يشرف عليها خبراء في مجال واجهات الويب. ? مشروع: موقع حساب العمر موقع تفاعلي يقوم بحساب عمر المستخدم بدقة (بالسنة، الشهر، واليوم). يركز على التحقق من صحة المدخلات وتقديم تجربة مستخدم سلسة. التحديات المنفذة: - إظهار العمر بالسنة والشهر واليوم بدقة. - عرض رسائل خطأ مخصصة في الحالات التالية: - وجود حقول فارغة (دون استخدام required). - إدخال أرقام أيام أو شهور خارج النطاق المسموح. - السنة في المستقبل. - تاريخ غير صالح (مثل 31/04/1991). - تصميم متجاوب لجميع الأجهزة. - تأثيرات تفاعلية عند التركيز والمرور بالفأرة (hover & focus). - حركة عدّ تصاعدي للأرقام حتى الوصول للعمر الصحيح (Animation). أبرز ما أنجزته: - تنفيذ جميع التحديات بشكل صحيح واحترافي. التقنيات المستخدمة: HTML, CSS, JavaScript ? مشروع: الآلة الحاسبة (Calculator) آلة حاسبة تفاعلية تقوم بالعمليات الحسابية الأساسية، مع واجهة أنيقة وإمكانية تغيير الثيم. التحديات المنفذة: - تصميم متجاوب لجميع الأجهزة. - أداء عالي ودقيق في العمليات الحسابية. - نظام ثيمات بثلاثة ألوان مختلفة، مع حفظ التفضيلات في Local Storage. أبرز ما أنجزته: - برمجة واجهة نظيفة وسلسة. - استخدام التخزين المحلي لحفظ إعدادات المستخدم. التقنيات المستخدمة: HTML5, CSS3, JavaScript