Grundlagen der Webprogrammierung

Einführung

In der Veranstaltung Fortgeschrittene Programmierung werden seit dem Sommersemester 2016 Webtechnologien vermittelt. Im Wesentlichen handelt es sich dabei um den Technologiestack aus

• HTML: Hypertext Markup Language, Beschreibungssprache für Dokumente zur Darstellung im Browser. In HTML-Dokumenten werden die Struktur der Benutzeroberfläche und die Inhalte gespeichert.
• CSS: Cascading Style Sheets, Beschreibungssprache für das Aussehen der Benutzeroberfläche. Style Sheets werden an Oberflächenelemente des HTML-Dokuments gekoppelt und bestimmen deren Darstellung.
• JavaScript: Interpretierte Programmiersprache zur Implementierung von Oberflächendynamik und Funktionalität der Anwendung

Entwicklungsumgebung

Als Entwicklungsumgebung wird in der Veranstaltung die ​Eclipse IDE for JavaScript and Web Developers mit den Plugins

• Subclipse Plugin (derzeit Version 1.10.13)
• Nodeclipse (derzeit in Version 1.0.2)

verwendet. Das Nodeclipse Plugin unterstützt die Entwicklung von Node.js-Programmen und ermöglicht Content Assist, das durch einen Programmfehler im JSDT (Eclipse JavaScript Development Tools) in Eclipse Neon derzeit nicht funktioniert. Die Plugins können in Eclipse über den Marketplace (Help -> Eclipse Marketplace...) installiert werden.

Ein weiterer wesentlicher Bestandteil der Entwicklungsumgebung ist der Webbrowser ​Chrome. Er enthält umfangreiche Entwicklertools inkl. JavaScript Debugger. Die Entwicklertools können über das Menü -> Weitere Tools -> Entwicklertools (unter Windows Ctrl-Shift-I) geöffnet werden.