Michaels Versuche: Webseiten, Messenger, ...

Ich möchte lernen, Progressive Web Apps, PWAs, zu programmieren. bisher kann ich nur C, C++, wenig Java und sehr wenig Python. Die folgenden Punkte zeigen, wie ich Schritt für Schritt angefangen habe.
1) Alles von Hand
Flensburger Förde nach der Getting Started Anleitung von Mozilla
2) Mit CSS-Framework
Alpen Bild-Karte, W3Schools Beispiel
3) WebAssembly 1
Ursprünglich C++, für WebAssemly (WASM) kompiliertes Beispiel des QT-Frameworks, benutzt jetzt WebGL, ist aber mit 7,8 MB wegen der QT-Bibliotheken ziemlich groß geworden
4) WebAssembly 2
WASM benchmark des "argon2 password hash" Algorithmus,
80,3 KB groß, Webseite auf W3-framework umgestellt
5) Web Server
Eine Bedingung, eine PWA von einer Web Seite zu erstellen, ist, dass die Seite vorher auf einem Server verschlüsselt zur Verfügung steht. Bisher habe ich auf den nginx Server zu Hause auf meinem Desktop Rechner unter "http://localhost" zugegriffen. Das sollte jetzt auch öffentlich, verschlüsselt und über die Fritz!Box als Router gehen, ohne etwas zu kosten. Es geht mit der seltsamen URL, https:// ... :8080. Der port 8080 ist für den Zugriff auf meinen Rechner nötig, weil die Fritz!Box sonst meint, sie sei zuständig, und alles abfängt. Der verschlüsselte Zugriff ist jetzt laut Googles Lighthouse Test in Ordnung.
6) WASM / PWA
Eine "Progressive Web App" (PWA) kann installiert werden, so dass Sie keinen weiteren Internetzugriff benötigt.
Minimal Clock ist eine in Rust geschriebene für WASM kompilerte PWA (Quelltext). Die Web Seite ist 1,6 MB groß, die auf Android installierte App 370 kB, davon etwa 250 kB Sound Dateien, in denen ich zur vollen Stunde die Zeit ansage. Chrome/Chromium und Firefox bieten in den Optionen die Installation an. Ich hab es mit Chrome unter Linux, Windows und Android gemacht.
7) WASM üben
John Conway's Game of Life ist eine in Rust geschriebene für WASM kompilerte App. Sie basiert auf dem "rustwasm" Tutorial). Ich habe die App aber umgebaut, damit sie ohne node.js Server auskommt. Dazu habe ich die Bedienelemente in Javascript geschrieben und alles in eine Webseite gepackt. Das Spiel sieht im „portrait“ und „landscape“ Modus ganz vernünftig aus.
8) Matrix - Muckl
In einem anderen Projekt wollte ich etwas mit einem Chatprogramm mitteilen. Das ging am einfachsten über die IRC Brücke von matrix.org und hat mein Interesse an [matrix] geweckt. Diese Webseite ist dann auf einen eigenen kleinen Homeserver, genannt Muckl, umgezogen, der auch als Matrix Server eingerichtet wurde. Für die Installation entsteht gerade eine lange Geschichte. Hier nur ein Link zur Anweisung für Muckls Matrix Benutzer: Wie komme ich rein?