برمجة بورتفوليو تفاعلي (HTML/CSS/JS) برمجة بورتفوليو تفاعلي (HTML/CSS/JS) برمجة بورتفوليو تفاعلي (HTML/CSS/JS) برمجة بورتفوليو تفاعلي (HTML/CSS/JS) برمجة بورتفوليو تفاعلي (HTML/CSS/JS) برمجة بورتفوليو تفاعلي (HTML/CSS/JS) برمجة بورتفوليو تفاعلي (HTML/CSS/JS) برمجة بورتفوليو تفاعلي (HTML/CSS/JS) برمجة بورتفوليو تفاعلي (HTML/CSS/JS) برمجة بورتفوليو تفاعلي (HTML/CSS/JS) برمجة بورتفوليو تفاعلي (HTML/CSS/JS) برمجة بورتفوليو تفاعلي (HTML/CSS/JS) برمجة بورتفوليو تفاعلي (HTML/CSS/JS)
تفاصيل العمل

هذا المشروع ليس مجرد موقع تعريفي، بل هو نظام متكامل تم بناؤه برمجياً من الصفر ليعالج تحديات عرض مشاريع البيانات المعقدة. تم تصميمه ليجمع بين "احترافية الكود" و "قوة عرض النتائج التقنية". المميزات التقنية التي قمت بتنفيذها: برمجة ديناميكية (JavaScript Rendering): استخدمت نظام الأوبجكت projectsData لعرض المشاريع ديناميكياً، مما يسهل عملية التحديث والإضافة مستقبلاً دون تكرار الكود. تصميم مخصص (Modern UI/UX): اعتمدت على نظام CSS Variables لتوحيد الهوية البصرية (Dark Theme) مع تأثيرات Glassmorphism في الـ Navigation بار. تفاعلية كاملة (Interactivity): الموقع يحتوي على Hamburger Menu متجاوب تماماً، وتأثيرات Typing Animation في الهيرو سيكشن لجذب انتباه الزائر فور الدخول. تنظيم المعلومات (Data-Driven Layout): قمت بتوزيع الأقسام (Education, Skills, Projects, Achievements) بناءً على ما يبحث عنه مسؤولو التوظيف في قطاع البيانات. عرض الإنجازات: صممت كروت (Cards) مخصصة لعرض الشهادات من منصات عالمية مثل DataCamp, Kaggle, و HackerRank مع ربطها بروابط التحقق المباشرة. التجاوب الكامل (Responsive): الموقع يعمل بكفاءة 100% على الموبايل والتابلت والديسكتوب باستخدام الـ Media Queries. لماذا قمت ببناء هذا المشروع؟ كخريجة هندسة حاسبات ومتخصصة في AI & Data Science، قمت ببرمجة هذا الموقع ليكون نموذجاً حياً لكيفية تحويل ملفات الـ GitHub واللوحات التفاعلية إلى واجهة عرض احترافي تساعد أصحاب العمل على تقييم المهارات التقنية بسرعة ودقة.

شارك
بطاقة العمل
تاريخ النشر
منذ 3 ساعات
المشاهدات
2
المستقل
طلب عمل مماثل
شارك
مركز المساعدة