JavaScript in the Browser | JavaScript Tutorial # 24 in Hindi

जी गाइस तो आज हम अपने जावास्क्रिप्ट के इस ट्यूटोरियल में देखने वाले हैं कि जो हमारे पास जो है जावास्क्रिप्ट वो ब्राउजर प कैसे काम करती है मतलब हमने जावास्क्रिप्ट के बारे में बहुत सी चीजें देख लि हैं कि मतलब उसमें अरेज क्या होते है फंक्शन क्या होते हैं य इ कंडीशन स्टेटमेंट जो होते है वो क्या होती है इसी तरह हमने बहुत सी चीजें जो है जावास्क्रिप्ट की जो बेसिस जितना भी है वो हमने सब जो है यहां पर डिस्कस कर लि तो अब हम जो है थोड़ा सा मूव करते हैं जावास्क्रिप्ट के ब्राउजर के ऊपर के जावा का जो मेन मकसद

था वो क्या था और जावास्क्रिप्ट को जो है वो लच करने की जरूरत क्या पड़ी और जावास्क्रिप्ट को बनाने की जरूरत क्या पड़ी तो इस चीज के बारे में हम जो है वो डिस्कस करने वाले हैं आज और हम देखेंगे कि जो है ब्राउजर के ऊपर जो है जावास्क्रिप्ट कैसे वर्क करती है पहले जो है हम यहां पे सिर्फ इतना देख चुके हैं कि जावास्क्रिप्ट जो है जैसे कि मैंने यहां पे जावास्क्रिप्ट की एक अलग सी फाइल बनाई और उसको मैंने यहां पे उसमें जो है प्रोग्राम वगैरह लिखा और उसको मैंने जो है कंसोल पे रन वगैरह किया ठीक है तो वो सिंपल सा मै

ंने उसको कोई भी ब्राउजर वगैरह पे रन नहीं किया बल्कि उसको मैंने जो है वो कंसोल पे रन किया और उसी के साथ-साथ जो है हमने जावास्क्रिप्ट को ये कोई भी ऐसी चीज नहीं देखी कि जावास्क्रिप्ट जो है एक वेब पेज के साथ जो है वो कैसे रिलेट करता है तो मेन मकसद जावास्क्रिप्ट का था वो हमारे पास क्या था कि जावास्क्रिप्ट जो है वो ब्राउजर पे जो है वो मतलब ब्राउजर पे उसको क्यों यूज़ किया जाता है ये सारी चीजें जो है हम यहां पे देखने वाले हैं ठीक है तो हमारा जो आज का मेन क्वेश्चन है वो हमारा क्या है हाउ टू जावास्क्रिप्ट

वर्क्स विद ब्राउजर ब्राउजर के साथ जावास्क्रिप्ट का जो है वो काम क्या होता है तो जब जावास्क्रिप्ट को जो है ना जब बनाया गया तो इसका जो मेन मकसद था वो यह था कि जावास्क्रिप्ट में जो वेब पेज थे वो जो है वो अपने डेड होते जा रहे थे मतलब जैसे कि कोई भी वेब वेब पेज था ना तो वो जावास्क्रिप्ट या स्टाइल शीट के बगैर ना मतलब वो डेड हो जा मतलब अब उनका दौर खत्म हो रहा था वेब पेजेस का तो फिर उनमें जान डालने के लिए जो है ना वो जावास्क्रिप्ट को जो है वो बनाया गया और जावास्क्रिप्ट को जो है उसमें इंक्लूड किया गया ठ

ीक है तो जावास्क्रिप्ट जो है उसका जो मेन और जो इसका काम ये था कि जैसे कि आप कोई एक्शन मतलब जैसे कि मैं यहां पे सर्च कर रहा हूं ना ठीक है तो मैं यहां पे अगर मतलब कोई भी मैं एक वेबसाइट का नाम बूट स्प लिख लेता हूं तो मैंने बूट स्प लिखा तो जैसे कि मैंने यहां पे इसको सर्च किया मैंने एंटर कि तो ये मेरे पास सर्च हो गई तो इस किस्म के जो एक्शन परफॉर्म किए जाते हैं ना वो जावा स्किप से किया जाता है ठीक है अब ये हमारे पास एक chrome-flags अगर नहीं भी किया तो मैं आपको थोड़ा सा यहां पे बताता चलूं कि जो एचटीएमए

ल है वो हमारे पास एक स्केलेटन की तरह होता है स्केलेटन मतलब कैसे कि जैसे कि कोई भी एक छोटा सा कोड हो जिसमें ना कोई डिजाइनिंग हो ना कोई और चीज हो उसको हम एचटीएमएल कहते हैं अगर उसमें स्टाइल ड केयर दिए जाए तो वो एचटीएमएल सीएसएस की वेबसाइट बन जाती है अगर उसमें जो है एक्शंस परफॉर्म कि जाए कि मतलब आप एक बटन पे क्लिक करो फिर जैसे कि मैं इमेजेस पे क्लिक करता हूं तो ये देखो एक एक्शन परफॉर्म हो गया ये चीज मेरे सामने ओपन हो गई तो ये जो सारे काम है ये किससे किए जाता है जो लॉजिकल काम होते हैं ये सारा किससे कि

ए जाता है ये जो है सारा का सारा हमारे पास जावास्क्रिप्ट जो है वो करते है ठीक है तो मैं यहां पे आपको बता देता हूं कि अगर हम जावास्क्रिप्ट के बगैर अगर किसी वेब पेज को देखें ना तो वो कैसे देखता है यहां पे मैं आपको दिखाता हूं अगर मैं इसको इंस्पेक्ट करू ये एक वेबसाइट मैंने ओपन किया है बूट ट्रैफिक बहुत ही ज्यादा जो मतलब अच्छी वेबसाइट है उसके हवाले से सीएसएस के हवाले से तो अगर मैं इसका इंस्पेक्ट करूं ना ठीक है तो और इसमें से जो कोड है इसका मैं हटाता चलूं ठीक है तो यहां पे आप देखें ये देखिए मेरे पास अच्

छा अब ये जावास्क्रिप्ट में जो है कुछ हमारे पास ब्राउजर में यूज़ होता है तो हमारे पास ये कुछ जो है क्या कहते हैं इसको फीचर्स हैं फंक्शंस हैं जिनको हम यूज कर सकते हैं डेवलपर टूल्स जिसको हम बोलते हैं ठीक है तो ब्राउजर में हमारे पास कुछ डेवलपर टूल्स होते हैं यहां पे आप देख सकते हैं मेरे पास ये एलिमेंट एक डेवलपर टूल है कंसोल एक डेवलपर टूल है सोर्स है नेटवर्क है जिसमें हमारे पास सारी जो है वो रिक्वेस्ट हैंडल्स होती हैं कंसोल में हम जावास्क्रिप्ट का कोड जो है उसको रन और उसके एरर्स देख सकते हैं एलिमेंट्

स जो है इसमें हमारे पास सारा जो एचटीएमएल का कोड है वो होता है उसी के साथ-साथ यहां पे बहुत से और भी है मेमोरी एप्लीकेशन है सिक्योरिटी है जिसमें हमारे पास जो है सिक्योरिटी जो है देखो जिस पेज सिक्योर वैलेट एचटीटीपीएस ठीक है तो ये इस तरह हमारे पास जो है सिक्योरिटी के बारे में सारा जो है ये हमारे पास होता है इसको बोलते हैं लपर टूल अब फर्ज करें कि मैं यहां पे एटी यहां पे एक तीर का आपको निशान दिख रहा होगा ये आप देख सकते हैं कोने में जिधर मेरा जो है कर्सर खड़ा है ये एक तीर का निशान बना हुआ एरो का अगर आप

इस पर क्लिक करें ना तो आप यहां पे किसी भी एलिमेंट के ऊपर लेके जाए ठीक है फर्ज करेंगे मैं यहां पे थीम्स जो लिखा हुआ है ना मैं इस पे लेके जाता हूं तो अब मैं जैसे ही मैं इधर अपना एरो लेके जाऊंगा ना तो वो मुझे थीम्स के ऊपर ले जाएगी देखो अब मुझे यहां प उसने कोड शो कर दिया कि जो थीम है वो यहां पे लिखा हुआ है ठीक है ये नीचे आप देखें जहां पर मेरा एरो खड़ा है ये वाला ठीक है ये जिधर अब ये मैंने क्लिक किया हुआ है ठीक है तो ये ये जो है ना थीम लिखा हुआ है ठीक है है तो आप एरो पे क्लिक करके अगर जो है आप डॉक्स

पे जाना चाहते हो तो ये आपको डॉक्स पर लेके जाएगा ठीक है तो जिधर भी आप जाना चाहे ये एक डेवलपर्स टूल होता है जिनकी मदद से आप जो है अपनी वेबसाइट जब बना रहे होते हैं दो ये आपको बहुत हेल्प करते हैं ठीक है उसी के साथ-साथ अगर मैं यहां प आपको जावास्क्रिप्ट के जो इधर मैं यहां प आपको दिखा दूं ना इधर जो हेड हेड किधर है इसका मैं हेड देखना चाहता हूं तो यह मेरे पास इसका हेड है और उसी के साथ-साथ यहां पे मैं इसका जो है हेड जो है बॉडी ये इसका हेड है और इसमें से अगर मैं जो है ना सारे जो है स्टाइल टैग और जो स्क्रि

प्ट टैग है वो मैं हटा दूं ठीक है तो मैं यहां प इन सबको जो है वो हटा देता हूं तो यहां पे आप देखना इनकी इस वेबसाइट के जो है वो हालत कैसे होने वाली है ठीक है तो मैं यहां प इसको डिलीट डिलीट ठीक है डिलीट डिलीट डिलीट मैं सारे देखो ये मैंने इसको सारे हटाया ये देखो कैसे हो गया ठीक है देखो इस वेबसाइट को देखो देख रहे हैं आप साहब ये देखिए अब मैं इसको कैंसिल करूं तो ये इस वेबसाइट की ये हालत हो गई है देखें देख रहे हो तो ये होता है इनमें मतलब जान खत्म हो रही थी पहले पहले वेबसाइट इस तरह दिखती थी ना ये देखें आप

ये देखें इस तरह वेबसाइट दिखती थी मत तोब बिल्कुल बेकार और ना कोई परफॉर्म होता था ना कुछ तो फिर जावास्क्रिप्ट जो है बनाया गया और उसी के साथ-साथ जो है जावास्क्रिप्ट को जो है इसमें बहुत ज्यादा जो है अ हेल्प करते आप देखें अगर मैं इसको रिफ्रेश करूं तो जावास्क्रिप्ट का जो लिखा हुआ कोड होता है और जो जो सीएसएस का कोड होता है वो देखें वो कितना ज्यादा जो है एक वेब पेज को खूबसूरत करता है ठीक है तो जैसे मैं इसको रिफ्रेश करूंगा तो अब जो है नीचे वाली चीजें आप सब ये देखिए अब ये ऐसे मेन जो है वो दिखती ऐसे है ठी

क है ना तो जावास्क्रिप्ट और सीएसएस की मदद से यहां पे आप देखें अब नीचे वो जो कोड हमारे पास था अब वहां पे उसको देख कैसे अरेंज होके आ रहा है हमारे पास और उस वक्त जो है ये कैसे हो गया था तो जावास्क्रिप्ट देखिए अब अगर मैं इस प्रोफाइल पे क्लिक करूं तो देखि अब यहां पे ये ऑप्शन मतलब ये कुछ ना कुछ जो होते हैं जैसे मैं ब्लॉग पे क्लिक करता हूं तो ये एक्शन मेरे पास एक परफॉर्म हुआ है मेरे पास ये ब्लॉग वाला सेक्शन खुल गया है ठीक है अगर इसमें कोई लिंक होगा जैसे कि ये बूट स्प का लिंक है तो मैं अगर इस पे इस पे क

्लिक करता हूं तो मेरे पास कोई ना कोई एक एक्शन परफॉर्म होता है सही है तो ये सब जो है ना जावास्क्रिप्ट की मदद से होता है इसी तरह जितने भी मतलब हमारे पास एक्शन परफॉर्म होते हैं वो सारी जावास्क्रिप्ट की मदद से होते हैं तो और हां और एक और बात जहां पे मैं जो करना चाहता हूं वो यह है कि जावास्क्रिप्ट में जो है ना जब हम इसको ब्राउजर पे यूज़ करते हैं इसमें बहुत सी लिमिटेशन होती है वो कैसे लिमिटेशंस कैसे होती हैं कि जैसे कि अगर आपके पास एक वेबसाइट है और आप किसी वेबसाइट पे किसी दूसरे वेबसाइट प गए हैं और उस

वेबसाइट से जो है ना वो वेबसाइट जैसे ही आप उसने उसपे आपने उसपे क्लिक किया तो आपका जो वो वेबसाइट है वो डाटा चोरी करने लगे आपकी जो लैपटॉप में जो फाइल्स पड़ी है उसको रीड करने लगेई है तो ऐसा बिल्कुल भी नहीं होता जावास्क्रिप्ट में ये लिमिटेशंस है ब्राउजर को यूज करते हुए अगर ऐसा होता तो फिर तो कोई बंदा भी जो है एक नॉर्मल सी वेबसाइट जो है वो बना लेता और उसी के साथ-साथ जो है आपके जो कंप्यूटर की फाइल्स है उनको रीड कर लेता आपके पासवर्ड्स वगैरह ये सब चीजें जो है वो रीड कर सकता था ठीक है तो जावास्क्रिप्ट को

वैसे आप बना सकते हैं ये सारी चीजें आप जावास्क्रिप्ट की मदद से लेकिन ब्राउजर में जब आप एक वेब पेज बनाते हैं ये वेबसाइट बनाते हैं तो फिर आप ये चीजें जो है वो नहीं बना सकते क्योंकि जावास्क्रिप्ट में ये जो है वो लिमिटेशंस हैं ब्राउजर को यूज़ करते हुए ठीक है और उसी के साथ-साथ मैं यहां पे आपको जो है हमने यहां पे जो नोट्स बना है तो यहां पे आप देख सकते हैं तो ये जावास्क्रिप्ट जो है वर्क करती है ब्राउजर के साथ उस प्रोसेस को जो है हम इंटरप्रिटेशन कहते हैं ठीक है और उसी के साथ-साथ इनको वेब पेजेस में यूज़ क

िया जाता है और स्क्रिप्ट टैग जो है ना इसको यूज़ किया जाता है जैसे कि मैंने यहां पे एटीएमएल जो है यहां पे मैं देखें मैंने स्कप स्क्रिप्ट टैग जो है मैंने लगाया और उसमें एस सोर्स लगा के मैं इसको जो है कंसोल पे रन कर सकता हूं सही है और अब जो है पीछे तो हमने सिर्फ जावास्क्रिप्ट में जो है वो कोड लिख के जो है वो सारा हमने कंसोल में देखते रहे देखते रहे तो अब जो है ना हम जावास्क्रिप्ट जो है वो हम ब्राउजर पे रन करने वाले हैं और देखेंगे कि ब्राउजर पे ये कैसे काम करते हैं और इसको हम इसमें हम एचटीएमएल भी यूज

़ करेंगे सीएसएस भी यूज़ करेंगे जावास्क्रिप्ट अब जो है हमारा मेन काम जो है वो स्टार्ट हो चुका है यहां से तो फर्ज करें मैं यहां पे आपको एक कोड लिख के दिखा देता हूं जैसे कि फर्ज करें मैं यहां पे सीएसएस का एक थोड़ा सा कोड देता हूं मैं एक छोटा सा मैंने बॉडी लिखा बॉडी लिख के उसके बाद जो है मैंने यहां पे इसको कलर दे दिया कलर नहीं मैं यहां प बैकग्राउंड कलर दे देता हूं तो बैकग्राउंड कलर जो है मैंने इसका जो है कोई भी कलर कर देता हूं मैं ये वाला जो है इसका कलर कर देता हूं और उसी के साथ-साथ मैं यहां पे इसमे

ं हेलो वर्ड मैंने यहां पे लिखा हुआ है और मैं यहां पे क्या कर लेता हूं मैं यहां पे इसमें जो है अलर्ट कर लेता हूं कोई भी चीज मैं यहां पे करता हूं अलर्ट के जब भी कोई चीज हो ना मतलब जैसे मेरा पेज जो है वो ओपन हो तो वो सबको कह दे हेलो कैसे हैं आप सब ठीक है तो मैंने ये चीज लिख दी अब जैसे ही मैं वेबसाइट को रन करूंगा ना ये मेरी अब एक वेबसाइट है ना मतलब बस कोड hltv.org जावास्क्रिप्ट को भी यूज करेंगे सही है और हम अपने जितना भी हमने पढ़ा है अभी तक तो वो सारा जो है हम उसपे बार-बार जो है इंप्लीमेंट करने की ज

ो कोशिश करेंगे और अपनी वेबसाइट्स को जो वेब पेजेस जो है उनको कैसे बेहतरीन बनाया जाता है उनको कैसे जो है लॉजिकल बनाया जाता है उसपे कैसे जो है एक्शन परफॉर्म किए जाते हैं ये सब चीजें हम यहां पे देखने वाले हैं ठीक है तो आज के लिए इतना ही मिलते हैं अपने नेक्स्ट वीडियो में बिल्कुल जो है आप रेडी रहिए हम जावास्क्रिप्ट में जो है अपने ब्राउजर में जो है अपने वेब पेजेस के साथ जो है हम जावास्क्रिप्ट को जो है वो आप लिंक करने वाले हैं उनके साथ उसको यूज करने वाले हैं तो बहुत हो गया बेसिक्स चलते हैं थोड़ा सा एडवा

ंस की तरफ ठीक है गाइस तो जो जोभी जिसने अभी तक प्लेलिस्ट को स्टार्ट नहीं किया वो प्लेलिस्ट को स्टार्ट कर ले और जिसने अभी तक उसको प्लेलिस्ट को सेव नहीं किया वो प्लेलिस्ट को सेव भी कर ले और अपने मजीद दोस्तों के साथ भी शेयर कर दें आज के लिए इतना ही मिलते हैं नेक्स्ट वीडियो में अल्लाह हाफिज