PWA - Progresywne aplikacje webowe

LICZBA DNI: 3 (24h)

KOD KURSU: PWA

Powiadom
o kolejnych terminach

# pwa

Autor szkolenia:
Mateusz Kulesza

O szkoleniu

DLA KOGO?

Programiści chcący budować aplikacje progresywne i offline przy użyciu JavaScript i HTML5

Architekci chcący poznać możliwości nowoczesnych przeglądarek pod kątem projektowania aplikacji progresywnych

WYMAGANIA

Dobra znajomość JavaScript i HTML5

ZALETY

Szkolenie skupia się na praktycznym wykorzystaniu możliwości nowoczesnych przeglądarek

Uczestnik podczas praktycznych zajęć poznaje strategie szybszego ładowania aplikacji, cache, pracy offline oraz budowania progresywnych aplikacji, które dostosowują się do środowiska oraz korzystają z natywnych API, dzięki czemu strony HTML5 mogą wyglądać i zachowywać się jak zainstalowane aplikacje mobilne

Cele szkolenia

Pokazanie możliwości budowania aplikacji progresywnych - wyglądających i działających jak natywne aplikacje mobilne, ale działające w przeglądarce z użyciem JavaScript i HTML5

Program

  • Aplikacje webowe a natywne
  • Aplikacje natywne a hybrydowe
  • Progresywne aplikacje webowe - PWA
  • Koncepcje i zastosowanie
  • Progressive Enhancement
  • PWA w kontekście SPA - Single Page Applications
  • Plik manifestu aplikacji
  • Wsparcie przeglądarek
  • Narzędzia deweloperskie
  • Testowanie w przeglądarce
  • Emulowanie urządzenia
  • Testowanie na fizycznym urządzeniu
  • Instalacja i aktualizacja
  • Wprowadzenie do Service workers
  • Cykl życia SW
  • Rejestracja Workera
  • Zdarzenia i ich obsługa
  • Aktualizacja i aktywacja workera
  • Pozostałe zdarzenia
  • Baner instalacyjny
  • Fetch API
  • Wsparcie przeglądarek i pollyfille
  • Obsługa CORS
  • Cache API
  • Wsparcie przeglądarek
  • Cache statyczny / precaching
  • Cache wielu plików
  • Obsługa błędów
  • Wersjonowanie cache
  • Dynamiczny cache
  • Cache na żądanie
  • Offline fallback
  • Cache only, Network only i inne
  • Routing i strategie cache
  • LocalStorage i SessionStorage
  • IndexedDB
  • Przykład z użyciem google firebase
  • Synchronizacja w tle
  • Omówienie, ważne koncepcje
  • Narzędzia deweloperskie
  • Uprawnienia
  • Wyświetlanie powiadomień
  • Akcje powiadomień
  • Subskrypcja powiadomień Push
  • Wysyłanie powiadomień z serwera
  • Obsługa Plików
  • Audio / Video i grafika
  • Lokalizacja i śledzenie Użytkownika
  • API Baterii
  • API połączenia sieciowego
  • Accelerometr
  • i inne
  • Omówienie możliwości
  • Konfiguracja i generowanie workera
  • Strategia precache
  • Routing
  • Dynamiczny cache
  • Offline html fallback
  • Proces budowania
  • Angular
  • React
  • Vue

POLITYKA COOKIES:

Korzystamy z plików cookies, by móc jak najlepiej dostosować stronę do Twoich potrzeb oraz wyświetlać Ci przydatne i adekwatnych dla Ciebie reklamy w serwisie i poza nim. Możesz kontrolować ustawienia ciasteczek w swoich ustawieniach swojej przeglądarki. Odwiedzając tę stronę, wyrażasz zgodę na wykorzystywanie przez nas plików cookies.