الإعداد
المتطلبات الأساسية
قبل بدء هذا البرنامج التعليمي، ستحتاج إلى ما يلي:
- معرفة أساسية بـ 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، نحتاج إلى الوصول إلى الملفات من خادم ويب. ثمة عدة طرق لإنشاء خادم ويب محلي مؤقت لأغراض الاختبار. فيما يلي بعض الخيارات، اختر الأنسب بالنسبة لك:
ملحوظة – نوصي بشدة استخدام HTTPS في بيئات الإنتاج. إذ يتضمن HTTPS العديد من الفوائد التي تتجاوز الأمان بما في ذلك تحسين محركات البحث. يمكنك قراءة المزيد حول هذا الموضوع في تدوينة Google Webmaster.
بعد إعداد خادم الويب المحلي الخاص بك، قم بالوصول إلى مثال مقال في المتصفح الخاص بك عنوان URL هذا:
http://localhost:8000/article.html