HTML5 – Moderne Webentwicklung mit HTML5, CSS3 und JavaScript

Angesprochener Teilnehmerkreis sind Webentwicklerinnen und Webentwickler, die mit offenen Webtechnologien moderne Websites und Webanwendungen erstellen möchten. Im Seminar erhalten die Teilnehmenden eine breit gefächerte Übersicht über HTML5, CSS3 und die neuen JavaScript-Schnittstellen. Die Lerninhalte werden durch viele praktische Übungen gefestigt. Schwerpunkte sind die Neuerungen von HTML5 im breitesten Sinne, responsives Webdesign, neues Styling mit CSS3, modernes JavaScript sowie der Einsatz von Grafiken mit SVG und Canvas. Anders als im streng reglementierten Microsoft MOC-Kurs HTML5, CSS3 und JavaScript bietet dieser Kurs mehr Raum für eigene Themen, Prioritäten und Fragen. Die Betonung liegt sehr auf den praktischen Übungen und nicht auf der Theorie.

• Überblick über HTML5: Was ist neu, was gibt es nicht mehr und was hat sich geändert?
• HTML5, 5.1, 5.2 … versus HTML als „living Standard“
• Neuerungen in CSS3 und JavaScript in Übungsform
• CSS-Layouts mit Flex und Grid
• Erstellen und Stylen von HTML5-Seiten
• Einführung in Web Accessibility (barrierefreie Webentwicklung)
• Praktische Einführung in JavaScript: Syntax, HTML DOM, neue APIs und Einführung in jQuery
• Benutzeroberflächen mit Animationen: CSS3-Transitions und -Animationen statt JavaScript
• Audio und Video unter HTML5
• Untertitel für Videos schnell erstellen
• Die vielen Neuerungen bei HTML5-Formularen
• Implementierung einer anpassungsfähigen Benutzeroberfläche mit Responsive Web Design
• Local Storage und Session Storage
• Kommunikation mit einer Remote-Datenquelle: JSON, HTML und XML mit AJAX abfragen und auswerten
• Echtzeitkommunikation mit SSE und Web Sockets
• Erweiterte Grafiken im Einsatz: SVG, Canvas und responsive Bilder
• Tipps und Tricks

Weitere mögliche Themen, die optional und in Absprache durchgeführt werden:

• Offline-Support für Webanwendungen
• Geolocation
• Drag & Drop

Sie lernen, HTML5-Seiten mit CSS3 zu erstellen und zu stylen sowie moderne JavaScript-Schnittstellen praktisch einzusetzen. Dabei arbeiten Sie mit Responsive Web Design, SVG und Canvas und vertiefen die Inhalte durch praktische Übungen.

Webentwicklerinnen und Webentwickler, die mit offenen Webtechnologien arbeiten möchten.

Grundkenntnisse in HTML und CSS werden erwartet; Kenntnisse in JavaScript sind von Vorteil.