# Il mio Terrario: un progetto per conoscere HTML, CSS e la manipolazione del DOM utilizzando JavaScript 🌵🌱

Una piccola meditazione sul codice drag and drop. Con un po' di HTML, JS e CSS, si può creare un'interfaccia web, modellarla e aggiungere un'interazione.

![Il mio terrario](../images/screenshot_gray.png)

# Lezioni

1. [Introduzione a HTML](./1-intro-to-html/translations/README.it.md)
2. [Introduzione a CSS](./2-intro-to-css/translations/README.it.md) 
3. [Introduzione al DOM e alle Closure JavaScript](./3-intro-to-DOM-and-closures/translations/README.it.md)

## Crediti

Scritto con il ♥ ️ da [Jen Looper](https://www.twitter.com/jenlooper)

Il terrario creato tramite CSS è stato ispirato dal [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY) del barattolo di vetro di Jakub Mandra.

La grafica è stata disegnata a mano da [Jen Looper](http://jenlooper.com) usando Procreate.

## Distribuire il Terrario

È possibile distribuire o pubblicare il proprio terrario sul Web utilizzando Azure Static Web Apps

1. Effettuare il fork di questo repository

2. Premere questo pulsante 

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

3. Seguire la procedura guidata per creare l'app. Assicurarsi di impostare la radice dell'app su `/solution` o la radice della propria base di codice. Non ci sono API in questa app, quindi non ci si deve preoccupare di aggiungerla. Verrà creata una cartella .github nel repository oggetto di fork del punto 1 che aiuterà il servizio di compilazione di Azure Static Web Apps a creare e pubblicare l'app in un nuovo URL.



