Recap zur Schnupperstunde

  • HTML

    Das Grundgerüst, die Struktur einer Website ✅

  • CSS

    Farbe, Schriftart, Position, "Layout" einer Website ⏸️

  • Javascript

    Die "Logik", das "Verhalten" einer Website. ⏸️

Wer bin ich?

Dominik Schopper

seit 2001 Linux Administrator und Softwarentwickler

seit 2019 IT Berater im Bereich Banken

Themen für heute

  1. Arbeitsumgebung aufsetzen
    • Visual Studio Code installieren
    • Arbeitsverzeichnis anlegen
  2. Projektideen sammeln
    • Zu welchem Thema habe ich Lust eine Website zu machen?
    • Was/Welche Dinge will ich dazu schreiben? Erzählen?
  3. HTML Seite anlegen

Installation VS Code

Bitte sucht nach der Website
Download Visual Studio Code
code.visualstudio.com/download

Verwendet dort den Download für
Windows
User Installer
x64

Nach dem Download

Dann führt die Installation durch!

Stellt VS Code auf die Sprache deutsch

Wie geht das?
[Strg]+[Shift]+[p]
Configure Display Language
Deutsch aussuchen

Erstellen eines Arbeitsverzeichnisses

  • Erstellt einen Ordner ag_webdev oder ag-webdev
  • das ist euer Hauptordner für alle Arbeiten und Projekte, die wir hier machen werden
  • Darin erstellt ihr für jedes Projekt oder manchmal auch pro Sitzung einen Unterordner

Projektideen

  • Welches Thema interessiert Euch?
  • Über welches Thema wisst ihr gut Bescheid?
  • Über welches Thema würdet ihr gerne mehr wissen?
  • Welches Thema könnte andere Menschen interessieren?

Startet Euer Projekt

  • Legt einen Ordner an, der wie Euer Projekt heißt
  • Öffnet VS Code
  • drückt [Strg] + [k]/[o] und wählt Euren Projektordner aus
  • legt dort eine Datei an und nennt sie index.html
  • erstellt ein HTML Grundgerüst
    Trick: schreibt html:5 und drückt die Taste [Tab]

Zum selbst Nachlesen

Englisch

Deutsch