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

متجر على الإنترنت (صفحة الفهرس والبحث) - الوقت المبني 16 ساعة

هذا هو مشروع Cabstone/Exam لوحدة Microverse HTML/CSS. إنه موقع ويب للحرف اليدوية باستخدام HTML و CSS3/SCSS و Bootstrap و Font Awesome.

شاهد عرض فيديو للمشروع هنا. تم تصميم موقع الويب باستخدام هذا النموذج النامي

لقطة شاشة لصفحة الفهرس

لقطة شاشة

لقطة شاشة لصفحة البحث

لقطة شاشة

تم تصميم المشروع باستخدام HTML و CSS/SCSs مع استخدام واسع النطاق للشبكة والبرعفة المرنة. لقد استخدمت جميع وظائف SCSS الأساسية: المتغيرات والخلطات ووظائف الألوان.

بنيت مع

  • HTML
  • CSS3/SCSS
  • bootstrap
  • الرموز الرائعة
  • Webhint/Stylelint Binters
  • البرامج النصية NPM لاختبار وتشغيل تغييرات SCSS

يمكنك التحقق من سير العمل الذي أستخدمه عند إنشاء مواقع الويب عن طريق قراءة مقالتي المتوسطة تنظيم ملفات HTML و CSS مثل Pro

عرض مباشر

صفحة فهرس العرض التجريبي المباشر

صفحة البحث التجريبي المباشر

(يمكنك أيضًا التنقل بين الصفحات باستخدام روابط التنقل ونموذج البحث.)

للحصول على نسخة محلية وتشغيل اتبع خطوات المثال البسيط هذه.

يثبت

استنساخ المشروع محليا.

المبيدات

  1. تشغيل npm install .
  2. قم بتشغيل npm run test للتحقق من ملفات HTML و CSS.
  3. قم بتشغيل npm run watch لبدء مشاهدة تغييرات SCSS.

النشر

قم بتثبيت وتشغيل مكون إضافي لخادم مباشر على محرر IDE/Text وقم بتشغيله من دليل الجذر.

التحسينات المستقبلية

أضف الواجهة الخلفية إلى الصفحة

المؤلفون

؟ كريستيان فيوريل Ceamatu

  • البريد الإلكتروني: [email protected]
  • Github: https://github.com/cristianceamatu
  • Twitter: https://twitter.com/cristianceamatu
  • LinkedIn: https://www.linkedin.com/in/ceamatu-cristian/

أظهر دعمك

إعطاء ️ إذا كنت تحب هذا المشروع!

رخصة

هذا المشروع مرخص معهد ماساتشوستس للتكنولوجيا.

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