Trwają zapisy do grupy

Szkolenie: 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.

  • Trenerzy praktycy
  • Kameralne grupy

Czas trwania szkolenia:2 dni (16h)

Poziom zaawansowania:

Kod kursu:PWA

pwa

Dostępne terminy szkolenia

  • Termin
  • Trener
  • Cena
  • Zapis
  • Lokalizacja

Termin:

13 marca
Trwają zapisy na szkolenie

Trener:

Trener-Sages

Cena:

2365 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

Termin:

12 czerwca
Trwają zapisy na szkolenie

Trener:

Trener-Sages

Cena:

2365 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

Termin:

11 września
Trwają zapisy na szkolenie

Trener:

Trener-Sages

Cena:

2365 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?

Powiadom o kolejnych terminach

Interesuje Cię szkolenie w innym terminie?

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 szkolenia

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.