PWAs: Mobile Web-Apps entwickeln
Progressive Web-Apps entwickeln ‒ Praxisorientiertes Intensiv-Seminar
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
„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: Erweiternte 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
- Internet-Zugang über DSL / Kabel (Bandbreite mind. 256 Kbit/s, ab 512Kbit/s empfohlen)
- 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, WebEx als Videokonferenzlösung an
Weitere Kurse zum Thema Web-Programmierung:
- React JS Grundlagen Schulung
- Ruby Grundlagen Schulung
- JavaScript Grundlagen Schulung
- HTML & CSS Aufbaukurs
- HTML5 & CSS3 Grundlagenkurs