UNIT 3: JAVASCRIPT in hindi

 

UNIT 3: JAVASCRIPT

JavaScript एक व्यापक रूप से उपयोग किया जाने वाला प्रोग्रामिंग भाषा है जो मुख्य रूप से वेब विकास में क्लाइंट-साइड स्क्रिप्टिंग के लिए उपयोग की जाती है। इस यूनिट में, हम JavaScript के बुनियादी सिद्धांतों के बारे में जानेंगे, जिसमें क्लाइंट-साइड स्क्रिप्टिंग, बुनियादी JavaScript कॉन्सेप्ट्स, वेरिएबल्स, फंक्शन्स, कंडीशन्स, और लूप्स शामिल हैं।

---

3.1. Client-Side Scripting

Client-side scripting वह कोड होता है जो उपयोगकर्ता के ब्राउज़र में चलता है, न कि वेब सर्वर पर। जब उपयोगकर्ता किसी वेब पेज के साथ इंटरैक्ट करता है, तो क्लाइंट-साइड स्क्रिप्ट्स वेब पेज को डाइनमिक और इंटरएक्टिव बनाने के लिए निष्पादित होती हैं, बिना सर्वर से फिर से अनुरोध किए।

विशेषताएँ:

• यह उपयोगकर्ता के डिवाइस (ब्राउज़र) पर चलता है।
• इसे क्लाइंट के साथ इंटरैक्ट करने के लिए सर्वर की आवश्यकता नहीं होती (हालाँकि यह सर्वर से API के माध्यम से इंटरएक्ट कर सकता है)।
• यह लोड समय को घटाने और इंटरएक्टिव फ़ीचर्स जैसे फॉर्म वेलिडेशन, एनीमेशन आदि को सक्षम करके उपयोगकर्ता अनुभव में सुधार करता है।

उदाहरण:

• जब आप एक फॉर्म भरते हैं, तो क्लाइंट-साइड स्क्रिप्टिंग यह सत्यापित कर सकती है कि फ़ील्ड्स सही ढंग से भरी गई हैं या नहीं, इससे पहले कि डेटा सर्वर पर भेजा जाए।

Client-Side Flowchart:

[User Input] --> [Browser] --> [Client-Side Script (JavaScript)] --> [Updated Webpage]

---

3.2. What is JavaScript?

JavaScript एक उच्च-स्तरीय, इंटरप्रेटेड प्रोग्रामिंग भाषा है जिसका मुख्य रूप से वेब ब्राउज़रों के भीतर इंटरएक्टिव प्रभाव उत्पन्न करने के लिए उपयोग किया जाता है। यह डेवलपर्स को HTML और CSS के साथ इंटरएक्ट करके वेब पेजों में कार्यक्षमता जोड़ने की अनुमति देता है।

मुख्य बिंदु:

• JavaScript डायनामिक है, जिसका अर्थ है कि यह वेब पेज के कंटेंट और रूप को वास्तविक समय में बदल सकता है।
• यह एक स्क्रिप्टिंग भाषा है, जिसका मतलब है कि इसका उपयोग मुख्य रूप से कार्यों को स्वचालित करने, वेब पेज तत्वों के साथ इंटरएक्ट करने और असिंक्रोनस इवेंट्स को प्रबंधित करने के लिए किया जाता है।
• JavaScript HTML और CSS के साथ इंटरएक्ट कर सकता है ताकि डाइनमिक और इंटरएक्टिव वेबसाइट बनाई जा सके।

उपयोग:

• फॉर्म वेलिडेशन।
• एनीमेशन और ग्राफिक्स (जैसे Canvas लाइब्रेरी का उपयोग करके)।
• इवेंट हैंडलिंग (जैसे माउस क्लिक, की प्रेस)।
• डेटा मैनिपुलेशन (जैसे एरेज़, ऑब्जेक्ट्स के साथ काम करना)।

---

3.3. Simple JavaScript

साधारण JavaScript में, हम आमतौर पर स्टेटमेंट्स लिखते हैं ताकि वेरिएबल्स, फंक्शन्स, और अन्य लॉजिक को परिभाषित किया जा सके, जो डेटा को मैनिपुलेट करने या HTML तत्वों के साथ इंटरएक्ट करने के लिए उपयोग किया जाता है।

उदाहरण:

// Simple JavaScript example
let greeting = "Hello, World!";  // Defining a variable
console.log(greeting);  // Output to the console

उपरोक्त कोड में:

• let का उपयोग वेरिएबल को डिक्लेयर करने के लिए किया जाता है।
• console.log() का उपयोग वेरिएबल के मान को ब्राउज़र के कंसोल में प्रिंट करने के लिए किया जाता है।

मुख्य सिद्धांत:

• वेरिएबल्स डेटा को स्टोर करते हैं।
• फंक्शन्स कोड को फिर से उपयोग के लिए ग्रुप करते हैं।
• इवेंट्स कोड को ट्रिगर करने के लिए उपयोग किए जाते हैं, जैसे कि बटन पर क्लिक करना, की प्रेस करना।

---

3.4. Variables

वेरिएबल्स डेटा को स्टोर करने के लिए उपयोग किए जाते हैं, जिसे बाद में कोड में उपयोग किया जा सकता है। JavaScript वेरिएबल्स डिक्लेयर करने के लिए var, let, और const कीवर्ड्स प्रदान करता है।

• var: वेरिएबल्स डिक्लेयर करने का पुराना तरीका।
• let: वेरिएबल्स डिक्लेयर करने का आधुनिक तरीका, जो ब्लॉक-स्कोप्ड होता है।
• const: उन मानों के लिए उपयोग किया जाता है जो इनिशियलाइज़ होने के बाद बदलने चाहिए (कन्सटेंट मान)।

उदाहरण:

let name = "John"; // Variable declaration using let
const age = 30;    // Constant declaration

वेरिएबल्स के प्रकार:

1. String: टेक्स्ट को रिप्रेजेंट करता है, जैसे "Hello"
2. Number: संख्यात्मक मान को रिप्रेजेंट करता है, जैसे 100
3. Boolean: ट्रू/फॉल्स मान को रिप्रेजेंट करता है, जैसे true
4. Array: मानों का संग्रह स्टोर करने के लिए उपयोग किया जाता है, जैसे [1, 2, 3]
5. Object: कुंजी-मूल्य जोड़ियों को स्टोर करने के लिए उपयोग किया जाता है, जैसे { name: "John", age: 30 }

वेरिएबल डिक्लेरेशन के लिए फ्लोचार्ट:

[Declare Variable] --> [Store Data] --> [Use Data in Code]

---

3.5. Functions and Conditions

Functions

एक फंक्शन कोड का एक ब्लॉक होता है जिसे पुनः उपयोग के लिए एक विशिष्ट नाम से परिभाषित किया जाता है।

फंक्शन की सिंटैक्स:

function greet(name) {
  console.log("Hello, " + name);
}

greet("Alice");  // Output: Hello, Alice

मुख्य सिद्धांत:

• फंक्शन डिक्लेरेशन: फंक्शन को परिभाषित करता है।
• फंक्शन कॉल: फंक्शन को निष्पादित करता है।
• पैरामीटर: फंक्शन में पास की गई मान।
• रिटर्न: फंक्शन एक मान रिटर्न कर सकता है।

फंक्शन के लिए फ्लोचार्ट:

[Define Function] --> [Call Function] --> [Perform Task]

Conditions

कंडीशनल स्टेटमेंट्स प्रोग्राम को विशिष्ट परिस्थितियों के आधार पर निर्णय लेने की अनुमति देती हैं। सबसे सामान्य कंडीशनल स्टेटमेंट्स if, else, और else if होते हैं।

उदाहरण:

let age = 20;

if (age >= 18) {
  console.log("You are an adult.");
} else {
  console.log("You are a minor.");
}

कंडीशन्स के लिए फ्लोचार्ट:

[Condition (e.g., age >= 18)] 
     |
   Yes -> [Execute Task]  
     |
   No -> [Execute Alternate Task]

इस उदाहरण में:

• अगर age 18 या उससे अधिक है, तो "You are an adult." प्रिंट होगा।
• अन्यथा, "You are a minor." प्रिंट होगा।

---

3.6. Loops and Repetition

Loops का उपयोग कोड के एक ब्लॉक को कई बार दोहराने के लिए किया जाता है, जब तक एक विशिष्ट स्थिति पूरी नहीं हो जाती। सबसे सामान्य प्रकार के लूप्स for, while, और do-while होते हैं।

For Loop

for लूप का उपयोग तब किया जाता है जब पुनरावृत्तियों की संख्या पहले से जानी जाती हो।

उदाहरण:

for (let i = 0; i < 5; i++) {
  console.log(i);
}

For Loop का फ्लोचार्ट:

[Initialize Counter] --> [Condition Check] --> [Execute Task] --> [Update Counter]
        ↑                                 ↓
      (End if False) <--------------------|

उपरोक्त उदाहरण में:

• लूप i = 0 से शुरू होता है।
• लूप तब तक चलता है जब तक i 5 से कम होता है।
• प्रत्येक पुनरावृत्ति के बाद, i को 1 बढ़ा दिया जाता है।

While Loop

while लूप तब तक चलता है जब तक कंडीशन true होती है।

उदाहरण:

let i = 0;
while (i < 5) {
  console.log(i);
  i++;
}

While Loop का फ्लोचार्ट:

[Condition Check] --> [Execute Task] --> [Update Counter] --> [Condition Check]
        ↑                                 ↓
      (End if False) <--------------------|

Do-While Loop

do-while लूप यह सुनिश्चित करता है कि कोड ब्लॉक कम से कम एक बार चले, भले ही कंडीशन पहले से false हो।

उदाहरण:

let i = 0;
do {
  console.log(i);
  i++;
} while (i < 5);

---

सारांश

इस यूनिट में, हमने निम्नलिखित प्रमुख JavaScript सिद्धांतों को कवर किया:

1. Client-Side Scripting: JavaScript ब्राउज़र में चलता है, जिससे वेब पेज इंटरएक्टिव और डाइनमिक बनता है।
2. What is JavaScript?: JavaScript एक भाषा है जो वेबसाइटों में इंटरएक्टिव तत्व जोड़ने के लिए उपयोग की जाती है।
3. Simple JavaScript: JavaScript कोड लिखने और निष्पादित करने का एक बुनियादी ज्ञान।
4. Variables: JavaScript डेटा को वेरिएबल्स में स्टोर करता है, जिसे कोड के भीतर बाद में उपयोग किया जा सकता है।
5. Functions and Conditions: फंक्शन्स कोड को पुनः उपयोग के लिए समूहित करते हैं, और कंडीशन्स विशिष्ट मानदंडों के आधार पर निर्णय लेने की अनुमति देती हैं।
6. Loops and Repetition: लूप्स कोड के पुनरावृत्तियों को सक्षम बनाते हैं, जो समय बचाने और कोड को अधिक प्रभावी बनाते हैं।

JavaScript वेब एप्लिकेशन्स बनाने के लिए एक शक्तिशाली उपकरण है।