सेटअप और पहला प्रोग्राम हैलो वर्ल्ड — JavaScript

यह क्या है और क्यों?

कल्पना करो कि तुम एक रोबोट को आदेश दे रहे हो। तुम कहते हो: "रोबोट, लाइट चालू करो", और वह चालू कर देता है। लेकिन रोबोट को समझने के लिए, तुम्हें एक विशेष भाषा में बात करनी होगी। ठीक वैसे ही कंप्यूटर के साथ है: उसे कुछ करने के लिए, तुम्हें प्रोग्रामिंग भाषा में आदेश देना होगा।

JavaScript (संक्षेप में JS) — ऐसी ही एक भाषा है। यह बहुत लोकप्रिय है, क्योंकि इसकी मदद से वेब पेजों को "जीवंत" किया जा सकता है। जब तुम किसी वेबसाइट पर जाते हो और देखते हो कि माउस घुमाने पर तस्वीर बड़ी हो जाती है, या मेनू बाहर आता है, या पॉप-अप विंडो दिखाई देती है — तो संभवतः यह JavaScript की मदद से किया गया है।

चलो एक उदाहरण लेते हैं। कल्पना करो कि तुम एक शारीरिक शिक्षा शिक्षक हो। तुम छात्रों से कहते हो: "क्लास, खड़े हो जाओ!", "अपना दाहिना हाथ उठाओ!", "एक कदम आगे बढ़ो!"। अगर तुम चीनी भाषा में "खड़े हो जाओ" कहोगे, तो कोई नहीं समझेगा। एक समझने योग्य भाषा चाहिए। JavaScript ब्राउज़र (वह प्रोग्राम जिसके माध्यम से तुम वेबसाइटें देखते हो, जैसे Chrome, Firefox, Safari) के लिए बिल्कुल ऐसी ही समझने योग्य भाषा है।

JavaScript क्यों सीखें?

• यह हर जगह है: लगभग हर वेबसाइट JavaScript का उपयोग करती है।
• यह दृश्यात्मक है: तुम तुरंत अपने कार्यों का परिणाम देख सकते हो।
• शुरुआत करना आसान है: पहला प्रोग्राम लिखने के लिए, तुम्हें जटिल प्रोग्राम इंस्टॉल करने की ज़रूरत नहीं है — बस एक साधारण नोटपैड और ब्राउज़र काफी है।
• इसकी मांग है: JavaScript जानने वाले प्रोग्रामर कंपनियों को बहुत चाहिए होते हैं।

इस लेख में हम JavaScript के साथ काम करने के लिए "उपकरण" स्थापित करना सीखेंगे और अपना पहला प्रोग्राम — "Hello, World!" लिखेंगे। यह सभी प्रोग्रामर की परंपरा है: पहला प्रोग्राम हमेशा यह अभिवादन प्रदर्शित करता है। इसे प्रोग्रामिंग की दुनिया में "पहला कदम" समझो।

अगर तुम पहले से Python जानते हो: Python में तुमने print("Hello, World!") लिखा था। JavaScript में यह थोड़ा अलग दिखेगा, लेकिन अर्थ वही है — स्क्रीन पर टेक्स्ट दिखाना।

उदाहरण सहित कोड की व्याख्या

कोड लिखने से पहले, चलो "कार्य स्थल" तैयार करते हैं। तुम्हें दो चीज़ों की आवश्यकता होगी:

1. ब्राउज़र (Chrome, Firefox, Edge, Safari — कोई भी चलेगा)।
2. टेक्स्ट एडिटर — वह प्रोग्राम जहाँ तुम कोड लिखोगे। सबसे सरल विकल्प "नोटपैड" (Windows) या "TextEdit" (Mac) है जो सादे टेक्स्ट मोड में हो। लेकिन बेहतर होगा कि तुम एक विशेष एडिटर डाउनलोड करो, जैसे VS Code (Visual Studio Code) — यह मुफ़्त और बहुत सुविधाजनक है।

कैसे जाँचें कि सब कुछ काम कर रहा है? JavaScript चलाने के दो तरीके हैं:

• सीधे ब्राउज़र में (कंसोल): कीबोर्ड पर F12 (या Ctrl+Shift+I) दबाओ, "Console" (कंसोल) टैब खोलो और वहाँ कोड लिखो। यह तेज़ है, लेकिन बड़े प्रोग्राम के लिए असुविधाजनक है।
• HTML फ़ाइल के माध्यम से: हम .html एक्सटेंशन वाली फ़ाइल बनाएंगे, जिसके अंदर हमारा JavaScript कोड होगा। यह सही तरीका है।

चलो दूसरे तरीके से शुरू करते हैं। अपने कंप्यूटर पर एक नया फ़ोल्डर बनाओ, उसका नाम रखो, उदाहरण के लिए, "JS_पाठ"। इसके अंदर index.html नाम की फ़ाइल बनाओ (ध्यान रखो कि एक्सटेंशन .html हो, .txt नहीं)। इस फ़ाइल को टेक्स्ट एडिटर में खोलो।

इसमें यह बेसिक टेम्पलेट डालो:

    
    



    

    




    

        
🍪
        
Сначала примите условия
        

            Чтобы войти на сайт, необходимо принять соглашение об использовании файлов cookie.
            Мы используем их для авторизации и улучшения работы сайта.


            Политика конфиденциальности
        
        Принять и продолжить
        Закрыть
    




    

        

            🍪 Мы используем файлы cookie для авторизации, аналитики и улучшения работы сайта.
            Продолжая пользоваться сайтом, вы соглашаетесь с нашей
            политикой конфиденциальности.
        
        

            Принять
            Только необходимые
        
    

अब फ़ाइल को सेव करो और इसे ब्राउज़र में खोलो (बस उस पर डबल-क्लिक करो)। तुम्हें एक खाली पेज दिखाई देगा। अभी तक कुछ नहीं हुआ, क्योंकि हमने कोड नहीं लिखा। चलो इसे ठीक करते हैं!

उदाहरण 1: क्लासिक "Hello, World!"

टेक्स्ट दिखाने का सबसे सरल तरीका alert() कमांड का उपयोग करना है। यह संदेश के साथ एक पॉप-अप विंडो दिखाता है। <script> और </script> टैग के बीच निम्नलिखित कोड डालो:

// यह एक टिप्पणी है। कंप्यूटर इसे अनदेखा करता है।
// यह लोगों को कोड समझाने के लिए है।

// alert() एक बिल्ट-इन फंक्शन है (एक कमांड की तरह)।
// यह संदेश के साथ एक विंडो दिखाता है।
alert('Hello, World!'); // जो टेक्स्ट हम दिखाना चाहते हैं, उसे उद्धरण चिह्नों में लिखते हैं।

क्या होगा? जब तुम पेज खोलोगे (या रिफ्रेश करोगे), तो "Hello, World!" टेक्स्ट के साथ एक विंडो दिखाई देगी। इसे बंद करने के लिए "OK" दबाना होगा।

व्याख्या:

• alert — यह कमांड का नाम है। यह ब्राउज़र से कहता है: "एक विंडो दिखाओ"।
• गोल कोष्ठक () — इनमें हम वह चीज़ डालते हैं जो हम कहना चाहते हैं। इस मामले में, टेक्स्ट।
• उद्धरण चिह्न ' ' — ये आवश्यक हैं ताकि कंप्यूटर समझे कि यह टेक्स्ट है, कोई कमांड नहीं। डबल उद्धरण चिह्न " " का भी उपयोग किया जा सकता है।
• अर्धविराम ; — यह वाक्य के अंत में लगने वाले पूर्ण विराम की तरह है। यह कहता है: "कमांड समाप्त हुई"। इसे हर कमांड के बाद लगाना चाहिए।

Python से तुलना: Python में तुमने print("Hello, World!") लिखा होगा। अंतर यह है कि print टेक्स्ट को कंसोल में दिखाता है, जबकि alert पॉप-अप विंडो में दिखाता है।

उदाहरण 2: डेवलपर कंसोल में आउटपुट

पॉप-अप विंडो बहुत सारी जानकारी दिखाने के लिए सुविधाजनक नहीं हैं। प्रोग्रामर अक्सर कंसोल का उपयोग करते हैं — डिबगिंग के लिए एक विशेष स्थान। वहाँ टेक्स्ट दिखाने के लिए console.log() कमांड का उपयोग किया जाता है।

<script> में पिछले कोड को इससे बदलो:

// console एक ऑब्जेक्ट (जटिल संरचना) है जो कंसोल के लिए जिम्मेदार है।
// .log() एक मेथड (क्रिया) है जो कंसोल में संदेश लिखता है।

console.log('यह कंसोल में एक संदेश है!');
console.log('संख्या प्रदर्शित की जा सकती है:', 42);
console.log('अनेक मान प्रदर्शित किए जा सकते हैं');