birthday_webpage
1.0.0
توقف عن كتابة البطاقات أو نشر المحتوى على وسائل التواصل الاجتماعي لتقول "عيد ميلاد سعيد!"
يجب أن يحتفل المبرمجون بالأيام المهمة في حياتهم "بطريقة المبرمجين".
هذا عيد ميلاد SPA (تطبيق صفحة واحدة) باستخدام Vue.js.
لقد أنشأت هذا الموقع بمناسبة عيد ميلاد صديقتي واعتقدت أن هذا قد يساعد بعض الأولاد والبنات في الواجهة الأمامية! لقد قمت بتعديل بعض المحتوى لجعله أكثر عمومية وسهل التكوين.
لا تتردد في الاتصال بي لمزيد من المعلومات أو التصاميم المخصصة.
ستحتاج إلى تثبيت الإصدار 6.0 من Node.js أو إصدار أحدث على نظامك.
احصل على الكود إما عن طريق استنساخ هذا المستودع باستخدام git
> git clone https://github.com/amoossssss/birthday_webpage
... أو تنزيل كود المصدر كأرشيف مضغوط.
بمجرد التنزيل، افتح الوحدة الطرفية في دليل المشروع، وتابع:
npm install
npm run serve
الآن سيتم تشغيل الموقع على المنفذ 8080:
http://localhost:8080
npm run build
npm run lint
ابحث عن جميع علامات TODO في الكود لتكوين صفحة الويب هذه.
مشتمل :
تذكير :
* يجب عليك إضافة وظيفة onLoad إلى كل صورة تضاف في صفحة الرسائل حتى يعمل محمل الصفحة.
* توجد بعض الصور الوهمية في الصفحة لعرض وظيفة أداة التحميل وتأثير الانتقال.
* ما عليك سوى نسخ @load="onImgLoad" ولصقه في علامات الصورة التي أضفتها.
* كن حذرًا أيضًا من المتغير totalImages الموجود في نفس الصفحة، وتأكد من ملاءمته لتصميمك.
المتجر الذي أحضرت فيه كعكة عيد الميلاد والأضواء.
يرجى إعطاء نجمة إذا وجدت هذا المشروع مفيدًا.
هي موضع تقدير كبير أي اقتراحات وتحسينات!
أتمنى لك ولأحبائك عيد ميلاد سعيد؟ .
