WebApplications

Programmierung und Design mit HTML5, CSS3 und JavaScript

Vorwort

Dieses Skript wurde für die Vorlesung "Programmierung und Design von WebApplications mit HTML5, CSS3 und JavaScript" geschrieben. Die Bedienung erfolgt über die Tastatur (d.h. die Pfeiltasten, Pos1, Ende, Enter, Leerzeichen, etc. haben eine besondere Bedeutung) oder durch die untere Navigationsleiste. Diese wurde mit JavaScript (mit jQuery) und CSS3 entsprechend verschönert um nicht immer störend im Bild zu sein und die wichtigsten Informationen und Methoden bereitszustellen.

Die Vorlesung setzt nur geringfügige Kenntnisse in HTML voraus. Für CSS sind keinerlei Grundkenntnisse notwendig, allerdings kann vorhandenes Wissen sehr hilfreich sein. JavaScript wird von Grund auf eingeführt - hier sind nur Programmierkenntnisse in einer beliebigen (Skript-) Sprache notwendig, damit die Probleme in der Sprache und nicht in der Programmierung an sich auftreten.

Das Skript wurde während der Vorlesung kontinuierlich erweitert und verbessert. Die Übungsaufgaben sind auf einer separaten Seite, der Seite zum Kurs, welche mit weiteren Materialien zu dieser Vorlesung ausgestattet ist, verlinkt. Die Lösungen zu den Übungsaufgaben sind ebenfalls auf der Kurshomepage zu finden. Der Übungsbetrieb wird in der zweiten Woche mit grundlegendem HTML beginnen und anschließend mit JavaScript Grundkenntnissen fortfahren.

Neben den HTML5 Fähigkeiten von Desktop-Browsern sind die Möglichkeiten mit den mobilen Browsern im Fokus der Web-Entwickler. Im Internet gibt es jede Menge Webseiten mit Browservergleichen und Demonstrationen von aktuellen Möglichkeiten mit dem neuen Standard. Ein auf jeden Fall aufzurufender Test ist auf der Seite von HTML5Test zu finden. Sollte der verwendete Browser hier zu wenig Punkte holen, wäre ein Browserupgrade für die Vorlesung auf jeden Fall zu empfehlen.

Nachtrag im September 2013 Die Vorlesung hat sich mittlerweile als Blockkurs etabliert. Viele in der Vorlesung vorgestellte Techniken sind mittlerweile sehr weit verbreitet und können bedenkenlos eingesetzt werden. Nachdem der Kurs versucht, an den Grenzen der Technologie zu schreiten, werden daher Technologien wie WebGL stärker berücksichtigt.

Florian Rappl im September 2011 und 2013.

Literatur

Die folgenden Bücher habe ich zur Zusammenstellung des Stoffes verwendet.

• Uwe Hess, Günther Karl: HTML 4, bhv Verlag 2000, ISBN 3-8287-5005-2
• Bruce Lawson, Remy Sharp: Introducing HTML5, New Riders 2011, ISBN 0-3216-8729-9
• Steve Souders: High Performance Websites, O'Reilly 2008, ISBN 3-8972-1850-5
• jQuery Community Experts: jQuery Cookbook, O'Reilly 2010, ISBN 0-5961-5977-1
• Florence Maurice: CSS3 Leitfaden, Addison-Wesley 2010, ISBN 3-8273-3031-4
• Ed Tittel, Norbert Mikula, Ramesh Chandak: XML For Dummies, mitp 2000, ISBN 3-8266-2860-8
• David Siegel: Web Site Design, Markt und Technik 2000, ISBN 3-8272-5331-4
• Emily Vander Veer: JavaScript For Dummies, Wiley Publishing 2005, ISBN 0-7645-7659-3
• Richard Mansfield: CSS Web Design For Dummies, Wiley Publishing 2005, ISBN 0-7645-8425-1
• Christoph Prevezanos: Jetzt lerne ich HTML5: Start ohne Vorwissen, M+T 2011, ISBN 3-8272-4674-5
• Jesse Skinner: Unobtrusive Ajax, O'Reilly 2007, ISBN 0-5965-1024-4