AMP

Setting up

Pré-requisitos

Para usar este tutorial, você precisará do seguinte:

  • Conhecimento básico de HTML, CSS e JavaScript
  • Um navegador de sua escolha que possa inspecionar o Console JavaScript
  • Um editor de texto de sua preferência

Como configurar seu ambiente de desenvolvimento

Etapa 1. Baixe o código

Baixe o código de exemplo do tutorial como um arquivo ZIP ou via git:

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

Descompacte o arquivo (caso necessário) e acesse o diretório do projeto por meio da linha de comando do computador.

cd accelerated-mobile-pages-foundations

O diretório do projeto contém diversos arquivos de recursos de exemplo e a página inicial article.html.

Etapa 2. Execute a página de exemplo

Para testar nossa página de exemplo, é preciso acessar os arquivos por meio de um servidor Web. Existem várias maneiras de criar um servidor Web temporário e local para fins de teste. Estas são algumas opções, escolha a que funciona melhor para você:

OBSERVAÇÃO – É altamente recomendável usar o HTTPS em ambientes de produção. O HTTPS oferece vários benefícios além da segurança, incluindo SEO. Se quiser saber mais sobre esse tópico, leia esta postagem do blog do Google para webmasters.

Após configurar o servidor da Web local, acesse o artigo de exemplo no navegador nesta URL:

http://localhost:8000/article.html