Auf der Basis von HTML, CSS und Javascript können nicht nur Webseiten, sondern ganze Web-Anwendungen (Web Applikationen oder Webapps) geschrieben werden, die direkt im Browser laufen. Beispiele dafür sind https://maps.google.com oder https://onenote.office.com. Bereits die Schnaps-Bier-Sirup-Anwendung ist eine einfache Webapp, die ganz ohne Server-Komponente auskommt.

In diesem Kurs entwickeln wir eine Webapp, auf der Benutzer:innen das Spiel Vier-Gewinnt gegeneinander spielen können.

1. Client-Side Vier Gewinnt
2. Web-APIs und JSON
3. Vier Gewinnt mit Server

• Invite-Code demo…

• Productionize, Demo

• Server-side game:
  • Mehrere Games unterstützen.
    • Mit automatischer Zuweisung oder Invite-Code
    • Cookies für User-Identification.

• Server-side game logic fertig stellen.
• Sessions, Cookies und Co. - was ist das?

• JSON-Web-API selbst definieren mit express (Vier Gewinnt mit Server)
• Version 1:
  • Server betreibt ein einziges Game.
  • /game/0 gibt den JSON-Zustand für dieses Game zurück.
  • Static file serving
  • /set/0/<column> führt einen Spielzug durch

• Intro Web-APIs, fetch, JSON (Web-APIs und JSON)
  • Badi-Beispiel durchprogrammieren
• Client-Side Javascript fertigstellen
• HA:
  • Client-Side fertig gestellt (Auftrag B)

• Client-Side Javascript: (Auftrag B)

• Einstieg Web-Apps
• Vorstellung Vier-Gewinnt
• Client-Side HTML & CSS (Auftrag A)