HTML5 - Der professionelle Einstieg in HTML, CSS und die APIs

Seminarziel

In dieser HTML5-Schulung erhalten Sie die Kenntnisse, um HTML5 konkret einzusetzen. Neben den sprachlichen Neuerungen zum Vorgänger werden die HTML5-Themen Formulare, Geolocation, Multimedia und Anwendungsunterstützung praxisnah vorgestellt. 

Sie lernen die neuen HTML5-Tags kennen und erfahren, wie man damit bessere semantische HTML5-Dokumente entwickelt. Ergänzen Sie Ihre Webseiten mit Rich Snippet-Informationen, damit Suchmaschinen wie Google und Bing  den Inhalt besser verstehen. Gestalten Sie Ihre Webseiten mit Hilfe von CSS3 Media Queries responsiv. Entwickeln Sie HTML5-Formulare, die Benutzereingaben validieren. Verwenden Sie das Canvas-Element  für grafische Darstellungen,  wie z B.: Diagramme. Speichern Sie Daten lokal im Browser mit Hilfe von LocalStorage und IndexedDb. Benutzen Sie den neuen HTML5-Websockets-Standard, um damit Echtzeit-Kommunikation (Realtime) zu machen.

Inhalt

• HTML5 - Überblick
  • HTML5-Basisdokument
  • Layoutelemente, Dokumentensektionen, Textstrukturierung
  • Typische HTML5-Anwendungsfälle
  • HTML5 in der Praxis
• HTML5 - Grundlagen
  • Dokumentenstruktur in HTML5 (header, footer, nav, section, main)
  • Neue HTML5-Textauszeichnungen
  • Microdaten und WAI-ARIA in HTML5
• HTML5 - Formulare
  • Neue HTML5-Input-Elemente (search, tel, url, email, datetime, date, month, week, time, number, range, color, )
  • Neue HTML5-Formularelemente (datalist, keygen, meter, output, progress)
  • Die Möglichkeiten der HTML5-Validierung
• HTML5 - Medieneinbindung
  • picture, figure, figcaption
  • Die HTML5 Video- und Audio-Elemente
  • Steuerung von HTML5-Audio und HTML5-Video mit JavaScript
  • Flash- und weitere Plugin-Formate mit HTML5-Multimedia verwenden
  • HTML5 - Canvas-Element
• HTML5 - Geolocation-API
  • Aktuelle Position mit HTML5 ermitteln
  • Positionswechsel mit HTML5 erfassen
• HTML5 - Datenhaltung und Datenspeicherung
  • Das HTML5-WebStorage-API
  • Das HTML5-IndexedDB-API 
• HTML5 - Kommunikation
  • Das HTML5-XmlHttpRequest 2-API
  • Das HTML5-ServerSentEvents-API
  • Das HTML5-Websockets-API
• HTML5 - Zusammenfassung
  • Aktueller Status der HTML5-Entwicklung
  • Zukünftige Entwicklungen bei den HTML5-API