Progressive Web-Anwendungen (PWA) - Power Workshop: Der komplette Einstieg Online-Schulung - Webinar von GEDOPLAN GmbH

Schulung Programmierung einer Progressive Web-Anwendungen

Inhalte

  • PWA - Erste Schritte
    • Was sind progressive Webanwendungen?
    • PWAs versus native mobile Anwendungen
    • Eine erste progressive Web-Anwendung
    • PWA-Kernbausteine
    • Vergleich von PWAs und SPAs
    • Was bedeutet "Progressive Verbesserung"?
  • PWA - Das App-Manifest
    • Verwendung eines App-Manifests
    • Hinzufügen des Manifests
    • Verstehen der Eigenschaften von App-Manifesten
    • Hinzufügen von Eigenschaften zum App-Manifest
    • PWAs und Browser-Unterstützung
    • Verwendung der Chrome-Entwicklerwerkzeuge
    • Simulieren der Webanwendung auf einem Emulator
    • Vorbereiten des emulierten Geräts für PWA-Merkmale
    • Voraussetzungen für die Installation der Webanwendung
    • Eigenschaften für Safari hinzufügen
    • Eigenschaften für Internet Explorer hinzufügen
  • PWA - Die Service-Worker-API
    • Möglichkeiten von Service-Worker
    • Die Service-Worker-Events kennen und verstehen
    • Der Lebenszyklus des Service Workers
    • Service-Worker Browser-Unterstützung
    • Registrieren eines Service-Worker
    • Reagieren auf eingehende Ereignisse im Service-Worker
    • Aktualisierung und Aktivierung von Service-Worker
    • Nicht-Lebenszyklus-Ereignisse eines Service-Worker
    • Verbinden von Chrome-Entwicklerwerkzeugen mit einem realen/emulierten Gerät
    • Testen der App auf einem realen Gerät
    • Service-Worker Zusammenfassung
  • PWA - Das Promise- und Fetch-API
    • Asynchroner Code in JavaScript
    • Promises - Grundlagen
    • Promises verwerfen
    • Fetch - Grundlagen
    • Senden von Anfragen über Fetch
    • Fetch und CORS
    • Vergleich von Fetch und Ajax
    • Hinzufügen von Polyfills
    • Fetch-API und Service-Worker
  • PWA - Der Service-Worker und Caching
    • Warum Caching?
    • Verstehen der Cache-API
    • Browser-Unterstützung
    • Identifizieren von cache-bare Elementen
    • Statische Zwischenspeicherung und Pre-Caching
    • Abrufen von Elementen aus dem Cache
    • Hinzufügen und Abrufen mehrerer Dateien zum und vom Cache
    • Mehrere Dateien mit addAll zwischenspeichern
    • Grundlagen von Dynamischen Caching
    • Implementierung von dynamischem Caching
    • Behandlung von Fehlern
    • Hinzufügen einer Cache-Versionierung
    • Unterschiedliche Cache-Versionen und Bereinigung
    • Optimierung der Cache-Verwaltung
  • PWA - Die Caching Strategien
    • Bereitstellen einer Offline-Fallback-Seite
    • Strategie: Cache bei Bedarf
    • Strategie: Cache mit Netzwerk-Fallback
    • Strategie: Nur Cache
    • Strategie: Nur Netzwerk
    • Strategie: Netzwerk mit Cache-Fallback
    • Strategie: Cache dann Netzwerk
    • Strategie: Cache dann Netzwerk und dynamisches Caching
    • Strategie: Cache dann Netzwerk mit Offline-Unterstützung
    • Cache-Strategien und Routing
    • Bereinigen und Säubern des Caches
    • Freigeben eines Service-Worker
  • PWA - Dynamische Daten mit IndexedDB
    • Grundlagen von IndexedDB
    • Dynamisches Caching versus Zwischenspeichern dynamischer Inhalte
    • Einführung von IndexedDB
    • Unterstützung für IndexedDB-Browser
    • Hinzufügen der IDB-Datei
    • Speichern von geholten Daten in IndexedDB
    • Verwendung von IndexedDB im Service Worker
    • Lesen von Daten aus der IDB
    • Löschung von IDB und Behandlung von Server-Client-Unstimmigkeiten
    • Implementieren der Clear Database Methode
    • Löschen einzelner Elemente aus der Datenbank
    • IndexedDB und Caching-Strategien
  • PWA - Erstellen einer responsiven Benutzeroberfläche (UI)
    • Verstehen von Responsive Design
    • CSS und Medienanfragen
    • Bilder responsiv einsetzen
    • Hinzufügen von Animationen
    • Der Viewport und die Skalierung
  • PWA - Die Hintergrund-Synchronisation
    • Wie funktioniert die Hintergrund-Synchronisation?
    • Hinzufügen der Grundeinstellungen
    • Registrieren einer Synchronisierungsaufgabe
    • Speichern von Daten in IndexedDB
    • Hinzufügen eines Fallbacks
    • Synchronisieren von Daten im Service Worker
    • Periodische Synchronisierung verstehen
    • Hinzufügen von serverseitigem Code
    • Beheben von Fehlern
  • PWA - Die Web-Push-Benachrichtigungen
    • Wie Push und Benachrichtigungen funktionieren
    • Browser-Unterstützung
    • Beantragung von Berechtigungen
    • Anzeigen von Benachrichtigungen
    • Benachrichtigungen aus dem Service-Worker
    • Optionen für Benachrichtigungen
    • Hinzufügen von Aktionen zu Benachrichtigungen
    • Reagieren auf Benachrichtigungs-Interaktion
    • Von Benachrichtigungen zu Push-Mitteilungen
    • Erstellen eines Push-Abonnements
    • Speichern von Abonnements
    • Server und Client verbinden
    • Senden von Push-Nachrichten vom Server aus
    • Wiedergabe von Push-Nachrichten im Client
    • Anzeigen von Push-Benachrichtigungen auf einem realen Gerät
    • Öffnen einer Seite bei Benutzerinteraktion
  • PWA - Der Zugriff auf native Gerätemerkmale
    • DOM-Zugriff erhalten
    • Eigene Polyfills erstellen
    • Kamerazugriff - Abrufen des Videobildes
    • Speichern des Bildes auf einem Server
    • Testen der Kamera und Hochladen
    • Implementierung eines Fallbacks
    • Ermitteln der Benutzerposition
    • Behebung von Fehlern
    • Testen der Anwendung auf einem realen Gerät
  • PWA - Service-Worker mit Workbox
    • Die Workbox-Grundlagen verstehen
    • Installation und Verwendung von Workbox
    • Konfigurieren der Workbox-Voreinstellungen
    • Anpassen des Service-Worker
    • Routing mit dem Workbox-Router
    • Erweitern des dynamischen Caching
    • Optionen und Einrichten von Caching-Strategien
    • Benutzerdefinierte Handler für IndexedDB
    • Bereitstellen eines Offline-HTML-Fallbacks
    • Handhabung von Hintergrundsynchronisation und Push-Benachrichtigungen
    • Verstehen der Workbox-Dokumentation
    • Verbesserung des Build-Workflows
    • Prüfung unserer PWA mit Lighthouse

PWA - Die Erstellung mit SPA-Frameworks

  • Allgemeine Anmerkungen zu SPAs und PWAs
  • Erstellen einer PWA mit React und  create-react-app
  • Erstellen einer PWA mit Angular und dem Angular CLI
  • Erstellen einer PWA mit Vue.js und dem Vue CLI

Lernziele

Mit dem "Progressive Web-Anwendungen (PWA) - Power Workshop" gelingt Ihnen der perfekte Einstieg in die Programmierung einer PWA. Sie erhalten ein vollständiges Verständnis der Möglichkeiten von PWA's und bekommen alle relevanten Informationen um moderne, komplexe, reaktionsschnelle sowie skalierbare Progressive Web-Anwendungen (PWA) zu entwickeln.

Von der ersten Konfiguration eines App-Manifests bis Nutzung nativer APIs deckt dieser Progressive Web-Anwendungen (PWA)-Kurs alles ab! Sie erfahren alles über die Grundlagen und Möglichkeiten der Progressive Web-Anwendungen (PWA) - Technologien und vieles mehr. Aber das ist noch nicht alles: Im "Progressive Web-Anwendungen (PWA) - Power Workshop" entwickeln Sie unter professioneller Anleitung eigenständige PWA, so dass Sie das Gelernte direkt üben und anwenden können!

Zielgruppen

Entwickler, Programmierer mit Erfahrung in HTML, CSS und JavaScript, die moderne, komplexe, reaktionsschnelle sowie skalierbare Progressive Web-Anwendungen (PWA) entwickeln wollen.

Termine und Orte

Datum Uhrzeit Dauer Preis
Webinar
28.06.2021 - 30.06.2021 09:00 - 16:30 Uhr 22.5 h Jetzt buchen ›
09.08.2021 - 11.08.2021 09:00 - 16:30 Uhr 22.5 h Jetzt buchen ›
18.10.2021 - 20.10.2021 09:00 - 16:30 Uhr 22.5 h Jetzt buchen ›
13.12.2021 - 15.12.2021 09:00 - 16:30 Uhr 22.5 h Jetzt buchen ›

SG-Seminar-Nr.: 5807334

Termine

  • 28.06.2021 - 30.06.2021

    Webinar

  • 09.08.2021 - 11.08.2021

    Webinar

  • 18.10.2021 - 20.10.2021

    Webinar

  • 13.12.2021 - 15.12.2021

    Webinar

Preise inkl. MwSt. Es können Gebühren anfallen. Für eine exakte Preisauskunft wählen Sie bitte einen Termin aus.

Jetzt buchen ›
Seminar merken ›

Semigator berücksichtigt

  • Frühbucher-Preise
  • Last-Minute-Preise
  • Gruppenkonditionen

und verfügt über Sonderkonditionen mit einigen Anbietern.

Der Anbieter ist für den Inhalt verantwortlich.

Über Semigator mehr erfahren

  • Anbietervergleich von über 1.500 Seminaranbietern
  • Vollständige Veranstaltungsinformationen
  • Schnellbuchung
  • Persönlicher Service
Datum Uhrzeit Dauer Preis
Webinar
28.06.2021 - 30.06.2021 09:00 - 16:30 Uhr 22.5 h Jetzt buchen ›
09.08.2021 - 11.08.2021 09:00 - 16:30 Uhr 22.5 h Jetzt buchen ›
18.10.2021 - 20.10.2021 09:00 - 16:30 Uhr 22.5 h Jetzt buchen ›
13.12.2021 - 15.12.2021 09:00 - 16:30 Uhr 22.5 h Jetzt buchen ›