HTML5

HTML5 ermöglicht deutlich komplexere Webseiten und bietet vor allem für dynamische Webapplikationen ganz neue Möglichkeiten. Viele HTML5-Features kann man schon heute im großen Stile einsetzen, andere werden in naher Zukunft den Weg in die Browser finden -- und wieder andere lassen sich mit kreativen Tricks benutzbar machen.

Diese Schulung bietet einen umfassenden Einstieg in die Möglichkeiten von HTML5, vom Einsatz des HTML5-Doctypes über neue Elemente fürFormulare und Multimedia-Einbindung bis hin zum hardwarebeschleunigten 3D-Rendering im Webbrowser.

Zielgruppe:
Webworker und -entwickler mit Fokus auf Frontendentwicklung.

Voraussetzungen:
Grundkenntnisse in XHTML 1 und/oder HTML 4 sowie JavaScript.

Inhalt:
Die folgenden Module bilden die Standard-Agenda für HTML5-Workshops. Sie bauen in aller Regel nicht aufeinander auf und können fast beliebig gestrichen oder ausgetauscht werden. Abhängig von der Zusammensetzung des Kurses und den Präferenzen der Teilnehmer erfolgt die Schwerpunktsetzung in diesen drei Tagen.

• HTML5 – Wer, wann und warum?
  Was genau ist HTML5 und warum sollte es mich interessieren? Was ist die WHATWG? Warum gibt es zwei HTML5-Arbeitsgruppen? Was ist mit XHTML2 passiert? Kann man HTML5 heute schon verwenden? Und was hat es mit dem Jahr 2022 auf sich?
• Geolocation und Gerätesensorik
  Bei zunehmender mobiler Internetnutzung kommt Geolocation verstärkte Bedeutung zu, und da ist es ganz praktisch, dass moderne Browser eine eingebaute API dafür haben. Auch die Beschleunigungs- und Lagesensoren moderner Smartphones und Tablet-Computer lassen sich mit HTML und JavaScript problemlos anzapfen.
• HTML5-Einstieg für Fortgeschrittene
  HTML5 ist eine Erweiterung bestehender HTML-Techniken. Die wichtigsten Fakten, die neuen formalen Regeln und einige kleinere Änderungen, die mit wenig Aufwand schon viel bewegen, sind Gegenstand dieses Crashkurses für den geübten HTML-Autor.
• Semantisches HTML5
  Die neuen Auszeichnungselemente von HTML5 schaffen Ordnung und bedingen ein anderes Entstehen von Struktur in Websites, in das man sich erst einmal hineindenken muss. Dass zudem einige HTML-Elemente behalten, aber umdeklariert wurden, hat weiteres Stolperstein- Potenzial, das es zu meistern gilt.
• HTML5-Formulartechnik
  Es gibt unüberschaubar viele Formular-Verschönerungs-Scripts und Widget-Bibliotheken, mit denen man Formularvalidierung oder neue Formen von Eingabefeldern umsetzen kann. HTML5 legt die Axt an diesen Wildwuchs und bietet von Haus aus alle Formularfeatures, die heute noch mühsam getrickst werden müssen.
• Offline-Webanwendungen
  Mit HTML5 ist es möglich, komplette Web-Applikationen offline benutzbar zu machen – vielleicht weniger wichtig für den durchschnittlichen Firmenauftritt, aber sehr nützlich für mobil benutzbare Webapps und alles, was man sonst so im Browser programmiert. Auch für die Optimierung von Performance bieten Web Storage und Co. neue Möglichkeiten.
• Multimedia im Browser
  Sounds und Video direkt im Browser abspielen? Möglichst auch ohne Flash, damit die iPhone-Nutzer auch etwas davon haben? Kein Problem mit den HTML5-Elementen <audio> und <video>! Diese erlauben nicht nur das bequeme Einbetten handelsüblicher Multimedia-Formate, sondern sind auch durch eine API programmierbar. Das Jonglieren mit den diversen Browser-Eigenheiten macht das Thema allerdings zu einer echten Herausforderung.
• Web Workers - Threads für JavaScript
  Die neuen HTML5-Features verlangen vom Browser und seiner JavaScript-Engine immer mehr Rechenleistung. Dank Web Workers ist es möglich, lang laufende Scripts zu schreiben, die den Browser nicht blockieren, oder komplexe Rechenprozesse auf mehrere CPUs zu verteilen.
• Die File API
  Mit der File API können im Browser clientseitig Dateien verarbeitet werden. Damit wird es ein Leichtes, Webapplikationen zu schreiben, die zum Beispiel MP3-Tags lesen können oder clientseitig erzeugte Downloads direkt gezippt ausliefern.
• Polyfills und Vorwärtskompatibilität
  HTML5 schön und gut, aber was tut man im Internet Explorer 6? Das Zauberwort heißt „Polyfill“ und ist eine Technik für vorwärtskompatible HTML5-Apps. Polyfills können zwar nicht jeden alten Browser in einen modernen HTML5-Champion verwandeln, sind aber dennoch ein wichtiger Baustein für die tägliche HTML5-Arbeit.
• Das Canvas-Element
  Wenn es ein Element von HTML5 gibt, das bereits vollends im Entwickler-Mainstream angekommen ist, dann ist es <canvas>. Es erlaubt durch eine Reihe von Zeichenfunktionen die Erstellung frei programmierbarer Zeichenflächen, was vom pixeligen Strichmännchen bis zur hardwarebeschleunigten 3D-Grafik alles möglich macht.
• Kritik, Kommentare, Ausblick und HTML 6
  Was bedeuten HTML5 und Co. für die Zukunft der Web-Plattform? Ist wirklich alles so toll? Die Kritik und ein Blick in die Zukunft schließen auch ein mögliches HTML 6 ein, das bereits angekündigt wurde, aber möglicherweise nie Realität werden wird. Auch der Beruf des Webentwicklers wird sich verändern.

Schulungsunterlagen:

Sie erhalten zusätzlich zu den Präsentations-
unterlagen das vom Dozenten verfasste, 2011
im Open Source Press Verlag in zweiter Auflage
erschienene Buch HTML5.

Datum:

03.–05.09.2012

Dozent:

Peter Kröner

Peter Kröner ist Webdesigner und Frontendentwickler. Von 2004 bis 2006 war er als Designer in der Agentur Include Design aktiv und ist seitdem selbständig tätig. Im Februar 2011 erschien die zweite Auflage seines Buches HTML5 im Verlag Open Source Press.

Preis:

1275.00 EUR netto (1517.25 EUR inkl. MwSt.)
(beachten Sie unsere Sonderpreise für Studierende)

Jetzt anmelden für diese Schulung (oder Anmeldung per Fax-Formular.pdf)

Andere Termine für diese Veranstaltung:

---

Zur Übersicht