Add Thonny chapter.

content/material/Programmieren-1/02-Thonny/01-Thonny-Installieren.mdx

@@ -0,0 +1,62 @@
+# Thonny installieren
+## Installation
+
+
+::::Tabs{groupId="os"}
+:::Tab[Windows]{value="win"}
+1. Als ersten Schritt laden Sie Thonny von [dieser Webseite](https://thonny.org/) für **Windows** herunter:
+   ![--width=60%](img/thonny-installieren/win/00-download-thonny.png)
+2. Suchen Sie die heruntergeladene Datei im Downloads-Ordner und führen Sie sie mit einem Doppelklick aus:
+   ![--width=90%](img/thonny-installieren/win/01-download-ausfuehren.png)
+3. Next...
+   ![--width=70%](img/thonny-installieren/win/02-welcome.png)
+4. Wählen Sie hier die obere Option:
+   ![--width=70%](img/thonny-installieren/win/03-install-for-me.png)
+5. Akzeptieren Sie die Lizenvereinbarungen:
+   ![--width=70%](img/thonny-installieren/win/04-accept.png)
+6. Lassen Sie den Pfad unverändert:
+   ![--width=70%](img/thonny-installieren/win/05-pfad.png)
+7. Lassen Sie auch diese Option unverändert:
+   ![--width=70%](img/thonny-installieren/win/06-start-menu-shortcut.png)
+8. Aktivieren Sie hier die Option zum Erstellen einer Desktopverknüpfung:
+   ![--width=70%](img/thonny-installieren/win/07-desktop-shortcut.png)
+9. Install...
+   ![--width=70%](img/thonny-installieren/win/08-install.png)
+10. Dann ist die Installation angeschlossen
+    ![--width=70%](img/thonny-installieren/win/09-fertig.png)
+:::
+
+:::Tab[macOS]{value="macos"}
+1. Als ersten Schritt laden Sie Thonny von [dieser Webseite](https://thonny.org/) für **Mac** herunter:
+![--width=60%](img/thonny-installieren/macos/00-download-thonny.png)
+2. Suchen Sie die heruntergeladene Datei im Downloads-Ordner und führen Sie sie mit einem Doppelklick aus:
+![--width=90%](img/thonny-installieren/macos/01-download-ausfuehren.png)
+3. Fortfahren...
+![--width=70%](img/thonny-installieren/macos/02-welcome.png)
+4. Fortfahren...
+![--width=70%](img/thonny-installieren/macos/03-lizenz.png)
+5. Akzeptieren Sie die Softwarelizenz:
+![--width=70%](img/thonny-installieren/macos/04-accept.png)
+6. Bestätigen Sie diese Auswahl:
+![--width=70%](img/thonny-installieren/macos/05-install-for-all.png)
+7. Installieren...
+![--width=70%](img/thonny-installieren/macos/06-installieren.png)
+8. Die Installation ist abgeschlossen - klicken Sie auf _Schliessen_:
+![--width=70%](img/thonny-installieren/macos/07-abgeschlossen.png)
+9. Das Installationsprogramm benötigen Sie nicht mehr - Sie können es in den Papierkorb legen:
+![--width=70%](img/thonny-installieren/macos/08-in-den-papierkorb.png)
+:::
+::::
+
+## Erste Einrichtung
+Starten Sie nun Thonny, um die erste Einrichtung abzuschliessen.
+
+Falls folgende Frage auftaucht, wählen Sie hier die Sprache _Deutsch_:
+![--width=70%](img/thonny-installieren/win/10-sprache.png)
+
+Die erste Einrichtung können Sie dann mit _Let's go!_ abschliessen:
+![--width=70%](img/thonny-installieren/win/11-los.png)
+
+Jetzt ist Thonny einsatzbereit!
+
+---

content/material/Programmieren-1/02-Thonny/02-Thonny-Verwenden.mdx

@@ -0,0 +1,43 @@
+# Thonny verwenden
+## Benutzeroberfläche
+![](img/thonny-ui-1.png)
+![](img/thonny-ui-2.png)
+
+## Datei Speichern
+Um die aktuell offene Datei zu speichern (wenn sie noch nich gespeichert ist), klicken Sie im Menuband oben auf das Speicher-Symbol:
+![--width=70%](img/navigation-in-thonny/06-programmieren-offen-leer.png)
+
+Geben Sie der Datei anschliessend einen Namen und klicken Sie dann auf _Speichern_:
+![--width=70%](img/navigation-in-thonny/07-speichern.png)
+
+:::warning[Dateiendung]
+Wenn Sie keine Dateiendung angeben, wird Thonny automatisch die Endung `.py` (für _Python_) hinzufügen. Wenn Sie eine andere Dateiendung verwenden wollen (z.B. `.html`), dann müssen Sie diese im obigen Schritt explizit beim Namen angeben (z.B. `test.html`, statt nur `test`).
+:::
+
+Sofern Sie in vorherigen Schritt den Speicherort nicht verändert haben, wir die Datei im aktuell geöffneten Ordner abgespeichert:
+![--width=70%](img/navigation-in-thonny/08-programmieren-offen-mit-datei.png)
+
+## Dateibereich
+Stellen Sie zuerst sicher, dass in Thonny am linken Rand den Bereich __Dateien__ angezeigt wird. Sollte dieser Bereich bei Ihnen fehlen (wie im Bild unten), dann blenden Sie ihn folgendermassen ein:
+![--width=50%](img/navigation-in-thonny/01-dateien-einblenden.png)
+
+Im Dateibereich sehen Sie dann einerseits den Pfad des Ordners, in dem Sie sich gerade befinden (rot markiert). Andererseits sehen Sie eine Liste aller Dateien und Ordner, die sich in diesem Ordner befinden (grün markiert).
+![--width=60%](img/navigation-in-thonny/02-alle-ordner.png)
+
+## Navigieren
+:::warning[Dateibereich anzeigen]
+Zuerst den Dateibereich anzeigen, siehe oben.
+:::
+
+Zum Navigieren stehen drei Funktionen zur Verfügung:
+1. Einen Ordner mit dem ➕-Symbol aufklappen (Sie bleiben dabei im aktuellen Ordner - Sie navigieren also eigentlich nicht).
+2. Auf einen Ordner Doppelklicken, um in diesen Ordner hineinzuwechseln.
+3. Auf einen Über-Ordner im Pfad des aktuellen Ordners klicken (im Bild rot markiert), um in der Hierarchie nach oben zu navigieren. Im Bild unten wären das beispielsweise die Über-Ordner `C:`, `Users` und `silas`.
+
+![--width=60%](img/navigation-in-thonny/02-alle-ordner.png)
+
+:::tip[Neuen Ordner erstellen]
+Mit __:mdi[cursor-default-click] Rechtskick__ im Dateibereich öffnen Sie das Kontextmenu und können z.B. einen neuen Ordner erstellen.
+:::
+
+---

content/material/Programmieren-1/02-Thonny/index.mdx

@@ -0,0 +1 @@
+# Thonny