Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Wir teilen diese Aufgabe in zwei Teile auf (Backend und Frontend). Du darfst entscheiden, welches von denen du dir eines aussuchen kannst. beiden du umsetzen möchtest.
Das Projekt soll zusätzlich auf GitHub hochgeladen werden.

...

Das Feedback soll gespeichert werden, es . Es ist dir freigestellt, welche Methode du nutzt.

...

  1. Erstelle einen Ordner mit dem folgenden Inhalt: 

    Code Block
    .
    ├── index.html
    ├── css
    │   └── style.css
    └── js
        └── script.js


  2. Deine "index.html" sollte so aussehen: 

    Code Block
    languagexml
    <!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>
      
      <script src="js/script.js"></script>
    </body>
    </html>


  3. Füge die für Bootstrap notwendige Dateien zu deinem Projekt und Tags zu deiner "index.html" hinzu.
  4. Die "index.html" Datei kannst du nicht direkt mit dem Browser öffnen, da dann AJAX Request nicht funktionieren
    1. Installiere das npm Modul "http-server": 

      Code Block
      (sudo) npm install http-server -g


    2. 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.

  5. ...
  6. Profit!
  7. (Falls noch nicht geschehen) commite und pushe deinen Code auf GitHub und sage uns Bescheid (smile)



...


Falls noch Fragen offen sein solltenWenn du Fragen vor oder während der Umsetzung des Projektes haben solltest, kannst du dich gerne jeder Zeit bei Lars (lars@elearning.physik.uni-frankfurt.de) oder Bastian (bastian@elearning.physik.uni-frankfurt.de) melden.

...