Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- talit:python_advanced_problems [2025-01-06 13:44] – [6. Winter Wonderland Christmas Game] sca
+++ talit:python_advanced_problems [2025-01-13 10:16] (aktuell) – [8. Web Game of Life mit Flask] sca
@@ Zeile 509: / Zeile 509: @@
 . **Clicker:** Programmiere (nicht serverseitig) einen Counter. Jedes Mal wenn ein Button gedrückt wird, erhöht sich dieser um 1.
 . **Zufallszahl:** Auf Knopfdruck wird eine Zufallszahl angezeigt. Diese wird serverseitig erzeugt.
-. **Encryption:* In Textfeld kann Text eingegeben werden. Dieser wird in real time (also direkt mit Eingabe) serverseitig verschlüsselt. Verwende dazu einen Algorithmus, denn du im Grundlagenfach bereits programmiert hast (Cäsar, Vigenere, ...). Der verschlüsselte Text wird dann immer gleich angezeigt.
+. **Encryption:** In Textfeld kann Text eingegeben werden. Dieser wird in real time (also direkt mit Eingabe) serverseitig verschlüsselt. Verwende dazu einen Algorithmus, denn du im Grundlagenfach bereits programmiert hast (Cäsar, Vigenere, ...). Der verschlüsselte Text wird dann immer gleich angezeigt.
+. **Automatisierter Counter** oder automatisierte Zufallszahl: Jede Sekunde soll der Wert neu gesetzt werden. Syntax:<WRAP>
+<code javascript>
+async function loop() {
+    while (true) {
+        // <code that gets executed before the wait>
+        await new Promise(resolve => setTimeout(resolve, 1000)); // Sleep for 1 second (1000 milliseconds)
+        // <code that gets executed after the wait>
+    }
+}
+loop()
+</code>
+</WRAP>
+Nützliche Links:
+   * [[talit:flask_webserver]]
+   * [[gf_informatik:web_sca:websites]]
+   * [[informatik:website_with_js]]
+   * [[informatik:javascript_cheat_sheet]]
+===== - Web Game of Life mit Flask =====
+   * Programmiere eine Web-Version des Game of Life mit Flask.
+   * Verwende dazu dein bereits vorhandenes Game of Life Model.
+   * Jede Sekunde (oder so) soll das Frontend (JS) den Zustand der nächsten Iteration vom Backend (Flask) verlangen.
+   * Sobald das Frontend diesen (in Form eines Dicts) erhalten hat, soll diese angezeigt werden -> View
+   * Tipp: Für die View kann man z.B. ein [[gf_informatik:web_sca:websites#optionale_theorieresponsive_layout_mit_grid|Grid]] verwenden.