Advanced Progressive Web App (PWA)

• Doświadczenie z HTML, CSS i obiektowym JavaScript
• Zrozumienie PWA

Grupa docelowa

• Programiści

Progressive Web App (PWA) to strona internetowa lub strona internetowa, która wygląda i działa jak aplikacja mobilna. Progressive Web Apps mogą być uruchamiane na wszystkich platformach internetowych i mobilnych.

Ten kurs prowadzony przez instruktora (online lub na miejscu) jest skierowany do programistów, którzy chcą tworzyć zaawansowane Progressive Web Apps, które wykonyują wyłączne funkcje związane z powiadomieniami push i dostępnością offline.

Na koniec tego szkolenia uczestnicy będą w stanie:

• Uruchomić niezbędne środowisko rozwojowe do rozpoczęcia tworzenia zaawansowanej Progressive Web App.
• Tworzyć powiadomienia push, które umożliwiają subskrypcję.
• Cache z Service Worker, aby aplikacja webowa działała offline.
• Tworzyć powiadomienia push, które zachęcają częstych odwiedzających do zainstalowania aplikacji.

Format kursu

• Interaktywne wykłady i dyskusje.
• Wielość ćwiczeń i praktyki.
• Ręczne wdrażanie w środowisku laboratoryjnym.

Opcje dostosowania kursu

• Aby poprosić o dostosowany kurs dla tego szkolenia, skontaktuj się z nami, aby ułożyć.

Wprowadzenie

• Natywne aplikacje w przeciwieństwie do progresywnych aplikacji

Przegląd Mobile Development Cycle

• JavaScript logika, CSS szablony i HTML szablony

Web przechodzi na natywne

• Wieloplatformowość
• Współdziałanie wsteczne
• Parytet funkcji

Zaawansowane Progressive Web Apps i powiadomienia push

• Push API
• Notification API

Przygotowanie środowiska deweloperskiego

• Kodowanie aplikacji do listy zadań
• Aktywacja domeny witryny, aby była włączona SSL
• Instalowanie modułu "Advanced Progressive web app"

Konfiguracja zaawansowanej Progressive Web App

• Tworzenie preferencji dla powiadomień push aplikacji webowej
• Stylizowanie powiadomień push dla spójnego doświadczenia
• Dodawanie aplikacji webowej na ekran główny użytkownika

Używanie Service Worker dla użytku offline

• Access cache API
• Dostosowywanie żądań sieciowych w zależności od tego, czy online czy offline

Wdrażanie aplikacji

• Uruchamianie aplikacji na emulatorze mobilnym lub urządzeniu mobilnym

Rozwiązywanie problemów

• Aplikacja webowa działa tylko z najnowszą wersją biblioteki Web-push

Podsumowanie i wnioski