HTML5 Training: WebApps erstellen

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