كود الخبرة - Experience Code

🚀 موقع ملتقى كود الخبرة الرسمي لمجموعة مطوري جوجل بجامعة جدة

📖 نبذة عن المشروع

كود الخبرة هو ملتقى فريد من نوعه حيث يكتشف فيه المطورون أسرار الخبرة في المجالات التقنية. هذا الموقع تم تطويره لتقديم تجربة مميزة للمشاركين في الفعالية.

🏗️ بنية المشروع

gdguj/
├── index.html              # الصفحة الرئيسية
├── static/
│   ├── styles.css         # ملف الأنماط الرئيسي
│   ├── img/               # الصور والرسومات
│   └── logo/              # شعارات المشروع
│       ├── logo-white.svg # الشعار الأبيض
│       └── element.svg    # عناصر تصميمية
└── README.md              # ملف التوثيق

🎨 الأقسام الرئيسية

الموقع مقسم إلى أقسام متعددة ليتمكن الفريق من العمل عليها بشكل منفصل:

• 🏠 قسم الرأس (Header) - التنقل والشعار
• 🌟 القسم الرئيسي (Hero) - البانر الرئيسي والدعوة للعمل
• 📄 قسم المحتوى (Content) - معلومات الفعالية
• 🎤 قسم المتحدثين (Speakers) - ملفات المتحدثين وعروضهم
• 🤝 قسم الشركاء (Partners) - الرعاة والشركاء
• 📅 قسم تفاصيل الفعالية (Event Details) - التاريخ والمكان والتفاصيل
• ⏰ قسم الجدول الزمني (Timeline) - جدولة الفعالية
• 📞 قسم التواصل (Contact) - معلومات التواصل
• ❓ قسم الأسئلة الشائعة (FAQ) - الأسئلة المتكررة
• 🔗 قسم التذييل (Footer) - الروابط والمعلومات الإضافية

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

• HTML5 - هيكل الموقع
• CSS3 - التنسيق والتصميم
• Tailwind CSS - إطار عمل التصميم
• JavaScript - التفاعلية (عند الحاجة)

🚀 كيفية التشغيل

التشغيل المحلي

# فتح الملف مباشرة في المتصفح
open index.html

# أو استخدام خادم محلي
python -m http.server 8000
# ثم زيارة http://localhost:8000

النشر على GitHub Pages

1. رفع الملفات إلى repository الخاص بـ GitHub
2. تفعيل GitHub Pages من إعدادات المستودع
3. زيارة الموقع على: https://gdguj.github.io

👥 للفريق

كيفية العمل على المشروع

1. اختيار قسم: كل عضو يختار قسماً للعمل عليه
2. تحديث التعليق: غير [اكتب الاسم هنا] إلى اسمك
3. التطوير: احذف المحتوى التجريبي واستبدله بالمحتوى الفعلي
4. الالتزام بالتصميم: حافظ على الألوان والخطوط المحددة

إرشادات التصميم

• اللغة: العربية (RTL)
• الألوان الأساسية:
  • Purple: #8b5cf6 (للعناصر المميزة)
  • Black: #000000 (للنصوص على الخلفيات الداكنة)
• الخطوط: استخدم الخطوط الافتراضية لـ Tailwind CSS

📱 الاستجابة للأجهزة

الموقع مصمم ليعمل على جميع الأجهزة:

• 📱 الهواتف الذكية (< 768px)
• 📱 الأجهزة اللوحية (768px - 1024px)
• 💻 أجهزة الكمبيوتر (> 1024px)

🤝 المساهمة

إضافة ميزة جديدة

1. إنشاء branch جديد
2. تطوير الميزة
3. إنشاء Pull Request
4. مراجعة الكود والدمج

الإبلاغ عن مشكلة

استخدم قسم Issues في GitHub لرفع أي مشاكل أو اقتراحات.

📄 الرخصة

هذا المشروع مرخص تحت رخصة MIT. راجع ملف LICENSE للمزيد من التفاصيل.

🎯 الهدف

إنشاء تجربة رقمية مميزة تعكس روح الإبداع والتميز في مجتمع المطورين بجدة.

---

صنع بـ ❤️ في المملكة العربية السعودية

مجموعة مطوري جوجل - جامعة جدة © 2025