Progressive Web-Apps Schulung

Home - Frontend-Entwicklung - Progressive Web-Apps Schulung

PWAs: Mobile Web-Apps entwickeln

Progressive Web-Apps entwickeln ‒ Praxisorientierte Intensiv-Schulung

unserTRAINING Progressive Web Apps Schulung: Progressive Web Apps (PWAs) bieten Ihren Nutzern ein mobiles App-ähnliches Erlebnis, ohne dass sie eine App aus dem App Store/Play Store installieren müssen.

Du erstellst nach wie vor eine Webanwendung (HTML, CSS, JavaScript) und bekommst in dieser Schulung hierzu erst eine Vertiefung. Dann lernst du aber in dieser Schulung zusätzlich, wie du Funktionen wie Kamerazugriff, Service Worker für Offline-Unterstützung, Push-Benachrichtigungen und mehr hinzufügen kannst. Dies kombiniert das Beste aus beiden Welten: PWAs liefern schnelle, ansprechende und zuverlässige Erlebnisse und haben dennoch die Reichweite und Zugänglichkeit einer Webseite.

Progressive Web Apps Schulung

„Progressive Web App“ ist ein Begriff, der alle Funktionen zusammenfasst, die es dir ermöglichen, mobile-ähnliche Erfahrungen zu entwickeln. Das Thema liegt voll im Trend und dabei dürfte es auch bleiben! Es wird nicht nur von Google stark gefördert, sondern wurde auch von großen Unternehmen wie Twitter oder der Washington Post schnell übernommen.

Die Fähigkeiten und das Know-how, solche Web-Apps erstellen und optimieren zu können, hat einen hohen Stellenwert und wird bei Webentwickler:innen stark nachgefragt. Dieser Trend wird in der nächsten Zeit auch eher zunehmen. Wenn du also weisst, wie man PWAs erstellt, bist du klar im Vorteil.

Wir schulen dich und dein Team praxisnah

Dieser Kurs deckt alles ab, was du brauchst, um beeindruckende PWAs zu erstellen ‒ um zum Beispiel zu einer Punktzahl von 100 (von 100) in Googles PWA-Prüftool „Lighthouse“ zu kommen.

Diese Schulung behält auch immer deine individuellen Ziele im Blick. Wir stimmen jede Schulung individuell auf deine Bedürfnisse ab.

Lernziel:

Moderne Progressive Web-Apps (PWAs) entwickeln

Du lernst in dieser Schulung, performante und zuverlässige Progressive Web Apps ‒ also Web-Anwendungen ‒ zu entwickeln, die wie native mobile Anwendungen für iOS und Android aussehen und sich auch so anfühlen.

Weiterhin wirst du in das Thema Service Worker eingewiesen, um Webanwendungen zu erstellen, die auch ohne Internetverbindung funktionieren (offline-first).

Du erfährst auch, wie du Gerätefunktionen wie Kamera oder Geolokalisierung in deinen Web-Anwendungen nutzen kannst. Last not least lernst du, wie du Web-Push-Nachrichten verwendest, um die Interaktion mit den Usern in deiner Web-Anwendung zu steigern.

Progressive Web-Apps Schulung Inhalte

PWA-Kernbausteine: Der Kurs erklärt die Rolle von App-Manifesten, Service-Workern, Caching, Push-Benachrichtigungen und nativen Gerätefunktionen für die Erstellung von PWAs.
Hilfreiche Werkzeuge und Ressourcen: Der Kurs stellt verschiedene Werkzeuge und Ressourcen vor, die bei der Entwicklung und dem Testen von PWAs nützlich sind, wie z.B. Node.js, Chrome Developer Tools, Firebase, Workbox und Lighthouse
Praktische Übungen und Projekte: Der Kurs bietet zahlreiche Übungen und Projekte, um das Gelernte anzuwenden und zu vertiefen, wie z.B. das Erstellen einer Demo-PWA, das Implementieren verschiedener Caching-Strategien, das Hinzufügen von Offline-Unterstützung und das Verwenden von Hintergrund-Synchronisation.
SPA- und PWA-Integration: Der Kurs zeigt, wie man Single-Page-Applications (SPAs) mit PWAs verbinden kann, indem man verschiedene Frameworks wie React, Angular und Vue verwendet.
Lernziel: Der Kurs soll die Teilnehmer befähigen, moderne und benutzerfreundliche Webanwendungen zu erstellen, die auf verschiedenen Geräten und Plattformen funktionieren

Themenschwerpunkte:

Architektur von PWAs für große Datenmengen
Offline-Synchronisierung und Datenkonsistenz
Authentifizierung und Autorisierung in PWAs
Integration mit Backend-Systemen und APIs
Monitoring und Fehlerbehebung von PWAs
Best Practices für die Entwicklung von skalierbaren PWAs

Kursinhalte nach Absprache:

Tag 1: Einführung in PWAs

Grundlagen und Vorteile von PWAs
Technische Architektur einer PWA
Web App Manifest und Service Worker
Offline-Funktionalität und Push-Benachrichtigungen
Best Practices und Fallstudien

Tag 2: Entwicklung einer PWA mit Workbox

Erstellung einer einfachen PWA mit Workbox
Caching von Ressourcen
Push-Benachrichtigungen mit Workbox
Performance-Optimierung und Best Practices

Tag 3: Erweiterte PWA-Funktionen

Geolocation und Web APIs
Progressive Web Apps mit Zugriff auf native Gerätefunktionen
Entwicklung hybrider Apps mit Cordova
Sicherheit und Datenschutz in PWAs

Tag 4: Testing und Deployment

Testen von PWAs mit Lighthouse und anderen Tools
Veröffentlichung von PWAs im App Store und Play Store
Wartung und Weiterentwicklung von PWAs
Skalierung von PWAs für Enterprise-Anwendungen

Tag 5: Fortgeschrittene PWA-Entwicklung

Entwicklung von PWAs mit komplexen Anforderungen
Skalierung von PWAs für Enterprise-Umgebungen
Sicherheit und Datenschutz in PWAs
Testing und Performance-Optimierung von PWAs
Deployment und Wartung von PWAs

Empfehlung: 5 Tage – je nach Wissensstand und deinen Zielen
Wir stellen dir auf Wunsch deinen individuellen Kursplan zusammen
inkl. Zertifikat
inkl. Lernunterlagen
inkl. Übungs- und Beispieldateien
inkl. 30 Tage kostenlosen Support nach der Schulung
Schulungszeiten
9:00 – 16:00 Uhr (8 x 45 min.) oder nach Absprache

Dieser Kurs richtet sich an Webentwickler und Webprogrammierer, die PWAs mit modernen Webtechnologien entwickeln möchten.

Sehr gute allgemeine PC- oder Mac-Kenntnisse
Gute HTML5- und CSS3-Vorkenntnisse werden vorausgesetzt (siehe Kurs “HTML5 und CSS3 für Einsteiger” oder „HTML5 und CSS3 Aufbau Schulung„)
JavaScript-Vorkenntnisse sind Voraussetzung (siehe Kurs „JavaScript Grundlagen„)
Erfahrung mit JavaScript Frameworks ist nicht notwendig

ONLINE-SCHULUNG

Windows-PC oder Mac mit Soundkarte, aktuelles Windows-Betriebssystem – aktuelles macOS
stabiler Breitband-Internetzugang über DSL, Kabel oder Glasfaser (mind. 6 Mbit/s, ab 16 Mbit/s empfohlen – für Videokonferenz mit Bildschirmfreigabe)
Aktueller, moderner Browser wie z. B. Google Chrome, Mozilla Firefox, Microsoft Edge oder Apple Safari
Headset (Lautsprecher und Mikrofon alternativ) und Webcam (können wir gegen eine kleine Leihgebühr zur Verfügung stellen)
Zweiter Bildschirm empfehlenswert, aber nicht zwingend notwendig
Wir bieten MS Teams, Zoom oder WebEx als Videokonferenzlösung an

Weitere Kurse zum Thema Web-Programmierung:

Weitere Schulungen im Bereich Web-Design:

Schulungen für die Praxis

Praxis pur für deinen Erfolg: Lerne mit deinen eigenen Dateien und Beispielen. 100% Praxis und individuell auf dich zugeschnitten.

Bewertungen unserer Kurse

Irene Fey

@irfe

Ich wurde in diesem Seminar sehr gut auf meine zukünftigen Aufgaben vorbereitet. Es war sehr praxisorientiert und anschaulich. Wir haben auch mit meinen Dateien in der Schulung gearbeitet.

Markus O.

@pixelator

Das Seminar hat mir nicht nur Spaß gemacht, sondern ich habe viel Neues lernen können. Danke und weiter so :-)

Nadine P.

@nadi

Meine Erwartungen wurden voll und ganz erfüllt und sogar übertroffen. Der Trainer hatte eine ganze Menge Erfahrung und Freude am Wissen vermitteln.

Amira T.

@amira

Danke und ich hatte noch nie in einer Schulung die Gelegenheit, meine Praxisbeispiele so ausführlich zu erörtern. Der Dozent hatte richtig viel Ahnung und Erfahrung, die er weitergeben konnte.