ఆధునిక వెబ్ అభివృద్ధిలో జావాస్క్రిప్ట్ ప్రధానమైనదిగా మారింది. ఈ శక్తివంతమైన భాష ఏ వెబ్ డెవలపర్ అయినా అర్థం చేసుకోవడానికి అవసరమైన సాధనంగా అభివృద్ధి చెందింది.
జావాస్క్రిప్ట్ ప్రత్యేక లక్షణాలను కలిగి ఉంది, ఇది సాంప్రదాయ ప్రోగ్రామింగ్ భాషల నుండి భిన్నంగా ఉంటుంది. అది ఏమిటో, అది ఎలా పనిచేస్తుందో మరియు దానితో మీరు ఏమి చేయగలరో మేము త్రవ్వబోతున్నాము. దానిని విచ్ఛిన్నం చేద్దాం.
జావాస్క్రిప్ట్ అంటే ఏమిటి?
జావాస్క్రిప్ట్ అనేది వెబ్ కోసం స్క్రిప్టింగ్ లాంగ్వేజ్. ఇది వివరించబడిన భాష, అంటే C లేదా C ++ వంటి దాని కోడ్ని అనువదించడానికి కంపైలర్ అవసరం లేదు. జావాస్క్రిప్ట్ కోడ్ నేరుగా వెబ్ బ్రౌజర్లో నడుస్తుంది.
భాష యొక్క తాజా వెర్షన్ ECMAScript 2018 ఇది జూన్ 2018 లో విడుదలైంది.
మీ హార్డ్ డ్రైవ్ విఫలమైతే ఎలా చెప్పాలి
వెబ్ యాప్లు లేదా వెబ్ పేజీలను రూపొందించడానికి జావాస్క్రిప్ట్ HTML మరియు CSS తో పనిచేస్తుంది. జావాస్క్రిప్ట్కు గూగుల్ క్రోమ్, ఫైర్ఫాక్స్, సఫారి, మైక్రోసాఫ్ట్ ఎడ్జ్, ఒపెరా వంటి ఆధునిక వెబ్ బ్రౌజర్లు మద్దతు ఇస్తున్నాయి. ఆండ్రాయిడ్ మరియు ఐఫోన్ కోసం చాలా మొబైల్ బ్రౌజర్లు ఇప్పుడు జావాస్క్రిప్ట్కు కూడా మద్దతు ఇస్తున్నాయి.
జావాస్క్రిప్ట్ వెబ్ పేజీల డైనమిక్ అంశాలను నియంత్రిస్తుంది. ఇది వెబ్ బ్రౌజర్లలో మరియు ఇటీవల వెబ్ సర్వర్లలో కూడా పనిచేస్తుంది. అప్లికేషన్ ప్రోగ్రామింగ్ ఇంటర్ఫేస్లు (API) కూడా జావాస్క్రిప్ట్ ద్వారా మద్దతు ఇస్తాయి, ఇది మీకు మరింత కార్యాచరణను అందిస్తుంది.
వెబ్ ప్రోగ్రామింగ్ ఎలా పనిచేస్తుందో మీరు అర్థం చేసుకున్నప్పుడు జావాస్క్రిప్ట్ పనిచేసే అన్ని మార్గాలను అర్థం చేసుకోవడం కొంచెం సులభం, కాబట్టి మరింత నేర్చుకుందాం.
వెబ్ యాప్ బిల్డింగ్ బ్లాక్స్
వెబ్సైట్లు మరియు యాప్లను రూపొందించే మూడు భాగాలు ఉన్నాయి: హైపర్టెక్స్ట్ మార్కప్ లాంగ్వేజ్ (HTML), క్యాస్కేడింగ్ స్టైల్ షీట్లు (CSS) మరియు జావాస్క్రిప్ట్. వెబ్ యాప్ను రూపొందించడంలో ప్రతి ఒక్కరి పాత్ర ఉంటుంది.
- HTML వెబ్ పేజీ యొక్క అస్థిపంజరాన్ని సృష్టించే మార్కప్ భాష. అన్ని పేరాలు, విభాగాలు, చిత్రాలు, శీర్షికలు మరియు వచనం HTML లో వ్రాయబడ్డాయి. HTML లో వ్రాయబడిన క్రమంలో వెబ్సైట్లో కంటెంట్ కనిపిస్తుంది.
- CSS శైలిని మరియు లేఅవుట్ యొక్క అదనపు అంశాలను నియంత్రిస్తుంది. రంగులు, ఫాంట్లు, నిలువు వరుసలు, సరిహద్దులు మొదలైన వాటిని సృష్టించే వెబ్సైట్ రూపకల్పనను రూపొందించడానికి CSS ఉపయోగించబడుతుంది.
- మూడవ అంశం జావాస్క్రిప్ట్. HTML మరియు CSS నిర్మాణాన్ని సృష్టిస్తాయి, కానీ అవి అక్కడ నుండి ఏమీ చేయవు. జావాస్క్రిప్ట్ మీ యాప్లో డైనమిక్ యాక్టివిటీని సృష్టిస్తుంది. జావాస్క్రిప్ట్లో స్క్రిప్టింగ్ అనేది బటన్లను క్లిక్ చేసినప్పుడు విధులను నియంత్రిస్తుంది, పాస్వర్డ్ ఫారమ్లు ఎలా ప్రామాణీకరించబడతాయి, మీడియా ఎలా నియంత్రించబడుతుంది.
పూర్తి స్థాయి యాప్లను రూపొందించడానికి మూడు భాగాలు ఒకదానితో ఒకటి సామరస్యంగా పనిచేస్తాయి. మీరు వాటితో పూర్తిగా సౌకర్యంగా లేకుంటే HTML మరియు CSS గురించి మరింత తెలుసుకోవడం మంచిది.
జావాస్క్రిప్ట్ ఎలా పని చేస్తుంది?
జావాస్క్రిప్ట్ వ్రాసే ముందు అది హుడ్ కింద ఎలా పనిచేస్తుందో తెలుసుకోవడం ముఖ్యం. దీని గురించి తెలుసుకోవడానికి రెండు ముఖ్యమైన అంశాలు ఉన్నాయి: వెబ్ బ్రౌజర్ ఎలా పనిచేస్తుంది మరియు డాక్యుమెంట్ ఆబ్జెక్ట్ మోడల్ (DOM).
వెబ్ బ్రౌజర్ వెబ్ పేజీని లోడ్ చేస్తుంది, HTML ని పార్స్ చేస్తుంది మరియు విషయాల నుండి డాక్యుమెంట్ ఆబ్జెక్ట్ మోడల్ (DOM) అని పిలవబడే వాటిని సృష్టిస్తుంది. DOM మీ జావాస్క్రిప్ట్ కోడ్కు వెబ్ పేజీ యొక్క ప్రత్యక్ష వీక్షణను అందిస్తుంది.
బ్రౌజర్ అప్పుడు చిత్రాలు మరియు CSS ఫైల్స్ వంటి HTML కి లింక్ చేయబడిన ప్రతిదాన్ని పొందుతుంది. CSS సమాచారం CSS పార్సర్ నుండి వస్తుంది.
ముందుగా వెబ్ పేజీని సృష్టించడానికి DOM ద్వారా HTML మరియు CSS లు కలిసి ఉంటాయి. అప్పుడు, బ్రౌజర్ల జావాస్క్రిప్ట్ ఇంజిన్ జావాస్క్రిప్ట్ ఫైల్లను మరియు ఇన్లైన్ కోడ్ను లోడ్ చేస్తుంది కానీ వెంటనే కోడ్ని అమలు చేయదు. ఇది HTML మరియు CSS లోడింగ్ పూర్తయ్యే వరకు వేచి ఉంది.
ఇది పూర్తయిన తర్వాత, కోడ్ వ్రాయబడిన క్రమంలో జావాస్క్రిప్ట్ అమలు చేయబడుతుంది. దీని ఫలితంగా DOM జావాస్క్రిప్ట్ కోడ్ ద్వారా నవీకరించబడుతుంది మరియు బ్రౌజర్ ద్వారా అందించబడుతుంది.
ఇక్కడ ఆర్డర్ ముఖ్యం. HTML మరియు CSS పూర్తయ్యే వరకు జావాస్క్రిప్ట్ వేచి ఉండకపోతే, అది DOM మూలకాలను మార్చలేకపోతుంది.
జావాస్క్రిప్ట్తో నేను ఏమి చేయగలను?
జావాస్క్రిప్ట్ అనేది పూర్తి స్థాయి ప్రోగ్రామింగ్ లాంగ్వేజ్, ఇది పైథాన్ వంటి సాధారణ భాష చేయగల చాలా విషయాలను చేయగలదు. వీటితొ పాటు:
ఎక్స్బాక్స్ వన్తో బాహ్య హార్డ్ డ్రైవ్ను ఉపయోగించడం
- వేరియబుల్స్ ప్రకటించడం.
- విలువలను నిల్వ చేయడం మరియు తిరిగి పొందడం.
- ఫంక్షన్లతో సహా నిర్వచించడం మరియు ప్రారంభించడం బాణం విధులు .
- జావాస్క్రిప్ట్ వస్తువులు మరియు తరగతులను నిర్వచించడం.
- బాహ్య మాడ్యూల్లను లోడ్ చేయడం మరియు ఉపయోగించడం.
- క్లిక్ ఈవెంట్లకు ప్రతిస్పందించే ఈవెంట్ హ్యాండ్లర్లను వ్రాయడం.
- సర్వర్ కోడ్ రాయడం.
- ఇవే కాకండా ఇంకా.
హెచ్చరిక: జావాస్క్రిప్ట్ చాలా శక్తివంతమైన భాష కాబట్టి, వాటిని మాల్వేర్, వైరస్లు మరియు బ్రౌజర్ హ్యాక్లను వ్రాయడం కూడా సాధ్యమే. బ్రౌజర్ కుకీలు, పాస్వర్డ్లు, క్రెడిట్ కార్డులను దొంగిలించడం నుండి మీ కంప్యూటర్లో వైరస్లను డౌన్లోడ్ చేయడం వరకు ఇవి ఉంటాయి.
జావాస్క్రిప్ట్ ఉపయోగించి
కోడ్ ఉదాహరణలతో కొన్ని జావాస్క్రిప్ట్ ప్రాథమికాలను చూద్దాం.
వేరియబుల్స్ ప్రకటించడం
జావాస్క్రిప్ట్ డైనమిక్ టైప్ చేయబడింది, అంటే మీ కోడ్లో మీ వేరియబుల్స్ రకాన్ని మీరు ప్రకటించాల్సిన అవసరం లేదు.
let num = 5;
let myString = 'Hello';
var interestRate = 0.25;
ఆపరేటర్లు
అదనంగా
12 + 5
>> 17
తీసివేత
20 - 8
>> 12
గుణకారం
5 * 2
>> 10
విభజన
50 / 2
>> 25
మాడ్యులస్
45 % 4
>> 1
శ్రేణులు
let myArray = [1,2,4,5];
let stringArray = ['hello','world'];
విధులు
జావాస్క్రిప్ట్ ఫంక్షన్లను వ్రాయగలదు, ఇక్కడ సంఖ్యలను జోడించే ఒక సాధారణ ఫంక్షన్ ఉంది.
మీకు ఎవరు సభ్యత్వం పొందారో ఎలా చూడాలి
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15
ఉచ్చులు
జావాస్క్రిప్ట్ పునరావృతం కోసం లూప్లను చేయగలదు, వంటి ఉచ్చులు ఉచ్చులు కోసం మరియు ఉచ్చులు ఉండగా.
for(let i = 0; i <3; i++){
console.log('echo!');
}
>> echo!
>> echo!
>> echo!
let i = 0;
while(i <3) {
console.log('echo!');
i++;
}
>> echo!
>> echo!
>> echo!
వ్యాఖ్యలు
// Writing a comment
/*Writing a multi-line comment
You can use as many lines as you like
to break up text and make comments more readable
*/
వెబ్ పేజీలో
వెబ్ పేజీలో జావాస్క్రిప్ట్ను లోడ్ చేయడానికి అత్యంత సాధారణ మార్గం స్క్రిప్ట్ HTML ట్యాగ్. మీ అవసరాలను బట్టి, మీరు ఈ క్రింది పద్ధతుల్లో ఒకదాన్ని ఉపయోగించవచ్చు.
- కింది విధంగా వెబ్ పేజీలో బాహ్య జావాస్క్రిప్ట్ ఫైల్ను లోడ్ చేయండి: | _+_ |
- జావాస్క్రిప్ట్ వెబ్ పేజీ నుండి వేరొక డొమైన్ నుండి వచ్చినట్లయితే మీరు పూర్తి URL ని పేర్కొనవచ్చు: | _+_ |
- జావాస్క్రిప్ట్ నేరుగా HTML లో పొందుపరచవచ్చు. ఇక్కడ ఒక | _+_ |
ఈ పద్ధతులు కాకుండా, జావాస్క్రిప్ట్ కోడ్ను డిమాండ్పై లోడ్ చేయడానికి మార్గాలు ఉన్నాయి. వాస్తవానికి, రన్ టైమ్లో సరైన డిపెండెన్సీలతో జావాస్క్రిప్ట్ మాడ్యూల్లను లోడ్ చేయడానికి మరియు అమలు చేయడానికి అంకితమైన ఫ్రేమ్వర్క్లు ఉన్నాయి.
అవి మరింత అధునాతన అంశాలు, ప్రస్తుతం మీరు ప్రాథమికాలను నేర్చుకుంటున్నారు.
నమూనా జావాస్క్రిప్ట్ కోడ్ స్నిప్పెట్లు
వెబ్ పేజీలలో ఇది ఎలా ఉపయోగించబడుతుందో వివరించడానికి ఇక్కడ కొన్ని సాధారణ జావాస్క్రిప్ట్ కోడ్ నమూనాలు ఉన్నాయి. ఇవి DOM తో పనిచేసే కోడ్ యొక్క ఉదాహరణలు.
- కిందివి అన్నింటినీ ఎంచుకుంటాయి బోల్డ్ పత్రంలోని అంశాలు మరియు మొదటి రంగును ఎరుపుకు సెట్ చేస్తుంది. | _+_ |
- ఒక ఇమేజ్ని మార్చాలనుకుంటున్నారా img ట్యాగ్? కింది వాటి కోసం ఈవెంట్ హ్యాండ్లర్ను అనుబంధిస్తుంది క్లిక్ చేయండి ఒక బటన్ ఈవెంట్. | _+_ |
- పేరాలోని టెక్స్ట్ కంటెంట్ని అప్డేట్ చేయండి ( p ) మూలకం? ఏర్పరచు అంతర్గత HTML చూపిన విధంగా మూలకం యొక్క ఆస్తి: | _+_ |
ఈ కోడ్ నమూనాలు మీ వెబ్ పేజీలో జావాస్క్రిప్ట్ ఉపయోగించి మీరు ఏమి చేయగలరో ఒక సంగ్రహావలోకనం అందిస్తాయి. మీరు ప్రారంభించడానికి కోడ్ ఎలా చేయాలో నేర్పించే ట్యుటోరియల్స్ పుష్కలంగా ఉన్నాయి. మీరు దీన్ని ఏ వెబ్ పేజీలోనైనా ప్రయత్నించవచ్చు, ఇది కూడా! మీ కన్సోల్ని తెరిచి, కొన్ని జావాస్క్రిప్ట్ కోడ్ని ప్రయత్నించండి.
జావాస్క్రిప్ట్ ఏమి చేస్తుందో ఇప్పుడు మీకు తెలుసు
ఆశాజనక, ఈ పరిచయం జావాస్క్రిప్ట్పై కొంత అంతర్దృష్టిని తీసుకువచ్చింది మరియు వెబ్ ప్రోగ్రామింగ్ గురించి మిమ్మల్ని ఉత్తేజపరుస్తుంది. మీరు అన్నింటినీ రీక్యాప్ చేయవచ్చు మా సులభ జావాస్క్రిప్ట్ చీట్ షీట్ . జావాస్క్రిప్ట్ గురించి తెలుసుకోవడానికి ఇంకా చాలా ఉంది. మీకు మరింత సౌకర్యంగా అనిపించిన తర్వాత డాక్యుమెంట్ ఆబ్జెక్ట్ మోడల్ను ఎలా ఉపయోగించాలో తెలుసుకోవడానికి ఎందుకు ప్రయత్నించకూడదు? మీరు టైప్స్క్రిప్ట్ గురించి తెలుసుకోవడానికి కూడా ఆసక్తి కలిగి ఉండవచ్చు.
షేర్ చేయండి షేర్ చేయండి ట్వీట్ ఇమెయిల్ కమాండ్ ప్రాంప్ట్ ఉపయోగించి మీ Windows PC ని ఎలా శుభ్రం చేయాలిమీ విండోస్ పిసిలో స్టోరేజ్ స్పేస్ తక్కువగా ఉంటే, ఈ ఫాస్ట్ కమాండ్ ప్రాంప్ట్ యుటిలిటీలను ఉపయోగించి వ్యర్థాలను శుభ్రం చేయండి.
తదుపరి చదవండి సంబంధిత అంశాలు- సాంకేతికత వివరించబడింది
- ప్రోగ్రామింగ్
- వెబ్ అభివృద్ధి
- జావాస్క్రిప్ట్
- స్క్రిప్టింగ్
ఆంథోనీ గ్రాంట్ ప్రోగ్రామింగ్ మరియు సాఫ్ట్వేర్ను కవర్ చేసే ఫ్రీలాన్స్ రచయిత. అతను ప్రోగ్రామింగ్, ఎక్సెల్, సాఫ్ట్వేర్ మరియు టెక్నాలజీలో కంప్యూటర్ సైన్స్ ప్రముఖుడు.
ఆంథోనీ గ్రాంట్ నుండి మరిన్నిమా వార్తాలేఖకు సభ్యత్వాన్ని పొందండి
టెక్ చిట్కాలు, సమీక్షలు, ఉచిత ఈబుక్లు మరియు ప్రత్యేకమైన డీల్స్ కోసం మా వార్తాలేఖలో చేరండి!
సభ్యత్వం పొందడానికి ఇక్కడ క్లిక్ చేయండి