コース概要

導入

  • ネイティブ アプリケーションとプログレッシブ アプリケーションの比較

Mobile Developmentサイクルの概要

  • Javaスクリプトロジック、CSSテンプレート、HTMLテンプレート

ウェブがネイティブになる

  • クロスプラットフォーム
  • 下位互換性
  • 機能の同等性

高度なプログレッシブ Web アプリとプッシュ通知

  • プッシュAPI
  • 通知API

開発環境の準備

  • Todo リスト アプリケーションのコーディング
  • サイトドメインをアクティブにしてSSLを有効にします
  • 「Advanced Progressive Web App」モジュールのインストール

高度なプログレッシブ Web アプリの構成

  • Web アプリケーションのプッシュ通知の設定を作成する
  • 一貫したエクスペリエンスを実現するプッシュ通知のスタイル設定
  • Web アプリケーションをユーザーのホーム画面に追加する

Service Worker をオフラインで使用する

  • Accessing キャッシュ API
  • オンラインかオフラインに応じてネットワークリクエストをカスタマイズする

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

  • モバイル エミュレーターまたはモバイル デバイスでのアプリケーションの実行

トラブルシューティング

  • Web アプリケーションは最新の Web プッシュ ライブラリ バージョンでのみ動作します

要約と結論

要求

  • HTML、CSS、オブジェクト指向の経験JavaScript
  • PWAへの理解
  • 観客

    • 開発者
  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 時間