HTML5 Training: WebApps erstellen
Eine installierbare PWA entwickeln, Offline-Inhalte steuern und Aktualisierungen über Service Worker beherrschen
- Installierbare PWA entwickeln
- Responsive Oberflächen umsetzen
- Offline-Cache mit Service Worker
- 3 Tage
- Aufbau
- Online
- Zufriedenheitsgarantie Risikofrei für dich
- Online Live per Videokonferenz
- max. 8 Teilnehmerinnen und Teilnehmer pro Gruppe
- Keine Vorkasse Rechnung nach dem Seminar
Das nimmst du mit
- Installierbare PWA entwickeln
- Responsive Oberflächen umsetzen
- Offline-Cache mit Service Worker
- Browser-Speicher passend wählen
- Browser-APIs integrieren
- Browserübergreifend testen
Passt das zu dir?
Damit du den Tag wirklich mitnimmst, lohnt sich ein kurzer Abgleich.
Richtig für dich, wenn
- Fachkräfte in der Webentwicklung mit sicheren HTML5-Kenntnissen
- Frontend-Teams mit bestehenden Browseranwendungen
- Softwareentwicklerinnen und Softwareentwickler für PWA-Prototypen
- IT-Projektleitungen für Entscheidungen zu WebApps und nativen Apps
- Fachkräfte in der Webentwicklung nach ersten Webprojekten, die Offline-Funktionen und Installierbarkeit ergänzen wollen
Das bringst du mit
- Gute Kenntnisse in HTML5 und CSS3
- Sicherer Umgang mit JavaScript-Grundlagen
- Grundverständnis für responsive Webseiten und Browser-DevTools
- Basiswissen zu HTTP, JSON und Client-Server-Kommunikation
Dein Lernweg
Tag 1: Architektur und responsive Oberflächen
Der erste Seminartag klärt die Unterschiede zwischen WebApps, Progressive Web Apps, hybriden Anwendungen und nativen Apps. Anschließend entsteht die responsive Grundstruktur des Seminarprojekts mit HTML5, CSS3 und JavaScript.
- Einsatzszenarien und Plattformgrenzen vergleichen
- Architektur des PWA-Prototyps planen
- Semantische HTML5-Struktur entwickeln
- Responsive Layouts mit Flexbox und Grid umsetzen
- Touch-Bedienung und Formulare testen
- Daten über die Fetch API laden
Tag 2: Installation, Caching und Browser-APIs
Am zweiten Tag wird die responsive WebApp installierbar und offline nutzbar. Das Seminarprojekt erhält ein Web App Manifest, einen Service Worker sowie passende Speichermechanismen für lokale Daten.
- Web App Manifest konfigurieren
- Installationsverhalten auf Plattformen prüfen
- Service Worker registrieren und aktualisieren
- Cache-Strategien und Offline-Fallbacks umsetzen
- Web Storage und IndexedDB vergleichen
- Geolocation und Medien-APIs integrieren
Tag 3: Tests, Optimierung und Bereitstellung
Der dritte Tag führt den Prototyp bis zur Bereitstellung. Browser- und Plattformtests zeigen Fehler bei Caching, Aktualisierung und Offline-Verhalten. Der Vergleich mit Frameworks und nativen Ansätzen unterstützt spätere Architekturentscheidungen.
- React Angular und Vue.js vergleichen
- Hybride und native Ansätze abgrenzen
- Service Worker mit DevTools untersuchen
- Ladezeiten und Assets analysieren
- Barrierearme Bedienung überprüfen
- HTTPS Deployment und Updates vorbereiten
- PWA-Prototyp abschließend testen
Klarheit von Anfang an
Format, Ablauf und alles, was schon enthalten ist. Keine Überraschungen, nur Fokus auf dein Ergebnis.
- Live-OnlineInteraktiv per Videokonferenz, von überall
3 Tage
Kompakt aufgebaut, damit du schnell ins Tun kommst.
max. 8
Kleine Gruppe, damit genug Raum für deine Fragen bleibt.
- Live-Coding mit Code-Beispielen
- Geführte Übungen zu Manifest und Service Worker
- Schrittweiser Aufbau eines PWA-Prototyps
- Tests mit Browser-DevTools und mobilen Ansichten
- Debugging von Cache und Offline-Verhalten
- Vergleich technischer Ansätze anhand von Projektfällen
Das ist immer dabei
- Ausführliche Schulungsunterlagen und Praxisbeispiele
- Teilnahmezertifikat
- Übungsumgebungen und Beispieldaten
- Nachbetreuung per E-Mail nach dem Seminar
Sichere dir deinen Platz
Wähle den Termin, der zu dir passt. Online live dabei oder vor Ort, ganz wie es für dich passt.
- Erfahrene IT-Trainer aus der Praxis
- Keine Vorkasse, Rechnung nach dem Seminar
- Kostenfreie Umbuchung bis 14 Tage vor Start
Lieber das ganze Team?
Bring dieses Seminar zu euch ins Haus oder lass uns ein Programm bauen, das genau auf euer Unternehmen passt.
Inhouse-Schulung
Wir kommen zu dir und schulen dein Team genau auf eure Praxis.
- Komplett auf eure Use-Cases und Tools zugeschnitten
- Termin und Ort bestimmst du, vor Ort oder Live-Online
- Ein fester Pauschalpreis statt Preis pro Person
Firmen-Seminar
Ein individuelles Programm, das wir auf eure Ziele zuschneiden.
- Frei kombinierbare Module aus unserem Themenkatalog
- Skalierbar von der Kleingruppe bis zur ganzen Belegschaft
- Begleitung über mehrere Termine hinweg möglich
Deine IT-Schulungen München-Expertinnen und -Experten
Du hast Fragen zu Inhalten, Terminen oder einer passenden Lösung für dein Team? Wir beraten dich gern, bevor du buchst. Direkt, ohne Umwege.
Antwort in der Regel am selben Werktag
Dein cmt-Team München
Beratung zu IT-Weiterbildung
Fragen und Antworten zu HTML5 Training: WebApps erstellen
Was ist eine Progressive Web App?
Eine Progressive Web App ist eine Webanwendung, die sich auf unterstützten Geräten wie eine App installieren lässt. Ein Web App Manifest liefert dafür Namen, Icons und Startverhalten. Service Worker ergänzen Offline-Funktionen und steuern, welche Inhalte aus dem Cache oder aus dem Netz geladen werden.
Wann ist eine PWA sinnvoller als eine native App?
Eine PWA passt zu Projekten, die eine gemeinsame Codebasis und den direkten Zugriff über den Browser benötigen. Eine native App ist eher geeignet, wenn tiefe Betriebssystemintegration, bestimmte Gerätefunktionen oder eine konsequente Verteilung über App-Stores verlangt werden. Die Entscheidung hängt vom Zielsystem und den technischen Anforderungen ab.
Braucht eine PWA immer einen Service Worker?
Ein Service Worker ist nicht auf jeder Plattform zwingend für die Installation erforderlich. Er wird jedoch benötigt, wenn die Anwendung Netzwerkanfragen abfangen, Dateien cachen oder Inhalte offline bereitstellen soll. Das Training behandelt Registrierung, Lebenszyklus und Aktualisierung getrennt vom Installationsprozess.
Welche Browser unterstützen Progressive Web Apps?
Installation und PWA-Funktionen unterscheiden sich je nach Browser und Betriebssystem. Chromium-basierte Browser bieten eine breite Unterstützung, während Installation und Bedienung unter iOS, macOS und anderen Plattformen abweichen. Der Prototyp wird deshalb in mehreren Browser-Ansichten geprüft.
Welche Vorkenntnisse brauche ich für die HTML5 WebApps Schulung?
Gute Kenntnisse in HTML5, CSS3 und JavaScript werden vorausgesetzt. Grundlagen zu HTTP, JSON und responsiven Layouts erleichtern die Übungen. Für den Umstieg von älteren HTML-Versionen eignet sich vorher die Schulung Update auf HTML5.
Kann ich das PWA-Training online besuchen?
Das dreitägige PWA-Training wird je nach Termin als Online-Schulung oder Präsenzseminar angeboten. Die Übungen umfassen Code-Beispiele, Browser-DevTools und einen eigenen Prototyp. Das konkrete Format steht beim jeweiligen Termin.
Ist die HTML5 WebApps Schulung als Inhouse-Training verfügbar?
Das Training kann als Inhouse-Schulung für ein Unternehmen durchgeführt werden. Inhalte und Übungen lassen sich nach vorheriger Abstimmung an den vorhandenen Technik-Stack oder typische Projektfälle des Teams anpassen.
Welche Vertiefung passt nach dem PWA-Training?
Der HTML5 Aufbaukurs vertieft weiterführende Webtechnologien. Für responsive Komponenten und Layoutsysteme ergänzt der Bootstrap 5 Kompaktkurs den Lernpfad.
Passende Schulungen
HTML5 Training: WebApps erstellen
Nächster Termin: 26. Oktober 2026 · Online
ab1.290 €netto