...
Wir teilen diese Aufgabe in zwei Teile auf (Backend und Frontend). Du darfst entscheiden, welches von beiden du umsetzen möchtest (natürlich darfst du auch beide Aufgaben abschließen).
Das Projekt soll zusätzlich auf GitHub hochgeladen werden.
...
- Installiere NodeJS: https://nodejs.org/en/ (Linux: oder über den Package Manager)
- Installiere GIT (Githubgit-scm.com)
- Einen Account bei GitHub erstellen: https://github.com/GitHub
- Ein Repository für das Projekt anlegen
...
Damit das Rad nicht neu erfunden werden muss, sollte für die Darstellung zur Hilfe das Framework "Bootstrap" (bestehend aus HTML und CSS) genutzt werden.
...
- Bootstrap 4
- Javascript (HTTP-Requests, z.B. fetch)
- JSON
Vorgehen
Erstelle einen Ordner mit dem folgenden Inhalt:
Code Block . ├── index.html ├── css │ └── style.css └── js └── script.jsDeine "index.html" sollte so aussehen:
Code Block language xml <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" media="screen" href="css/style.css" /> </head> <body> <h1>FP-Feedback</h1> <script src="js/script.js"></script> </body> </html>- Füge die für Bootstrap notwendige Dateien zu deinem Projekt und Tags zu deiner "index.html" hinzu.
- Die "index.html" Datei kannst du nicht direkt mit dem Browser öffnen, da dann AJAX Request nicht funktionieren
Installiere das npm Modul "http-server":
Code Block (sudo) npm install http-server -g
Dann kannst du den Server mit
Code Block http-server [path] -p 8080
starten. Im Browser kannst du auf die Seite über http://localhost:8080 zugreifen.
- ...
- Profit!
- (Falls noch nicht geschehen) commite und pushe deinen Code auf GitHub und sage uns Bescheid
...