コース概要

導入

AMP とフロントエンド

  • ユーザーエクスペリエンスの最適化に使用されるプロセスとモジュール

モバイルWeb Developmentサイクルの概要

  • フロントエンドとバックエンド
  • Java スクリプト ライブラリ、HTML テンプレート、および CSS 合理化

無料のホスト型キャッシュ プラットフォーム

  • 相対代替
  • SERPへの影響

開発環境の準備

  • ローカルホストへの Web サーバーのインストール
  • NPM モジュール「AMP」のインストールと構成

アプリケーションの開発

  • ToDo リスト Web ページ テンプレートのコーディング
  • Web ページ テンプレートを AMP 仕様を備えた AMP テンプレートに変換する
  • AMP タグを使用した Amp テンプレートのスタイル設定

アプリケーションの最適化

  • キャッシュされたコンテンツの事前レンダリングを統合するには、rel="canonical" をリンクします。

アプリケーションのテスト

  • Chrome の DevTool「AMP プロジェクト」を使用して AMP テンプレートを検証する

アプリケーションのデプロイ

  • モバイル シミュレーターまたはモバイル デバイスでのアプリケーションの実行
  • AMP Analytics によるパフォーマンスの追跡

要約と結論

要求

  • フロントエンド開発の経験

観客

  • 開発者
  14 時間
 

参加者の人数


開始

完了


Dates are subject to availability and take place between 10:00 and 17:00.
Open Training Courses require 5+ participants.

お客様の声 (4)

関連コース

React Native for Web

  21 時間

関連カテゴリー