# Mon Terrarium : Un projet pour apprendre HTML, CSS et la manipulation du DOM avec JavaScript đŸŒ”đŸŒ± Un petit exercice de mĂ©ditation par glisser-dĂ©poser. Avec un peu de HTML, JS et CSS, vous pourrez crĂ©er une interface web, la styliser et mĂȘme ajouter plusieurs interactions de votre choix. ![mon terrarium](../../../3-terrarium/images/screenshot_gray.png) # Leçons 1. [Introduction au HTML](./1-intro-to-html/README.md) 2. [Introduction au CSS](./2-intro-to-css/README.md) 3. [Introduction au DOM et aux closures en JS](./3-intro-to-DOM-and-closures/README.md) ## CrĂ©dits Écrit avec ♄ par [Jen Looper](https://www.twitter.com/jenlooper) Le terrarium créé via CSS a Ă©tĂ© inspirĂ© par le bocal en verre de Jakub Mandra sur [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY). Les illustrations sont dessinĂ©es Ă  la main par [Jen Looper](http://jenlooper.com) avec l'aide de Procreate. ## DĂ©ployez votre Terrarium Vous pouvez dĂ©ployer, ou publier votre terrarium sur le web en utilisant Azure Static Web Apps. 1. Forkez ce dĂ©pĂŽt 2. Appuyez sur ce bouton [![Bouton DĂ©ployer sur Azure](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp) 3. Suivez l'assistant pour crĂ©er votre application. Assurez-vous de dĂ©finir la racine de l'application sur `/solution` ou sur la racine de votre code. Il n'y a pas d'API dans cette application, donc inutile d'en ajouter une. Un dossier GitHub sera créé dans votre dĂ©pĂŽt forkĂ© pour aider les services de build d'Azure Static Web Apps Ă  construire et publier votre application sur une nouvelle URL. **Avertissement** : Ce document a Ă©tĂ© traduit Ă  l'aide du service de traduction automatique [Co-op Translator](https://github.com/Azure/co-op-translator). Bien que nous nous efforcions d'assurer l'exactitude, veuillez noter que les traductions automatisĂ©es peuvent contenir des erreurs ou des inexactitudes. Le document original dans sa langue d'origine doit ĂȘtre considĂ©rĂ© comme la source faisant autoritĂ©. Pour des informations critiques, il est recommandĂ© de recourir Ă  une traduction humaine professionnelle. Nous dĂ©clinons toute responsabilitĂ© en cas de malentendus ou d'interprĂ©tations erronĂ©es rĂ©sultant de l'utilisation de cette traduction.