قمت بتطوير مشروع ويب تفاعلي باستخدام HTML5 وCSS3 وJavaScript (Vanilla JS) بهدف تطبيق المفاهيم الأساسية في تطوير الواجهات الأمامية وبناء تجربة مستخدم ديناميكية بدون الاعتماد على أي مكتبات خارجية.
المشروع يركز على تحويل الصفحة من تصميم ثابت إلى تطبيق تفاعلي يعتمد على تفاعل المستخدم في الوقت الحقيقي.
🛠️ التقنيات المستخدمة
🔹 HTML5
تم استخدام HTML لبناء هيكل الصفحة بشكل منظم وواضح باستخدام عناصر دلالية (Semantic Elements) مما يساعد على تحسين تنظيم الكود وسهولة التعديل عليه.
🔹 CSS3
تم استخدام CSS لتصميم واجهة المستخدم بشكل جذاب من خلال:
Flexbox و Grid لتنظيم العناصر
Media Queries لجعل التصميم متجاوب
تنسيق الألوان والخطوط لتحسين تجربة المستخدم
إضافة تأثيرات بسيطة (Transitions) لزيادة التفاعل
🔹 JavaScript
تم استخدام JavaScript لإضافة التفاعل للمشروع، مثل:
التعامل مع عناصر الصفحة (DOM Manipulation)
إضافة وتعديل وحذف عناصر بشكل ديناميكي
التحكم في الأحداث (Events) مثل click و input
تنفيذ منطق التطبيق بدون إعادة تحميل الصفحة
تحسين تجربة المستخدم من خلال تفاعل فوري
✨ مميزات المشروع
واجهة بسيطة وسهلة الاستخدام
تفاعل مباشر مع المستخدم بدون إعادة تحميل الصفحة
تصميم متجاوب يعمل على جميع الأجهزة
تحسين تجربة المستخدم من خلال JavaScript
تنظيم جيد للكود وسهولة التعديل عليه
