Webserver & Website

Erstelle mit HTML, CSS und JavaScript eine eigene Website. Setze einen Raspberry Pi als Server auf und hoste auf diesem deine Website.

Diese wird abgegeben und mittels mündlicher Prüfung benotet und steuert die dritte Note dieses Schuljahres bei.

• Verstehen, was ein (Web)Server ist …
• … und wie man mit einem solchen eine Website betreiben kann.
• Mit Linux auf einem Raspberry Pi arbeiten.
• Mit der Kommandozeile arbeiten.
• Die Programmiersprache JavaScript lernen.
• Eine Website mit HTML, CSS und JavaScript erstellen.
• Mündliche Prüfung absolvieren.

Gesamtprojekt: 1 Note

davon je 50%:

• Abgegebene Website
• mündliche Prüfung

• Funktionalität
• Schwierigkeitsgrad
• Code
• Design & Layout
• (Inhalt/Sprache)

Bonuspunkte:

• Mobile Layout

Zeit: Ca. 15' pro Person

Themen:

• Grundlagen Webseite (HTML, CSS & JavaScript)
• Fragen zu deiner Seite
• Grundlagen Netzwerke (Big Picture, keine Details)

• Deadline: (folgt noch)
• Schritte Abgabe:
  • 1. (Falls noch nicht gemacht.) Erstelle GitHub-Repo für Projekt und lade alle relevanten Dateien dort hoch.
  • 2. Kontrolliere auf GitHub, dass auch alles korrekt hochgeladen wird. Typischer Fehler: Vergessen, File(s) zu adden.
  • 3. Teile Repo mit beiden Lehrpersonen: anschae und mspeissegger
  • 4. Sende Teams-Nachricht in 3er-Chat (du und beide Lehrpersonen)
• Verspätete Abgabe: -0.5 Note pro angebrochene 24h Verspätung, fehlende Files zählen auch als verspätete Abgabe

• Netzwerke & Internet:
  • GF IF: Netzwerke & Internet (siehe Slides)
  • Netzwerke einfach erklärt
  • Visualisierung TCP/IP
• HTML & CSS:
  • GF IF: Websites
• JavaScript:
  • JavaScript Cheat Sheet
  • Website mit JavaScript

• Lektion 1: 4.3.25
  • Ziele:
    • Raspi selbst aufsetzen
    • Linux kennenlernen
    • Raspi mit Terminalbefehlen steuern
  • Raspberry Pi aufsetzen (Betriebssystem mit GUI)
  • Programme installieren (z.B. LibreOffice)
  • Input Terminalbefehle
  • Auftrag zu Terminalbefehlen
• Lektion 2: 11.3.25
  • Raspi wieder platt machen und neu aufsetzen mit Betriebssystem ohne GUI
  • Input DHCP
  • Feste IP pro Raspi festlegen
  • SSH Verbindung auf Raspberry Pi einrichten
  • Raspberry Pi per Kommandozeile steuern