# Mon Terrarium : un projet pour en savoir plus sur la manipulation HTML, CSS et DOM à l'aide de JavaScript 🌵🌱

Un petit code de méditation de type glisser-déposer. Avec un peu de HTML, JS et CSS, vous pouvez créer une interface Web, la styliser et ajouter une interaction.

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

# Cours

1. [Introduction au HTML](../1-intro-to-html/translations/README.fr.md)
2. [Introduction au CSS](../2-intro-to-css/translations/README.fr.md)
3. [Introduction au DOM et aux closures JS](../3-intro-to-DOM-and-closures/translations/README.fr.md)

## Crédits

Rédigé avec ♥️  par [Jen Looper](https://www.twitter.com/jenlooper)

Le terrarium créé via CSS a été inspiré du pot en verre de Jakub Mandra[codepen](https://codepen.io/Rotarepmi/pen/rjpNZY).

L'œuvre a été dessinée à la main par [Jen Looper](http://jenlooper.com) en utilisant Procreate.

## Déployez votre Terrarium

Vous pouvez déployer ou publier votre terrarium sur le Web à l'aide d'Azure Static Web Apps. 

1. Forkez ce repo

2. Appuyez sur ce bouton

[![Bouton déployez sur Azure](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-13441-cxa#create/Microsoft.StaticApp)

3. Parcourez l'assistant de création de votre application. Assurez-vous de définir la racine de l'application sur `/solution` ou sur la racine de votre base de code. Il n'y a pas d'API dans cette application, alors ne vous inquiétez pas pour en ajouter. Un dossier .github sera créé dans votre référentiel forké qui aidera le service de création d'Azure Static Web Apps à créer et à publier votre application sur une nouvelle URL.