الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

موقع ويب مع العقد

أول موقع لقد قمت ببنيه على الإطلاق (تغييري المهني الثالث والأخير). لقد بدأت من قوالب HTML و CSS التي انتهى بي الأمر بنسبة 90 ٪ منها.

الصفحة الرئيسية بسيطة (استغرقت بعض الوقت لبني الأول ؛ ضمان التصميم الصحيح والموضع والميزات تستغرق وقتًا طويلاً ؛ تجربة تعليمية رائعة). مربع البحث لا يعمل بالكامل. إنه يتصرف أكثر مثل القائمة المنسدلة في الوقت الحالي.

تحتوي صفحة التفاصيل على دائري ديناميكي قمت ببنيه. يمكن تغيير عدد البطاقات في Carousel من خلال تحديث TeamData. سيتغير عرض ذلك بحجم النافذة وسيظهر الأسهم اليسرى/اليمنى عندما تنزلق الكاروسيل في الاتجاه المقابل.

كيفية الوصول إلى صفحة الويب باستخدام carousel مخصص:

  1. انتقل مباشرة إلى detial.html أو من index.html ...
  2. اكتب "UX D" في مربع البحث
  3. انقر على "UX Designer" في قائمة القائمة المنسدلة
  4. الكاروسيل المخصص الخاص بي أسفل الرأس مباشرة

الخطوات التالية:

  • منفصل قسم الكاروسيل من main.js وإنشاء carousel.js. (منتهي)
  • إكمال خريطة المسار الوظيفي الأولي (تم)
  • تخلص من العناوين المتكررة في قائمة البحث (تم)
  • أضف "X" في مربع البحث (تم)
  • الحد من نتيجة قائمة البحث في أسفل النافذة وإضافة شريط التمرير (تم)
  • صقل خريطة المسار الوظيفي حتى تظهر نقطة الجانب الأيسر (تم إعادة هيكلتها لاستخدام 3 أعمدة بدلاً من 2)
  • Word لف العناوين في خريطة المسار (منخفضة)
  • اكتشف كيف يعمل SVG وتغيير لونه بخلاف الأسود (تم)
  • الانكسار html بحيث يتم قيادة جميع علامات "li"
  • قائمة البيانات في ملف منفصل ؛ قائمة البحث المصدر من مصدر SMAE بدلاً من إنشاء قائمة مختلفة (تم)
  • إعادة النظر في رمز مربع البحث و CSS بحيث يمكن أن يكون أكثر من مكون (قيد التقدم 70 ٪)
  • تحويل كل شيء إلى React.js إلى مكون

شكرا لزيارتها.

تكنولوجيا:

JavaScript العادي ، HTML ، CSS

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل