Der richtige Umgang mit HTML5

Eine Seite mit HTML5 erstellen
• Seitenstruktur
• Neue Strukturtags in HTML5
• Vereinfachung der Seiten

HTML5 – wie es dazu kam
• Die Probleme von HTML 4
• DIe Probleme von XHTML
• Der neue, flexiblere Ansatz von HTML5 – Trampelpfade schaffen
• Neue Features von HTML5
• HTML5 Spezifikation
• Derzeitige Unterstützung durch Webbrowser

HTML5 – Veränderungen
• Schwierigkeiten von HTML4
• Schwierigkeiten von XHTML
• Neue Flexibilität von HTML5 – Trampelpfade erstellen
• Neue Möglichkeiten mit HTML5
• Spezifikation von HTML5
• Unterstützende Webbrowser

Sektionen und Artikel
• Section Tag
• Article Tag
• Gliederung
• Barrierefreiheit

HTML5 – Audio und Video
• Welche Media Typen werden unterstützt?
• Audio Element
• Audio Formate
• Mehrere Quellen
• Attribute des Audio Tag
• Audio Dateien erstellen und abrufen
• Video Element
• Attribute des Video Tags
• Video Dateien erstellen und konvertieren
• Barrierefreiheit
• Scripting Media Elemente
• Was tun wenn keine Browserunterstützung vorliegt?

HTML5 Forms
• Modernizr
• Neue Eingabetypen
• Search
• Tel
• Url und Email
• Date/Time
• Number
• Range
• Min, max und step Attribute
• Color

HTML5 neue Formular Attribute
• Autocomplete
• Novalidate

HTML5 neue Attribute für Formularfelder
• Required
• Placeholder
• Autofocus
• Autocomplete
• Form
• Pattern

Neue Formular Elemente
• Datalist
• Progress und Meter

HTML5 Web Storage
• Übersicht über den HTML5 Web Storage
• Web Storage
• Browser Unterstützung
• Lokaler Storage
• Session Storage
• Schlüsselwerte
• Andere Speichermöglichkeiten
• Web Database Storage
• Indexed Database API

HTML5 Canvas
• Einführung zu Canvas
• Zeichnen von Linien
• Mehrfache Sub-Paths
• Zeichnen eines Paths
• Die Fill() – Methode
• Farben und Transparenzen
• Rechtecke
• Kreise und Bögen
• Quadratische- und Bezierkurven
• Bilder
• DrawImage() – Basic
• DrawImage() – Sprites
• Text

Integrierte APIs
• Offline Application API
• Cache Manifest Datei
• HTML Datei
• Ansteuern des ApplicationCache mit JavaScript
• Beispielapplikation
• Drag and Drop API

Folgende Voraussetzungen werden vom Hersteller empfohlen:
• Die Teilnehmer müssen sich gut mit HTML 4 auskennen und praktische Erfahrung mit den Grundlagen von CSS und JavaScript haben.
• Vorkenntnisse in JSON, DOM und Ajax sind hilfreich aber nicht erforderlich.

In dieser Schulung lernen sie die neuen Funktionen von HTML5 und ihre unmittelbar Anwendung kennen.

Dieser Kurs richtet sich an:
• Web-Entwickler

Wir bieten Ihnen die folgenden Leistungen:
• Interaktiven Präsenzunterricht mit praxiserfahrenen und zertifizierten Trainern
• Kurssprache ist Deutsch
• Lernen an Einzelarbeitsplätzen in modernen Schulungsräumen mit hohem Technikstandard
• Theoretische und praktische Module

Dieses Seminar führen wir mit unserem Partner New Elements GmbH durch.
• inkl. Verpflegung und Seminarunterlagen