JavaScript in Hindi

JavaScript in Hindi, जावास्क्रिप्ट के लाभ

by

JavaScript in Hindi – दोस्तों कोई भी developer हो चाहे वह front-end developer हो या फिर back-end developer हो उसे तीन भाषाओं का ज्ञान होना बहुत ज़रूरी है जिसमें HTML, CSS ओर JavaScript शामिल है |

Table Of Content hide
  1. 1) जावास्क्रिप्ट क्या है? (What is JavaScript)
  2. 2) JS क्या कर सकता है?
    1. 2.1) JS HTML element को बदल सकता है
    2. 2.2) JS HTML attribute की value बदल सकता है
      1. 2.2.1) उदाहरण :-
    3. 2.3) JS CSS को बदल सकता है
    4. 2.4) JS HTML element को छिपा ओर दिखा सकता है
  3. 3) JavaScript कहाँ और कैसे लिखें?
  4. 4) External JavaScript क्या है?
  5. 5) External JavaScript के लाभ
  6. 6) Conclusion

अगर किसी developer को इन तीन भाषाओं का अच्छे ढंग से ज्ञान है तो वह developer किसी भी जगह पैसे कमा सकता है और कोई भी IT company में एक अच्छी ख़ासी तनख़्वाह पा सकता है, इसलिए अगर आप जावास्क्रिप्ट के बारे में अच्छे से जानना चाहते हैं तो आज का आर्टिकल अंत तक ज़रूर पढ़े ताकि आप भी अच्छे-ख़ासे पैसे कमा सकें |

JavaScript in Hindi के आर्टिकल में आपको JavaScript के बारे में basic जानकारी दी जाएगी, क्योंकि अगर किसी को बेसिक जानकारी ना हो तो उसे advance जानें में काफ़ी टाइम लग सकता है |

JavaScript के बारे में बात करने से पहले बात कर लेते हैं की क्या हमें HTML और CSS सीखना ज़रूरी है ?

दोस्तों HTML आपकी website का आधार बनाती है और CSS आपकी website की style करती है जबकि JavaScript इन दोनों से अलग लॉजिक लगाती है |

ये तिनो भाषा एक दूसरे के बिना अधूरी है क्योंकि HTML से हम अपनी website का stretcher बनाते हैं और CSS से सुंदरता करते हैं इसलिए इन तिनो भाषाओं का ज्ञान होना ज़रूरी है |

जावास्क्रिप्ट क्या है? (What is JavaScript)

दोस्तों जावास्क्रिप्ट world की सबसे ज़्यादा popular प्रोग्रामिंग भाषा है जो की website और mobile application के लिए इस्तेमाल की जाती है, JavaScript एक scripting या प्रोग्रामिंग भाषा है जो की आपके वेब पेज में मुस्किल फ़ीचर को भी आसानी से add कर सकती है यानी की आपके एक static वेब पेज को dynamic कर देती है |

JS क्या कर सकता है?

दोस्तों जैसे कि ऊपर आपने पढ़ा की JS दुनिया की popular प्रोग्रामिंग language है जो की एक static वेब पेज को डायनामिक बना सकती है और डायनामिक कैसे बना सकती है इसके बारे में नीचे आप detail से पढ़ सकते हैं |

JavaScript in Hindi

JS HTML element को बदल सकता है

दोस्तों JavaScript किसी भी HTML के element को क्लिक पर डायनामिक रूप से बदल सकता है चाहे वह element कोई paragraph हो या फिर कोई heading हो, इसका एक सरल उदहारण आप नीचे देख सकते हैं |

<div id="example-1">
	<p>How are you ?</p>
</div>

<button type="button" onclick='document.getElementById("example-1").innerHTML = "<p>I am fine.</p>"'>Click Button</button>

दोस्तों जावास्क्रिप्ट double quotes ओर सिंगल quotes दोनों को accept करती है |

JS HTML attribute की value बदल सकता है

दोस्तों JavaScript किसी भी HTML attribute को बदल सकता है बड़ी आसानी से getAttribute() method की सहायता से, जैसे कि नाम से ही पता चल रहा है getAttribute यानी current attribute को खोज कर उसकी जगह दूसरे attribute को लाना |

इसका एक आसान सूत्र है – element.getAttribute (attributename);

नीचे example में आप देख सकते हैं की इसमें दो बटन बनाए गए हैं ओर एक image ली गयी है जो की default first image है, लेकिन जब user (Show Second Image) वाले बटन पर click करेगा तब दूसरी image दिखाई देगी और Show First Image पर click होगा तो पहली image दिखाई देगी उसी जगह पर |

ये सब getAttribute() की सहायता से हो रहा है क्योंकि <img> टैग का [src=””] attribute है जिसमें image का path है जिसको click पर change करवाया गया है |

उदाहरण :-

<button onclick="document.getElementById('image-change').src='/first-image.png'">Show First Image</button>

<img id="image-change" src="/first-image.png" style="width:100px">

<button onclick="document.getElementById('image-change').src='/secound-image.png'">Show Secound Image</button>

JS CSS को बदल सकता है

JavaScript किसी भी HTML element की CSS को बदल सकता है यानी की HTML के टैग पर style कर सकता है इसका एक सरल example आप नीचे देख सकते हैं |

<p id="color-change">This is an a parageaph.</p>

<button type="button" onclick="document.getElementById('color-change').style.color='red'">Click Button</button>

JS HTML element को छिपा ओर दिखा सकता है

JavaScript किसी भी HTML element को hide और show करवा सकता है बड़ी ही आसानी से, इसका एक सरल उदहारण आप नीचे देख सकते हैं |

Hide Example –

<p id="example">This is an a parageaph.</p>

<button type="button" onclick="document.getElementById('example').style.display='none'">Click Button</button>

Show Example –

<p id="example" style="display: none;">This is an a parageaph.</p>

<button type="button" onclick="document.getElementById('example').style.display='block'">Click Button</button>

क्या आप जानते हैं – दोस्तों क्या आप जानते हैं कि JavaScript और java ये दोनों भाषाएँ नाम से मिलती जुलती है लेकिन इन दोनों भाषाओं का design ओर concept दोनों अलग हैं |

JavaScript कहाँ और कैसे लिखें?

दोस्तों JavaScript को हम head tag के अंदर ओर body tag के अंदर दोनों जगह लिख सकते हैं लेकिन JavaScript लिखनें से पहले <script> </script> टैग को start और close करना ना भूलें, क्योंकि इस टैग के बिना हम JavaScript नहि लिख सकते हैं किसी भी web page के अंदर जैसे –

<script>
     document.getElementById('example').style.color='red'"
</script>

इस तरह से JavaScript लिख सकते हैं <head> tag close होनें से पहले और <body> tag के close होने से पहले लेकिन अगर आप JavaScript को head tag के अंदर लिखते हैं तो इससे आपके पेज का loading टाइम बढ़ सकता है इसलिए सबसे अच्छा काम है body टैग close होनें से पहले JavaScript को लिखना इसके अलावा हम External JavaScript भी लिख सकते हैं.

External JavaScript क्या है?

वह फाइल जिसमें only जावास्क्रिप्ट का कोड लिखा गया हो और फाइल को .js एक्सटेंशन के नाम से सेव किया गया हो तो उस फाइल को हम External JavaScript कहते है.

दोस्तों JavaScript को हम अलग से कोई दूसरी file में भी लिख सकते हैं और उसको HTML के document में लिंक करवा सकते हैं लेकिन उसके लिए आपको अलग लिखे गये JavaScript को एक extension के साथ save करना है जो है .js

ये उसी प्रकार है जिस प्रकार हम External CSS को add करते हैं अपने HTML के document में जैसे की –

<script src="custom.js"></script>

External JavaScript के लाभ

  • यह HTML के कोड से अलग लिखी जाती है, यानी की इसमें सिर्फ़ जावास्क्रिप्ट का कोड लिखा जाता है.
  • यह जावास्क्रिप्ट के और HTML के कोड को अलग बनाता है जिससे दोनों फ़ाइलों के कोड को पढ़ना आसान होता है.
  • cash की गई जावास्क्रिप्ट कि फ़ाइलें या फिर मिनिफ़ाई की गई जावास्क्रिप्ट कि फ़ाइलें पेज लोड की स्पीड बढ़ाती है.
  • External JavaScript में किसी script टैग की ज़रूरत नहीं होती है.

Conclusion

दोस्तों आज के आर्टिकल JavaScript in Hindi में आपने basic JS के बारे में जाना की JS क्या है और JavaScript क्या कर सकती है जैसी जानकारी | उमीद है JavaScript in Hindi का ये आर्टिकल आपको पसंद आया होगा और आपको ये आर्टिकल helpful लगा होगा इसके अलावा अगर आपको JavaScript के बारे में और detail से जानना है तो आप github पर सिख सकते हैं |

अगर आपको आज का आर्टिकल helpful लगा है तो इसे अपने दोस्तों के साथ share करना ना भूले, हम मिलते हैं अगले एक ओर धमाकेदार आर्टिकल में |

धन्यवाद….

Leave a Comment