हां जी कैसे हैं आप सभी स्वागत है आप सभी का चाय और कोड में काफी दिन हो गए हमारी मुलाकात नहीं हुई तो वापस से ए गए हम आपके लिए एक और नया वीडियो लेकर थोड़ा एग्जाम चल रहे थे जब के अंदर थोड़ा सा प्रेशर ज्यादा बढ़कर आता है कुछ वीडियो का लाइव क्लासेस का ऑब्वियस सी बात है जब तो करनी पड़ेगी आ तभी तो आपके लिए वीडियो लेक आएंगे युटुब पर आप थोड़ी फ्री टाइम मिला है आज थोड़ा तो मैंने सोचा की लंच के बाद एक सेशन रिकॉर्ड कर लिया जाए आपके लिए इवेंट्स के ऊपर देखिए ये सीरीज की थोड़ी एक्सेप्शन सीरीज है क्योंकि बाकी सीरीज में इतना ज्यादा टाइम नहीं लगता बट मैं चाहता हूं की ये सीरीज आने वाले 4 साल 5 साल 6 साल तक भी एकदम रॉक सॉलिड है जहां पे लोगों को जावास्क्रिप्ट एकदम स्क्रैच से प्रोफेशनल वे में जैसे प्रोडक्शन में उसे होता है वैसे एकदम समझ में आए आप सारे इंटरव्यूज भी क्रैक कर पे और आपको दोबारा जो स्क्रिप्ट को कहानी देखना ना पड़े इसलिए मैं इसमें टाइम ले रहा हूं अच्छे से आपको एक-एक कॉन्सेप्ट समझा रहा हूं कई बार वीडियो रिकॉर्ड करके डिलीट भी कर रहा हूं दोबारा से बना रहा हूं तो उन्हें सब को हम कंटिन्यू करते हैं इस वीडियो के अंदर हम वापस से कॉन्टिन करेंगे हमारी जान स्क्रिप्ट की जर्नी को और बात करेंगे हमारे जावास्क्रिप्ट के इवेंट्स पे डम पे हमने अच्छे से बात कर लिया टॉम का आपको काफी अच्छा आइडिया हो गया है अब डॉग मैनिपुलेशन में नए एलिमेंट्स क्रिएट करने में एलिमेंट्स रिमूव करने में इसमें आपको कोई चिंता की बात नहीं है मैंने लास्ट वीडियो में आपको कुछ प्रोजेक्ट्स भी करवाएं थे कर प्रोजेक्ट्स करवाएं थे अच्छे से काफी लोगों ने किया आ मैं देख सकता हूं वहां पे कितने लोगों ने व्यू किया कितने लोगों ने पर किया सर मैं देख सकता हूं तो काफी लोगों ने किया अच्छी शुरुआत है चैनल पे लोग भी कम है अभी 20-25000 लोग ये है बट आपका सहयोग रहेगा तो जल्दी हम 1 लाख पे पहुंच जाएंगे फटाफट करवा दीजिए इस वीडियो में शुरू करते हैं हमारे जावास्क्रिप्ट के इवेंट्स के बड़े में हां जी इवेंट्स में काफी डिटेल में हम जाएंगे एन कुछ प्रोजेक्ट स्टाइल में ही पढ़ेंगे क्योंकि वही ज्यादा बेस्ट राहत है इवेंट्स के लिए और आपको कुछ बिहाइंड डी सीन डीटेल्स भी बताता हूं जो अभी तक आपने नहीं देखें होंगे कौन से अप्रोच अच्छी है कौन सी खराब है इंटरव्यूज में क्या-क्या पूछा जाता है इवेंट से रिलेटेड वह साड़ी हम चर्चाएं करते हैं तो चलिए बताते हैं आपको तो ये हमारा है ब्राउज़र सॉरी कोड वे है स्कोर यहां पर मैंने एक नया फोल्डर बना लिया है ये 08 इवेंट्स और इसके अंदर इवेंट बेसिक्स हमने एक फाइल रख दी है कुछ भी नहीं है कौन सा लॉक है इसको हम कम में भी नहीं लेने वाले तब मैं चेक कर रहा था की साड़ी गेट अब से फाइल लेक और लोकल होस्ट में चला लेने सब कुछ तो अभी हम क्या करते हैं इवेंट्स के अंदर एक नई फाइल क्रिएट करते हैं इसका नाम रखते हैं कुछ वन डॉट एचटीएमएल यह लीजिए और यह हमारा बेसिक ए गया यहां पर तो बेसिक डॉक्यूमेंट हमारे पास ए गया है और इसको नाम भी देते हैं की एचटीएमएल के हमारे पास एचटीएमएल के इवेंट्स हैं यहां पे जिनके बड़े में हम बात करेंगे ठीक है बेसिक इतना ठीक है अब बॉडी के अंदर क्या है की हम कुछ नोट्स भी आपके लिए मैं यहां पे लिख दूंगा एक जो आपको इजी रहेंगे एक्चुअली में देखने के लिए कम के लिए कुछ कुछ नोट्स में यहां पे देखा जाऊंगा आपके लिए बट पहले मैं कुछ आपके लिए एचटीएमएल एलिमेंट्स ले आता हूं जो मैंने ऑलरेडी लिख रखें हैं एचटीएमएल एलिमेंट्स में आपको कोई प्रॉब्लम नहीं हनी चाहिए किसी को भी क्योंकि बहुत ही बेसिक है तो एक्चुअली मैं यहां पे क्या है देखिए सबसे पहले तो हमारे पास एक h2 है जिसके अंदर मैंने लिख रखा है अमेजिंग इमेज और उसके बाद मैंने एक देव क्रिएट कर उसके अंदर एक अनलोडेड लिस्ट बनाया थॉट्स आईटी अब उसे लिस्ट के अंदर क्या है हमारे पास देखिए क्या-क्या है हमारे पास बहुत सारे लिस्ट आइटम्स हैं ठीक है कोई प्रॉब्लम वाली बात है ही नहीं इसमें हनी भी नहीं चाहिए उसके बाद हर लिस्ट आइटम के अंदर एक इमेज है ये इमेज में लेकर आया एक्सल से पिक्सल्स पे मैं एक्चुअली मैं काफी इमेज अपलोड करता हूं यहां पे काफी जब भी मैं ट्रैवल करता हूं जी भी देश में तो कुछ फोटोस अच्छे से क्लिक कर लेट हूं और वह फोटोस यहां अपलोड कर देता हूं तो उन्हें में से कुछ कलेक्शंस में से मैंने मेरी फोटोस निकाल लिया अब गौर से देखिएगा की ये जो फोटोस है हर के साथ एक जो टैग मैंने इंट्रोड्यूस कराया है जो फोटोशॉप है सबके साथ एक आईडी भी इंट्रोड्यूस कर है जो टैग में सिर्फ फर्स्ट वाले में फोटोशॉप है ये अभी उसे करेंगे हम इसलिए सबके अंदर आइडिया इसके अंदर फोटोशॉप लिखा हुआ है आईडी इसमें जापान लिखा हुआ है इसमें रिवर है ऑल है प्रेयर है और सबसे लास्ट में एक लिस्ट आइटम है जहां पे हमारे पास क्या है एक गूगल नाम से लिंक हमने बना रखा है क्योंकि ये समझना में कम आएगा अब इसको हम एक कम करते हैं लाइव सर्वर में ओपन कर लेते हैं और देखते हैं तो ये कुछ इस तरह से दिखे रहा है कोई कस उसे नहीं कर रहा है कुछ भी नहीं कर रहा है थोड़ा सा हम क्या करते हैं इस बॉडी के अंदर कुछ स्टाइलिंग लगा लेते हैं तो यह स्टाइलिंग हम लगा लेते हैं तो इसके अंदर बोल देते हैं की आपका जो बैकग्राउंड कलर है उसको क्या करिए आ 414141 ले लेते हैं थोड़ा दरकिश और कलर भी ले लेते हैं यहां पे की कलर जो है वो आप अलेक्स ब्लू ले लो तो इससे क्या होगा थोड़ा सा आंखों में हरा-मम ए जाएगा और इतना डिफिकल्टी नहीं होगा ठीक है अच्छा इसके अलावा क्या है की हमारा जो है लिंक टैग है ये थोड़ा सा देखने में हमें प्रॉब्लम हो रही है तो हम क्या करते हैं सीधा सा यहां पे जाते हैं और इसकी स्टाइलिंग में इसका कलर चेंज कर देते हैं कलर इसका एलिस ब्लू कर देते हैं तो अब थोड़ा सा लिंक देखने में ए गया बस इतना सा है बेसिक है इतना बेसिक कस तो सभी को पता है अब हमारा जो गोल है वो ये नहीं है की हम कस पे ज्यादा फॉक्स करें हमारा गोल है की जावास्क्रिप्ट के बड़े में थोड़ी सी चर्चा की जाए अब इस बॉडी के बाद मैं यहां पे एक स्क्रिप्ट टैग ओपन कर लेट हूं और यही पे आपको सारे बेसिक में करके दिखाऊंगा अच्छा सबसे पहले चीज अगर आप नोट्स में लिख रहे हैं तो ये चीज लिखिएगा की जावास्क्रिप्ट के अंदर जितना भी कोड है अच्छा यहां पे मेरा इसको डिसएबल कर लेते हैं को पायलट को क्योंकि वरना बहुत सारे सजेशन देता ही जाएगा पढ़ा इस टाइम को पायलट में यूजुअली डिसएबल कर लेट हूं बिगनर क्लास में अभी भी कर लिया है तो देखिए सबसे पहले चीज जो आपको पता हनी चाहिए की जावास्क्रिप्ट के अंदर जितने भी इवेंट्स होते हैं वो सीक्वेंसेली ही रन होते हैं कुछ एक्सेप्सनस हैं उन्हें एक्सेप्सनस को हम बात करने है बट जावास्क्रिप्ट एक सीक्वेंसेली रन लैंग्वेज है बट कई बार क्या होता है इन सिचुएशन को हम थोड़ा सा इग्नोर करके भी जाते हैं जैसे एन सिंक्रोनस प्रोग्रामिंग में हम संक्रांस की जगह कुछ कम डिबेट कर देते हैं फिर वापस आता है ऐसे ही एक एक्सेप्शन आपके ब्राउज़र के इवेंट्स भी हैं जिनके बड़े में हम पढ़ रहे हैं ये इवेंट्स क्या करते हैं की आपको किसी एक्टिविटी पे इन्वोक होते हैं ऐसा नहीं की बस हमेशा सीक्वेंसेली फाइल में लिख दिया तो एग्जीक्यूट हो जाएगा कोई ना कोई एक्टिविटी हो गया अपने माउस से लाया कीबोर्ड प्रेस कर कीबोर्ड प्रेस कर या फिर माउस प्रेस कर माउस हटाए ड्रैगन ड्रॉप किया तो बहुत सारे इवेंट्स की लिस्ट है उनके बेसिस पे सर कम चला है है तो ब्राउज़र के जितने भी इवेंट्स होते हैं ना इनकी साड़ी एक्टिविटीज होती है उन्हें एक्टिविटीज के बड़े में हम थोड़ा सा डिस्कस करेंगे की कैसे-कैसे कर सकते हैं और क्या-क्या अप्रोच है हमारे पास इनको कैसे-कैसे कर सकते हैं ठीक है एक अप्रोच जो आपको सबसे ज्यादा मिलेगी तो चलिए हम चलते हैं इस आ अवल के पास अभी देखिए ये आईडी इसलिए लिख रखा है ताकि हमें पता र गया अच्छा ये वाला ऑल है इस पे हम कम कर रहे हैं तो सबसे पहले और जो आम चीज आपको मिलेगी की लोग क्या करते हैं सिंपली आते हैं और इस इमेज पे मुझे ऑन क्लिक लगाना है तो इस इमेज टैग के अंदर आएंगे और सपोज करिए यहां पे आते हैं अल्ट के बाद और बोलते हैं ठीक है यहां पे हमें ऑन क्लिक लगा लेते हैं तो आप लगा सकते हो कोई दिक्कत वाली बात नहीं है ये आपका ऑन क्लिक अब इस ऑन क्लिक के अंदर क्या करना है सपोज करिए मुझे करना है अलर्ट और मुझे लिखना है यह लीजिए और लिख दिया अब इसमें कोई दिक्कत वाली बात है क्या दिक्कत तो कोई नहीं है मैं यहां पर जाकर क्लिक कर सकता हूं यहां पर क्लिक करूं तो अलर्ट में आओ लिखा हुआ भी ए गया लेकिन यह अप्रोच एक्चुअली में कई लोग उसे करते हैं बट अप्रोच बिल्कुल भी अच्छी नहीं है क्यों अच्छी नहीं है क्योंकि देखिए ये जो इवेंट हमने इस स्टाइल में लिखा है यहां पे ऑन क्लिक लिख के ये एक फीजिबल अप्रोच नहीं है जब स्केल करेगा प्ले आपका एप्लीकेशन तब बहुत ज्यादा प्रॉब्लम होगी अप्रोच के अंदर तो इस अप्रोच को यूजुअली अवॉइड करिए की आप एचटीएमएल के अंदर इंजेक्टर मत करिए अच्छा रिएक्ट का सीनरी अलग होता है इससे रिएक्ट के अंदर वो इसके लेवल कोड होता है जब आप ऑन क्लिक डायरेक्टली बटंस पे लगा देते हैं वहां पे हमें वो अलग फ्रेमवर्क लाइब्रेरी है जो स्क्रिप्ट की तो उसकी चिंता मत कीजिए क्या होता है की कई बार हमारा कैनवस थोड़ा पेंटेड होता है थोड़ी सी नॉलेज पहले से होती है तो उसको हम यहां मिक्स कर देते हैं और फिर कंफ्यूज हो जाते हैं तो उससे कंफ्यूज मत होइएगा अभी हम सिर्फ की बात कर रहे हैं तो ये वाली अप्रोच हमें पता है चलती है कोड कम करता है लेकिन आगे जाके ये अप्रोच आपको थोड़ा सा प्रॉब्लम देगी तो इस अप्रोच की जगह मैं आपको सेकंड अप्रोच बताता हूं की सेकंड अप्रोच क्या कर सकते हैं सेकंड अप्रोच के अंदर हम क्या कर सकते हैं सिंपल सपना डॉक्यूमेंट लेते हैं और उसके अंदर मुझे पता है की मैं लिख सकता हूं गेट एलिमेंट बाय आईडी और मेरे को पता है इसकी आईडी मैंने ऑल दे राखी है यहां पे तो ऑल की आईडी सिलेक्ट करना बहुत ही आसन है मैं यहां पे बोल देता हूं इसको की ठीक है ये लीजिए तेल की आईडी सिलेक्ट हो गई अब इसके ऊपर आप लगा देंगे एक ऑन क्लिक इवेंट तो ये हमने लगाया ऑन क्लिक इवेंट और इस ऑन क्लिक इवेंट के साथ हम एक फंक्शन भी लिख देते हैं यहां पे ये लिखिए फंक्शन लिख दिया और ये लीजिए बेसिक हमारा फंक्शन कुछ ऐसी बात है नहीं और सिंपली एक अलर्ट भी लिख देते हैं चलिए अलर्ट के अंदर क्या लिखे यह लीजिए अब इसके अंदर कोई प्रॉब्लम है क्या नहीं इस अप्रोच में भी कोई प्रॉब्लम नहीं है यहां पर जाकर मैं जो पर क्लिक करता हूं वापस से जो क्लिक ए गया है अच्छा इस अप्रोच में भी प्रॉब्लम है यह अप्रोच क्या है दिखने में बहुत अच्छी है लेकिन क्या है आप आईडी पर जब ऑन क्लिक इवेंट लगा रहे हैं तो ऑन क्लिक इवेंट के अंदर कुछ प्रॉब्लम्स हो शक्ति है क्योंकि आपको बहुत ज्यादा इनफॉरमेशन नहीं मिलती है आपको एक्चुअली में इवेंट लिस्नर्स उसे करने चाहिए क्योंकि इवेंट लिस्नर्स आपको सिर्फ ऑन क्लिक फंक्शनैलिटी नहीं आपको प्रोपेगेशन की एबिलिटी देते हैं अभी प्रोपेगेशन क्या होता है हां प्रोपेगेशन पे बात करेंगे हम इसी वीडियो में करेंगे बट थोड़ा सा दो-तीन मिनट बाद तो ये याद रखिए आप इसके अंदर कोई प्रॉब्लम नहीं है बट ये आपको फीचर्स कम देता है अब ऑब्वियस सी बात है मॉडर्न जमाना है मॉडर्न तरीका है तो फीचर्स भी अच्छे उसे करेंगे ना तो ये वाला क्यों उसे करेंगे तो इस वाले अप्रोच को मैं कर देता हूं कमेंट क्योंकि आपको चाहिए का कोड फाइल तो बाद में अब हम उसे करते हैं हमारी थर्ड और बेस्ट अप्रोच जो अभी के टाइम में मार्केट में चल रही है हो सकता है तीन कर साल बाद कुछ और अप्रोच ए जाए अप्रोच बदलती रहती है तो उसके अंदर क्या सकते हम सिंपली डॉक्यूमेंट आईडी इतना कम हमारा से रहेगा एलिमेंट्स तो देखिए पकड़ नहीं पढ़ेंगे उसमें कोई एक्सेप्शन नहीं है अब आप आईडी से पकड़िए क्लास से पकड़िए टैग से पकड़िए कोई दिक्कत वाली बात नहीं है यहां पे हम क्या कर सकते हैं एड इवेंट लिस्नर लगा सकते हैं अभी जो इवेंट लिस्नर है ना ये बहुत ही बहुत ही इंटरेस्टिंग बहुत ही पावरफुल है अब इवेंट लिस्नर क्या करता है बहुत सारे इवेंट्स को लिसन कर सकता है आपके कीबोर्ड के इवेंट्स को माउस के इवेंट्स को ड्रैगन ड्रॉप कभी बनाया ट्रेलर वगैरा का क्लोन टाइप का सोचा है कभी इस बड़े में बनाने का तो वहां पे ड्रग इवेंट्स कब छोड़ रहे हैं कौन सा एलिमेंट पकड़ रहे हैं तो ये बहुत सारे एक्टिविटीज आपको देखते हैं इनफैक्ट इंटरव्यूज में भी बहुत बार पूछा जाता है की इवेंट लिस्नर्स को डिटेल में करो और इनफैक्ट जो टास्क मिलते हैं वो भी इवेंट लिस्नर से ही ज्यादातर कंप्लीट होते हैं तो इवेंट लिस्नर को आप जैसे देखोगे माउस ओवर पे तो देखिए बहुत सारे एचटीएमएल इवेंट लिस्नर्स हैं आप चाहे तो इसके बड़े में और जाके भी पढ़ सकते हो थोड़ा सा स्क्रॉल करते हैं इसको तो इसके बड़े में और डिफाइन वगेरा बहुत कुछ है अभी नहीं देखते उसके बड़े में अच्छा इवेंट का जो नाम लिखना है कौन सा इवेंट आप लेसन कर रहे हो वो आपको स्ट्रिंग्स के अंदर लिखना है ऐसे कोर्ट के अंदर तो ये आपने लिखा क्लिक अभी मैं क्लिक इवेंट्स को देख रहा हूं आप इवेंट्स के नाम मन पे देख सकते हो डबल क्लिक इवेंट्स भी है कीबोर्ड प्रेस भी है कीबोर्ड डॉ भी है कीबोर्ड बहुत सारे इवेंट्स है अभी हम क्लिक पर बात करते हैं क्योंकि उसके बड़े में कभी और चर्चा करेंगे ये लिखा फंक्शन यह लीजिए फंक्शन लिख दिया अच्छा अब एक थर्ड और बहुत इंपॉर्टेंट यहां पर पैरामीटर भी होता है जिसके बड़े में अभी दो-चार मिनट में हम चर्चा करेंगे की जब आप यहां पर लिखने हैं तो एक्चुअली में एक फॉल्स भी लिखना होता है डिफॉल्टर भी फॉल्स ही होता है इसके बड़े में चर्चा करेंगे बट ये अक्सर इंटरव्यूज में पूछा जाता है की अच्छा ये थर्ड पैरामीटर किस लिए है और क्यों कम में लिया जाता है अब क्योंकि थर्ड पैरामीटर डिफॉल्ट फसी है तो इसको लिखने की जरूर भी नहीं है तो इसलिए ज्यादातर लोग आपको यही बताएंगे और यही होता है एक्चुअली में बट वो जल और ट्रू का मतलब क्या होता है कई बार ऐसी एप्लीकेशन इंटरव्यू में दी जाति है जो बिना जल या ट्रू लिखे कंप्लीट ही नहीं होगी होती बड़ी बेसिक है लेकिन वो नहीं होगी तो चलिए पहले इस पे बात कर लेते हैं की एक क्लिक फंक्शंस वगैरा कैसे होते हैं तो कुछ नहीं क्लिक इवेंट्स को लिख रहे हैं और यहां पे क्या करें अलर्ट कर लेते हैं ठीक है अलर्ट किया और वही हमारा जो कलेक्ट अगेन ए गया तो हमने तीन अप्रोच को बेसिकली देख लिया की कौन-कौन से अप्रोच है किसके अंदर क्या प्रॉब्लम है कहां-कहां कौन से फीचर मिल रहे हैं और बेस्ट अप्रोच हमें पता ग गई अच्छा बेस्ट अप्रोच तो आपको पता ग गई लेकिन एक्चुअली में और भी अप्रोचों होती है 1 अप्रोच क्या होती है की जहां पे आप अटैक इवेंट नाम का मेथड भी उसे करेंगे जैसे यहां पे एड इवेंट लिस्नर किया है वैसे अटैक इवेंट नाम का भी आ एक मेथड आप उसे करते हैं ऑब्वियस सी बात है आई कैपिटल होता है उसमें भी अच्छा ये कहां पे कम आता है ये सब कम आते थे अर्ली टाइम में जब इंटरनेट एक्सप्लोरर की बहुत ज्यादा मारामारी होती थी और बहुत मुश्किल होता था आपके एप्लीकेशंस को इंटरनेट एक्सप्लोरर पे चलाना आजकल तो नहीं चलते हैं बट फिर भी जस्ट आपकी नॉलेज के लिए मैंने बता दिया है इसके अलावा एक जीक्वेरी नाम का भी फ्रेमवर्क था जैसे आज आप रिएक्ट के बड़े फैन हैं एक टाइम पे जैक वारी का भी बहुत लोग फैन होते थे ऐवेंंचुअली आगे भी और बदलेंगे ये तो वहां पे आपका डायरेक्ट एक ऑन इवेंट होता है ऑन इवेंट लेसनर तो जैसे आप एड इवेंट लेसनर मैंने वहां पर डॉट ऑन लगाकर कम चल जाता था यह सिर्फ बेसिक के लिए बता रहा हूं ताकि आपको पता रहा है कहां से जो स्क्रिप्ट आई है कहां पे गई है आदित्य साल हो गए लिखने तो ये एक्सपीरियंस तो शेर करना बंता ही है ठीक है चलिए इतना आपको समझ में ए गया अब क्या करते हैं की इसको कमेंट्स को एक्चुअली मैं मूव कर देता हूं टॉप पे ताकि आपके पास रहे भी और हम इस पर कम भी कर पाएं ठीक है जी अब बात करते हैं हमारे इवेंट ऑब्जेक्ट की ठीक है आपने इवेंट क्लिक कर सब कुछ हुआ कम लेकिन एक्चुअली में इवेंट चाहिए भी तो ना इवेंट पे कम भी तो करना पड़ेगा तो जब भी आप इस तरह का इवेंट पे कम करते हैं तो एक्चुअली में ये अलर्ट वगैरा तो अब हम हटा देते हैं यहां से है और आपको मिलता है इवेंट ऑब्जेक्ट हां जी यह इवेंट ऑब्जेक्ट जितना पढ़ेंगे इसके बड़े में डिटेल में उतना ज्यादा आपके लिए आसन रहेगा अब ऐसा तो नहीं करूंगा की सर इवेंट दे पढ़ने को आपको दे दूंगा कुछ बेसिक में यहां पे लिख देता हूं जिन-जिन के बड़े में आप थोड़ा और डिटेल देख लीजिएगा सबसे पहले तो करते हैं इसको कंसों लोग के एक्चुअली में पता लगे की इवेंट के अंदर होता क्या है तो ये इवेंट हमने कौनसा लॉक किया ठीक है जी जाते हैं ये तो हो गया क्लिक रिफ्रेश भी कर लेते हैं एक बार मां की शांति के लिए ठीक है तो यहां पे हमने कंसर्ट लिखा क्लीन कर लिया अभी अव्वल पे हमने क्लिक कर तो हमें मिले बहुत सारे इवेंट्स देखिए पहले बात तो पेंटर इवेंट है ठीक है उसके बाद आप इसको जैसे ही ओपन करेंगे ये एक ऑब्जेक्ट है अब इस ऑब्जेक्ट के अंदर आपको मिलती है बहुत साड़ी चीज हैं बबल्स बटंस कैंसिल बटन क्लाइंट का एक्स ए बहुत साड़ी वालुज आपको मिलती है इनफैक्ट आप जाकर देखोगे तो यहां पे आपको एक सोर्स एलिमेंट नाम से भी मिलता है जिसके अंदर भी आपको और डीटेल्स मिलती है की सोर्स एलिमेंट कहां से आया उसके अटरीब्यूट्स क्या है और भी यहां पे उसके चाइल्ड नोट्स क्या है चिल्ड्रन क्या है तो इवेंट्स बहुत मिलते हैं अच्छा फ्रेंड्स किस-किस टाइप के मिलते हैं मोस्टली तो आपको मिलेगा ब्राउज़र के इवेंट्स और एनवायरनमेंट के इवेंट्स भी मिलते हैं ठीक है एनवायरनमेंट जैसे माउस ने कहां पे क्लिक कर कौन सी पोजीशन थी माउस की ये साड़ी डिटेल मिलेगी बहुत बार इंटरव्यूज में क्या होता है इससे रिलेटेड बहुत क्वेश्चंस पूछे जाते हैं की कौन सा व्यू था उसे टाइम पे आपने क्लिक कर तो पता लगा की विंडो की हाइट और वेट क्या थी या फिर किस टाइम पर क्लिक हुआ देखिए टाइम स्टांप है तो इंटरव्यूज में बड़ा बेसिक सा क्वेश्चन देते हैं की एक एप्लीकेशन बना दो जहां पे यूजर जी टाइम पे भी इस इमेज पे या फिर बॉडी में या कहानी पे भी क्लिक कर रहा है तो उसका टाइम मुझे बताओ अब लो परेशान हो जाते हैं की रिएक्ट में कैसे होगा ये रिएक्ट में करना ही नहीं था आपको बेसिक ज्यादा स्क्रिप्ट का एक लाइन का कोड था कई बार लोग ऐसे इवेंट्स भी ऐसे क्वेश्चंस भी देते हैं इंटरव्यूज में की एक एप्लीकेशन बना जहां पे एक देव हो उसे देव में मैं जहां पे भी क्लिक करूं वहां पे एक सर्किल क्रिएट हो जाए तो जब आपको यहां पे इवेंट्स के अंदर आपको उसकी विथ मिल रही है एक्स ए पोजीशन मिल रही है क्लाइंट की तो आप बस उसे पर जहां पर क्लिक करो लोकेशन आपको मिल गई है उसे लोकेशन पे एक नया इवेंट क्रिएट कर दो और एक ब्राउज़र एलिमेंट टैग क्रिएट कर दो वगैरा कल जो भी स्क्वायर उसने कहा है बस बेसिक सा कम है इस तरह के क्वेश्चंस भी मैं आपको कर दूंगा तो वो सारे क्वेश्चंस होते इवेंट्स से हैं ठीक है अब क्या करते हैं हमें ये तो ए गया समझ में बेसिक अभी मैं क्या करता हूं यहां पे एक फॉल्स भी एड कर ही लेट हूं क्योंकि वरना हम भूल जाएंगे की उसके बड़े में भी चर्चा करनी थी आ फॉल्स डिफॉल्टर होता है तो इसलिए कोई चिंता वाली बात नहीं है जो अभी हमने किया है वो एग्जैक्ट वो का वही आएगा उसमें कोई प्रॉब्लम्स नहीं आएगी अब क्योंकि इतने सारे इवेंट्स आपके पास ए गए हैं तो मैं आपको बेसिक बता देता हूं की आपको पढ़ना क्या-क्या है इसमें से तो देखिए सबसे पहले आपको क्या पढ़ना है टाइप अब टाइप क्या होता है कई बार कीबोर्ड के टाइप से इवेंट्स होते हैं माउस के इवेंट्स होते हैं और भी कुछ होते हैं तो उनके टाइप्स के बड़े में थोड़ा सा देखिए उसके बाद आपके पास आता है टाइम स्टांप टाइम स्टांप अभी हमने देखा था तो टाइम डेट एक्टिविटीज कैसे चेंज करते हैं क्या करते हैं आपके इंटरव्यूज में काफी कम आएगी एक होता है आपके पास डिफॉल्ट प्रीवेंटेड क्या होता है इसका एग्जांपल भी हम देखेंगे डिफॉल्टर जो बिहेवियर होता है किसी भी चीज का वो आप चेंज कर सकते हो जैसे आप सबसे ज्यादा इसको देखोगे जब आप फॉर्म फाइल करते हो तो सबमिट जब करते हो तो हम इवेंट को बोलते हैं की प्रीवेंट कर दो ताकि उसे सबमिट ना हो यहां तक जो आपके एंकर टैग्स होते हैं वहां पर भी उसका कम क्या है क्लिक कर और नेविगेट करवाया वो नेवीगेशन भी आप रॉक सकते हो तो जो भी डिफॉल्ट बिहेव है किसी भी टैग का वो आप रॉक सकते हो उसके थ्रू इसके अलावा आपको क्या है एक आपको थोड़ा सा स्टडी करना है टारगेट के बड़े में कुछ तू एलिमेंट के बड़े में भी थोड़ा सा पढ़ लीजिएगा कई बार मिलता है आपको ये 2 एलिमेंट वगैरा यहां पे एक यहां पे अभी लेटेस्ट है जो हमें सबको पढ़ना ही पढ़ना है उसके बड़े में तो कोई एक्सेप्शन नहीं हुई है सोर्स एलिमेंट इसका तो बहुत उसे करने वाले हैं अभी हम इसी एग्जांपल में तो यह हमारा हो गया सोर्स एलिमेंट उसके अलावा भी और होते हैं आपके पास जैसे करंट टारगेट भी मिलता है यह साड़ी वालुज भी तो इनके बड़े में थोड़ा सा और डिटेल पढ़ोगे तो आपको काफी अच्छा काफी फायदा मिलेगा अच्छा उसके अलावा कुछ जो इंटरव्यू प्रोस्पेक्टिव से आते हैं वो आते हैं आपके पास क्लाइंट की पोजीशन रिलेटेड तो क्लाइंट का एक्स क्या है एक क्लाइंट का ए क्या है उसके अलावा हमारे पास ऑफसेट होता है स्क्रीन का एक्स और ए वालुज होती है स्क्रीन एक्स स्क्रीन ए तो ये सारे आप देखोगे तो वहां पे आपको मिल जाएंगे तो एक्चुअली में कौन सी लोकेशन ए रही है देखिए तिल टैक्स है टिल्ट वायर है तो ये पोजीशन रिलेटेड होते हैं तो इनको भी और देख लीजिएगा थोड़ा सा क्या-क्या होता है ये आपको काफी इंटरव्यूज में हेल्प करेंगे और इस तरह के क्वेश्चंस प्रोजेक्ट हम करेंगे वहां पे भी अच्छा एक आपके यहां पे इंटरेस्टिंग होता है वो होता है अल्ट की तो क्या होता है जैसे अल्ट की है कंट्रोल की है ये जो आपकी जितनी भी कीबोर्ड्स की कीज होती है इन सबको भी पहचान के लिए और कुछ स्पेशल जो किस है उनका डायरेक्ट आपको एक्सेस मिल जाता है क्या वो प्रेस हुई है या फिर नहीं हुई है वो भी आप इवेंट्स के थोड़ी देखते हो शिफ्ट की भी मिलती है आपको इसी तरह से और इसके अलावा आपको क्या है की कोड भी मिल जाता है तो कीबोर्ड ऐसी बातें थोड़ा सा रिसर्च करके पढ़ना पड़ेगा की एक ही का कीबोर्ड क्या है बी की का कीबोर्ड क्या है उसके बेसिस पे आप पूरा देख सकते हो और इसी के बेसिस पे कुछ प्रोजेक्ट्स आप बना सकते हो जैसे की आपको करना है की कीबोर्ड स्पीड किसकी कितनी है क्या एक टैक्स दिया यूजर ने कीबोर्ड किया तो सही से टाइप कर रहा है नहीं कर रहा तो वहां पे बेसिकली जो स्क्रिप्ट के यही फाउंडेशन आपके कम में आता है आगे हम करेंगे इस तरह के प्रोजेक्ट्स पढ़ाई आई थिंक अभी के लिए काफी है चलिए इतना हो गया हमारा अब इन कमेंट्स को मैं वापस से ऊपर ले जाता हूं ताकि आपके पास रखें रहे हैं कट करके देखिए आपके नोट्स भी तैयार हो रहे हैं उम्मीद आप भी नोट्स तैयार कर रहे होंगे दूसरों के नोट्स मत लीजिएगा खुद के नोट्स लिखिएगा नोट्स पे एक वीडियो बनाएंगे हम चलिए अब बात करते हैं हमारे इवेंट प्रोपेगेशन के बड़े में ठीक है जी अब इवेंट प्रोपेगेशन के बड़े में बात करने के लिए क्या है की हमें इसके बड़े में बात करना पड़ेगा की फल सा ट्रू है क्या अब देखिए अभी आप गौर से देखेंगे तो ये ट्रू मैंने कर दिया है और इसको क्लीन करके कर देता हूं आपको इतना सा भी डिफरेंस नहीं पता लगेगा ये किया आपको से ब्राउज़र इवेंट्स मिला है एकदम एक्जेक्टली से है मैं यहां पे गया और उसको मैंने जल कर दिया है और यह गया और यहां पर भी क्लीन करके मैंने इस पर क्लिक करो कोई दिक्कत आई नहीं तो फिर इवेंट प्रोपेगेशन है क्या देखिए इवेंट प्रोपेगेशन का दो कॉन्टेक्स्ट होता है एक होता है इवेंट पब्लिक और एक होता है इवेंट कैपचरिंग मार्केट में ज्यादातर जो उसे होता है जो प्रोजेक्ट होता है वो होता है डिफॉल्टर से जो की फल से आपका और जिसको हम बोलते हैं इवेंट बबली लेकिन कुछ सिनेरियस में आपको इवेंट कैपचरिंग का भी उसे करना पद सकता है तो उसे केसेस के लिए मैं आपको यहां पे दो एग्जांपल करके दिखता हूं जिससे आपको एकदम क्लियर हो जाएगा की कैसे इवेंट प्रोपेगेशन होता है कैसे उसे इवेंट प्रोपेगेशन को आप रॉक भी सकते हो ठीक है तो उसके लिए हम क्या करते हैं पहले हमारा एचटीएमएल स्टडी करते हैं देखिए एचटीएमएल है इसके अंदर आईडी है हमारे पास इमेज ठीक है और दूसरा हमारा ये जो अव्वल है फेवरेट ग रहा है मेरे को अभी मेरा तो इस अवल को भी उसे करेंगे ठीक है तो दो कोड लिखने हैं छोटे से एक के अंदर क्या करते हैं एक में तो हमने यहां पे चेंज कर लेते हैं की आप की बात टारगेट करो ये इमेज वाली ठीक है हमारा क्लिक लिस्नर है और हम ये आई को लेने की बजे हम यहां पे सिंपल सा एक टेक्स्ट प्रिंट कर देते हैं इसको बोलते हैं क्लिक इनसाइड दी यू ल ठीक है हम इमेज को डायरेक्टली टारगेट कर रहे हैं अल तो इस के अंदर क्लिक कर होगा तो उसका जो भी वालुज है वो हमें पता ग जाएगी ठीक है जी इसमें कोई दिक्कत है ही नहीं और दूसरा हमने किया ये से कोड हमने कॉपी पेस्ट कर लिया और इस बार का रहे हैं की इस बार जो टारगेट करो आप आईडी वह करो अवुल का और इस बार हम क्या करना चाहते हैं की सिंपली ऑल क्लिक यहां पे लिख देते हैं ठीक है जी कोई दिक्कत वाली बात ही नहीं है ये लीजिए जो क्लिक लिखा अच्छा अब एक चीज याद रखिएगा ये दोनों कोड हमने एक्जेक्टली से लिखे हैं लेकिन हम सिर्फ टारगेट जो आईडी है उनको हम डिफरेंट कर रहे हैं ठीक है बट कैसे वो सिंटेक्स कम करेगा कौन सा वैल्यू का प्रिंट होता है ये बहुत इंटरेस्टिंग और बहुत इंपॉर्टेंट है यहां पे ठीक है तो चलिए वापस से चलते हैं हमारे स्क्रीन आ कोड की तरफ गौर से देखिएगा ये वाला कप प्रिंट होगा जब आप इमेज के अंदर क्लिक करोगे यानी की अपने गाल के अंदर ये वाला कप प्रिंट होगा जब आप स्पेसिफिकली अपने जो पे क्लिक करेंगे अब गौर से सुनिएगा एक चीज की जब आप अपने जो पर क्लिक कर रहे हैं तो जो भी तो यू ल के अंदर ही है तो वो यूल वाला भी एक्टिवेट होगा नहीं होगा क्योंकि यू ल के अंदर ल आई है और ली के अंदर इमेज है तो ऑब्वियस सी बात है जब तेल के अंदर क्लिक कर रहे हो तो एक्चुअली में आपका टॉप वाला कोड भी तो एक्टिवेट होना चाहिए है तो अब बुद्ध की जो बात आई है वो यहां पर वह यह आई है की कौन सी वाली एक्टिविटी कब क्लिक होगी पहले क्या ऑपरेंट होगा पहले ऑल क्लिक प्रिंट होगा या फिर पहले क्लिक डिसाइड डी यू ल ये प्रिंट होगा तो चलिए करके देखते हैं अब देखिए सबसे इजी क्या है यहां पे इसको रिफ्रेश कर लेट हूं की जब मैं फोटोशॉप पे क्लिक करता हूं तब तो मुझे पता है क्लिक इनसाइड डी यू ल ही होगा क्योंकि दूसरा इवेंट यहां पे अटैक ही नहीं है दो इवेंट्स देख रहे हैं ना हम अवल पे क्लिक और अल पे भी क्लिक जब मैं इस जापान वाले पे भी क्लिक करता हूं तो ऑब्वियस सी बात है क्लीन करके उसे पे क्लिक कर देता हूं तो एक क्लिक इनसाइड डी यू ल ठीक है जी अब इसको क्लीन करते हैं अब असली मुद्दा आता है जब मैं अवल पे क्लिक करूंगा तब क्या होगा तो मैं इस पर क्लिक करता हूं तो अभी क्या आया वाल पे क्लिक हुआ फिर क्लिक और साइड डी यू ल तो ये जो है इवेंट प्रोपेगेशन जो मैंने बताया था आपको की सर का सर इवेंट प्रोपेगेशन का खेल क्या है बबलिंग अप तो बबल क्या होता है नीचे से ऊपर जाता है तो आपने सबसे पहले इनर एलिमेंट पे क्लिक करें जो की इमेज था उसके बाद ली उसके बाद यू ल तो जो भी एलिमेंट या जो भी आपके स्क्रिप्ट क्रैक कर रही है बड़े एलिमेंट्स को इन इससे आउटसाइड तो वह होता है इवेंट प्रोपेगेशन और उसको बोलते हैं बबलिंग यहां पे अब इसी के साथ क्या होता है की अगर आप इसका चेंज कर दो ये अच्छा डिफॉल्ट वालुज भी जल ही होती है तो ऑब्वियस सी बात है आप इसको हटा भी सकते हो तो भी आपके पास से ही एक्टिविटी दिखेगी और यही आपको यूजुअली सिखाया जाता है मोस्टली ट्यूटोरियल में की जब आप क्लिक करेंगे तो देखिए पहले जो क्लिक और क्लिक फिर इनसाइड हुआ लेकिन ये सही बात नहीं एक्चुअली मैं क्योंकि इसका एक और भी होता है जिसको हम बोलते हैं कैपचरिंग मोड तो ये कैपचरिंग मोड यहां पर हमारे पास ए गए आप इसको मैंने जैसे से कर और वैसे ही बात है अब मैं जो पे क्लिक कर रहा हूं तो पहले देखिए पहले क्या आया यू ल कैप चेकिंग जाता है टॉप से बॉटम पे तो पहले आपका अल कैप्चर हुआ है उसके बाद आपका जो कलेक्ट हुआ है तो आपके ऊपर है की आपका उसे कैसे क्या है कोई सही कोई गलत नहीं है यहां पे आपको देखना पड़ेगा की कौन सा उसे कैसे आपके लिए कैपचरिंग यहां पे इंपॉर्टेंट है या फिर बबलिंग इंपॉर्टेंट है बहुत सारे जवाब कोड लिखेंगे इस तरह से तो आपके पास कम में आएगा इंटरव्यू और भी एक आपके लिए अप्रिशिएट करेगा की अच्छा है इसको बबल लिविंग इवेंट्स वगैरा के बड़े में अच्छा सा नॉलेज है इसमें और कोर्ट से पटाया तो शायद अच्छे से पढ़ा होगा की हम यहां पर क्लिक करते हैं और अवल क्लिक और बबल हो के जा रहा है इवेंट लेकिन कई बार क्या होता है मेट की बबलिंग नहीं चाहते की इस तरह से इवेंट और और पास हो जाए क्योंकि हो सकता है रिएक्ट है जिसमें भी आप पढ़ रहे हैं तो उसमें आपने उसे जो टॉप एलिमेंट है उसे पे भी कोई स्क्रिप्ट लगा राखी है की मुझे इसको भी ट्रैक करना है तो आप चाहते हैं इनर एलिमेंट अलग र जाए उसका बबलिंग ना हो और जो आउटर एलिमेंट है वो अलग र जाए तो वहीं पे आपका कम आता है ये जो आई है आपने इवेंट कैप्चर किया है तो यहां पे एक मेथड होता है इसके पास जो बोलना है स्टॉप प्रोपेगेशन इसको अगर आप एग्जीक्यूट कर देंगे जैसे अपना प्रीवेंट डिफॉल्ट होता है वैसे आपका स्टॉप प्रोपेगेशन भी होता है तो ये जैसे आपने लिखा अब क्या करेंगे अवल पे जैसे क्लिक कर तो आपका इवेंट बबल हो के ऊपर के एलिमेंट पे नहीं जाएगा इंटरेस्टिंग है ना हां जी काफी इंटरेस्टिंग है तो चलिए अच्छा इसी तरह से अब हम और आगे जाते हैं इसको थोड़ा सा यहां कर लेते हैं ताकि इजीली दिखे ठीक है इतनी चीज तो आपको ही आपको एकदम क्लियर अच्छा इसी तरह से हमारे पास क्या है की जैसे इवेंट का स्टॉप प्रोपेगेशन लिखा है ऐसे प्रीवेंट डिफॉल्ट भी होता है प्रीवेंट डिफॉल्ट के एग्जांपल बहुत ही इसे है हम क्या करेंगे ये जो गूगल है इसको ट्रैक कर लेते हैं इसका मैंने आईडी दे रखा है गूगल तो इसको ट्रैक करके इसका डिफॉल्ट भी है चेंज कर देंगे अभी तो क्या है इसका डिफॉल्ट बिहेवियर की मैं यहां पे गूगल पे जाता हूं क्लिक करता हूं तो ऑब्वियस सी बात है मुझे गूगल वेबसाइट पे ले जाता है ये आ मैं नहीं चाहता ऐसा हो क्यों नहीं चाहता वो तो पता नहीं बूटा नहीं चाहता ऐसा तो हम क्या करेंगे सीधा सा डॉक्यूमेंट लेते हैं उसको बोलते हैं गेट एलिमेंट बाय आईडी क्या है हमारे पता है गूगल है तो ये लीजिए गूगल अगर सही से लिख देंगे तो अच्छा रहेगा ठीक है और उसे पर क्या करेंगे एड इवेंट लिस्ट लगा देते हैं कौन से इवेंट लिसन कर रहे हैं अच्छा क्लिक के अलावा और क्या करना है और हमें एक बेसिक सा फंक्शन लिखना है यहां पे कल बैक अरा फंक्शन जो आपका मां करें फंक्शन से लिखना पसंद करता हूं और इवेंट प्रोपेगेशन मैं चाहता हूं की बबलिंग फॉर्मेट में हूं ठीक है अब इसके अंदर फंक्शन के अंदर कुछ नहीं करना आपको पहले तो कैप्चर करना है जो आपका इवेंट आया वो तो ये इवेंट कैप्चर कर लिया और उसके बाद बोला की इवेंट का जो है वो डिफॉल्ट कर दो प्रीवेंट तो आपका डिफॉल्ट प्रीवेंटेड हो गया ये एक मेथड है तो इसको ऐसे रन कर दीजिएगा से कर अब यहां पे गया तो ऑब्वियस सी बात है एक कौन सा लॉक भी कर लेते हैं ठीक है तो कौन सा लॉक भी कर लेते हैं ये लीजिए है तो हम क्लिक करते हैं और तो ठीक है तो इसको हमने रिफ्रेश कर लिया यह क्लीन कर लिया अभी हम गूगल पर क्लिक करेंगे तो ऑब्वियस सी बात है यूपीएस लगता है कुछ मिस हो गया यहां पे तो एक बार चल के देखते हैं तो हमने पहले कौन सा लॉक कर और ये हमारे पास फंक्शन है क्लिक गेट एलिमेंट बाय आईडी गूगल एक बार कॉपी कर लेते हैं इसको तो गेट एलिमेंट बाय आईडी यह हमारा गूगल क्लिक हुआ एड इवेंट लिस्नर हमने किया बेसिक हमने फंक्शन किया कौनसा लॉक किया अच्छा पहले कौन सोल से पहले यह वैसे तो हम बाद में भी कर सकते हैं बट ठीक है हम इसको पहले प्रीवेंट कर देते हैं उसके बाद हमारा कौन सा लोग वगैरा करेंगे और बेसिक तो आई थिंक अभी कम करना चाहिए एक बार रिफ्रेश भी करके देख लेते हैं ताकि इजी रहे क्लिक करते हैं तो हां अबकी बार हो गया हमारा बट एक एक्सेप्शन भी आया और उसके बाद ये गूगल पे क्लिक होना शुरू हो गया तो आई थिंक कुछ प्रॉब्लम हो रहा है वहां पे तो एक मिनट जरा मैं इसको फटाफट के एक्चुअली में ये प्रॉब्लम हमारे पास ए क्यों रही है जरा चेक करके बताता हूं वह बहुत ही बेसिक था शायद पढ़ते पढ़ते कई बार क्या होता है आप एक्सप्लेन कर रहे होते हो इतना और फिर यह बता रहे होते तो आ बग्स आई चाहते हैं तो यह डिफॉल्ट प्रीवेंटेड नहीं है वो एक्चुअली मैं प्रीवेंट डिफॉल्ट है मी बेड ठीक है बट ऐसे वक्त चलते रहते हैं से करते हैं वापस से बैग जाते हैं हमारे आ ब्राउज़र के पास और अब मैं यहां पे राइट क्लिक करके इसको इंस्पेक्टर करके ओपन कर लेते हैं कौन सोल में क्लीन भी कर लेते हैं और इसको गूगल पे क्लिक करते हैं तो अब की बार हमारे पास क्लिक इनसाइड डी गूगल गूगल क्लिक तो यू ल के अंदर ही है वो तो वो इवेंट हो गई अगर आप चाहते हैं की नहीं मैं तो इसको बबलिंग अब नहीं करना चाहता तो डिफॉल्ट भी प्रीवेंट कर दीजिए और उसे इवेंट के अंदर बोल दीजिए की मेरे को यह प्रोपेगेशन भी स्टॉप करना है तो ये लीजिए आपका प्रोपेगेशन भी स्टॉप हो गया से करके यहां पे वापस से आते हैं हमारे कंसोल पे क्लीन करते हैं इसको और क्लिक किया आपने गूगल पे और ये बबलिंग भी नहीं हो रही है वेट की तो बहुत इंटरेस्टिंग कॉन्सेप्ट है अच्छे कॉन्सेप्ट है इस तरह से तो चलिए अच्छा अब हम क्या करते हैं अब छोटा सा हमारा ये बेसिक तो हो गया कर तो अब हम छोटा सा और प्रणाम करेंगे अच्छा यह सर कोड मैं आपके लिए रख दूंगा क्योंकि इसमें ज्यादा कुछ हो भी नहीं रहा है तो ये सर कोड मैं आपके लिए कमेंट करके रख देता हूं ताकि आपको नोट्स वगैरा करने की जरूर ना पड़े इजीली आपको ये सर का सर कोड मिल जाए ठीक है बेसिक हो गया कर अब हम कुछ एक्टिविटीज कुछ प्रोजेक्ट स्टाइल में कम कर लेते हैं ताकि उससे क्या समझ एक्चुअली में ज्यादा अच्छी आई है अच्छा तो हम क्या एक गोल लेते हैं छोटा सा एक छोटा सा एग्जांपल लेते हैं उसके थ्रू करेंगे की मैं क्या चाहता हूं की जितने भी एलिस हैं ये इवेंट ये इमेज है मैं इस पर क्लिक करूं और ये इमेज गायब हो जाए बस इतना सा कम करना है अब वो देखने में तो ये बहुत छोटा सा कम है बट यहां पे प्रॉब्लम्स बहुत होती है इस कम के अंदर कैसे होती है वो बताता हूं अब आप थोड़ा सा रियल वर्ल्ड सिनेरियो को देखिए जज करिए अच्छा तो सबसे पहले क्या करना है ऑब्वियस सी बात है आपको साड़ी इमेज सिलेक्ट करनी है तो एक-एक करके साड़ी इमेज पर तो मैं आईडी वगैरा लगाऊंगा नहीं वो थोड़ा सा बेसिक बोरिंग अप्रोच हो जाएगा की आप इस पे भिलाई लगा रहे हो उसका भी आईडी देख रहे हो की इसका फोटो शॉप है इसका जापान है ऐसे करके करने को कर सकते हो की एलिमेंट और उसका ही इवेंट आप ट्रैक कर सकते हो ऑब्वियस सी बात है इतना कितना भी तो 10 पांच इमेज है दोस्तों इमेज हो गई तो कैसे करोगे तो उसके लिए बटर अप्रोच क्या रहेगी हम उसके बेसिक में टारगेट को कर लेने इसको यू को तो हम अल को अप्रोच लेते हैं यहां पे बहुत ही बेसिक है इतना कम आपने कर ही रखा है तो इसको भी हम ले लेते हैं इसको सीधा बोलते हैं यहां से डॉक्यूमेंट और डॉट क्वेरी सिलेक्ट ले लेते हैं ये लीजिए क्वेरी सिलेक्ट अब क्वेरीज एक्टर के अंदर क्या लिखना है तो क्वेरीज लेक्चर के अंदर हमें एक आईडी सर्च करनी है जिसका नाम इमेज है इमेज है की इमेज है तो यही भूल गया इमेज है हां जी इमेज है ठीक है इमेज सिलेक्ट हो गई अब सब के ऊपर ये आप एड इवेंट लिस्नर लगा दो ठीक है जी एड इवेंट लेसनर लगा दिया अब कौन सा इवेंट ट्रैक कर रहे हैं क्लिक वाला इवेंट ट्रैक कर रहे हैं अच्छा उसके बाद क्या कर रहे हैं हम यहां पे फंक्शन लिख रहे हैं ये लीजिए फंक्शन लिख दिया है और इवेंट प्रोपेगेशन जल जो डिफॉल्ट के अंदर आप देखोगे मैं भी इस तरह से फॉल्स कम ही लिखना हूं क्योंकि मुझे पता है इवेंट प्रोपेगेशन के बड़े में आप अभी बेसिक है बिगनर है तो आप जल लिखिए थोड़ा अच्छा लगेगा आपको भी ठीक है अच्छा अब करना क्या है यहां पे देखिए सबसे पहले तो कौन सो लॉक करते हैं की हमारे पास इवेंट ए रहा है या नहीं ए रहा है तो यह फंक्शन के अंदर मैंने इवेंट लिया और कौन सा लॉक करके इवेंट डिपेंड कराया ठीक है अब यहां पे जाते हैं अब मैंने यहां पे क्लिक कर तो एक इवेंट आया यहां क्लिक कराए इवेंट आया यहां क्लिक कर एक ही वेट आया तो हर बार इवेंट तो ए रहा है ठीक है कोई चिंता वाली बात नहीं है अच्छा इवेंट के अंदर एक वैल्यू आप और देखोगे एवं डॉट टारगेट जो हमने अभी देखा था की बहुत सारे मैथर्ड होते हैं और मैंने कुछ पढ़ने को भी आपको दिए थे तो टारगेट भी आप इस तरह से ले सकते हैं तो अब मैं यहां पे जाता हूं इसको क्लीन करता हूं तो देखिए इवेंट का मेरे पास टारगेट ए रहा है की किस टारगेट से ये इवेंट अकर हो रहा है तो इस बार ये फोटोशॉप इवेंट से हो रहा है यहां पे वाल वाली इमेज से हो रहा है यहां पे ये प्रेयर वाली इमेज से हो रहा है वी है ना की इमेज थी बड़ी अच्छी जगह है तो हमारे को अब इतना पता ज्ञान ठीक है अब कुछ चीज आपको और आगे कम में आने वाली है उनके बड़े में बता देता हूं की टारगेट तो इस तरह से आप ले सकते हैं लेकिन टारगेट के बाद भी और बहुत साड़ी वालुज आप ले सकते जैसे एक वैल्यू है आपके पास पैरंट नोट तो कई बार क्या होता है ऐसे सिनेरियस होते हैं की आपको टारगेट तो मिल गया है बट आप उसके पेरेंट्स को सिलेक्ट करना चाहते हैं जैसे की हमें जो रिमूव करना है वो इमेज थोड़ी ना रिमूव करनी है अगर आप गौर से देखें यहां पे तो हमें तो ये पूरा ली रिमूव करना पड़ेगा वरना इमेज तो गायब हो जाएगी और लिस्ट बुलेट पॉइंट वहां र जाएगा वो हम नहीं चाहते हैं तो पूरा लिक तो ये जो टारगेट हुआ इसका हमें पैरंट नोट चाहिए था तो देखिए ये अब मैंने क्लिक कर तो आपका ये पूरा ये आपके पास एक बार क्लीन करके मैं वापस से क्लिक करता हूं ये फोटोशॉप का लाइव ए गया ये अवल कहलायेगा अगर खोल के मैं यहां पे देखा हूं तो देखिए ये हमारे पास ली ए गया है ठीक है जी ये हमारे पास ए गया है ठीक है तो इतना कम हो गया और मुझे अब समझ में ए गया की मैं सिर्फ एक चीज नहीं यहां पे काफी चीज ले सकता हूं ठीक है काफी चीजों के बड़े में और हम यहां पे डिस्कस करेंगे लेकिन अब इतना तो समझ में ए गया मुझे की कौन सा लोग हो रहा है अब इसको हटाओ कैसे मैं अगर मुझे इसको रिमूव करना है तो कैसे हटाओ तो बहुत ही बेसिक है इसका नाम ले लेते हैं हम आ रिमूव आईटी क्योंकि इसको हटाना है और इसको क्या करना है आई डॉट टारगेट नोट हमने सिलेक्ट कर लिया अब इसको रिमूव कैसे करना है दो तरीके हैं आपके पास दोनों ही ठीक है कोई बुरी बात नहीं है रिमूव आईटी के अंदर आप देखेंगे तो आप सीधा ही इसको रिमूव कर सकते हैं ये लीजिए रिमूव कर दिया इसको हमने ठीक है पहले अप्रोच तो ये है हमारे पास इसको रिमूव कर दिया आ इसको क्लीन कर लेते हैं रिफ्रेश भी कर लेते हैं तो हमने तेल पे क्लिक कर तो अव्वल रिमूव हो गया यह प्रेयर पर क्लिक करो एक और तरीका होता है दोनों तरीके से ही है कोई डिफरेंस वाली बात नहीं है बट कई जगह आपको इस तरह का कोड भी दिखेगा तो उसको भी मैं आपको बेसिक बता देता हूं तो ये जो आपके पास रिमूव वेट है इसके अंदर लोग क्या करते हैं की ये हमने रिमूव वेट लिया अब इसका आप पेरेंट्स करना चाहते हैं अच्छा पैरंट एक्सेस करने के बाद क्या करेंगे पैरंट एक्सेस करने के बाद एक मेथड होता है आपके पास जो की रिमूव चाइल्ड ठीक है जी अब रिमूव चाइल्ड का कौन सा चाइल्ड रिमूव करना है जो आपने सिलेक्ट करता है रिमूव आईटी अच्छा ये थोड़ा सा कन्ज्यूरिंग होता है लोगों के लिए क्योंकि एक्चुअली में जो मेथड अवेलेबल है वह रिमूव चाइल्ड अब यह इवेंट का टारगेट से करके पैरंट नोट लिया तो उसमें तो अली मिल गया मैं लेकिन लिक के अंदर अगर मैं बोलूं मैं रिमूव चाइल्ड तो वो सिर्फ इमेज हटा देगा तो एक और लेवल ऊपर जाना पड़ेगा तो जब मैंने यहां बोला रिमूव्ड का पीरियड नोट दो तब उसने मुझे लिक दिया और फिर उसे अल को मैंने बोला की रिमूव चाइल्ड कौन सा चाइल्ड रिमूव करो जो रिमूव्ड के अंदर मेरे पास आया है काफी जगह आम होता है क्योंकि ये रिमूव मेथड थोड़ा सा कंपेरटिवली ना है तो आप जो भी मेथड उसे करना चाहें वो आप उसे कर सकते हैं ऐसी कोई दिक्कत वाली बात नहीं है मैं इसको और में रख देता हूं अभी हम ये रिमूव वाला है मेथड उसे कर लेते हैं थोड़ा सा आसन है समझना में ठीक है तो ये ए गया हमारे पास बेसिक एक बार और करके देख लेते हैं ये हमने ये रिमूव कर दिया ये रिमूव कर दिया ठीक है जी बड़ा बेसिक था हो गया रिमूव लेकिन लेकिन लेकिन लेकिन प्रॉब्लम क्या है क्योंकि हमने रिमूव मेथड कर है गौर से देखिएगा जब मैं गूगल के पास यहां क्लिक करता हूं अरे सब कुछ गायब हो गया ये सब कुछ कैसे गायब हो गया क्योंकि आपने अगर ये तो इमेज पर क्लिक करें तो ठीक है लेकिन अगर आपने लिस्ट आइटम पर क्लिक कर दिया तो लिस्ट आइटम का पैरंट कॉम उसका लिक का पैरंट अल और आपने रिमूव हो गई तो आप यहां पर रिफ्रेश करेंगे अभी तक तो ठीक है लेकिन जैसे आपने किसी ली पर क्लिक कर दिया तो पूरा का पूरा उन ऑर्डर लिस्ट गायब हो गया तो ऐसा तो नहीं करना है तो इसके लिए थोड़ा सा और बढ़ाना पड़ेगा की एक्चुअली में चीज हो कैसे रही है और क्या वालुज ए रही है ठीक है तो हम क्या कर सकते हैं यहां पे आ कुछ और यहां पे हम चेक्स लगा सकते हैं स्ट्रिक्ट चेक्स आप इनको बोल सकते हैं तो हम क्या कर सकते हैं सिंपली एक आईएफ स्टेटमेंट लगा सकते हैं और उसको बोलते हैं की ये जो इवेंट का जो टारगेट है अच्छा पहले ये तो बता दे आपको की हम करने क्या वाले ठीक है तो जैसे आपने पेरेंट्स नोट देखा वैसे आप एक्चुअली में टैग नाम मैंने कहा था ना इवेंट को जितना पढ़ोगे उतना कम आसन हो जाएगा तो टैग नाम भी एक वैल्यू होती है अब यहां पे जाएंगे तो हम क्या है टैग नाम को भी देख सकते हैं देखिए यहां क्लिक कर तो इमेज आया यहां क्लिक कर तो इमेज आया यहां क्लिक कर तो ल आई आया तो मुझे सिलेक्ट करना है आई एम जी तो ठीक है तो मैं एक बेसिक सा ये फाइल्स यहां पे लगा सकता हूं बहुत ही आसन है अब तो है की जो इवेंट है उसका टारगेट है उसका जो टैग नाम है अगर वह इक्वल है किसके इक्वल है आईएमजी के अंदर कैप्स में लिखना आईएमजी के अंदर तो क्या करूं तो हमारा ये जितना भी कम है यह सर कम करो तो यहां पे लेक इसको कट कर लेते हैं इसको तब ही एग्जीक्यूट कराएंगे हम अगर आपको चाहिए तो बेसिकली आप यहां पे उसको प्रिंट भी कर सकते हो की इसका आईडी क्या है तो आईडी से हमें क्या इजीली पता ग जाएगा तो ये कौन सा लोग यहां पे भी कर लेते हैं तो इवेंट का जो टारगेट है उसका आईडी प्रिंट कर दो ठीक है जी इवेंट का जो टारगेट है उसका आईडी प्रिंट कर लेते हैं यहां पर बाहर भी कर सकते हैं बट ठीक है यही कर के देखते हैं एक बार तो अब क्या होगा यह फोटोशॉप पर क्लिक कर तो आई एम जी आया फोटोशॉप आया और फोटोशॉप गया हुआ अगर अली पे क्लिक करता हूं तो क्या आया सिर्फ नहीं हुआ और इसी तरह से आप चाहे तो और भी इसमें फंक्शनैलिटीज एड कर सकते हो रिवर की प्रेयर की ये साड़ी हो गई अब यहां पे मैंने क्लिक कर तो ली ए रहा है गूगल पे करता हूं तो अटैक कर दिया कोई डिफॉल्ट प्रीवेंट वगेरा हमने नहीं करता तो यह हो गया हमारा एक बेसिक छोटा सा प्रोजेक्ट जहां पे हमने बड़ा ही अच्छे से समझा की कैसे चीज होती है इवेंट प्रोपेगेशन क्या होता है बबलिंग क्या होती है और भी चीज हमने यहां पे अच्छी इवेंट्स पे लोअर क्या होता है जैसे यहां पे स्पिलओवर हो रहा था तो अब एक-एक फंक्शनैलिटी चेक कारी आगे जाकर प्रोजेक्ट्स में भी यही सब करने वाले हो यही सब बेसिक है इवेंट्स बहुत ही इंटरेस्टिंग है बहुत ही इंपॉर्टेंट है टाइम लगता है उसको समझने में और समझना दोनों में तो उम्मीद करता हूं की अब आपने अच्छे से उसको समझ भी लिया होगा और अच्छे से अब आपको समझ में भी आया होगा क्या-क्या एक-एक चीज होती है कैसे होती है क्योंकि मेरा जो गोल है वो ये नहीं है की बस सीरीज खत्म कर दो कैसे भी सीरीज ऐसी हनी चाहिए जिसको सालों साल लोग देखें और कहे की वह मजा आया एक-एक चीज के अंदर लेक्चर है इंडेक्स बात हुई है शांति से तसल्ली से बात हुई है तो चलिए अच्छा लगा आप लोग आए काफी दोनों बाद और सीरीज को ऐसे सपोर्ट करते रहेगा थोड़ा चैनल पे सब्सक्राइबर वगैरा कम तेजी से बाढ़ रहे हैं आपका सपोर्ट में थोड़ी सी कमी ग रही है तो प्लीज अपने कॉलेज के ग्रुप में व्हाट्सएप में सब जगह फैला दीजिए की बड़ा अच्छा एक चैनल आया है चाय और कोड चाय पे बहुत अच्छी कोड पे चर्चा होती है तो देखिए और सब्सक्राइब करिए चलिए अच्छा लगा आप सभी से मिलकर सब्सक्राइब कर दीजिएगा और मिलते हैं अगले ऐसे वीडियो में