Ticker

6/recent/ticker-posts

JAVASCRIPT

Kishan sharma November 02, 2017

JAVASCRIPT IN HINDI:-

आज हम javascript को Hindi में पढ़ने बाले है लेकिन इससे पहले कि आप JavaScript सीखना शुरू करें यह बहुत जरूरी है कि आप HTML और CSS सीख ले |

दोस्तों JavaScript का नाम सुनकर सबसे पहले तो ये दो सबाल मन में आता है की

1. JavaScript क्या है? और

2. हम इसे क्यों सीखें ?

मैं पहले आपको आपको ये बताता हूँ की आप JavaScript क्यों सीखेंगे ?
दोस्तों अगर आप एक वेब डेवलपर या वेब डिज़ाइनर बनना चाहते है या आप अपनी खुद की वेबसाइट बनाकर पैसे कामना चाहते है तो ये बहुत जरूरी है की JavaScript को सीखें और JavaScript क्यों सीखें इसका जबाब ये है की जैसे आप HTML से किसी वेबसाइट का डिजाईन बना सकते है और CSS से उस डिजाईन में रंग भर सकते है लेकिन अगर आप चाहते है की
  1. आप के वेबसाइट में एक इमेज अपने आप हर १ सेकण्ड में बदल रही हो या
  2. आप ने कोई फॉर्म बनाया है और चाहते है की यूजर या जो आप के वेबसाइट पर लोग आते है बो अपना ईमेल आईडी उस फॉर्म में भर दे अब अगर बो यूजर अपने ईमेल आईडी abc@gmail.com की जगह अपना नाम लिख दे abc तो आप JavaScript की मदद से ये validate(मान्य) कर सकते है की यूजर जो ईमेल आईडी फॉर्म में भरेगा उसमे एक @ का symbol(प्रतीक/चिन्ह ) होना चाहिए और उस ईमेल आईडी में एक . का symbol(प्रतीक/चिन्ह ) होना चाहिए
  3. अगर आप ये जानना चाहते है की जो यूजर या लोग आप के वेबसाइट पर आते है को किस वेब ब्राउज़र जैसे की गूगल chorme या मोज़िला firefox या इन्टरनेट explorer में से किस वेब ब्राउज़र से आप की वेबसाइट पर आते है
  4. अगर आप ये जानना चाहते है की जो यूजर या लोग आप के वेबसाइट पर आते है वो किस देश के रहने बाले है ।
  5. अगर आप चाहते है की आप के वेबसाइट पर वेब कैमरा(Web Cam) से लोग देख सके या माइक्रोफोन(Microphone) से बात कर सके तो ये सब तभी संभव है जब आप वेबसाइट में JavaScript का उपयोग करते है ।


अब तो आप समझ ही गए होंगे की JavaScript को क्यों सीखें अब पहले प्रश्न JavaScript क्या है ? इसके उत्तर में JavaScript का एक आसान(simple) सा परिभाषा(definition) देख लेते है –
JavaScript एक client side scripting language ( क्लाइंट साइड स्क्रिप्टिंग लैंग्वेज ) है ।
अब आप पूंछेगे की ये client side scripting language ( क्लाइंट साइड स्क्रिप्टिंग लैंग्वेज ) क्या है तो इसका उत्तर ये है की एक ऐसा स्क्रिप्टिंग लैंग्वेज जो वेब ब्राउज़र पर चलता(execute) हो और उसका सर्वर से कोई मतलब ना हो उसे क्लाइंट साइड स्क्रिप्टिंग लैंग्वेज कहते है ।
दोस्तों हो सकता है की अभी आप को ये डेफिनीशन या परिभाषा समझ में न आए तो आप को गबराने की जरुरत नहीं है आप जब वेब सर्वर( web server)
server side scripting languages जैसे की PHP के बारे में पढ़ेंगे तब आप इन चीजों को समझ पाएंगे|

WRITING YOUR FIRST JAVASCRIPT CODE IN HINDI:-

अब हम एचटीएमएल कोड में जावास्क्रिप्ट का उपयोग करना सीखेंगे।
जावास्क्रिप्ट कोड को पेज में जोड़ने के लिए हमे <script> </ script> टैग का उपयोग करना होता है। हम <script> </ script> टैग लिखकर इसके अंदर JavaScript के कोड लिख सकते है ।

उदाहरण 1 .

<html>

<head>

    <script type=”text/JavaScript”>

       script code

    </script>

</head>

<body>

</body>
</html>

ऊपर बाले कोड में हमने <head> टैग में JavaScript कोड को लिखा है अगर हम चाहे तो HTML body मतलब <body> </body> के अंदर या body के ख़त्म होने के बाद footer में भी JavaScript program को लिख सकते है।

अब हम सीखेंगे की के कोड को कैसे execute/run करते है ।
<html>

<head>

<script>

alert('Web3Tutorial.com');

</script>

</head>

<body>

</body>

</html>

अब आप ऊपर लिखे कोड को कॉपी करके अपने Text-Editor पर पेस्ट करिए , उसके बाद उसे test.html नाम देकर save करिए और फिर जब आप इस test.html पेज पर क्लिक करके उसे खोलेंगे तो आपको एक alert box दिखाई देगा |

JAVASCRIPT TUTORIAL IN HINDI:-

JAVASCRIPT HELLO WORLD TUTORIAL IN HINDI:-

दोस्तों पिछले पाठ में आपने देखा कि किस प्रकार से हम <script> Tag का उपयोग करके किसी HTML page के अंदर Javascript Code को लिख सकते हैं | आज के पाठ में हम यह सीखने वाले हैं कि अगर हमJavascript के उपयोग से अपने HTML Page पर कुछ लिखना चाहते हैं तो कैसे लिख सकते हैं ? मतलब कि अगर हम कोई वाक्य(Sentence) , संख्या (Number) या शब्द (words) को अपने HTML पेज पर Javascript के मदद से लिखवाना चाहते हैं तो यह हम कैसे कर सकते हैं |
दोस्तों Javascript में document.write() नाम का पहले से बना हुआ एक Function उपलब्ध है किसी वाक्य(Sentence) , संख्या (Number) या शब्द (words) को अपने Web Page पर दिखाने के लिए |
document.write() Function का उपयोग कैसे करते हैं इसका कुछ उदाहरण हम नीचे देख लेते हैं :-
Example 1:-
<!DOCTYPE html>
<html>
<body>
<script>
document.write("Welcome To Web3tutorial.com");
</script>
</body>
</html>
ऊपर के ऊपर लिखे कोड को पहले आप कॉपी करें उसके बाद उससे अपने नोटपैड पर पेस्ट करके उसे index.html नाम देकर सेव कर लें | उसके बाद जब आप index.html पर डबल क्लिक करके अपने web Browser पर उसे खोलेंगे तब आप के web Browser पर welcome to web3tutorial.com ऐसा लिखा हुआ आएगा |
इसी तरह से आप किसी दूसरे वाक्य य शब्द को भी जावास्क्रिप्ट के मदद से अपने Web Page पर दिखा सकते हैं इसके अलावा अगर हम चाहें तो किसी संख्या या नंबर को भी Javascript के मदद से अपने Web Page पर दिखा सकते हैं चलिए इसका एक उदाहरण हम नीचे देख लेते हैं :-
Example 2:-
<!DOCTYPE html>
<html>
<head></head>
<body>
<script>
document.write(55);
</script>
</body>
</html>
ऊपर लिखे कोड को Copy करके Save करने के बाद जब आप अपने वेब ब्राउज़र पर खोलेंगे तब आपको 55 नंबर लिखा हुआ दिखाई देगा |
JavaScript In Hindi External File :-

JAVASCRIPT CODE IN EXTERNAL FILE

दोस्तो पहले आप सीख चुके हैं कि अगर आप किसी HTML पेज के अंदर javascript Code को लिखना चाहते हैं तो किस प्रकार से Script tag के मदद से लिख सकते हैं | यह JavaScript को HTML Tag के साथ जोड़ने का सबसे आसान तरीका है |
इसके अलावा भी अगर हम चाहें तो Javascript Code को एक अलग फाइल के अंदर Save कर सकते हैं और उस फाइल को अपने HTML पेज के साथ जोड़ सकते हैं हैं यह HTML के साथ Javascript code को जोड़ने का एक दूसरा तरीका है |
चलिए यह तरीका कैसे काम करता है इसका एक उदाहरण हम देख लेते हैं:-
 

document.write("Welcome To Web3tutorial.com");

 
अब आप ऊपर लिखे कोड को कॉपी करिए और उससे अपने Text Editor जैसे कि Notepad या Notepad++ पर पेस्ट कर दीजिए उसके बाद उसे javascript.js के नाम से Save कर दीजिए याद रखिए आप फाइल का नाम तो कुछ भी दे सकते हैं लेकिन उसका Extension .js ही होना चाहिए|
अब हमने javascript.js नाम का जो फाइल बनाया है उससे अपने HTML Code के साथ जोड़ने के लिए नीचे के उदाहरण को देखिए |
<!DOCTYPE html>
<html>
<head>
<script  src="javascript.js" ></script>
</head>
<body>
</body>
</html>
तो ऊपर के उदाहरण में आप देख सकते हैं कि किस प्रकार से हमने <script > Tag के साथ src Attribute के उपयोग से JavaScript Code को अपने HTML पेज के साथ जोड़ा है |
दोस्तों जब आप जावास्क्रिप्ट कोर्ट को एक अलग फाइल बनाकर उससे अपने HTML कोड के साथ जोड़ते हैं तो आपको निम्नलिखित बातों का ध्यान रखना होता है:-
  1. जिस जगह पर आपने अपने HTML फाइल को सेव किया है आपको अपने Javascript फाइल को भी उसी जगह पर Save करना होगा मतलब कि अगर आपने अपने Desktop के ऊपर HTML फाइल को सेव किया है तो आपको JavaScript को भी अपने Desktop के ऊपर ही सेव करना होगा | अगर आप Javascript फाइल को किसी और Folder पर सेव करते हैं तो आपको उस Folder का पूरा नाम लिखकर /( backslash) चिन्ह का उपयोग से अपने HTML कोर्ट को बताना होगा कि आपने अपने Javascript फाइल को कहां पर सेव किया है |उदाहरण के लिए मान लीजिए कि मैंने ABC नाम के Folder के अंदर अपने Javascript फाइल को सेव किया है और अपने HTML पेज को अपने Desktop के ऊपर सेव किया है तो अपने HTML फाइल से Javascript फाइल को जोड़ने का तरीका निम्नलिखित है :-
     <html>
<head><script  src="abc/javascript.js" ></script> </head>
<body>
</body>
</html>
    2. आपने जो अलग से JavaScript का फाइल बनाया है उसका नाम तो आप जो चाहे वह लिख सकते हैं लेकिन उसके नाम के अंत में आपको .js लगाना ही होगा अगर आप उसे .js Extension लगाकर Save नहीं करते हैं तो आपका Javascript Code Run नहीं हो पाएगा |

  2. JAVASCRIPT VARIABLES

    दोस्तों Variables बनाना या Variables declare करना एक कला है जिसे समझने में कुछ समय लग सकता है अगर आपको समझने में समस्या हो तो मत घबरायें क्यूंकि जब आप program बनाने लगे तो सब समझने लगेंगे और एक बार आप इसे सीखलें तो दुनिया की हर programming भाषा में आपको Variables declare करना से पहले सोचना नहीं पड़ेगा क्यूंकि सभी programming भाषा में इसी तरह Variables declare करना होता है |
    समझने के लिए आप मान सकते है की variables एक खाली बक्से की तरह है जिसके अंदर आप कुछ भी जमा(store) कर सकते है | programming में हम english के शब्द(word) या अक्षरों जैसे X ,Y ,Z को एक variables की तरह उपयोग किया जाता है |
    चलिए दोस्तों एक उदाहरण की मदद से हम देख लेते हैं कि अगर हमें JavaScript में एक Variables बनाना है तो हम किस प्रकार से बना सकते हैं :-
    Example 1:-
    <html
<head>
<script>
var x = 55;
document.write(x);
</script>
</head>
<body>
</body>
</html>
    दोस्तों ऊपर के Example में आप देख सकते हैं कि किसी संख्या मतलब नंबर को अगर आप variable के अंदर जमा करना चाहते हैं तो उसके लिए आपको कोई भी एक Variable बनाकर = का प्रयोग करके उस संख्या को उस variable के अंदर जमा करना होता है | लेकिन अगर आप किसी वाक्य मतलब की इस Sentence को Variable के अंदर जमा करना चाहते हैं तो उसके लिए आपको “ ” या ‘ ’ का प्रयोग भी करना होता है चलिए इसका एक उदाहरण हम नीचे देख लेते हैं :-
    Example 2:-
    <!DOCTYPE html>
 <html>
 <head>
 <script>
 var abc = 'Welcome To Web3tutorial.com';
 document.write(abc);
 </script>
 </head>
 <body>
 </body>
 </html>
Kishan sharma

Posted by: Kishan sharma

A certified Web Developer and SEO Expert. Throughout my career, I’ve continued to seek positions that expand on my knowledge and experience with Digital Marketing and Web Development . An ideal position for me is one that has access to various resources with SEO, PPC, Social Media, Wed Design, Graphic Design and other SEM efforts. My Passion is to learn new things in this Digital Marketing World and adopt techniques to make more powerful and profitable ways to bring conversions and other Business to a company.

Post a Comment

1 Comments