AMP

Подготовка

Предварительные требования

Чтобы завершить этот урок, вам понадобятся:

  • Базовые знания HTML, CSS и JavaScript
  • Базовое понимание основных концепций AMP (см. урок Преобразование HTML в AMP)
  • Любой браузер, позволяющий просматривать консоль JavaScript
  • Текстовый редактор (на ваш выбор)

Подготовка среды разработки

Шаг 1. Скачайте код

Скачайте код примера для данного урока либо в виде ZIP-файла, либо через git:

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

Распакуйте файл архива (при необходимости) и перейдите в каталог проекта через командую строку вашего компьютера:

cd accelerated-mobile-pages-advanced

Каталог проекта содержит несколько примеров файлов ресурсов, а также начальную страницу article.amp.html.

Шаг 2. Запустите страницу-пример

Чтобы протестировать страницу-пример, нужно открыть ее файлы с веб-сервера. Существует несколько способов создать временный локальный веб-сервер для тестирования. Вот несколько вариантов; выберите тот, который вам лучше всего подходит:

ПРИМЕЧАНИЕ. Для реальных сайтов настоятельно рекомендуем вам использовать HTTPS. Помимо повышенной безопасности HTTPS обладает преимуществами в других областях, таких как SEO. Подробнее читайте в записи в блоге Google Webmaster.

После создания локального веб-сервера откройте статью-пример в браузере по этому URL-адресу:

http://localhost:8000/article.amp.html