تصميم موقع شخصي (Portfolio) مخصص باستخدام HTML, CSS, JS.

قمة الاحترافية لأي مطور واجهات أمامية (Frontend Developer) تبدأ من معرض أعماله الشخصي. هذا المشروع هو عبارة عن موقع ويب شخصي متكامل (Portfolio) قمت بتصميمه وتطويره من الصفر ليكون بمثابة هويتي الرقمية وسيرتي الذاتية التفاعلية التي تعرض مهاراتي وخبراتي أمام الشركات والعملاء بأسلوب بصرى وتقني متطور. الهدف من المشروع لم يكن مجرد عرض معلومات، بل كان تحدياً تقنياً لتطبيق أحدث معايير تجربة المستخدم (UI/UX)، كتابة كود نظيف تماماً، وإبراز قدرتي على التحكم في العناصر البرمجية دون الاعتماد على قوالب جاهزة. البنية التقنية للمشروع (Tech Stack) HTML5: لبناء هيكلية الموقع بشكل توافقي ومعياري (Semantic HTML) لضمان فهم محركات البحث للمحتوى. CSS3: لبناء التصميم البصري الفاخر، وتطبيق نظام الشبكات (Flexbox & Grid)، بالإضافة إلى التأثيرات الحركية (Animations) وتأثير الزجاج الضبابي (Glassmorphism). Pure JavaScript (ES6+): لإضافة الروح والتفاعلية للموقع (مثل أنظمة الفلترة، وضع التصفح الليلي، والنوافذ المنبثقة) بدون استخدام مكتبات خارجية لضمان خفة الوزن والسرعة. التحديات التقنية التي تغلبت عليها في هذا المشروع: سرعة التحميل (Performance): قمت بتحسين الأكواد وضغط الصور ووسائط الجرافيك لضمان وصول الموقع لسرعة تحميل فائقة على أداة Google PageSpeed. كتابة كود نظيف (Clean Code): تنظيم الملفات وتوزيع الأكواد وكتابة تعليقات توضيحية (Comments) دقيقة تجعل الموقع قابلاً للتطوير والتعديل في المستقبل بكل سهولة من قبل أي مطور آخر. تحدي السيو التقني (Technical SEO): تهيئة وسوم الميتا (Meta Tags) وربط الأقسام لتكون صديقة تماماً لمحركات البحث لتسهيل أرشفة الموقع وظهوره عند البحث عن اسمي.