LU00o - Benötigte Software - V2

Bevor wir uns an die praktische Arbeit machen, müssen wir verschiedene Software installieren. Die folgende Liste enthält die erforderlichen Tools und den Zweck der einzelnen Pakete:

Software Beschreibung Download-Link
Visual Studio Code IDE für Webentwicklung (Integrated Development Environment) VS Studio Code
Safe Exam Browser (SEB) Von der ETHZ entwickelte, spezialisierte Webbrowser-Umgebung zur sicheren Durchführung von Online-Prüfungen. Safe Exam Browser

Bevor Sie die Software herunterladen, müssen Sie prüfen welche Version Computer bzw. Chip Ihr Computer verwendet.

Hinweise MacOS

Hinweise Windows

Visual Studio Code

Post-Installationsschritte

Damit wir unser Ergebnis im Browser anschauen können müssen wir noch ein paar Module im Visual Studio Code ergänzen. Folgen Sie die nachfolgenden Schritte, um diese zu installieren.

  1. Öffnen Sie VS Studio Code.
  2. Mit Generate New Workspace werden Sie aufgefordert einen Namen für eine Arbeitsumgebung eingezugeben. Diese ist: M287_HTML_CSS
  3. Abschliessend müssen wir einige Extensions einrichten. Die Extensions finden wir in der linken Leiste, unter den 4 Vierecken.
    • Live Server
    • JavaScript Snippits (ersten Treffer)
    • Bootstrap
    • Open Browser Preview
    • Open In Default Browser

Installationsanleitung als Video

Safe Exam Browser


Kamil Demirci