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

Dostępne terminy

  • Termin
  • Trener
  • Cena
  • Zapis
  • Lokalizacja

Termin:

14 listopada
Trwają zapisy na szkolenie

Trener:

Trener-Sages

Cena:

2150 PLN netto
Ikona podpowiedziDowiedz się więcej o cenach szkoleń - zapraszamy do kontaktu
+23% VAT

Lokalizacja:

Zdalne
Zdalne
Ikona podpowiedziZapytaj o inne lokalizacje - w tym celu skorzystaj z chatu

Forma szkolenia

Interesuje Cię szkolenie stacjonarne?

Dostępne terminy

Interesują Cię inne terminy?

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

Pobierz program w PDF

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

Autorem szkolenia jest Mateusz Kulesza

Senior developer, konsultant i szkoleniowiec. Pracował z wieloma polskimi i zagranicznymi firmami nad projektami z sektorów e-learning, reklamy, e-commerce, transportu oraz bankowości i finansów. Z technologiami Internetowymi pracuje od ponad 10 lat. Pasjonat technologii front-end, JavaScript'u a także marketingu internetowego i e-commerce.