openhpi-2021-dlm's People
openhpi-2021-dlm's Issues
Titel der Webseite hinzufügen
Beschreibung
Wenn Besucher auf deine Website kommen, dann wissen sie im Moment nicht, worum es geht, da auf der Website keine Informationen über deinen Charackter zu sehen sind. Du solltest einen Titel hinzufügen, sodass die Besucher verstehen, um welchen Charakter es sich auf dieser Webseite handelt.
Dateien
Wenn du nicht weißt, wie man einen Titel erstellt, schau mal auf dieses Cheatsheet unter Header. Du sollst einen H1 Header verwenden. Bedenke, dass Markdown Symbole häufig von einem Leerzeichen gefolgt werden, um korrekt zu rendern.
https://guides.github.com/pdfs/markdown-cheatsheet-online.pdf
Aufgaben
Führe folgende Schritte aus:
- Navigiere in der Git Bash/im Terminal zu deinem Repository. Das sollte durch den Befehl
cd \<dein github name\>.github.io
klappen. - Da wir hier den Github Flow verwenden wollen, sollst du einen neuen Branch mit dem Namen
feature1_new_title
erstellen. Dafür verwendest du den Befehlgit branch feature1_new_title
. Achte darauf, dass der Branch wirklich so heißt, sonst können wir deine Änderungen nicht korrigieren. - Wechsle auf den erstellten Branch mit dem Befehl
git checkout feature1_new_title
- Nun wollen wir das Repository im Explorer (oder einem anderen Programm, welches Ordner anzeigen kann) öffnen. Navigiere dafür einfach zum Ordner, worin dein Repository geclont wurde. Als Hilfe kannst du auch unsere Shortcuts probieren: Dafür gibtst du in der Git Bash unter Windows den Befehl
explorer.exe .
ein. Unter Linux gibst du den Befehlnautilus .
ein. Als Mac User kannst du den Befehlopen .
verwenden - Nun sollst du den Titel zu der Webseite hinzufügen. Öffne dafür die index.md Datei mit einem Editor. Lösche alles, was bereits in der Datei steht und nutze Github flavoured Markdown, um einen Titel zu der Website hinzuzufügen. Falls du nicht weißt wie, schau in das Cheatsheet.
- Nachdem du den Titel hinzugefügt hast, musst du die index.md Datei speichern. Füge dann in der Git Bash/deinem Termianl die Datei
index.md
der Staging Area hinzu. Das machst du mit dem Befehlgit add index.md
. Anschließend musst du die Veränderungen commiten. Führe einen Commit mit dem Befehlgit commit -m „Added Title“
aus. Pushe dann die Veränderungen mit dem Befehlgit push
. Dabei kann ein Fehler auftreten, weshalb du eine Fehlermeldung siehst. Kopiere dann einfach den Befehl aus der Fehlermeldung und führe diesen aus. - Erstelle auf Github einen Pull Request von deinem feature Branch in den Master Branch. dafür musst du in den Tab Pull Requests wechseln und dann auf den grünen Button "Compare & Pull Request" klicken. Wähle dann einen Titel, um in ein paar Worten auszusagen, was in diesem Pull Request geschehen ist. Im Textkörper des Pull Request beschreibst du das gelöste Problem. Was war das Problem? Wie hast du es gelöst? Welche betroffenen Dateien gibt es?
- Nun werden von uns geschriebene Tests deine Veränderungen prüfen. Sollten alle Tests (2 Stück) bestanden worden sein, dann kannst du deine Änderungen in den Master Branch mergen. Falls die Tests fehlschlagen, schaue in die Kommentare des Pull Requests, um herauszufinden woran es lag. Behebe die Fehler, sodass die Tests durchlaufen. Eine gute Idee ist es, die Schritte des Issues erneut zu durchlaufen und zu schauen, ob alles richtig geschrieben ist. Außerdem kannst du dir die Index.md Datei auf Github anschauen und die richtige Formattierung überprüfen. Wenn du es für 15 Minuten ohne Erfolg nicht hingekriegt hast, kannst du in das Kursforum schauen.
- Gib das vom Bot im Pull Request kommentierte Passwort im Quiz auf openHPI ein.
- Lösche deinen Feature Branch. Dafür musst du den Branch im remote Repository hier auf Github und bei dir lokal löschen. Für den Branch hier auf Github betrachtest du deinen Pull Request und kannst unten den Branch löschen. Deinen Branch im lokalen Repository löschst du, nachdem du in deiner Bash/Terminal auf den master Branch gewechselt bist mit
git branch -d feature1_new_title
. Führe dann auf dem mastergit pull
aus, um dein Repository auf den neuesten Stand zu bringen. - Schließe dieses Issue.
- Betrachte deine Webseite und schau, ob sich etwas verändert hat. Gegebenenfalls musst du ein paar Mal die Seite aktualisieren.
Solltest du Fragen haben, kannst du einen Blick ins Kurs Forum werfen.
Charakter Zitat einfügen
Beschreibung
Nicht nur die Eigenschafen von Charakteren sind wichtig, sondern auch die Sätze, die sie gesagt haben. Um zu zeigen, wie besonders dein Charakter ist, sollst du dein Lieblingszitat deines Charakters hinzufügen.
Dateien
Falls du Hilfe brauchst, wirf einen Blick ins Cheatsheet. Wir möchten eine Blockquote verwenden.
https://guides.github.com/pdfs/markdown-cheatsheet-online.pdf
Aufgaben
Führe folgende Schritte aus:
- Erstelle einen neuen Branch mit dem Namen
feature4_quote
- Wechsle auf diesen Branch
- Füge ein Zitat deines Charakters an das Ende der Seite ein. Schau gegebenenfalls ins Cheatsheet
- Führe einen Commit mit deinen Änderungen aus und pushe diese.
- Erstelle einen Pull Request.
- Sollten alle Tests bestanden worden sein, dann kannst du deine Änderungen in den Master Branch mergen. Falls die Tests fehlschlagen, schaue in die Kommentare des Pull Requests, um herauszufinden woran es lag. Behebe die Fehler, sodass die Tests positiv durchlaufen. Eine gute Idee ist es die Schritte des Issues erneut zu durchlaufen und zu schauen, ob alles richtig geschrieben ist. Außerdem kannst du dir die Index.md Datei auf Github anschauen und die richtige Formatierung überprüfen. Wenn du es für 15 Minuten ohne Erfolg nicht hingekriegt hast, kannst du in das Kursforum schauen.
- Lösche deinen Feature Branch, wechsle auf master und bringe dein Repository auf den neuesten Stand.
- Betrachte deine Webseite und schau, ob sich etwas verändert hat. Gegebenenfalls musst du ein paar Mal die Seite aktualisieren.
Solltest du Fragen haben, kannst du einen Blick ins Kurs Forum werfen.
Beschreibung des Charakters hinzufügen
Beschreibung
Momentan ist dem Nutzer klar, welcher Charakter dargestellt werden soll. Allerdings würde eine Kurzbeschreibung den Besuchern helfen, genauer zu verstehen, was den Charakter ausmacht.
Aufgaben
In diesem Issue erhältst du weniger Hilfestellung als im ersten. Falls du nicht weiterkommst, kannst du auch in das erste Issue auf der Closed Issues Seite reinschauen. Führe folgende Schritte aus:
- Erstelle einen neuen Branch mit dem Namen
feature2_short_description
- Wechsle auf diesen Branch
- Füge unter den Titel eine Beschreibung deines Charakters (~30-50 Wörter) zur index.md Datei hinzu. Hierfür sollst du Klartext schreiben, also ohne besondere Formatierungen oder Github Flavoured Markdown.
- Führe einen Commit mit deinen Änderungen aus und pushe.
- Erstelle einen Pull Request. In diesem sollst du am Ende noch dein Issue referenzieren. Dafür schreibst du am Ende
Fixes: #
und wählst dann aus der Liste das Issue aus. - Sollten alle Tests bestanden worden sein, dann kannst du deine Änderungen in den Master Branch mergen. Falls die Tests fehlschlagen, schaue in die Kommentare des Pull Requests, um herauszufinden woran es lag. Behebe die Fehler, sodass die Tests positiv durchlaufen. Eine gute Idee ist es die Schritte des Issues erneut zu durchlaufen und zu schauen, ob alles richtig geschrieben ist. Außerdem kannst du dir die Index.md Datei auf Github anschauen und die richtige Formatierung überprüfen. Wenn du es für 15 Minuten ohne Erfolg nicht hingekriegt hast, kannst du in das Kursforum schauen.
- Lösche deinen Feature Branch. Da du im Pull Request das Issue referenziert (durch
Fixes: #
) hast, musst du dieses nicht mehr schließen! Wechsle auf den Master Branch und bringe dein Repository auf den neuesten Stand (git pull
). - Betrachte deine Webseite und schau, ob sich etwas verändert hat. Gegebenenfalls musst du ein paar Mal die Seite aktualisieren.
Solltest du Fragen haben, kannst du einen Blick ins Kurs Forum werfen.
Bild deines Charakters einfügen
Beschreibung
Die Besucher deiner Seite haben jetzt schon einen guten Eindruck von deinem Charakter. Noch besser ist es, deinen Charakter bildlich darzustellen. Dafür sollst du ein Bild deines Charakters hinzufügen. Wähle dafür ein Bild aus dem Internet.
Aufgaben
Führe folgende Schritte aus:
- Erstelle einen neuen Branch mit dem Namen
feature5_image
- Checke diesen Branch aus
- Suche auf der Suchmaschine deiner Wahl nach einem Bild deines Charakters, welches dir besonders gut gefällt. Stelle sicher, dass die Lizenz des Bildes Dir erlaubt, dieses privat zu verwenden. Ermittle den Link dieses Bildes, indem du auf "Datei anzeigen" oder auf das Bild rechts-klickst, Bild anzeigen auswählst und dann die Adresse aus der Adressleiste des Browsers kopierst.
- Füge das Bild am Ende deiner Webseite ein, indem du den HTML-Ausdruck
<img src="URL"/>
verwendest. Ersetze hierfür die URL mit dem Link zu deinem Bild. Das Cheatsheet enthält auch eine Möglichkeit Bilder einzufügen, wir wollen aber, dass du den HTML-Ausdruck nutzt. - Führe einen Commit mit deinen Änderungen aus und pushe diese.
- Erstelle einen Pull Request.
- Sollten alle Tests bestanden worden sein, dann kannst du deine Änderungen in den Master Branch mergen. Falls die Tests fehlschlagen, schaue in die Kommentare des Pull Requests, um herauszufinden woran es lag. Behebe die Fehler, sodass die Tests positiv durchlaufen. Eine gute Idee ist es die Schritte des Issues erneut zu durchlaufen und zu schauen, ob alles richtig geschrieben ist. Außerdem kannst du dir die Index.md Datei auf GitHub anschauen und die richtige Formatierung überprüfen. Wenn du es für 15 Minuten ohne Erfolg nicht hingekriegt hast, kannst du in das Kursforum schauen.
- Lösche deinen Feature Branch, wechsle auf master und bringe dein Repository auf den neuesten Stand.
- Betrachte deine Webseite und schau, ob sich etwas verändert hat. Gegebenenfalls musst du ein paar Mal die Seite aktualisieren.
Solltest du Fragen haben, kannst du einen Blick ins Kurs Forum werfen.
Stichpunktliste zu Charakter einfügen
Beschreibung
Jeder Charakter hat seine individuellen Charaktereigenschaften. Die Besucher sollten schnell erkennen können, was deinen Charakter ausmacht. Erstelle deswegen einen Subheader der Größe H2 und beschreibe untendrunter deinen Charakter mit 3-10 Stichpunkten (z.B. liebt Schokokekse)
Dateien
Falls du Hilfe brauchst, wirf einen Blick ins Cheatsheet. Wir möchten eine unordered List und einen Subheader der Größe H2.
https://guides.github.com/pdfs/markdown-cheatsheet-online.pdf
Aufgaben
Führe folgende Schritte aus:
- Erstelle einen neuen Branch mit dem Namen
feature3_character_traits
- Checke diesen Branch aus
- Füge einen Subheader (H2) der index.md Datei hinzu. Den Inhalt musst du selbst festlegen.
- Füge untendrunter eine ungeordnete Liste mit 3-10 Stichpunkten über deinen Charakter ein
- Führe einen Commit mit deinen Änderungen aus und pushe diese.
- Erstelle einen Pull Request. Referenziere darin das Issue.
- Sollten beide Tests bestanden worden sein, dann kannst du deine Änderungen in den Master Branch mergen. Falls die Tests fehlschlagen, schaue in die Kommentare des Pull Requests, um herauszufinden woran es lag. Behebe die Fehler, sodass die Tests positiv durchlaufen. Eine gute Idee ist es die Schritte des Issues erneut zu durchlaufen und zu schauen, ob alles richtig geschrieben ist. Außerdem kannst du dir die Index.md Datei auf Github anschauen und die richtige Formatierung überprüfen. Wenn du es für 15 Minuten ohne Erfolg nicht hingekriegt hast, kannst du in das Kursforum schauen.
- Lösche deinen Feature Branch
- Wechsle auf master und bringe dein Repository auf den neuesten Stand.
- Betrachte deine Webseite und schau, ob sich etwas verändert hat. Gegebenenfalls musst du ein paar Mal die Seite aktualisieren.
Solltest du Fragen haben, kannst du einen Blick ins Kurs Forum werfen.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.