HTML5-Tutorium: JavaScript: Entwicklungsumgebung

Dieser Artikel erfüllt die GlossarWiki-Qualitätsanforderungen nur teilweise:

Korrektheit: 3 (zu größeren Teilen überprüft)

Umfang: 2 (wichtige Fakten fehlen)

Quellenangaben: 2 (wichtige Quellen fehlen)

Quellenarten: 3 (gut)

Konformität: 5 (ausgezeichnet)

Vorlesung WebProg

Inhalt | Visual Studio Code | Node.js

Ziel

In diesem Tutorium wird beschrieben, wie man eine Entwicklungsumgebung für interaktive Web-Systeme auf Basis von HTML5, CSS und JavaScript erstellt.

Voraussetzungen

Dieses Tutorium wendet sich an Studierende des vierten Semesters Interaktive Medien. Es wird im Rahmen der Lehrveranstaltung Web-Programmierung (WebProg) entwickelt.

Im ersten Semester des Studiums wurden bereits Programmiererfahrung mit Processing und Java erworben: Grundlagen der Programmierung. Daher werden einfache objektorientierte Programmierprinzipien (If-Anweisungen, Schleifen, Objekte, Methoden etc.) als bekannt vorausgesetzt.

Die Kenntnis von HTML und CSS wird ebenfalls vorausgesetzt. Diese Kenntnisse werden in der Veranstaltung Grundlagen der Webtechnologien im zweiten Semester vermittelt.

Inhalt der Vorlesung WebProg ist die Erstellung von Web-Anwendungen, bestehend aus bis zu vier Komponenten:

• Datenbank-System:
  Postgres, MySQL, MongoDB ..., manchmal auch nur einfache JSON-Dateien
• Backend-Server (Schnittstelle zwischen Datenbank und Frondend-Server):
  Rest, GraphQL, ...
• Frontend-Server (Dokumente aus: HTML-, CSS- und JavaScript-Code, Bilder, Fonts etc.):
  Vue, React, Svelte ...
• CSS-Transpiler:
  SASS/SCSS, LESS ...

Ich persönlich bevorzuge Postgres, REST, VUE und SCSS. Sie dürfen allerdings auch andere Komponenten/Frameworks verwenden.

Tutorium

1. Visual Studio Code: Einrichten einer Visual Studio Code-Umgebung.
2. Node.js: Einrichten eines lokalen Node.js-Servers als Hilfswerkzeug bei der Entwicklung von Web-Anwendungen.

Quellen

1. Kowarschick (WebProg): Wolfgang Kowarschick; Vorlesung „Web-Programmierung“; Hochschule: Hochschule Augsburg; Adresse: Augsburg; Web-Link; 2024; Quellengüte: 3 (Vorlesung)