الإعداد
المتطلبات الأساسية
قبل بدء هذا البرنامج التعليمي، ستحتاج إلى ما يلي:
- معرفة أساسية بـ HTML وCSS وJavaScript
- متصفح من اختيارك
- محرر نصوص من اختيارك
- Node.js وNPM مثبتان على جهازك
إعداد بيئة التطوير لديك
الخطوة 1. تنزيل الرمز
قم بتنزيل رمز البداية الخاص بالبرنامج التعليمي إما كملف بصيغة ZIP أو عبر git:
git clone https://github.com/googlecodelabs/advanced-interactivity-in-amp.git
الخطوة 2. تثبيت التبعيات
قم بفك الضغط عن الملف الأرشيف (إذا لزم الأمر) وانتقل إلى الدليل. وثم بتثبيت التبعيات من خلال تشغيل npm install.
cd advanced-interactivity-in-amp
npm install
الخطوة 3. تشغيل خادم التطوير
ابدأ خادم التطوير بـ node.js:
node app.js
وعندها انتقل إلى http://localhost:3000 في متصفحك لرؤية تشغيل صفحة AMP!