Setting up
Prerequisites
Before starting this tutorial, you'll need the following:
- A basic knowledge of HTML, CSS, and JavaScript
- A basic understanding of AMP’s core concepts (see "Convert your HTML to AMP" tutorial)
- A browser of your choice that can inspect the JavaScript console
- A text editor of your choice
Set up your development environment
Step 1. Download the code
Download the sample code for the tutorial either as a ZIP file or via git:
git clone https://github.com/googlecodelabs/accelerated-mobile-pages-advanced.git
Unzip the archive file (if necessary) and navigate to the project directory through the command line on your computer:
cd accelerated-mobile-pages-advanced
The project directory contains several example resources files and the starting article.amp.html page.
Step 2. Run the sample page
To test the sample AMP page, we need to access the files from a web server. There are several ways to create a temporary local web server for the purposes of testing. Here are some options, choose the one that works best for you:
NOTE – It is strongly recommended that you use HTTPS in production environments. HTTPS has several benefits beyond just security including SEO. You can read more about this topic in this Google Webmaster blog post.
After setting up your local web server, access the sample article in your browser at this URL:
http://localhost:8000/article.amp.html