Szkolenie Progresywne Aplikacje Webowe (PWA)

Szkolenie Progresywne Aplikacje Webowe (PWA)
  • 30% wykłady / 70% warsztaty
  • Czas trwania: 1-3 dni
  • Grupa docelowa: średnio-zaawansowani i zaawansowani developerzy front-endu

Szkolenie obejmuje szeroki zakres tematów związanych z wykorzystaniem nowoczesnych technologii webowych do tworzenia aplikacji, w tym obsługę trybu offline, powiadomienia oraz integrację z mobilnymi systemami operacyjnymi. W ramach szkolenia przedstawiane są również techniki optymalizacji wydajności stron internetowych.

Dzięki temu szkoleniu zespół będzie potrafił wykorzystać potencjał platformy webowej do szerszych niż zwykle zastosowań, w szczególności tworzyć aplikacje kojarzone dotąd wyłącznie z natywnymi technologiami mobilnymi. Może to pozwolić na uproszczenie procesów i ograniczenie kosztów wytwarzania tych aplikacji. Ponadto, dzięki zdobytej wiedzy na temat optymalizacji wydajności, tworzone aplikacje mogą być lepiej odbierane przez ich użytkowników, co według statystyk może wprost przekładać się na większe konwersje.

Wyróżniki szkolenia

  • wykorzystujemy najnowsze dostępne rozwiązania
  • położymy nacisk na optymalizację wydajności
  • zadbamy o wspieranie możliwie wielu urządzeń mobilnych

Program szkolenia

  1. Co to są Progresywne Aplikacje Webowe (PWA)?
    1. Dlaczego PWA? Korzyści, metryki i przykłady wdrożeń
    2. Różnice i korzyści w stosunku do aplikacji natywnych
    3. Wsparcie technologii PWA w przeglądarkach
  2. Service Worker
    1. Web App Manifest
    2. Wsparcie trybu offline - strategie i dobre praktyki
    3. Dodawanie do ekranu głównego
    4. Obsługa powiadomień Push
    5. Background synchronization
    6. Narzędzia wspomagające: Workbox.js
    7. Strategie testowania Service Workerów
  3. Podstawy progressive enhancement
    1. Dobre praktyki zapewniające kompatybilność wsteczną
    2. Zasady dostosowywania natywnych komponentów HTML
    3. Offline-first
    4. Architektura App-Shell
  4. Specyfika "mobile weba"
    1. Responsive Web Design, media queries
    2. Elementy CSS-a pomocne w projektowaniu stron mobilnych
    3. Device orientation
    4. Viewports (layout viewport vs. visual viewport)
  5. Integracja aplikacji z systemem operacyjnym
    1. Geolokacja
    2. Obsługa dotyku i gestów
    3. Dostęp do aparatu
    4. Web Share API
    5. Payment Request API
  6. Optymalizacja wydajności
    1. Metody mierzenia i testowania wydajności stron
    2. Ścieżka krytyczna ładowania elementów
    3. Kluczowe elementy optymalizacji renderowania (“pixel pipeline”)
    4. Optymalizacja ładowania obrazków
    5. Narzędzia - Chrome DevTools, debugowanie zdalne, Lighthous

Zaproś mnie

Spotkanie może mieć format prelekcji (zobacz sekcję Prezentacje), kilkugodzinnego warsztatu aż do trzydniowego interaktywnego szkolenia.

Brzmi interesująco? Napisz do mnie, ustalimy szczegóły treści, formatu i dostępności.