HTML5 Training: WebApps erstellen
Eine installierbare PWA entwickeln, Offline-Inhalte steuern und Aktualisierungen über Service Worker beherrschen
Die wichtigsten Themen
Installierbare PWA entwickeln
Responsive Oberflächen umsetzen
Offline-Cache mit Service Worker
Browser-Speicher passend wählen
Browser-APIs integrieren
Browserübergreifend testen
Überblick WebApps bringen Anwendungen ohne separate Installation auf Smartphones, Tablets und Desktop-Rechner. Progressive Web Apps ergänzen dieses Modell um ein Web App Manifest, Installierbarkeit und ein steuerbares...
WebApps bringen Anwendungen ohne separate Installation auf Smartphones, Tablets und Desktop-Rechner. Progressive Web Apps ergänzen dieses Modell um ein Web App Manifest, Installierbarkeit und ein steuerbares Offline-Verhalten. In der HTML5 WebApps Schulung entwickelst du eine responsive Anwendung mit HTML5, CSS3 und JavaScript und baust sie schrittweise zu einer installierbaren PWA aus.
Am Beispiel eines eigenen Prototyps setzt du einen Service Worker auf, definierst Cache-Strategien und speicherst Daten über Browser-APIs. Du testest das Verhalten bei unterbrochener Verbindung, prüfst Aktualisierungen gecachter Dateien und analysierst Fehler mit den Browser-DevTools. So entsteht eine Anwendung, die wichtige Inhalte auch ohne Netz bereitstellt und nach einem Deployment nicht unbemerkt mit veralteten Assets weiterarbeitet. Die Übungen finden in Gruppen mit maximal acht Personen statt, sodass die Dozentin oder der Dozent technische Fragen beantworten und Projektentscheidungen besprechen kann.
Fehlen noch sichere Grundlagen in HTML5, CSS3 oder JavaScript, bereitet der HTML5 Workshop für moderne Webentwicklung auf das Training vor. Weitere Schulungen findest du im Bereich Webentwicklung und Webdesign. Für Entwicklungsteams führen wir das Training auch online, in Präsenz oder inhouse durch: Fordere ein Angebot mit eurem Wunschtermin an.
Die Themen WebApps und Progressive Web Apps vergleichen · Native und hybride Ansätze abgrenzen · Einsatzszenarien und Plattformgrenzen bewerten · Projektanforderungen in Architekturentscheidungen übertragen...
WebApps und Anwendungsarchitektur
- WebApps und Progressive Web Apps vergleichen
- Native und hybride Ansätze abgrenzen
- Einsatzszenarien und Plattformgrenzen bewerten
- Projektanforderungen in Architekturentscheidungen übertragen
Responsive Oberflächen mit HTML5 und CSS3
- Semantische HTML5-Strukturen aufbauen
- Layouts mit Flexbox und Grid gestalten
- Touch-Bedienung und Navigation umsetzen
- Pixeldichte und Bildschirmgrößen berücksichtigen
- Formulare für mobile Eingaben optimieren
Web App Manifest und Installation
- Manifest-Datei erstellen und einbinden
- App-Namen und Icons konfigurieren
- Start-URL und Display-Modi festlegen
- Installationsverhalten nach Plattform prüfen
- HTTPS als technische Voraussetzung umsetzen
Service Worker und Offline-Funktionen
- Service Worker registrieren und aktualisieren
- Cache Storage für Assets verwenden
- Cache-Strategien für Inhalte auswählen
- Offline-Fallbacks für Netzfehler entwickeln
- Versionen gecachter Dateien steuern
Lokale Daten und Browser-APIs
- LocalStorage und SessionStorage abgrenzen
- IndexedDB für größere Datenbestände einsetzen
- Geolocation mit Berechtigungen verwenden
- Audio und Video integrieren
- Animationen und Gerätefunktionen prüfen
Frameworks, Tests und Bereitstellung
- React, Angular und Vue.js vergleichen
- Flutter und React Native abgrenzen
- Browser-DevTools und Emulatoren einsetzen
- Ladezeiten und Assets analysieren
- Service-Worker-Fehler systematisch untersuchen
- Deployment und Update-Prozesse planen
Zielgruppe
- 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 lernst du
- WebApps, PWAs, Frameworks und native Ansätze anhand konkreter Projektanforderungen vergleichen
- Responsive Benutzeroberflächen mit HTML5, CSS3 und JavaScript umsetzen
- Eine installierbare PWA mit einem Web App Manifest und einem Offline-Cache entwickeln
- Aktualisierungen gecachter Assets steuern und veraltete Anwendungsstände vermeiden
- Browser-Speicher und Geräte-APIs nach Datenmenge und Einsatz auswählen
- Einen lauffähigen Prototyp testen, bereitstellen und bei Netzunterbrechungen prüfen
So arbeiten wir
- 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
Empfohlene Vorkenntnisse
- 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 Fahrplan
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
Organisatorisches
Lernformate
Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.
Schulungsarten
Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.
Aktuelle Software
In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest - praxisnah und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.
Deine Vorteile
Zufriedenheitsgarantie
Wir sind von unserer Qualität überzeugt. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.
Inklusivleistungen
Deine Teilnahme beinhaltet: Schulungsmaterial, Zertifikat, Verpflegung (bei Präsenzveranstaltungen) und persönliche Betreuung durch unsere Trainer und unser Orga-Team. Alles aus einer Hand - keine versteckten Kosten.
Lernen von Experten
Unsere Trainer sind zertifizierte und erfahrene Profis mit jahrelanger Berufserfahrung. Sie vermitteln dir in den Kursen nicht nur theoretisches Wissen, sondern teilen ihre Erfahrungen aus realen Projekten und helfen dir, das Gelernte direkt in deiner täglichen Arbeit anzuwenden. Das ist kein Werbeversprechen, sondern unser Anspruch. Am besten siehst du das in unseren Bewertungen, z.B. auch bei Google.
Keine Vorkasse
Du zahlst erst nach dem Seminar. Keine Vorkasse, keine Vorauszahlung - so kannst du sicher sein, dass du nur für das bezahlst, was du auch wirklich erhalten hast. Die Rechnung erhältst du erst nach Kursbeginn.
Max. 8 Teilnehmende
Wir setzen auf kleine Gruppen, damit du die Aufmerksamkeit bekommst, die du verdienst. So haben wir mehr Zeit für deine individuellen Fragen und können gezielt auf deine Bedürfnisse eingehen.
Termine & Buchung
Vor Ort
Online
Nicht der passende Termin dabei?
Wir finden eine Lösung: anderer Termin, mehrere Teilnehmer, Inhouse-Schulung oder individuelle Beratung.
Lieber gleich das ganze Team schulen?
Diese Schulung gibt es auch exklusiv für dein Unternehmen, bei euch vor Ort, an unseren Standorten oder Live-Online. Inhalte und Termine nach Maß.
Inhouse-Schulung
Wir kommen zu euch: diese Schulung maßgeschneidert in euren Räumen, für Unternehmen und Behörden.
- Inhalte exakt auf euch zugeschnitten
- Termine nach euren Bedürfnissen
- Günstiger ab mehreren Teilnehmern
- Vertraute Umgebung, kein Reiseaufwand
Firmen-Seminar
Exklusiv für dein Team an einem unserer Standorte oder Live-Online, individuell angepasst.
- Geschlossene Gruppe aus eurem Haus
- Individuelle Terminplanung
- An unseren Standorten oder Live-Online
- Angepasste Inhalte
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.
Weitere häufig gestellte Fragen und Antworten findest du in den FAQs.
Passende Schulungen nach dem Kurs
Unser Qualitätsversprechen: Wissen, das in der Praxis funktioniert
Aus der Praxis für die Praxis
Schluss mit theoretischem Ballast. Wir trainieren dich für reale IT-Herausforderungen, nicht für Multiple-Choice-Tests. Unsere Trainer vermitteln dir genau das Wissen, das am nächsten Montagmorgen im Job wirklich funktioniert.
Individuell statt "Schema F"
Deine Fragen passen nicht ins Standard-Skript? Bei uns schon. Wir verzichten auf starre Lehrpläne und geben deinen konkreten Projekt-Fragen Raum. Unsere Trainer passen die Inhalte flexibel an das an, was dich und dein Team aktuell weiterbringt.
Maximale Freiheit: Remote oder vor Ort
Lerne so, wie es in deinen Alltag passt - ohne Reise-Stress und Zeitverlust. Egal ob remote, hybrid oder präsent vor Ort: Wir garantieren dir ein nahtloses und effektives Lernerlebnis, egal von wo du dich zuschaltest.
Mit Zufriedenheitsgarantie
Wir sind von unserer Qualität überzeugt - und wollen, dass du es auch bist. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.
Über 20.000 Unternehmen und Behörden vertrauen auf uns
