javascript introduction in hindi
अगर आप Web designing सीखना चाहते है तो आपने java script का नाम तो सुना ही होगा। और हो सकता है की आपने इसका इस्तेमाल भी किया होगा।
Front end developer या web designing बनने के लिए आपको HTML, CSS के साथ Java script भी सीखनी चाहिये। क्योकि Website मे java script का इस्तेमाल बहोत होता है।
इस लेख मे हम जानेंगे की java script क्या है? इसका इस्तेमाल कैसे किया जाता है? और इसका इस्तेमाल करके क्या क्या बनाया जाता है?
Javascript क्या है? javascript kya hai?
- Java script एक powerful programming language है। जिसका इस्तेमाल HTML के साथ किया है। इसका इस्तेमाल करके web page को interactive बनाया जाता है।
- सन 1995 मे Brendan Eich ने Netscape ( जो एक web service company है ) मे javascript का निर्माण किया था। तब इसका नाम Livescript था। जिसे बाद मे बदलकर Java script कर दिया। शुरूआत मे बहोत से programmers को java और javascript एक ही language लगती थी लेकिन यह एक दूसरे से बिलकुल अलग है।
- java script एक client side programming language है। मतलब की यह language browser पर run होती है।
- जब भी User कोई भी web page के लिए request करता है तब server HTML और CSS के साथ java script के code को भी browser पर send करता है। और browser Java script के code को जरूरत पड़ने पर execute करता है।
- java script को website मे dynamic और Interactive elements को जोड़ने के लिए बनाया गया है। इसकी मदद से Cookies को प्राप्त किया जाता है और उन्हे set भी किया जाता है। इसके अलावा इसका उपयोग visitors से सवाल पूछने और message को show करने के लिए किया जाता है।
HTML, CSS और Java script मे क्या differences है?
HTML : इससे Web page का structure तैयार किया जाता है।
CSS : इसकी मदद से Web page को design किया जाता है।
java script : इसकी मदद से web page interactive बनाया जाता है। मतलब की इसकी मदद से web page के behavior को program किया जाता है।
यहा सिर्फ web page के लिए java script का इस्तेमाल नहीं होता है। इसके अलावा server side भी java script का use होता है ( node.js इसका best उदाहरण है )। some database जैसे की mongoDB या couchDB मे भी java script का इस्तेमाल होता है।
Java script का इस्तेमाल कहा होता है?
java script बहोत ही popular programming language है। तो चलिये जानते है की java script का इस्तेमाल कहा कहा होता है।
- Web development : इस क्षेत्र मे इसका सबसे ज्यादा इस्तेमाल होया है। यह एक client side scripting language है। इसका इस्तेमाल Web page मे किया जाता है। इसके इस्तेमाल से web page मे automations, animations और interactivity को जोड़ सकते है।
- Web Application : Web application बनाने के लिए भी java script का इस्तेमाल किया जाता है। शुरुआत मे personal computer के विकास के लिये कैस सारे programming languages का इस्तेमाल होता था। लेकिन java script ने इसे next level मे ले जाने का काम किया है।
- Web server : Server applications बनाने के लिये भी java script का इस्तेमाल होता है। web server बनाने लिये node.js का इस्तेमाल होता है। node.js javascript से ही बना है। इसकी मदद से server बहोत ही तेज होता है और ये buffering का उपयोग नहीं करते है।
- Mobile Application : इसकी मदद से बिना web context की mobile applications बना सकते है। इसकी मदद से android और IOS दोनों मे applications बनाए जाते है।
Java Script के फायदे
- यह fast है क्योकि यह client side run होता है और इसको server से ज्यादा interaction की जरूरत नहीं पड़ती।
- यह सभी modern browser पर आसानी से काम करती है।
- यह बहोत ही simple language है इसलिए इसको सीखना बहोत ही आसान है।
java Script के नुकशान
- यह अलग अलग browser पर अलग अलग तरीके से काम करता है। इसलिए इसके सभी output अलग अलग platform के लिए consistance नहीं होते।
- यह client side run होता है इसलिए यह ज्यादा secure नहीं है। हालाकी security को नजर मे रखते हुए कुछ restriction लगाया गया है जैसे की user system के file को read या write नहीं कर सकते।
अब हम कुछ उदाहरण देखेंगे की java script की मदद से हम क्या कर सकते है।
java script की मदद से HTML Content को change कर सकते है।
इसके लिए javascript HTML Method getElementById() का इस्तेमाल होता है।
यह उदाहरण मे इस method के द्रारा HTML Element ( with id = “one” ) को find करने के बाद उस element content(innerHTML) को “Hello JavaScript!” से change कर देगा।
<!DOCTYPE html>
<html>
<body>
<h2>java script की मदद से HTML Content को change कर सकते है।</h2>
<p id="one"> javascript introduction in hindi</p>
<button type="button" onclick='document.getElementById("one").innerHTML = "Hello JavaScript!"'>Click Me!</button>
</body>
</html>java script की मदद से HTML attribute values को change कर सकते है।
इस उदाहरण मे हम src attribute की value को change करेंगे।
<!DOCTYPE html>
<html>
<body>
<h2> java script की मदद से HTML attribute values को change कर सकते है। </h2>
<p id="one"> javascript introduction in hindi</p>
<img id="myImage" src="https://compressjpeg.com/images/compressjpeg/icon.png">
<button type="button" onclick='document.getElementById("myImage").src = ""'>remove image</button>
</body>
</html>java script की मदद से HTML style को change कर सकते है।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h2> java script की मदद से HTML style को change कर सकते है। </h2>
<p id="one"> javascript introduction in hindi</p>
<button type="button" onclick='document.getElementById("one").style.fontSize = "32px"'>Click Me!</button>
</body>
</html>java script की मदद से HTML Elements को hide कर सकते है।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h2>java script की मदद से HTML Elements को hide कर सकते है। </h2>
<p id="one"> javascript introduction in hindi</p>
<button type="button" onclick='document.getElementById("one").style.display
= "none"'>Click Me!</button>
</body>
</html>java script की मदद से HTML elementst को show कर सकते है।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h2>java script की मदद से HTML elementst को show कर सकते है। </h2>
<p id="one" style="display:none"> javascript introduction in hindi</p>
<button type="button" onclick='document.getElementById("one").style.display
= "block"'>Click Me!</button>
</body>
</html>