HTML5 Einführungskurs

Ziele

In diesem Kurs lernen Sie die Teilnehmer die neuen Techniken von HTML5 kennen und können diese so effektiv einsetzen.

Zielgruppe

Webentwickler

Voraussetzungen

• Solide HTML 4 Kenntnisse
• Erste Erfahrung mit Javascript und CSS
• Grundkenntnisse in den Bereichen JSON, DOM und Ajax sind vorteilhaft

Agenda

Seitenlayout einer HTML5-Seite

• Seitenstruktur
• Neue Strukturtags
• Vereinfachungen

GEschichte von HTML5

• Herausforderungen bei HTML4
• Herausforderungen bei XHTML
• Neue Funktionen von HTML5
• HTML5 Spezifikationen
• Browserunterstützung

Sektionselementente und Artikel

• Section Tag
• Article Tag

Audio und Video bei HTML5

• Unterstützte Medientypen
• Audio
  • Audio Formate
  • Multiple Quellens
  • Audio Tag Attribut
• Video Element
  • Video Tag Attribut
  • Erstellung und convertierung von Video Dateien
• Zugänglichkeit
• Skriptierung von Medien-Elementen
• Umgang mit nicht unterstützenden Browsern

HTML5 Formate

• Modernizr
• Neue Eingabe-Typen
  • Suche
  • Telefon
  • URL / Mail
  • Datum/Zeit
  • weitere Typen

Neue Formular-Attribute

• Autovervollständigung
• novalidate
• formnovalidate

Neue Formularfeld-Attribute

• required
• placeholder
• autofocus
• autocomplete
• form

Neue Elemente

• Datalist
• progress and meter

HTML5 Web Storage

• Überblick
• Web Storage
  • Browser Support
  • Local Storage
  • Session Storage
• Weitere Storage Methoden
  • Web Database Storage
  • Indizierte Database API

Canvas

• Einführung Canvas
• Linien zeichnen
  • Multiple Pfade
  • Die fill() Method
• Farbe und Transparenz
• Rechteck
• Kreise und Bögen
• Bilder/drawImage()

Integrierte APIs

• Offline Application API
  • Cache Manifest File
  • HTML Datei
  • ApplicationCache mit JavaScript verwalten
• "Drag and Drop"-API