HTML5 Einführungskurs

Classroom Schulung | deutsch | Anspruch

Schulungsdauer: 3 Tage

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

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

Diese Seite weiterempfehlen