# Mein Terrarium: Ein Projekt, um HTML, CSS und DOM-Manipulation mit JavaScript zu lernen 🌵🌱 Ein kleines Drag-and-Drop-Code-Meditationsprojekt. Mit ein wenig HTML, JS und CSS kannst du eine Weboberfläche erstellen, sie gestalten und sogar mehrere Interaktionen deiner Wahl hinzufügen. ![mein terrarium](../../../3-terrarium/images/screenshot_gray.png) # Lektionen 1. [Einführung in HTML](./1-intro-to-html/README.md) 2. [Einführung in CSS](./2-intro-to-css/README.md) 3. [Einführung in DOM und JS Closures](./3-intro-to-DOM-and-closures/README.md) ## Credits Geschrieben mit ♥️ von [Jen Looper](https://www.twitter.com/jenlooper) Das Terrarium, das mit CSS erstellt wurde, wurde von Jakub Mandras Glasgefäß [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY) inspiriert. Die Illustrationen wurden von [Jen Looper](http://jenlooper.com) mit Hilfe von Procreate handgezeichnet. ## Veröffentliche dein Terrarium Du kannst dein Terrarium im Web veröffentlichen, indem du Azure Static Web Apps nutzt. 1. Forke dieses Repository 2. Drücke diesen Button [![Deploy to Azure button](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp) 3. Gehe den Assistenten durch, um deine App zu erstellen. Stelle sicher, dass du das App-Root entweder auf `/solution` oder das Root-Verzeichnis deines Codes setzt. Diese App hat keine API, also brauchst du dir darüber keine Gedanken zu machen. Ein GitHub-Ordner wird in deinem geforkten Repository erstellt, der den Build-Services von Azure Static Web Apps hilft, deine App zu erstellen und unter einer neuen URL zu veröffentlichen. **Haftungsausschluss**: Dieses Dokument wurde mit dem KI-Übersetzungsdienst [Co-op Translator](https://github.com/Azure/co-op-translator) übersetzt. Obwohl wir uns um Genauigkeit bemühen, weisen wir darauf hin, dass automatisierte Übersetzungen Fehler oder Ungenauigkeiten enthalten können. Das Originaldokument in seiner ursprünglichen Sprache sollte als maßgebliche Quelle betrachtet werden. Für kritische Informationen wird eine professionelle menschliche Übersetzung empfohlen. Wir übernehmen keine Haftung für Missverständnisse oder Fehlinterpretationen, die aus der Nutzung dieser Übersetzung entstehen.