You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
2.4 KiB
43 lines
2.4 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "7965cd2bc5dc92ad888dc4c6ab2ab70a",
|
|
"translation_date": "2025-08-24T11:58:27+00:00",
|
|
"source_file": "3-terrarium/README.md",
|
|
"language_code": "pt"
|
|
}
|
|
-->
|
|
# O Meu Terrário: Um projeto para aprender sobre HTML, CSS e manipulação do DOM usando JavaScript 🌵🌱
|
|
|
|
Um pequeno exercício de arrastar e soltar para meditação com código. Com um pouco de HTML, JS e CSS, será possível criar uma interface web, estilizar e até adicionar várias interações à sua escolha.
|
|
|
|
|
|
|
|
# Lições
|
|
|
|
1. [Introdução ao HTML](./1-intro-to-html/README.md)
|
|
2. [Introdução ao CSS](./2-intro-to-css/README.md)
|
|
3. [Introdução ao DOM e Fechos em JS](./3-intro-to-DOM-and-closures/README.md)
|
|
|
|
## Créditos
|
|
|
|
Escrito com ♥️ por [Jen Looper](https://www.twitter.com/jenlooper)
|
|
|
|
O terrário criado via CSS foi inspirado no frasco de vidro de Jakub Mandra [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY).
|
|
|
|
As ilustrações foram desenhadas à mão por [Jen Looper](http://jenlooper.com) com a ajuda do Procreate.
|
|
|
|
## Publique o seu Terrário
|
|
|
|
Pode publicar o seu terrário na web utilizando o Azure Static Web Apps.
|
|
|
|
1. Faça um fork deste repositório
|
|
|
|
2. Clique neste botão
|
|
|
|
[](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp)
|
|
|
|
3. Siga o assistente para criar a sua aplicação. Certifique-se de que define a raiz da aplicação como `/solution` ou a raiz da sua base de código. Não há API nesta aplicação, por isso não se preocupe em adicionar isso. Uma pasta do GitHub será criada no repositório que fez fork e ajudará os serviços de build do Azure Static Web Apps a construir e publicar a sua aplicação para um novo URL.
|
|
|
|
**Aviso Legal**:
|
|
Este documento foi traduzido utilizando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, esteja ciente de que traduções automáticas podem conter erros ou imprecisões. O documento original no seu idioma nativo deve ser considerado a fonte autoritativa. Para informações críticas, recomenda-se uma tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas resultantes do uso desta tradução. |