الإعداد

المتطلبات الأساسية

قبل بدء هذا البرنامج التعليمي، ستحتاج إلى ما يلي:

• معرفة أساسية بـ HTML وCSS وJavaScript
• متصفح من اختيارك يمكنه فحص وحدة تحكم JavaScript
• محرر نصوص من اختيارك

إعداد بيئة التطوير لديك

الخطوة 1. تنزيل الرمز

قم بتنزيل مثال الرمز للبرنامج التعليمي سواء كـ ملف ZIP أو عن طريق:

git clone https://github.com/googlecodelabs/accelerated-mobile-pages-foundations.git

قم بفك ضغط ملف الأرشيف (إذا لزم الأمر) وانتقل إلى دليل المشروع عن طريق سطر الأوامر على الكمبيوتر الخاص بك:

cd accelerated-mobile-pages-foundations

يحتوي دليل المشروع على العديد من ملفات الموارد وصفحة article.html للبدء.

الخطوة 2. قم بتشغيل صفحة المثال

لاختبار نموذج صفحة AMP، نحتاج إلى الوصول إلى الملفات من خادم ويب. ثمة عدة طرق لإنشاء خادم ويب محلي مؤقت لأغراض الاختبار. فيما يلي بعض الخيارات، اختر الأنسب بالنسبة لك:

• “خادم الويب لـ Chrome” أحد تطبيقات Google Chrome
• خادم HTTP Python محلي
• Apache
• nginx

بعد إعداد خادم الويب المحلي الخاص بك، قم بالوصول إلى مثال مقال في المتصفح الخاص بك عنوان URL هذا:

http://localhost:8000/article.html