Digitale Bildung ungleich

{{toc}}

h1. Webseiten-1

Modulziel: Mit Hilfe von Linux und git erste Webseiten erstellen und publizieren

|_. Thema |_. Beschreibung |

| Kommandozeilen-Grundwissen | Grundbefehle kennenlernen |

| Basis SSH | Verstehen, was ssh ist, public keys |

| git-Versionskontrolle | Erste Schritte mit git |

| Webseite in Github pages |um die Website zu veröffentlichen|

h2. Kommandozeilen-Grundwissen

Ziele:

* Im Dateisystem navigieren können

* Unterschied zwischen Datei und Verzeichnis verstehen

* <Befehl> <Leerzeichen> <Parameter> verstehen

* Pfeil nach oben / unten für History kennenlernen

* Tabulator für die Vervollständigung von Befehlen

|_. Befehl |_. Beschreibung |

| pwd | Zeige an, wo ich bin (*pwd = print working directory*) |

| ls | Zeige an, was im Verzeichnis ist (*ls = list*) |

| cd Desktop | Gehe zum Desktop (*change directory*) |

| pwd | Zeige an, wo ich bin |

| cd / | Gehe nach / |

| pwd | Zeige an, wo ich bin |

| cd ~ | Gehe nach Hause |

| pwd | Zeige an, wo ich bin |

| cd Desktop | Gehe zum Desktop |

| mkdir testverzeichnis | Neues Verzeichnis anlegen (*mkdir = make directory*) |

| Überprüfen | Desktop anzeigen |

| cd testverzeichnis | Nach testverzeichnis gehen |

| echo hallo | Sage hallo (*echo = etwas schreiben*)|

| echo hallo > testdatei.txt | Schreibe hallo in textdatei.txt |

| cat testdatei.txt | Zeige Inhalt von testdatei.txt an (*cat = concatenate*) |

| rm testdatei.txt | Lösche Testdatei |

| Übung | Erzeuge eine Datei namens "neuetestdatei.txt" mit dem Inhalt "hallo dort" |

| Übung | Zeige Dateien an |

| Übung | Zeige Inhalt von "neuetestdatei.txt" an |

| Übung | Lösche Datei "neuetestdatei.txt" an |

* Hinzufügen:

** mv

** cp

** . und ..

h2. SSH-Grundwissen

Ziele:

* Public-Key erzeugen

* Minimal verstehen, was der Fingerprint ist

|_. Befehl / Aktion |_. Beschreibung |

| ls | Dateien anzeigen |

| mkdir sshtestverzeichnis | Testverzeichnis *lokal* anlegen |

| ls | Dateien anzeigen |

| cd sshtestverzeichnis | Ins Verzeichnis wechseln |

| ssh ungleich@testrechner.ungleich.ch | Auf einen anderen Rechner verbinden, Fingerprint |

| ls ~/.ssh | Dateien in ~/.ssh anzeigen |

| ssh-keygen | Public Key-Pair erzeugen: Enter für Dateiname, Passwort vergeben |

| Ubuntu abmelden und anmelden | Bug in Ubuntu |

| ls ~/.ssh | Dateien in ~/.ssh anzeigen |

| cat ~/.ssh/id_rsa.pub | Öffentlichen Schlüssel anzeigen |

| ssh-copy-id ungleich@testrechner.ungleich.ch | Meinen ssh Schlüssel auf die andere Seite kopieren |

| ssh ungleich@testrechner.ungleich.ch | Auf einen anderen Rechner verbinden, public key, kein Fingerprint! |

h2. Git-Versionskontrolle

Ziele:

* Verstehen, was eine Versionskontrolle ist

* Basiskommandos verstehen

|_. Befehl / Aktion |_. Beschreibung |

| Einführung Versionkontrolle | Warum? Änderungen merken können |

| mkdir testrepository | Verzeichnis erstellen |

| cd testrepository | In das Verzeichnis testrepository wechseln |

| git config --global user.email "Meine.Email@meine-domain.ch" | Git sagen, was meine E-Mail ist |

| git config --global user.name "Nico Schottelius" | Git sagen, das ich "Nico Schottelius" heisse |

| git init | Verzeichnis in ein git repository umwandeln |

| git status | Status von git zeigen |

| echo "hallo" > testdatei.txt" | Neue Datei mit Inhalt "hallo" anlegen |

| .... | |

| git status | Status von git zeigen |

| git add datei | Merken zum Hinzufügen |

| git commit -m "Meine erste Datei" |

| git log | "Logbuch anzeigen" |

h2. Github pages

|_. Befehl  / Aktion |_. Beschreibung |

| Github Account anlegen | Zugang zu Github |

| SSH-Key zum Account hinzufügen | Profil -> Settings -> SSH und GPG keys |

| Repository anlegen: MEINBENUTZER.github.io | Repository für unsere Webseiten |

| git clone git@github.com:MEINBENUTZER/MEINBENUTER.github.io | Das neue angelegte Verzeichnis auf unseren Computer bringen; Achtung: ssh URL nutzen! |

| cd MEINBENUTZER | Ins neue Verzeichnis wechseln |

| ... | Änderungen machen |

| echo hallo > index.html | Hallo in index.html schreiben |

Referenzen:

* https://pages.github.com/

* https://www.github.com