Szkolenie PWA – Tworzenie aplikacji Mobilnych typu Progressive Web App
Poziom
ŚredniozaawansowanyCzas
16h / 2 dniTermin
IndywidualnieCena
IndywidualnieSzkolenie PWA – Tworzenie aplikacji Mobilnych typu Progressive Web App
PWA to aplikacje internetowe, które łączą cechy stron webowych i aplikacji mobilnych: instalowalność, działanie offline, szybkie ładowanie, integrację z systemem operacyjnym oraz dostęp do wybranych API przeglądarki. Szkolenie obejmuje praktyczne tworzenie Progressive Web App: od konfiguracji środowiska, manifestu i HTTPS, przez Service Worker, strategie cache’owania, tryb offline, optymalizację wydajności i interfejs mobilny, po testowanie, debugowanie oraz podstawy publikacji na różnych platformach. Uczestnicy uczą się projektować PWA z uwzględnieniem zgodności przeglądarek, ograniczeń iOS i Androida, bezpieczeństwa oraz jakości doświadczenia użytkownika.
Dla kogo jest to szkolenie?
Dla osób, które chcą tworzyć wieloplatformowe aplikacje webowe działające na komputerach i urządzeniach mobilnych, także w trybie offline-
Dla osób, które znają podstawy HTML, CSS i JavaScriptu oraz chcą korzystać z nowoczesnych API przeglądarek w praktycznych aplikacjach PWA
Czego nauczysz się na szkoleniu?
- Przygotujesz podstawową aplikację Progressive Web App z manifestem, HTTPS i Service Workerem
- Skonfigurujesz instalowalność aplikacji, ikony, metadane oraz podstawową integrację z systemem operacyjnym
- Dobierzesz strategie cache’owania danych i zasobów do trybu offline oraz aktualizacji treści aplikacji
- Przetestujesz PWA z użyciem Chrome DevTools, Lighthouse, emulatora i urządzenia fizycznego
- Ocenisz zgodność funkcji PWA w przeglądarkach, różnice między Androidem i iOS oraz ograniczenia wybranych API
- Przygotujesz aplikację do podstawowego wdrożenia i publikacji z uwzględnieniem wymagań platform
Program szkolenia
Dzień 1
Wprowadzenie do PWA
- Definicja Progresywnych Aplikacji Webowych – PWA
- Korzyści PWA, scenariusze zastosowań i przykłady wdrożeń
- Różnice względem aplikacji natywnych i klasycznych stron internetowych
- Wsparcie technologii PWA w przeglądarkach
- Android i iOS – wsparcie, różnice i ograniczenia platform
Instalacja i konfiguracja środowiska pracy
- Konfiguracja emulatora, mirroringu i narzędzi developerskich
- Praca z prawdziwym urządzeniem mobilnym
- Bezpieczne połączenie HTTPS jako wymaganie PWA
- Konfiguracja Web App Manifest w formacie JSON
- Implementacja Service Workera w aplikacji
- Pierwsza Progresywna Aplikacja Webowa
Service Worker i tryb offline
- Instalacja i cykl życia Service Workera
- Strategie cache’owania danych i zasobów statycznych
- Aktualizacja treści i zawartości aplikacji
- Optymalizacja PWA pod kątem wydajności i niezawodności
Dzień 2
UI i użyteczność aplikacji
- Strategie cache i rewalidacji danych
- Lokalizacja, responsive design i adaptacja interfejsu do urządzeń mobilnych
- Integracja z systemem operacyjnym: geolokacja, obsługa dotyku, dostęp do aparatu, wideo
- Zaawansowane API przeglądarki i ich ograniczenia
Metody pomiaru wydajności aplikacji
- Narzędzia diagnostyczne: Chrome DevTools i Lighthouse
- Publikacja PWA na różnych platformach: Google Play Store i App Store
- Testy, debugowanie i wdrożenie PWA
- Zaawansowane elementy PWA i kontrola jakości aplikacji
Strategie cache’owania za pomocą Workbox
- Zaawansowany tryb offline
- Generowanie workerów
- Obsługa powiadomień
