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
