# ကျွန်ုပ်၏ Terrarium: HTML, CSS နှင့် DOM ကို JavaScript အသုံးပြု၍ လေ့လာရန် Project 🌵🌱 အနည်းငယ် HTML, JS နှင့် CSS ကို အသုံးပြု၍ drag and drop လုပ်နိုင်သော code-meditation တစ်ခုဖြစ်သည်။ သင်သည် web interface တစ်ခုကို တည်ဆောက်နိုင်ပြီး၊ အလှဆင်နိုင်သည့်အပြင် သင်နှစ်သက်သော အမျိုးမျိုးသော အပြန်အလှန်လုပ်ဆောင်မှုများကို ထည့်သွင်းနိုင်ပါသည်။  # သင်ခန်းစာများ 1. [HTML အကြောင်းမိတ်ဆက်](./1-intro-to-html/README.md) 2. [CSS အကြောင်းမိတ်ဆက်](./2-intro-to-css/README.md) 3. [DOM နှင့် JS Closures အကြောင်းမိတ်ဆက်](./3-intro-to-DOM-and-closures/README.md) ## အကျေးဇူးတင်စကား ♥️ ဖြင့် ရေးသားထားသည် [Jen Looper](https://www.twitter.com/jenlooper) CSS အသုံးပြု၍ ဖန်တီးထားသော terrarium သည် Jakub Mandra ၏ glass jar [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY) မှ အားကိုးဖွယ်ရာဖြစ်သည်။ အနုပညာလက်ရာများကို [Jen Looper](http://jenlooper.com) မှ Procreate အကူအညီဖြင့် လက်ဖြင့်ရေးဆွဲထားသည်။ ## သင့် Terrarium ကို Deploy လုပ်ပါ Azure Static Web Apps ကို အသုံးပြု၍ သင့် terrarium ကို အင်တာနက်ပေါ်တွင် deploy (သို့မဟုတ်) publish လုပ်နိုင်ပါသည်။ 1. ဒီ repo ကို fork လုပ်ပါ 2. ဒီ button ကို နှိပ်ပါ [](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp) 3. သင့် app ကို ဖန်တီးရန် wizard ကို လိုက်နာပါ။ သင့် app root ကို `/solution` သို့မဟုတ် သင့် codebase ရဲ့ root အဖြစ် သတ်မှတ်ပါ။ ဒီ app မှာ API မပါဝင်သဖြင့် API ထည့်ရန် စိတ်ပူစရာမလိုပါ။ သင့် fork လုပ်ထားသော repository တွင် github folder တစ်ခု ဖန်တီးမည်ဖြစ်ပြီး၊ Azure Static Web Apps ၏ build services သုံးပြီး သင့် app ကို build လုပ်ပြီး URL အသစ်တစ်ခုတွင် publish လုပ်ပေးမည်ဖြစ်သည်။ --- **အကြောင်းကြားချက်**: ဤစာရွက်စာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှု [Co-op Translator](https://github.com/Azure/co-op-translator) ကို အသုံးပြု၍ ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည် တိကျမှုအတွက် ကြိုးစားနေသော်လည်း၊ အလိုအလျောက် ဘာသာပြန်မှုများတွင် အမှားများ သို့မဟုတ် မမှန်ကန်မှုများ ပါဝင်နိုင်သည်ကို သတိပြုပါ။ မူရင်းစာရွက်စာတမ်းကို ၎င်း၏ မူလဘာသာစကားဖြင့် အာဏာတရ အရင်းအမြစ်အဖြစ် ရှုလေ့လာသင့်ပါသည်။ အရေးကြီးသော အချက်အလက်များအတွက် လူ့ဘာသာပြန်ပညာရှင်များမှ ပရော်ဖက်ရှင်နယ် ဘာသာပြန်မှုကို အကြံပြုပါသည်။ ဤဘာသာပြန်မှုကို အသုံးပြုခြင်းမှ ဖြစ်ပေါ်လာသော အလွဲအလွတ်များ သို့မဟုတ် အနားလွဲမှုများအတွက် ကျွန်ုပ်တို့သည် တာဝန်မယူပါ။