PWA - Progresywne aplikacje webowe
Czas trwania szkolenia:3 dni (24h)
Kod kursu:PWA
Poziom zaawansowania:
O szkoleniu PWA - Progresywne aplikacje webowe
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
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
- Praktyka przed teorią - wszystkie szkolenia technologiczne prowadzone są w formie warsztatowej. Konieczna teoria jest wyjaśniana na przykładzie praktycznych zadań
- Konkretne umiejętności - w ramach każdego szkolenia rozwijamy praktyczne umiejętności związane z daną technologią i tematyk ą
- Nauka z praktykami - wszyscy trenerzy na co dzień pracują w projektach, gwarantuje to dostęp do eksperckiej wiedzy i praktycznego know-how
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
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
- Przykład z użyciem Google Firebase
- Synchronizacja w tle
Notyfikacje WebPush
- Omówienie, ważne koncepcje
- Narzędzia deweloperskie
- Uprawnienia
- Wyświetlanie powiadomień
- Akcje powiadomień
- Subskrypcja powiadomień Push
- Wysyłanie powiadomień z serwera
Natywne API
- Obsługa Plików
- Audio/Video i grafika
- Lokalizacja i śledzenie Użytkownika
- API Baterii
- API połączenia sieciowego
- Accelerometr
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