====== Hello World ======
Legen Sie für jede Übung einen Ordner an und speichern alle nötigen Dateien darin. Das vereinfacht das hochladen der nötigen Dateien auf den Server.
===== Minimalversion =====
Folgende Version läuft auch lokal im Browser und muss nicht auf einen Webserver geladen werden.
F12-Entwicklertools öffnen!
* Starten Sie NotePad++ (oder ein anderer Text-Editor) und kopieren Sie obigen Code.
* Speichern Sie obigen Code in eine Datei ''hello.html'' in einen geeigneten Ordner (z.B. ''01-hello-world''). Lassen Sie den Text-Editor offen!
* Öffnen Sie die Datei zusätzlich in einem Browser. Öffnen Sie dort die Entwicklertools (F12) und lassen Sie sich die Konsole anzeigen.
===== Minimalversion auf verschiedene Dateien verteilt =====
Auch die Minimalversion läuft noch lokal, da alle Dateien direkt von der HTML-Datei eingebunden werden. Was nicht mehr lokal funktioniert, ist wenn Dinge dynamisch von JavaScript aus nachgeladen werden.
HTML:
F12-Entwicklertools öffnen!
JS:
console.log("Hallo von hello.js!");
CSS:
h1 {
color: lightgray;
}
body {
background-color: black;
}
* Legen Sie einen Ordner (z.B. ''02-hello-multifile'') an und speichern Sie obige drei Dateien darin.
* Studieren und verstehen Sie obigen Code. Stellen Sie Fragen.
* Modifizieren Sie obige Dateien und überprüfen Sie, ob Ihre Änderungen zu den erwarteten Ergebnissen führen.