JavaScript परिचय

JavaScript वह भाषा है जो वेब पेज को कुछ करने लायक बनाती है। HTML पेज बनाता है, CSS उसे सजाता है, और JavaScript उसमें जान डाल देता है। जब आप किसी button पर click करते हैं और कुछ बदल जाता है, जब form आपको बताता है कि आपने एक field भरना भूल गए, जब menu खुलता और बंद होता है — यह सब JavaScript का काम है।

Diagram — देखें, यह सब कैसे जुड़ता है

घर की तरह फिर से सोचें। HTML दीवारें, कमरे और दरवाज़े हैं — ढाँचा। CSS दीवारों का रंग, पर्दे और फर्नीचर है — सजावट। JavaScript बिजली, पंखे और दरवाज़े की घंटी है — हरकत। बिजली के बिना घर खड़ा तो रहता है, पर उसमें कुछ भी नहीं चलता। JavaScript के बिना पेज दिखता तो है, पर वह आपकी किसी बात पर प्रतिक्रिया नहीं देता।

ऐसे याद रखिए: HTML = ढाँचा, CSS = सजावट, JavaScript = हरकत। HTML कंकाल है, CSS सजावट है, JavaScript हरकत है। आप HTML और CSS पहले से जानते हैं। यह कोर्स आपको JavaScript सिखाता है — तीनों में से तीसरा, और वह जो आपको पेज डिज़ाइनर से असली web developer बनाता है।

JavaScript असल में क्या करता है

JavaScript browser में चलता है, visitor के अपने कंप्यूटर पर। यह पढ़ सकता है कि visitor ने क्या type किया, पेज का text बदल सकता है, पेज के हिस्सों को छिपा और दिखा सकता है, form भेजने से पहले उसे जाँच सकता है, और server से बात करके पेज reload किए बिना नया data ला सकता है। यह इकलौती programming language है जिसे हर browser समझता है, इसीलिए यह दुनिया की लगभग हर वेबसाइट पर चलती है।

मुख्य बात यह है: HTML और CSS पेज का वर्णन करते हैं, पर JavaScript उसे नियंत्रित करता है। आप छोटे निर्देश लिखते हैं — जिन्हें script कहते हैं — और browser उन्हें एक-एक करके मानता है। एक script कह सकता है "जब इस button पर click हो, तो इस heading को लाल कर दो", और browser हर बार ठीक वही करेगा।

JavaScript कहाँ रहता है

JavaScript code वेब पेज के अंदर रहता है, <script> tag में, या अलग .js file में जिसे पेज load करता है। जब browser पेज खोलता है, तो वह HTML पढ़ता है, CSS से पेज रंगता है, और फिर JavaScript चलाता है। आपका code पेज load होते ही चल सकता है, या वह इंतज़ार कर सकता है — click, keypress, या form submit होने का। इस कोर्स में आप तीनों तरीके सीखेंगे।

JavaScript सीखने के लिए आपको कुछ भी install करने की ज़रूरत नहीं है। हर browser में यह पहले से है। आप इस कोर्स का live editor खोल सकते हैं, कुछ lines type कर सकते हैं, Run दबा सकते हैं, और नतीजा तुरंत देख सकते हैं। सीखने का सबसे तेज़ तरीका यही है: एक line बदलिए, चलाइए, और देखिए क्या बदला।

आम गलतियाँ

• यह सोचना कि JavaScript और Java एक ही भाषा हैं — वे नहीं हैं। नाम की समानता एक ऐतिहासिक संयोग है।
• यह सोचना कि JavaScript सिर्फ animations बनाता है — यह forms भी जाँचता है, data भी लाता है, settings भी save करता है, और Gmail और YouTube जैसे पूरे applications भी चलाता है।
• यह उम्मीद करना कि बिना code लिखे पेज बदल जाएगा — JavaScript तभी काम करता है जब आपका code उसे बताता है, आमतौर पर click जैसी घटना पर।
• HTML, CSS और JavaScript के कामों को मिलाना — ढाँचा HTML है, दिखावट CSS है, व्यवहार JavaScript है। हर एक को अपनी जगह पर रखिए।

याद रखें

• JavaScript पेज को प्रतिक्रिया देने लायक बनाता है: clicks, forms, menus और live updates।
• HTML = ढाँचा (skeleton), CSS = सजावट (decoration), JavaScript = हरकत (action)।
• JavaScript browser में चलता है, visitor के कंप्यूटर पर — कुछ install करने की ज़रूरत नहीं।
• Script निर्देशों की सूची है जिसे browser एक-एक करके मानता है।

उदाहरण समझिए

• <script> — JavaScript <script> block के अंदर रहता है। <script> और </script> के बीच जो कुछ भी है, वह code है, HTML नहीं।
• function showSpecial() { ... } — function निर्देशों का नाम वाला block है। उसके अंदर कुछ भी तब तक नहीं चलता जब तक कोई उसे नाम से बुलाता नहीं।
• document.getElementById("special") — यह पेज पर वह element ढूँढता है जिसकी id "special" है। JavaScript ऐसे ही HTML तक पहुँचता है।
• .textContent = "Today's special: Kulhad Chai — ₹20 only!" — यह उस element के अंदर का text बदल देता है। पेज तुरंत अपडेट हो जाता है, बिना reload के।
• onclick="showSpecial()" — button पर यह attribute कहता है "जब इस button पर click हो, तो showSpecial नाम वाला function चलाओ"। Click trigger है; function action है।