Trwają zapisy do grupy
PWA - Progresywne aplikacje webowe i mobilne
Podczas szkolenia nauczysz się używać HTML5 i ServiceWorkers, które pozwalają na budowanie aplikacji offline oraz progresywnych aplikacji internetowych działających zarówno w przeglądarkach jak i na urządzeniach mobilnych.
2150 PLN+23% VAT (2644 PLN brutto / 1 os.)Czas trwania szkolenia:2 dni (16h)
Poziom zaawansowania:
Kod kursu:PWA
PWA - Progresywne aplikacje webowe i 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
Dla kogo?
- Programistów chcących budować aplikacje progresywne i offline przy użyciu JavaScript i HTML5
- Architektów chcących poznać możliwości nowoczesnych przeglądarek pod kątem projektowania aplikacji progresywnych
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
Wymagania
- Dobra znajomość JavaScript i HTML5
W cenie otrzymasz:
- Materiały szkoleniowe
- Certyfikat ukończenia szkolenia
- W przypadku szkolenia w trybie stacjonarnym zapewnimy Ci również lunch oraz sprzęt niezbędny do nauki
Program
Wprowadzenie
- 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
Przygotowanie PWA
- Plik manifestu aplikacji
- Wsparcie przeglądarek
- Narzędzia deweloperskie
Testowanie i debugowanie
- Testowanie w przeglądarce
- Emulowanie urządzenia
- Testowanie na fizycznym urządzeniu
- Instalacja i aktualizacja
Service workers a PWA
- Wprowadzenie do Service workers
- Cykl życia SW
- Rejestracja workera
- Zdarzenia i ich obsługa
- Aktualizacja i aktywacja workera
- Pozostałe zdarzenia
- Baner instalacyjny
Promise i Fetch w przeglądarkach
- Fetch API
- Wsparcie przeglądarek i Polyfill
- Obsługa CORS
Service Worker jako Cache
- Cache API
- Wsparcie przeglądarek
- Cache statyczny/precaching
- Cache wielu plików
- Obsługa błędów
- Wersjonowanie cache
- Dynamiczny cache
Zaawansowany cache
- Cache na żądanie
- Offline fallback
- Cache only, Network only i inne
- Routing i strategie cache
Przechowywanie danych aplikacji
- LocalStorage i SessionStorage
- IndexedDB
Notyfikacje WebPush
- Omówienie, ważne koncepcje
- Narzędzia deweloperskie
- Uprawnienia
- Wyświetlanie powiadomień
- Akcje powiadomień
- Subskrypcja powiadomień Push
- Wysyłanie powiadomień z serwera
Narzędzie WorkBox
- Omówienie możliwości
- Konfiguracja i generowanie workera
- Strategia precache
- Routing
- Dynamiczny cache
- Offline HTML fallback
- Proces budowania
Narzędzie Lighthouse
Integracja z popularnymi frameworkami
- Angular
- React
- Vue