# Mijn Terrarium: een project om te leren over HTML-, CSS- en DOM-manipulatie met JavaScript 🌵🌱

Een kleine codemeditatie met drag and drop. Met een beetje HTML, JS en CSS kunt u een webinterface bouwen, deze opmaken en een interactie toevoegen.

![mijn terrarium](../images/screenshot_gray.png)

# Lessen

1. [Inleiding tot HTML](../1-intro-to-html/translations/README.nl.md)
2. [Inleiding tot CSS](../2-intro-to-css/translations/README.nl.md)
3. [Inleiding tot DOM en JS Sluitingen](../3-intro-to-DOM-and-closures/translations/README.nl.md)

## Credits

Geschreven met ♥ ️door [Jen Looper](https://www.twitter.com/jenlooper)

Het terrarium gemaakt via CSS is geïnspireerd op de glazen pot van Jakub Mandra [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY).

Het artwork is met de hand getekend door [Jen Looper](http://jenlooper.com) met Procreate.

## Zet uw terrarium in

U kunt uw terrarium op internet zetten of publiceren met Azure Static Web Apps. 

1. Fork deze repo

2. druk op deze knop

[![Implementeer in Azure knop](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp)

3. Loop door de wizard om uw app te maken. Zorg ervoor dat u de app-root instelt op `/solution` of de root van uw codebase. Er zit geen API in deze app, dus maakt u geen zorgen om die toe te voegen. Er wordt een .github-map gemaakt in uw geforkte repo die Azure Static Web Apps helpt bij het bouwen van services en het publiceren van uw app naar een nieuwe URL.