Java Kurse
von Java Profis.

Mobile Anwendungen und Apps

Progressive Web-Anwendungen (PWA) - Power Workshop: Der komplette Einstieg

Schulung Programmierung einer Progressive Web-Anwendungen

3 Tage

Plätze frei - Online
Plätze frei - Online
Plätze frei - Online
Plätze frei - Online
Plätze frei - Online
Plätze frei - Online

  • *Das ist eine Online-Schulung*
  • 3 praxisnahe Schulungstage mit vielen Übungen
  • der Trainer stellt wie üblich die neue Themen vor
  • der Teilnehmer kann jederzeit Fragen stellen
  • Übungen werden mit Trainer-Unterstützung durchgeführt
  • bei Problemen klinkt sich der Trainer bei dem Teilnehmer auf dem Rechner ein
  • Voraussetzungen für eine Online-Schulung pro Teilnehmer:
  • stabiles Internet, Webcam und Lautsprecher und ein ruhiger Platz
  • Dozent: Peter Hecker

exkl. MwSt

1.480,00

  • 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

Einleitung

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.

Beschreibung

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!

Zielgruppe

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

Dauer und Uhrzeiten

Dauer
3 Tage.
Startzeit für den ersten Schulungstag
10:00 Uhr - 17:00 Uhr.
Endzeit am letzten Schulungstag
max. 16:00 Uhr.
Normale Schulungszeit
09:00 - 16:30 Uhr.
Pausen
Es werden min. 3 Pausen pro Tag durchgeführt.

Über den Dozenten

Peter Hecker arbeitet seit über 30 Jahren als Unternehmer und Führungskraft in IT-, Online- und Weiterbildungsunternehmen.

Peter Hecker verfügt über eine Vielzahl von Kompetenzen und Qualifikationen in unterschiedlichen IT- und Digital-Themen.

Seit über 20 Jahren vermittelt Peter Hecker sein Wissen als Coach, Dozent und Trainer.

Die Teilnehmer seiner Veranstaltungen schätzen seine praktischen Erfahrungen sowie die praxisnahe und pragmatische Wissensvermittlung.

Ask the Experts

Sie haben zu dem Kursthema eine Frage oder stehen vor der Entscheidung, welches JavaScript-Frontend das richtige ist? Gerne steht Ihnen Peter Hecker Rede und Antwort. Schicken Sie uns bitte eine Mail, wir vereinbaren einen kostenfreien Ast the Experts-Termin mit Ihnen.

Tim Neumann: tim.neumann@gedoplan.de

Maßgeschneidert?

Alle Kurse gibt es auch als
individuelle Firmenschulung
und als Remote-Schulung.

Kontaktieren Sie mich oder
nutzen Sie unseren
Schulungskonfigurator!

030 / 755 49 188

Tim.Neumann@GEDOPLAN.de

Das erwartet Sie bei uns

Kaffee, Tee und kalte Getränke

Wer öfter trinkt, kann besser denken. Deshalb versorgen wir Sie mit ausreichend gratis Getränken.

Obst, Kekse und Mahlzeiten

Ein voller Bauch studiert zwar nicht gern, aber nur wer sich wohl fühlt, hat auch Spaß am Seminar.

Demos und Beispiele zum Mitnehmen

Unsere Kurse haben einen hohen Praxisanteil. Die komplette Übungsumgebung nehmen Sie bei vielen Kursen am Ende auf einem USB-Stick mit.

Teilnahmebescheinigung

Nach erfolgreicher Teilnahme erhalten Sie eine Bescheinigung zur Bestätigung Ihrer Teilnahme.