Подготовка
Предварительные требования
Чтобы завершить этот урок, вам понадобятся:
- Базовые знания 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