Seminarkatalog

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.

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

• 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

• 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

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.

D