JavaScript ఏంటీ మరియు దానిని ఎలా వాడాలి?
JavaScript అనేది ఒక ప్రోగ్రామింగ్ భాష, ఇది వెబ్ పేజీలకు డైనామిక్ ఫంక్షనాలిటీని జోడించేందుకు ఉపయోగించబడుతుంది. JavaScript కోడ్ను ప్రత్యేక ఫైల్లో రాసి, బ్రౌజర్లో ఎలా రన్ చేయాలో ఈ మార్గదర్శకం చెప్తుంది.
స్టార్టర్ కోడ్ డౌన్లోడ్ చేయడం
JavaScript ప్రాక్టీస్ చేసేందుకు ముందుగా, మీరు GitHub లోని స్టార్టర్ కోడ్ డౌన్లోడ్ చేసుకోవాలి.
- GitHub లోకి వెళ్లి, "Download ZIP" బటన్పై క్లిక్ చేయండి.
- మీ స్క్రీన్ చిన్నగా ఉంటే, "FAQ" సెక్షన్లోని లింక్ ద్వారా కూడా కోడ్ డౌన్లోడ్ చేసుకోవచ్చు.
- డౌన్లోడ్ అయిన ఫైల్ను ఎక్స్ట్రాక్ట్ చేసి, అందులోని "starter" ఫోల్డర్ను ఉపయోగించాలి.
Visual Studio Code (VS Code) లో కోడ్ ఓపెన్ చేయడం
- VS Code ఓపెన్ చేసి, "Open Folder" ఆప్షన్ ద్వారా starter ఫోల్డర్ను ఎంచుకోండి.
- Index.html ఫైల్లో script ట్యాగ్ ను ఉపయోగించి JavaScript కోడ్ రాయాలి.
JavaScript కోడ్ రాయడం
let js = "amazing";
alert("JavaScript is fun!");
alert()ఫంక్షన్ ద్వారా బ్రౌజర్లో మెసేజ్ డిస్ప్లే అవుతుంది.
Console లో అవుట్పుట్ చూడడం
JavaScript లో కొన్ని లెక్కల్ని Console లో ప్రింట్ చేయాలంటే, console.log() ఫంక్షన్ వాడాలి.
console.log(40 + 8 + 23 - 10);
- Console ఓపెన్ చేయడానికి → "Inspect" > "Console" ఓపెన్ చేయండి.
సెపరేట్ JavaScript ఫైల్ క్రియేట్ చేయడం
- HTML లోనే JavaScript రాయడం కంటే, కోడ్ క్లియర్గా ఉండేందుకు సెపరేట్ JavaScript ఫైల్ వాడడం మంచిది.
- script.js అనే కొత్త ఫైల్ క్రియేట్ చేయండి.
- JavaScript కోడ్ను script.js లో పేస్ట్ చేయండి.
- HTML లో script.js ను లింక్ చేయండి:
<script src="script.js"></script>
- ఈ లింక్ లేకుంటే, JavaScript పనిచేయదు.
JavaScript ను బ్రౌజర్లో ఎగ్జిక్యూట్ చేయడం
- index.html ను Chrome బ్రౌజర్లో ఓపెన్ చేయండి.
- మీరు రాసిన JavaScript కోడ్ ప్రకారం అవుట్పుట్ వస్తుంది.
- Console లో కూడా లెక్కల ఫలితాలు కనిపిస్తాయి.
ముఖ్యమైన పొరపాట్లు & పరిష్కారాలు
- script.js ఫైల్ మరియు index.html ఒకే ఫోల్డర్లో ఉండాలి.
- script.js కు సరైన రీతిలో లింక్ ఇచ్చారా అని చెక్ చేయండి.
- Console లో Errors వస్తే, కోడ్ లో పొరపాట్లు సరిచూసుకోవాలి.
ముగింపు
ఇప్పటివరకు మనం JavaScript ను HTML తో ఎలా లింక్ చేయాలో, కోడ్ ఎలా రాయాలో, Console లో అవుట్పుట్ ఎలా చూడాలో తెలుసుకున్నాం.
ఇప్పట్నుంచి మనం JavaScript యొక్క ప్రాముఖ్యత మరియు ఆధునిక వెబ్ డెవలప్మెంట్లో దాని వినియోగం గురించి లోతుగా నేర్చుకోవచ్చు. 🚀