Javascript Introduction in Hindi

Javascript Tutorial in Hindi – Javascript क्या है basic से सीखें

by

programming की दुनीया में सबसे ज्यादा मशहूर है वो है javascript | अगर आप programming सीखना सुरु किये हैं, तो अपने list में javascript भी जोड़ लें |

ऐसा क्यों ? इसीलिए क्यों की अभी हर website में javascript होती ही है | और इसका इस्तेमाल करके कई सारे libraries बने हैं जो website बनाने का काम को और आसान कर रही है | इसीलिए अभी के समय में programming में javascript एक जरुरी language है |

तो चलिए जानते हैं javascript के बारे में , ये क्या है और इसकी क्या क्या feature हैं ?

Table of Contents hide
1 Javascript Introduction in Hindi
2 Javascript इस्तेमाल के फायदे?
3 Javascript code कहाँ लिखें ?
4 HTML file में Javascript Code कैसे लिखें?
4.1 in-page javascript
4.2 external javascript
5 अन्य javascript tutorial के सुझाव

Javascript Introduction in Hindi

javascript एक client side scripting language है | Scripting Language दो तरह के होतें हैं – client side और server side |

client side scripting में user का request जब server पर जाता है, तब server source code को browser में load कर देता है | code फिर browser में run होके user को result दिखाई देता है | server side scripting language में code, server में run होता है और result html format में browser में load होता है |

जितने भी client side scripting languages है उसमे javascript ज्यादा इस्तेमाल होता है | और ये एक dyanamic programming language है |

Javascript इस्तेमाल के फायदे?

अभी के समय में javascript से कई तरह के application बनायीं जा सकती है | javascript से इन application को बना सकतें हैं

  1. web application
  2. desktop application
  3. mobile application
  • javascript का इस्तेमाल करके कई libraries बनायीं गयी है जिससे application बनाना बहोत ही आसान हो गयी है | Libraries जैसे jQuery, Angular JS, React JS, Node JS सब javascript से ही बनी है और ये एक responsive application बनाने में काफी मदद करती है |
  • Game Development में भी javascript का इस्तेमाल होता है |
  • javascript के जरिये form validation की जा सकती है | और webpage में calendar लगायी जाती है |
  • javascript से dropdown menu, accordions, animated sliders, pop up window, chart-graps, audio players, video players, zoom effect, animated gallery जैसे काम किया जा सकता है |

इन सारे features और उपयोग की वजह से अभी के समय में javascript एक मशहूर scripting language है |

Javascript code कहाँ लिखें ?

javascript code लिखने के लिए सबसे basic softwares क्या हो सकती है ? वो है HTML Editor Web Browser

  1. HTML Editor (notepad, notepad++, VS Code, Sublime, atom)
  2. Web Browser (internet explorer, mozilla firefox, google chrome, safari)

कोई भी html editor आप ले सकतें हैं जैसे की notepad या notepad++ | अगर आप थोडा profesional software ढूंड रहें हैं तो आप VS Code, Sublime या atom का इस्तेमाल कर सकते हैं |

javascript code को आप कोई भी browser में run कर सकतें हैं जैसे की internet explorer, mozilla firefox, Google Chrome या Safari |

HTML file में Javascript Code कैसे लिखें?

html file में javascript code को 2 तरह से लिखी जा सकती है

  1. inpage javascript
  2. external javascript

in-page javascript

in-page javascript में javascript code को <script> tag के अंदर लिखी जाती है | और इस tag को html file में <head> tag या फिर <body> tag के अंदर लिखी जाती है |

ज्यादा तर developer <script> tag को <body> में सबसे आखिर में लिखतें हैं |

इसका कारण यह है की अगर <script> tag को <head> tag के अंदर रखी गयी है | और javascript code बहोत बड़ी है तो जब तक पूरी javascript code load नहीं हो जाती तब तक html file browser में load नहीं होगी | जीसकी वजह से वेबपेज की performance slow हो जाती है |

इसीलिए developer <script> tag को <body> tag में अंत में रखतें हैं | जिससे फिर html file पेहले browser में load हो जाती है | और उसके बाद javascript function load होती है | इससे वेबपेज की performance अच्छी रहती है |

in-page javascript code उदाहरण

<!doctype html>
 <html>
  <head>
   <title> javascript tutorial</title>
   <script>
     document.write("javascript for beginner");
   </script> 
  </head>
  <body>
    <h1>Hello!</h1>
  </body>
</html>

external javascript

external javascript में javascript code को अलग एक file में लिखी जाती है और उस file को .js extension से save की जाती है | उस js file की reference को html file में <head> के अंदर दी जाती है |

***नोटपॉइंट –> external file में javascript code को <script> tag के अंदर लिखनी जरुरी नहीं होती है | सारे कोड को ऐसे ही लिखी जाती है पर file को .js extension से save करना जरुरी होता है |

<head> tag के अंदर script tag से javascript file की reference दी जाती है |

उदाहरण:

document.write("javascript for beginner");

ऊपर के javascript code को एक notepad में लिखें और किसी भी नाम से .js extension के साथ save कर दें | उदाहरण के लिए यहाँ external.js नाम दिया गया है | अब इस file की reference को html file के अंदर डालेगें |

<!doctype html>
 <html>
  <head>
   <title> javascript tutorial</title>
   <script src="external.js"></script> 
  </head>
  <body>
    <h1>Hello!</h1>
  </body>
</html>

output

javascript example

अन्य javascript tutorial के सुझाव