# నా టెరారియం: జావాస్క్రిప్ట్ ఉపయోగించి HTML, CSS మరియు DOM మానిప్యులేషన్ గురించి నేర్చుకోవడానికి ఒక ప్రాజెక్టు 🌵🌱 స్వల్పమైన డ్రాగ్ అండ్ డ్రాప్ కోడ్-మెడిటేషన్. కొద్దిగా HTML, JS మరియు CSS తో, మీరు ఒక వబ్ ఇంటర్‌ఫేస్‌ని తయారుచేయవచ్చు, దాన్ని శోభాయమానంగా మార్చవచ్చు మరియు ఒక ఇంటరాక్షన్ చేర్చవచ్చు. ![my terrarium](../../../../translated_images/te/screenshot_gray.0c796099a1f9f25e.webp) ## క్రెడిట్స్ ♥️ గల రచన [Jen Looper](https://www.twitter.com/jenlooper) ద్వారా CSS ద్వారా సృష్టించబడిన టెరారియం, Jakub Mandra యొక్క గ్లాస్ జార్ [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY) నుండి ప్రేరితమైంది. కళాకృతి Procreate ఉపయోగించి [Jen Looper](http://jenlooper.com) చేత చేతుల మీదుగా వేసింది. ## మీ టెరారియం ను డిప్లాయ్ చేయండి మీరు Azure Static Web Apps ను ఉపయోగించి మీ టెరారియం ను వెబ్‌లో డిప్లాయ్ చేయవచ్చు లేదా ప్రచురించవచ్చు. 1. ఈ రిపోను fork చేయండి 2. ఈ బటన్ నొక్కండి [![Deploy to Azure button](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp) 3. మీ యాప్‌ని సృష్టిస్తూ విజార్డ్ ద్వారా నడవండి. యాప్ రూట్ గా `/solution` లేదా మీ కోడ్‌బేస్ రూట్‌ని మీరు సెట్ చేశారంటే బాగుంటుంది. ఈ యాప్‌లో ఏ API లేదు కాబట్టి దానిని జోడించుకోవద్దు. మీ fork చేసిన repo లో .github ఫోల్డర్ సృష్టించబడుతుంది, ఇది Azure Static Web Apps యొక్క బిల్డ్ సర్వీస్‌కు మీ యాప్‌ను నిర్మించి కొత్త URL వద్ద ప్రచురించడానికి సహాయపడుతుంది. --- **విడుదల నోటీసు**: ఈ పత్రాన్ని AI అనువాద సేవ అయిన [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించాము. మేము ఖచ్చితత్వానికి కొంత శ్రద్ధ పెట్టినా, స్వయంచాలక అనువాదాల్లో తప్పులు లేదా అసమర్ధతలు ఉండవచ్చని దయచేసి గమనించండి. స్థానిక భాషలో ఉన్న ఒరిజినల్ పత్రాన్ని అధికారిక మూలంగా పరిగణించాలి. అత్యవసర సమాచారానికి, వృత్తిపరమైన మానవ అనువాదాన్ని సూచిస్తాము. ఈ అనువాదం వలన కలిగే ఎటువంటి అపార్థాలు లేదా భ్రమలకైనా మేము బాధ్యత వహించము.