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.
45 lines
2.5 KiB
45 lines
2.5 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "7965cd2bc5dc92ad888dc4c6ab2ab70a",
|
|
"translation_date": "2025-08-27T22:56:05+00:00",
|
|
"source_file": "3-terrarium/README.md",
|
|
"language_code": "tl"
|
|
}
|
|
-->
|
|
# Ang Aking Terrarium: Isang proyekto para matutunan ang HTML, CSS, at DOM manipulation gamit ang JavaScript 🌵🌱
|
|
|
|
Isang maliit na drag and drop code-meditation. Sa kaunting HTML, JS, at CSS, magagawa mong bumuo ng web interface, i-style ito, at magdagdag ng iba't ibang interaksyon ayon sa iyong kagustuhan.
|
|
|
|
|
|
|
|
# Mga Aralin
|
|
|
|
1. [Panimula sa HTML](./1-intro-to-html/README.md)
|
|
2. [Panimula sa CSS](./2-intro-to-css/README.md)
|
|
3. [Panimula sa DOM at JS Closures](./3-intro-to-DOM-and-closures/README.md)
|
|
|
|
## Mga Kredito
|
|
|
|
Isinulat nang may ♥️ ni [Jen Looper](https://www.twitter.com/jenlooper)
|
|
|
|
Ang terrarium na ginawa gamit ang CSS ay inspirasyon mula sa glass jar ni Jakub Mandra sa [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY).
|
|
|
|
Ang mga likhang sining ay mano-manong iginuhit ni [Jen Looper](http://jenlooper.com) gamit ang tulong ng Procreate.
|
|
|
|
## I-deploy ang Iyong Terrarium
|
|
|
|
Maaari mong i-deploy, o i-publish ang iyong terrarium sa web gamit ang Azure Static Web Apps.
|
|
|
|
1. I-fork ang repo na ito
|
|
|
|
2. Pindutin ang button na ito
|
|
|
|
[](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp)
|
|
|
|
3. Sundan ang wizard para sa paglikha ng iyong app. Siguraduhing itakda ang app root sa `/solution` o sa root ng iyong codebase. Walang API sa app na ito, kaya huwag mag-alala tungkol sa pagdaragdag nito. Isang github folder ang malilikha sa iyong forked repository na makakatulong sa Azure Static Web Apps' build services upang i-build at i-publish ang iyong app sa isang bagong URL.
|
|
|
|
---
|
|
|
|
**Paunawa**:
|
|
Ang dokumentong ito ay isinalin gamit ang AI translation service na [Co-op Translator](https://github.com/Azure/co-op-translator). Bagama't sinisikap naming maging tumpak, pakitandaan na ang mga awtomatikong pagsasalin ay maaaring maglaman ng mga pagkakamali o hindi pagkakatugma. Ang orihinal na dokumento sa kanyang katutubong wika ang dapat ituring na opisyal na sanggunian. Para sa mahalagang impormasyon, inirerekomenda ang propesyonal na pagsasalin ng tao. Hindi kami mananagot sa anumang hindi pagkakaunawaan o maling interpretasyon na dulot ng paggamit ng pagsasaling ito. |