Progresywne Aplikacje Webowe (PWA)

Kod: web-pwa
Kategoria: Web (RoR, PHP)
Forma: 50% wykłady / 50% warsztaty
Czas trwania: 3 dni
Grupa docelowa: developerzy
architekci
Zapisy: Indywidualne zamówienie i dopasowanie dla grupy.
Logistyka: W siedzibie klienta lub w innym dowolnym miejscu.

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.

Szkolenie przeznaczone jest dla średniozaawansowanych bądź zaawansowanych developerów z praktyką w technologiach webowych.

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

Program jest ramą w jakiej możemy się poruszać merytorycznie - program dla konkretnego szkolenia dedykowanego ustalamy z grupą na podstawie analizy przed-szkoleniowej.

  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, Lighthouse


Pobierz program w formacie PDF

Trenerzy

Poznaj ekspertów, którzy mogą poprowadzić Twoje szkolenie.

Adam Bar

trener

Nie ma problemu, którego nie da się rozwiązać

Zamów szkolenie

Imię i nazwisko:
Firma:
E-mail:
Nr tel:
Temat:
Wiadomość:

Jeżeli preferujesz osobisty kontakt to zawsze możesz zadzwonić.

Iwona Sobótka

Koordynatorka szkoleń


Wyrażam zgodę na przetwarzania danych osobowych zgodnie z ustawą o ochronie danych osobowych w związku z wysłaniem zapytania przez formularz kontaktowy.

Podanie danych jest dobrowolne ale niezbędne do przetworzenia zapytania. Zastałem/am poinformowany/na, że przysługuje mi prawo dostępu do swoich danych, możliwości ich poprawienia, żądania zaprzestania ich przetwarzania.

Administratorem danych osobowych jest Bottega IT Minds, ul. Jana Sawy 2, 20-632 Lublin.

Klauzula informacyjna