Progresywne Aplikacje Webowe (PWA)

Kod: platform-pwa
Kategoria: Web Platform
Forma: 30% wykłady / 70% warsztaty
Czas trwania: 3 dni
Odbiorcy: 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. Wymagana jest praktyczna znajomość JavaScriptu, protokołu HTTP oraz ekosystemu NPM umożliwiająca poruszanie się w kodzie nowoczesnej aplikacji front-endowej. Nie jest wymagana znajomość żadnego frameworka/biblioteki, wcześniejsze doświadczenie z zagadnieniami PWA ani specyfiką mobile weba.

Jako, że szkolenie w znacznej mierze składa się z części warsztatowej, uczestnicy powinni mieć własnego laptopa z ulubionym IDE, Node.js oraz klientem git-a; w celu testowania integracji sprzętowej przyda się także telefon lub inne urządzenie z systemem Android. W ramach szkolenia uczestnicy zaimplementują szereg usprawnień i integracji z urządzeniem mobilnym w istniejącej aplikacji front-endowej.

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
    4. PWA w sklepach
  2. Service Workers
    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
  3. Specyfika "mobile weba"
    1. Podstawy progressive enhancement
    2. Responsive Web Design, media queries
    3. Elementy CSS-a pomocne w projektowaniu stron mobilnych
    4. Device orientation
    5. Viewports (layout viewport vs. visual viewport)
  4. 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
  5. 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ć

Materiały związane ze szkoleniem

Idea renesansowej pracowni - Bottegi zakłada nieustanną pracę jej członków i dzielenie się jej wynikami.

  • Looking for the Holy Grail of Mobile Web Performance
    KATEGORIE: Front-end

    W świecie mobilnym Istnieje przeświadczenie, że jedynie aplikacje natywne są w stanie sprostać oczekiwaniom użytkowników. Wraz z pojawieniem się Progresywnych Aplikacji Webowych, które mają przenieść na platformę webową wiele cech zarezerwowanych dotąd tylko dla rozwiązań natywnych, oczekiwania dotyczące wydajności są silniejsze niż kiedykolwiek wcześniej. Czy Web jest w stanie im sprostać?

    Autor Bottega:

    Adam Bar

    Powiązane szkolenia dedykowane:

    (zobacz wszystkie powiązane...)

    Svelte: Reaktywne Aplikacje Frontendowe

    Powiązane usługi:

    Audyty architektury
  • JSON taki albo owaki... czyli kontrolowanie struktur z JSON Schema
    KATEGORIE: Front-end

    Slides

    JSON jest najpopularniejszym formatem definiowania/wymiany danych w sieci. Jest elastyczny niczym XML oraz zwięzły, jak to tylko możliwe. Nie mniej, rozwiązłość strukturalna JSONów powoduje utratę kontroli nad tym, jakie dane są przechowywane. Jeśli chcesz kontrolować, co może być przechowywane w formacie JSON, zerknijmy na JSON Schema.

    Autor Bottega:

    Tomasz Ducin

    Powiązane szkolenia dedykowane:

    (zobacz wszystkie powiązane...)

    Svelte: Reaktywne Aplikacje Frontendowe

    Powiązane usługi:

    Audyty architektury
  • A Ty co zrobisz bez frameworka
    KATEGORIE: Front-end

    Podczas tej prezentacji poznamy lit-html – bibliotekę, która w prosty sposób abstrahuje zawiłości operacji na DOM-ie – oraz jej kuzyna lit-element, dzięki któremu Web Componenty są dziś na wyciągnięcie ręki. Sprawdzimy, jak wiele można mieć za tak niewiele i zastanowimy się, czy lit-html może stanowić alternatywę dla frameworków.

    Autor Bottega:

    Adam Bar

    Powiązane szkolenia dedykowane:

    (zobacz wszystkie powiązane...)

    Svelte: Reaktywne Aplikacje Frontendowe

    Powiązane usługi:

    Audyty architektury

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