HTML5 - Moderne Webentwicklung mit HTML5, CSS3 und JavaScript

Moderne Webentwicklung mit HTML5, CSS3 und JavaScript

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

Inhalt

Ü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"
Was gibt es Neues 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, Einführung 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 (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 zu Webanwendungen
- Geolocation
- Drag & Drop

Voraussetzungen

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

Zielgruppe

Webentwickler, die mit offenen Webtechnologien arbeiten möchten.

Zielsetzung

Erstellung moderner, responsiver Websites und Webanwendungen