Progressive Web Apps (PWA)

• HTML, CSS i zorientowane obiektowo JavaScript.
• Urządzenie mobilne.
• Możliwość uruchomienia przeglądarki Google Chrome na urządzeniu mobilnym.

Publiczność

• Deweloperzy stron internetowych
• Deweloperzy aplikacji

Progresywna aplikacja internetowa (PWA) to aplikacja internetowa, która działa jak natywna aplikacja mobilna. Progresywna aplikacja internetowa może być wdrażana jako zwykła strona internetowa, a także jako natywna aplikacja w sklepie z aplikacjami.

W tym prowadzonym przez instruktora szkoleniu na żywo (na miejscu lub zdalnie) uczestnicy dowiedzą się, jak opracować swoją pierwszą progresywną aplikację internetową, przechodząc przez serię praktycznych ćwiczeń kończących się utworzeniem i wdrożeniem funkcjonalnego PWA.

Format kursu

• Interaktywny wykład i dyskusja.
• Wiele ćwiczeń i praktyki.
• Praktyczne wdrożenie w środowisku laboratoryjnym na żywo.

Opcje dostosowywania kursu

• Aby poprosić o spersonalizowane szkolenie dla tego kursu, skontaktuj się z nami.

Wstęp

• Konwergencja internetu i urządzeń mobilnych

Powody tworzenia progresywnych aplikacji internetowych

• szybkość i wydajność (w porównaniu do stron internetowych)
• bezpieczeństwo
• możliwości offline
• powiadomienia push
• lepsze współczynniki odrzuceń
• i funkcjonalność przypominająca aplikację
• ominięcie App Store

Włączanie Twojej witryny internetowej

• bezpieczne połączenie HTTPS
• Manifest JSON
• Pracownik serwisu

Tworzenie pierwszej progresywnej aplikacji internetowej (PWA)

Korzystanie z Service Workers w celu umożliwienia aplikacji pracy w trybie offline

• Buforowanie danych
• Serwowanie powiadomień push
• Aktualizowanie treści
• Manipulacja danymi

Odbiorniki zdarzeń i polecenia

• Dostosowywanie odpowiedzi na żądania sieciowe w zależności od statusu online/offline
• Trwałość danych i przesyłanie komunikatów
• Accessing Cache API, Fetch API, IndexedDB API, postMessage() itp.
• Zwiększanie zaangażowania użytkowników poprzez Notification API

Korzystanie z zasobów buforowanych w aplikacji

Konfigurowanie manifestu aplikacji internetowej

• Dodanie aplikacji do ekranu głównego

Architektura powłoki aplikacji

Rozważania dotyczące interfejsu użytkownika

• Użyteczność
• Lokalizacja

Rozwiązywanie problemów z PWA

Wdrażanie PWA w App Store

Podsumowanie i wnioski