# ကျွန်ုပ်၏ Terrarium: HTML, CSS နှင့် DOM ကို JavaScript အသုံးပြု၍ လေ့လာရန် Project 🌵🌱 အနည်းငယ်သော drag and drop code-meditation ဖြစ်ပါတယ်။ HTML, JS နှင့် CSS အနည်းငယ်ကို အသုံးပြုပြီး web interface တစ်ခုကို တည်ဆောက်၊ အလှဆင်ပြီး အပြန်အလှန်လုပ်ဆောင်မှုများ ထည့်သွင်းနိုင်ပါတယ်။  ## အကျေးဇူးတင်စကား ♥️ ဖြင့်ရေးသားထားသော [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 ကို web ပေါ်တွင် 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 ကို လိုက်နာပါ။ သင့် codebase ရဲ့ root ကို `/solution` သို့မဟုတ် root အဖြစ် သတ်မှတ်ထားရန် သေချာပါ။ ဒီ app မှာ API မပါဝင်သဖြင့် API ထည့်ရန် စိတ်ပူစရာမလိုပါဘူး။ သင့် fork လုပ်ထားသော repo မှာ .github folder တစ်ခု ဖန်တီးထားမည်ဖြစ်ပြီး Azure Static Web Apps' build service က သင့် app ကို build လုပ်ပြီး URL အသစ်တစ်ခုတွင် publish လုပ်ပေးပါမည်။ --- **ဝက်ဘ်ဆိုက်မှတ်ချက်**: ဤစာရွက်စာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှု [Co-op Translator](https://github.com/Azure/co-op-translator) ကို အသုံးပြု၍ ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည် တိကျမှန်ကန်မှုအတွက် ကြိုးစားနေသော်လည်း၊ အလိုအလျောက်ဘာသာပြန်ဆိုမှုများတွင် အမှားများ သို့မဟုတ် မတိကျမှုများ ပါဝင်နိုင်သည်ကို ကျေးဇူးပြု၍ သတိပြုပါ။ မူရင်းဘာသာစကားဖြင့် ရေးသားထားသော စာရွက်စာတမ်းကို အာဏာတည်သော ရင်းမြစ်အဖြစ် သတ်မှတ်သင့်ပါသည်။ အရေးကြီးသော အချက်အလက်များအတွက် လူပညာရှင်များမှ ဘာသာပြန်ဆိုမှုကို အကြံပြုပါသည်။ ဤဘာသာပြန်ဆိုမှုကို အသုံးပြုခြင်းမှ ဖြစ်ပေါ်လာသော နားလည်မှုမှားများ သို့မဟုတ် အဓိပ္ပာယ်မှားများအတွက် ကျွန်ုပ်တို့သည် တာဝန်မယူပါ။