Web Development

Vertiefungsmodul im Medieninformatik Bachelor

KickOff, lokale Entwicklungsumgebung und Basics

Dauer
120 min
Typ
Tooling
Maximale Teilnehmerzahl
40 Teilnehmer
Verantwortlich
Calvin Hinzer, Christian Noss

Termine:

  • 30. März 2023, 10:00 Uhr – Raum 0.505

Worum geht es?

  • VS Code Benutzeroberfläche
  • Die wichtigsten Kurzbefehle
  • Extensions am Beispiel von Prettier und Live Server
  • Kurzer Einblick in Git und GitHub
  • SSH Key Erstellung für GitHub

Was muss ich vorbereiten?

Code Editor

Alle sollten Visual Studio Code oder einen anderen guten Code Editor auf ihrem Rechner installiert haben. Dazu gibt es weiter unten ein kleines Video (die Bootstrap Extension brauchen wir nicht) und hier noch die offiziellen Tipps vom VSC Team.

Es wäre gut, wenn alle die Live Share-Erweiterung für VSC installiert hätten. Dies ist sehr praktisch, wenn es um die parallele Entwicklung oder Hilfe bei Problemen geht. Dabei wird nicht nur der aktuelle Code live geteilt, sondern auch etwaige zugehörige Server, z.B. für Jekyll oder React.

Versionskontrolle

Auf allen Rechnern muss git installiert sein. Wir nutzen git ausschließlich via Terminal. Folgende Aktionen sollten für Sie kein Problem darstellen: Repo anlegen, Repo clonen, Commits erzeugen, Änderungen auf den Remote pushen, Änderungen vom Remote holen, Branches erstellen, Branches mergen, Branches löschen, Mergekonflikte beheben.

Die Windows nutzer sollten das Windows Subsystem for Linux (WSL) installiert haben und Sie sollten sich mit den Funktionalitäten vertraut gemacht haben. Kleiner Trick für WSL: wenn man in einem beliebigen Ordner mit einem „normalen“ Windows Terminal ist, kann man mit dem Befehl „wsl“ das WSL starten und ist direkt im aktuellen Ordner und kann Linux Befehle ausführen. Man kann auch in VS Code WSL als Standard-Shell festlegen, ansonsten kann man dort auch per „wsl“ das Subsystem starten und ist direkt im richtigen Ordner.

Terminal & SSH Client

Alle brauchen auf ihrer Maschine eine Terminal Anwendung. Windows Nutzern würden wir die Preview-Version vom neuem Windows Terminal empfehlen. Hier lassen sich verschiedene Shells (CMD, WSL, PowerShell, etc.) in einem Fenster mit mehreren Tabs öffnen. Das Terminal ist im Microsoft Store zum Download verfügbar. Für alle Betriebssysteme gibt es auch eine Reihe an Alternativen, z.B. iTerm, Putty, Hyper oder Kitty.

Aufgabe

Material