Tuesday, October 20, 2020
Home Tutorials JavaScript Tutorial in Hindi - 2020 Free Guide

JavaScript Tutorial in Hindi – 2020 Free Guide

इस JavaScript tutorial in Hindi में हम JavaScript से जुडी सारी जानकारी आपको हिंदी में देंगे। JavaScript की basic लेवेल से advanced तक की ट्रेनिंग हम इस पोस्ट में आपको देंगे ।

इस tutorial में आप JavaScript क्या है? इसका क्या उपयोग है? इसके Examples? इसके फायदे(Advantages)? इसके नुकसान(Disadvantages) पढ़ेंगे।

JavaScript को डाउनलोड करने की जरूरत नहीं पड़ती, यह आपके browser पर पहले से ही run होती है। यह बिल्कुल Free है।

हमारे साथ जुड़े रहिये ऐसे ही और Hindi Tutorials के लिए।

चलिए शुरू करते हैं JavaScript tutorial in Hindi को :

What is JavaScript in Hindi?

JavaScript का उपयोग web designing में किया जाता है इसे मुख्यतः HTML, CSS के साथ उपयोग किया जाता है।

JavaScript एक Scripting language है जिसे HTML और Web के साथ इस्तेमाल किया जाता है। इसे सीखना बहुत ही आसान है।

इस language में बने हुए प्रोग्राम को Scripts कहा जाता है। इन Scripts को plain text में लिखा जा सकता है और प्लेन टेक्स्ट में ही run भी किया जा सकता है। इन scripts को हम किसी भी वेब पेज के HTML में डाल सकतें हैं और जब वह web page लोड होता है तो ये scripts स्वतः ही run हो जाती हैं।

यह एक Client Side Scripting लैंग्वेज है। यह यूजर के browser पर रन होता है।

javascript tutorial in hindi introduction

JavaScript का कोड किसी भी ब्राउज़र पर देखा जा सकता है क्यूंकि यह browser पर उपलब्ध रहता है।

जब भी कोई ब्राउज़र किसी वेब पेज को request send करता है तो server उसे HTML के साथ ही JavaScript का भी कोड send कर देता है जिसे browser जरूरत पड़ने पर execute कर लेता है।

JavaScript की History

JavaScript को ‘Brendan Eich‘ ने सन 1995 में develop किया था। इस लैंग्वेज का नाम पहले LiveScript था।

जब JavaScript डेवेलोप की गई थी तब Java programming language बहुत ही लोकप्रिय थी इसीलिए इसका नाम LiveScript से बदलकर JavaScript रख दिया गया। इस language का Java से कोई सम्बन्ध अब नहीं रहा है यह स्वतंत्र scripting language है।

Java एक बहुत ही बड़ी programming language है जबकि JavaScript एक बहुत ही light-weight लैंग्वेज है।

JavaScript tutorial in Hindi में HTML, CSS को जानना भी जरूरी है क्यूंकि जावास्क्रिप्ट मुख्यतः इनके साथ ही use किया जाता है।

HTML, CSS और JavaScript में Difference

HTML, CSS और JavaScript तीनो प्रोग्रामिंग लैंग्वेज मिलकर हम एक अच्छे लुक वाला वेब पेज बनाते हैं।

Javascript tutorial in hindi

JavaScript विशेष रूप से web page को interactive(इंटरैक्टिव) बनाने के लिए इस्तेमाल किया जाता है।

HTMLCSSJavaScript
HTML से हम Web Page के structure को बनाते हैं।CSS से हम Web Page को design करते हैं।JavaScript से हम Web Page में Logic को डालते हैं।
HTML का full form Hyper Text Markup Language होता है।CSS का full form Cascading Style Sheet होता है।JavaScript का पूरा नाम JavaScript ही है।
HTML से हम Text Field, Button etc बनाते हैं।CSS से हम उन fields में color आदि भरते हैं।JavaScript से हम Alerts, Messages etc बनाते हैं।

Usage of JavaScript / जावास्क्रिप्ट के क्या उपयोग हैं?

JavaScript के बहुत सारे उपयोग हैं। इसका उपयोग करके हम बहुत सारे टास्क परफॉर्म करके अपने वेबसाइट या वेबपेज को interactive बना सकतें हैं।

JavaScript Tutorial in Hindi के लिए यह बहुत ही इम्पोर्टेन्ट सेक्शन हैं क्यूंकि यह इंटरव्यू में भी बहुत पुछा जाता है।

नीचे दिए हुयें कुछ मुख्य टास्क हैं जो हम JavaScript का use करके कर सकते हैं –

1. Popup Windows : JavaScript का use करके हम बहुत सारे Popups अपने वेबसाइट या वेब पेज में बना के लगा सकतें हैं। Popup Box जैसे कि alert message, confirmation dialog box आदि JavaScript का इस्तेमाल करके बनाये जा सकतें है।

2. Validation of Form : यदि हमारी वेबसाइट में कोई Form है तो उसमे हम validations JavaScript का use करके लगा सकतें हैं जैसे की Email Validation, Phone Number Validation आदि।

3. Cookies in Browser : जब हम कोई वेबसाइट विजिट करते हैं तो कुछ डाटा browser में save कर लिया जाता है जिससे जब हम दुबारा विजिट करते हैं तो उसे use किया जा सके। इस डाटा को Cookies कहते हैं। यह हम JavaScript का use करके store कर सकते हैं।

4. Animation : JavaScript का use करके हम कई तरह का animation अपने website के elements में लगा सकते हैं।

5. Image Slider : Image Slider में कई images स्लाइड होती रहती हैं। हम JavaScript का use करके image slider आसानी से बना सकते हैं।

6. Autocomplete : Autocomplete एक ऐसी तकनीक है जिससे जब हम कुछ type करें तो उसके suggestions हमारे पास आने लगे। जैसे कि Google में कुछ सर्च करने पर अपने आप suggestion आने लगते हैं। यह हम JavaScript से कर सकते हैं।

7. Drop Down Menu : JavaScript से Drop Down Menu बनाना बहुत आसान है। इस मेनू में values JavaScript का use करके डाली जा सकती हैं।

Advantages of JavaScript / जावास्क्रिप्ट के फायदे

JavaScript के बहुत सारे advantages हैं जिनमे से प्रमुख निम्नलिखित हैं :

  • Light-Weight JavaScript बहुत ही light weight है यह browser में ही run होती है। इसके लिए आपको कोई environment अलग से तैयार नहीं करना पड़ता।
  • Simple – JavaScript को सीखना बहुत ही आसान है यह बहुत ही simple लैंग्वेज है।
  • Fast – यह बहुत ही Fast programming language है.
  • Free – JavaScript एक Free scripting language है।
  • Cross Platform – JavaScript को किसी भी browser, किसी भी प्लेटफार्म पर चलाया जा सकता है।
Javascript tutorial in hindi advantages

Disadvantages of JavaScript / जावास्क्रिप्ट के नुकसान

वैसे तो JavaScript एक बहुत ही अच्छी scripting language है मगर इसके साथ कुछ नुक्सान जुड़ें हैं जो इस JavaScript Tutorial in Hindi में बताना जरूरी हैं।

JavaScript के निम्न disadvantages / नुक्सान हैं :

  • Browser Issue – JavaScript में कई बार browser में इशू आता है यह किसी ब्राउज़र में अलग किसी में अलग तरीके से behave करता है।
  • Not very Secured – JavaScript चूंकि एक client side scripting language है इसलिए यह ब्राउज़र पर run होती है और इसका कोड browser पर कोई भी देख सकता है इसलिए इसे बहुत ज्यादा secured language नहीं माना गया है।

JavaScript Tutorial in Hindi Complete Example

इस Example में हम JavaScript के basic code को समझने की कोशिश करेंगे।

इस JavaScript Tutorial in Hindi complete example में हमने निम्न चीजें दर्शायी हैं –

  • किसी HTML के element में JavaScript का use करके value कैसे डालें?
  • Document में Write कैसे करें?
  • Alert message कैसे लगाएं?
  • किसी function को कैसे call करें?
<!DOCTYPE html>
<html>
<body>

<p>My First JavaScript Language Program </p>

<p id="test"></p>

<script>

	// Printing Output in one Element
	document.getElementById("test").innerHTML = 10 + 5;
    
    // Printing Output in Document
    document.write("Writing in Document");
    
    //Alert Message
    window.alert("Hello Alert");
    
    
</script>

	<!-- function calling-->
	<button type="button" onclick="document.write('Button Clicked')">Button</button>

</body>
</html> 

ऊपर दिया हुआ Example आप try करने के लिए text को कॉपी करके किसी text file में पेस्ट कर दीजिये और उस फाइल को .html से सेव कर दीजिये और किसी ब्राउज़र पर रन करके खुद आउटपुट देखिये।

सारांश : JavaScript Tutorial in Hindi

आपने इस JavaScript tutorial in Hindi में JavaScript क्या है, इसके उपयोग, लाभ, हानि आदि पढ़ें। JavaScript को हम web पेज को interactive बनाने के लिए करते हैं। इसी तरह web page का लुक अच्छा करने के लिए Bootstrap बहुत ज्यादा उपयोगी है उसका टुटोरिअल हिंदी में आप पढ़ सकतें है – Bootstrap tutorial in hindi.

यदि आपको इस आर्टिकल JavaScript Tutorial in Hindi से सम्बंधित कोई सवाल या डाउट है तो नीचे कमेंट बॉक्स में जरूर बताएं।

Stay Connected

197FansLike
0FollowersFollow
0FollowersFollow
2FollowersFollow
0SubscribersSubscribe

Must Read

Difference between Hardware and Software in Hindi [2020]

इस पोस्ट में हम difference between hardware and software in Hindi सीखेंगे। इसके साथ ही हम hardware और software के बारे में...

सॉफ्टवेयर क्या है- What is Software in Hindi Exclusive Guide[2020]

What is Software in Hindi की इस गाइड में हम आपको बताएँगे कि software क्या होता है? software कैसे बनाते हैं?...

Difference between LTE and VoLTE in Hindi – जानें कौन सा है बेहतर और Powerful [2020]

इस आर्टिकल में हम difference between lte and volte in hindi को समझेंगे। Mobile और Technology की दुनिया...

HTML Tutorial in Hindi with Examples [2020] Exclusive Guide

इस HTML tutorial in Hindi में हम HTML की सभी जानकारी सीखेंगे। HTML के इस tutorial में हम पढ़ेंगे...

Related News

Difference between Hardware and Software in Hindi [2020]

इस पोस्ट में हम difference between hardware and software in Hindi सीखेंगे। इसके साथ ही हम hardware और software के बारे में...

सॉफ्टवेयर क्या है- What is Software in Hindi Exclusive Guide[2020]

What is Software in Hindi की इस गाइड में हम आपको बताएँगे कि software क्या होता है? software कैसे बनाते हैं?...

Difference between LTE and VoLTE in Hindi – जानें कौन सा है बेहतर और Powerful [2020]

इस आर्टिकल में हम difference between lte and volte in hindi को समझेंगे। Mobile और Technology की दुनिया...

HTML Tutorial in Hindi with Examples [2020] Exclusive Guide

इस HTML tutorial in Hindi में हम HTML की सभी जानकारी सीखेंगे। HTML के इस tutorial में हम पढ़ेंगे...

15 मिनट के अंदर Jio SIM को ब्लॉक करें – How to Block Jio Sim Fast [2020]

How to Block Jio SIM की इस गाइड में हम आपको किसी Jio Sim को block अथवा बंद करने की प्रक्रिया की...

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Your subscription could not be saved. Please try again.
Your subscription has been successful.

Theहिन्दीTV 

समाचार पत्रिका

 हमारे न्यूज़लेटर की सदस्यता लें और अपडेट रहें।

Stay connected