Szkolenie: Progresywne Aplikacje Webowe (PWA)

Kod:	platform-pwa
Kategoria:	Web Platform
Forma:	30% wykłady / 70% warsztaty
Czas trwania:	3 dni

Odbiorcy:	architekci, developerzy
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.

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
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
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)
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
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...)

Web Performance Optimization

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...)

Web Performance Optimization

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...)

Web Performance Optimization

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ń

Twoje dane osobowe przetwarzamy, aby udzielić odpowiedzi na Twoje pytanie. Administratorem Twoich danych osobowych jest Bottega It Minds Sławomir Sobótka. Przysługuje Ci prawo wniesienia sprzeciwu wobec przetwarzania, prawo dostępu do danych, prawo żądania ich sprostowania, usunięcia lub ograniczenia ich przetwarzania. Szczegółowe informacje dotyczące przetwarzania Twoich danych osobowych znajdują się TUTAJ.