فحص الموقع واختباره الشامل قبل الإطلاق (وضوح المحتوى، الروابط، الهواتف، والأمان)
قائمة فحص عملية من 4 محطات للتأكد من جاهزية الموقع قبل إرساله لأي عميل
ماذا ستتعلم وتنجز في هذه الجلسة؟ (اضغط للعرض)▼
- نشر رابط حقيقي للموقع يمكن لأي شخص في العالم فتحه على هاتفه
النشاط 01: اختبار جاهزية المشروع للإنتاج وتأكيد نجاح npm run build
تأكد من خلو مشروعك من أي أخطاء برمجية أو استيرادات مكسورة قبل نشره للعالم
أفتح سطر الأوامر وأشغل أمر npm run build وأتأكد من اكتمال كافة الصفحات وخروج الكود برمز نجاح (Code 0).
إذا رفعت كوداً يحتوي على خطأ في استيراد مكتبة أو خطأ في الـ Types، سيفشل النشر على السيرفر السحابي.
2. خطوات التنفيذ خطوة بخطوة:
احفظ جميع الملفات المفتوحة في محرر الكود.
شغل الأمر: npm run build.
تأكد من ظهور علامة ✓ Compiled successfully وتوليد المسارات دون أخطاء حمراء.
بناء مكتمل للإنتاج بدون أي أخطاء برمجية، وجاهزية تامة للرفع.
📄 قالب البداية أو الكود المساعد (اضغط للعرض أو النسخ)▼
# تشغيل فحص البناء في التيرمينال
npm run build
# النتيجة المتوقعة:
# ✓ Compiled successfully
# ✓ Generating static pagesتلميحات مساعدة (1)▼
- • 💡 إذا ظهر خطأ، اقرأ اسم الملف ورقم السطر المذكور في التيرمينال وتوجه إليه لإصلاحه فوراً.
4. مساحة الحل وتسليم النتيجة عبر واتساب
اكتب إجابتك أو الكود أو رابط عملك في الصندوق أدناه. تُحفظ مسودتك تلقائيًا في متصفحك، وعند الضغط على «إرسال النتيجة عبر واتساب» سيتم حفظ الإجابة في سجل تقدمك وفتح رسالة واتساب جاهزة لإرسالها للمدرب (+90 538 201 50 72).