# Mi terrario: un proyecto para aprender sobre la manipulación de HTML, CSS y DOM usando JavaScript 🌵🌱

Una pequeña meditación de código de arrastrar y soltar. Con un poco de HTML, JS y CSS, puede crear una interfaz web, darle estilo y agregar una interacción.

![mi terrario](screenshot_gray.png)

# Lessons

1. [Introducción a CSS](./intro-to-css/README.md)
2. [Introducción a HTML](./intro-to-html/README.md)
3. [Introducción a DOM y JS Closures](intro-to-DOM-and-js-closures/README.md)

## Créditos

Escrito con ♥ ️ por [Jen Looper](https://www.twitter.com/jenlooper)

El terrario creado a través de CSS se inspiró en el frasco de vidrio [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY) de Jakub Mandra.

La obra de arte fue dibujada a mano por [Jen Looper](http://jenlooper.com) usando Procreate.

La solución para elementos arrastrables se inspiró en la solución de w3schools para crear un [Elemento HTML arrastrable](https://www.w3schools.com/howto/howto_js_draggable.asp).

Encuentre más información sobre eventos de punteros en los [documentos del W3C](https://www.w3.org/TR/pointerevents1/) y en los [documentos web de MDN](https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events).

Siempre verifique las capacidades del navegador usando [CanIUse.com](https://caniuse.com/).

Obtenga más información sobre cómo crear sitios para la Web y dispositivos móviles en [Microsoft Learn](https://docs.microsoft.com/learn/modules/build-simple-website/?WT.mc_id=webdev101-github-jelooper).