|
|
# 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-13441-cxa#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.
|
|
|
|
|
|
|
|
|
|