ويب برتيفوليو

نظرة عامة على المشروع: بورتفوليو "الطرفية الرقمية" للأمن السيبراني

هذا المشروع هو موقع بورتفوليو شخصي حديث وتفاعلي، تم تصميمه بعناية لمتخصص في مجال الأمن السيبراني. تم إنشاء الموقع بواسطة بلال محمد فتحي وأحمد إيهاب ضمن مقرر الكتابة التقنية، حيث يبتعد عن التصاميم التقليدية المكررة ويتجه إلى أسلوب بصري مميز مستوحى من عالم Cyberpunk تحت مفهوم "الطرفية الرقمية (Digital Terminal)".

الهدف الأساسي من المشروع هو تسهيل الدخول إلى مجال الأمن السيبراني من خلال عرض المهارات التقنية والعقلية التحليلية (Hacker Mindset) بشكل مباشر وجذاب لمسؤولي التوظيف والمديرين التقنيين.

? التصميم والأسلوب العام

يعتمد الموقع على تصميم يحاكي واجهة سطر الأوامر (CLI) لإبراز الطابع التقني منذ اللحظة الأولى قبل قراءة أي محتوى.

الهوية البصرية: خلفية سوداء داكنة (Obsidian Black) مع لمسات خضراء (Matrix Green) وتأثير "المطر الرقمي" المتحرك.

الخطوط: استخدام خط Fira Code المخصص للبرمجة لتعزيز إحساس بيئة العمل الاحترافية.

العناصر التفاعلية:

قسم رئيسي يحتوي على تأثير الكتابة (Typing Animation).

أوامر تنقل بأسلوب الطرفية مثل: ls -projects.

?️ البنية التقنية

تم تطوير الموقع ليكون سريعًا وفعالًا مع تجربة استخدام مركزة:

نوع التطبيق: تطبيق صفحة واحدة (SPA).

التقنيات المستخدمة:

HTML5

CSS3

JavaScript (ES6+)

مكتبة Font Awesome للأيقونات

الأداء: كود خفيف وثابت لضمان تحميل سريع جدًا.

التجاوب: تصميم يعتمد على مبدأ Mobile-First مع شريط تنقل ثابت يعمل بكفاءة على جميع الأجهزة.

? هيكلة المحتوى

تم تنظيم الموقع بطريقة ذكية تتيح الوصول إلى أهم المعلومات خلال أقل من 10 ثوانٍ:

About (عنّي): نبذة تعريفية وأهداف مهنية.

Skills (المهارات): عرض المهارات التقنية باستخدام مؤشرات تقدم.

Projects (المشاريع): عرض المشاريع مع إمكانية التصفية (ويب، شبكات، إلخ) وروابط مباشرة إلى GitHub.

Experience & Certifications (الخبرات والشهادات): عرض زمني منظم يشمل شهادات مثل:

CompTIA Security+

CEH

Contact (التواصل): نموذج تواصل مع إمكانية نسخ البريد الإلكتروني بضغطة واحدة وروابط وسائل التواصل.

⚖️ سهولة الاستخدام وإمكانية الوصول

تباين عالي: اختيار الألوان بعناية لتناسب المستخدمين الذين يعانون من ضعف في الرؤية.

دعم قارئات الشاشة: استخدام HTML دلالي (Semantic) لتحسين تجربة ذوي الاحتياجات الخاصة.

التنقل عبر لوحة المفاتيح: يمكن استخدام الموقع بالكامل بدون الماوس.

سرعة الوصول: تصميم يعتمد على مبدأ "ضغطة واحدة" للوصول إلى أهم المعلومات ووسائل التواصل.