コース概要

導入

  • ウェブとモバイルの融合

プログレッシブ Web アプリを開発する理由

  • 速度とパフォーマンス (Web サイトとの比較)
  • 安全
  • オフライン機能
  • プッシュ通知
  • 直帰率の向上
  • アプリのような操作感と機能性
  • App Storeのバイパス

ウェブサイトを有効にする

  • 安全なHTTPS接続
  • JSONマニフェスト
  • サービスワーカー

初めてのプログレッシブ Web アプリ (PWA) を構築する

Service Worker を使用してアプリをオフラインで動作できるようにする

  • データのキャッシュ
  • プッシュ通知の配信
  • コンテンツの更新
  • データ操作

イベントリスナーとコマンド

  • オンライン/オフラインのステータスに応じてネットワーク要求への応答をカスタマイズする
  • データの永続性とメッセージング
  • Accessing Cache API、Fetch API、IndexedDB API、postMessage() など。
  • 通知 API によるユーザー エンゲージメントの向上

アプリケーションでキャッシュされたアセットを使用する

Web アプリマニフェストの構成

  • ホーム画面にアプリを追加する

アプリケーションシェルのアーキテクチャ

UIに関する考慮事項

  • 使いやすさ
  • ローカリゼーション

PWA のトラブルシューティング

PWA を App Store に導入する

要約と結論

要求

  • HTML、CSS、オブジェクト指向JavaScript。
  • モバイルデバイス
  • モバイルデバイス上でGoogle Chromeを実行できること

観客

  • ウェブ開発者
  • アプリ開発者
 14 時間

参加者の人数



Price per participant

お客様の声 (3)

関連コース

Reactive Programming with Angular RxJS

14 時間

Jekyll for Web Designers and Content Writers

14 時間

Developing Web Applications with Visual Studio Code

7 時間