हेलो फ्रेंड्स आपका स्वागत है मेरे युटुब चैनल डी डिजिटल आज आप लोग इस वीडियो में सीखेंगे जावास्क्रिप्ट बेसिक से लेकर एडवांस तक प्रैक्टिकल एग्जांपल के साथ ताकि आपको आसानी से समझ में ए सके की जावास्क्रिप्ट क्या है संजय स्टार्ट करते हैं सबसे पहले समझते हैं की जावास्क्रिप्ट क्या है और आप इससे क्या बना सकते हैं क्या उसे कर सकते हैं इसका देखो जावास्क्रिप्ट जो है क्लाइंट साइड स्क्रिप्टिंग लाइन भेज है क्लाइंट्स का मतलब है जो की ब्राउज़र पर डायरेक्ट रन हो जाए इसके लिए मतलब किसी सर्वर की जरूर हमें ना पड़े [संगीत] और अगर आप बेकिंग डेवलपमेंट में जाना चाहते हैं यह वेबसाइट यहां पर रिज्यूम बना सकते हैं तो इसमें टाइप करता हूं क्या हो रहा है और उसे वैल्यू को यहां पर सेट किया जा रहा है यह सबसे ज्यादा स्क्रिप्ट बनानी है आपको ड्रैगन ड्रॉप फ्रॉम बिल्डर चेंज हो रहा है तो मैं आशा करता हूं की आपको यह अच्छी समझ में आया हो की क्या है स्टैंडर्ड है एक ऑर्गेनाइजेशन बोल सकते हैं जो की जावास्क्रिप्ट के अपडेट्स को रखना है की आप डेट सजावट को पढ़ना पड़ेगा [संगीत] बहुत सिंपल है देखो मैं आपको यहां पर वैसे नहीं बताने वाले जो टॉपिक टॉपिक मैं आपको सिर्फ बताने वाला हूं की कैसे कम करना है इसमें देखा होगा कस में देखा होगा सिलेक्टेड होते हैं जिसका उसे करके आप क्या करते हैं [संगीत] हमारे पास आईडी सिलेक्ट कर देखेंगे [संगीत] करूंगी ठीक है सेंसेटिव है और उसके सिंटेक्स आपको याद रखना होंगे पैराग्राफ [संगीत] उसे पैराग्राफ तो शुरू में सर मैं क्या करूं से करते हैं जावास्क्रिप्ट में फर्स्ट के नाम जावास्क्रिप्ट जो है हमेशा हमें बोतल में लखनी चाहिए क्योंकि जावास्क्रिप्ट जो है थोड़ा ज्यादा टाइम देती है लोड होने में स्तन से तू एचटीएमएल कस देखो मैं चाहता हूं सिलेक्ट करके मेरे को इसके अंदर जो भी लिखा है इस पैराग्राफ में कंटेंट गेट करना चाहिए [संगीत] देखो मैंने लिख दिया इस लाइन से क्या होगा की जो भी पैराग्राफ [संगीत] ये जो है ये रिजर्व्ड कीवर्ड है और मैंने क्या कर जो भी मेरे को डाटा वो मैंने हर ये हमारा कम हो गया की भाई मैंने सिलेक्ट कर लिया डाटा को डाटा को प्रिंट करना चाहिए देखो कंट्रोल का डेवलप [संगीत] क्या आउटपुट दे रहा है मतलब ये यूजर पॉइंट ऑफ व्यू से उसे लेनी किया जाता ये दीपक को चेक करने के पॉइंट से इसका उसे किया जाता है आप इसको सिंपल वे में समझना चाहते हैं तो आप ये का सकते हैं जैसा फेस्टिवल यहां पर कोड लिखकर सेट करते थे की क्या हो चुका आएगा उसके बाद है आपका अलर्ट जो की बहुत ज्यादा उसे किया जाता है ये तीन तरीके डाटा को प्रिंट करने इसमें शिखा क्या हमने शिखा एलिमेंट कैसे सिलेक्ट किया जाता है जहां पर आईडी लव यू किसी एलिमेंट से उसको सिलेक्ट कैसे करते हैं कंटेंट कैसे ज्ञात किया जाता है मतलब ज्यादा नहीं चीज है फर्स्ट क्लास में क्या है तो इवेंट के थ्रू कम करने के लिए हम क्या करते थे हम सेट [संगीत] में क्या करेंगे [संगीत] [संगीत] ये डिजाइन में करूंगा डिजाइन आपको करोगे चेकिंग से कॉन्सेप्ट बताऊंगा की क कैसे कर रहा है कनेक्ट कैसे है ये तो देखो करते हैं इसको हटा दें सर मैंने दो इनको बना दिया इनको ताई टाइप्स और उसमें मैंने आईडी लगा दी मैंने दूसरा इनपुट बना दिया जावास्क्रिप्ट होना आईडी से मतलब है जावास्क्रिप्ट को कोई फर्क नहीं पड़ता की आपने इसको पॉलेड सेक्स में रखा है क्या कस लगे है [संगीत] पूरा डिजाइन कैसे करेंगे फिर कनेक्ट कैसे करेगा पूरा डिजाइन कर लो उसके बाद सिर्फ आईडी लिख दो ज्यादातर वहां पर जहां से निकालना अब देखो हमने सिंपल फर्स्ट क्लास का हमने देखा ना डाटा कैसे गेट करते हैं और डाटा को कैसे सेट करते हैं सबसे पहले कंटेंट पैराग्राफ [संगीत] इससे हमें क्या होगा नाम में जो भी लिखा होगा इनपुट में वैल्यू मिल जाएगी [संगीत] अगर मेरे को फॉर्म से वैल्यू निकालनी है तो वैल्यू अगर फॉर्म के इनपुट में वैल्यू रखती है तो भी वैल्यू लेकिन अगर पैराग्राफ से निकालनी है या पैराग्राफ [संगीत] लेकिन मैं चाहता हूं ऑब्जर्वर टाइप करूं तब ये कोड क करना चाहिए तो हमें जरूर पड़ती है इवेंट्स की अलग-अलग तरह के बहुत सारे इवेंट्स होते हैं इसका कहना है फंक्शन क्या है फंक्शन का मतलब होता है फंक्शन का मतलब है मेरे को फंक्शन बनाना ही पड़ेगा कैसे बनाते हैं क्या होते हैं आप का सकते हो फंक्शन जो है ग्रुप ऑफ कोड बना उसका ग्रुप कर दिया अब मैं क्या करूंगा फंक्शन बनाएंगे [संगीत] [संगीत] यह वाला जो है [संगीत] हमारा इवेंट कैसे उसे करते हैं फंक्शन हम कैसे बनाते हैं रिफ्रैक्टिव एग्जांपल भी दिखाए और बाकी आप इसको बनाने की कोशिश कर सकते हैं अब डिजाइन करो तरीके से आईडी लगाओ और इस में अपने टॉपिक क्लियर हो जाएगा तो पहले मैं प्रैक्टिकल ही दिखा देता हूं फिर आपको समझाऊंगा साइट ठीक है 2 इनपुट बना दिया हमने नंबर एक पैराग्राफ बना लिया और इसका नाम मैंने लिख दिया अभी देखो प्रोग्रामिंग बेसिक [संगीत] क्या होता है हर प्रोग्राम [संगीत] अर्थमैटिक ऑपरेटर प्लस माइंस डिवाइड करना कंपैरिजन ऑपरेटर [संगीत] हमने सम कर दिया था आउटपुट ए जाना चाहिए ना लेकिन 67 अब यहां पर रोल प्ले होता है [संगीत] भाई डाटा जो है मेरा स्प्रिंग में था मेरे को नंबर में करना है मतलब एक डाटा को दूसरे डाटा में डाटा टाइप में कन्वर्ट करना किसी को बोला जाता है बहुत सिंपल है देखो आप चाहे तो यहां भी लगा सकते हैं जिसमें आप लोग अमाउंट लेंगे इंटरेस्ट रेट और लोन [संगीत] करना है एक टॉपिक तो है हमारा प्रोग्रामिंग का प्रैक्टिकल जो प्रैक्टिकल वाला वह पहले कर लेते प्रोग्रामिंग वाला उसमें थोड़ा सा बर हो जाओगे आप तो पहले प्रैक्टिकल वाला [संगीत] दिखता हूं बहुत ही सही एग्जांपल है यहां पर मैंने ओपन किया फ्लिपकार्ट ओपन किया इसमें देखो [संगीत] अब मेरी रिटायरमेंट यह है की मेरे पास नंबर ऑफ ऑब्जेक्ट है जैसे की कर इमेज है कर लिस्ट है कुछ भी मल्टीपल एलिमेंट्स हैं और मैं चाहता हूं की मैं जी पर पॉइंट आउट करू जी पर क्लिक कर ले जी पर इवेंट करूं सिर्फ उसकी वैल्यू चाहिए बहुत सारे बंदे होते हैं किसी पर्टिकुलर बंदे को पॉइंट करना तो हम कहते हैं जब आपके पास मल्टीपल ऑब्जेक्ट्स हैं और आप किसी पति को एलिमेंट को पॉइंट आउट करना चाहते हो तो वहां पर उसे करते हैं इसको मैंने से कर लिया [संगीत] [संगीत] इसको मैंने कॉपी किया था हमने क्या करें [संगीत] [संगीत] फंक्शन विद आर्गुमेंट की जरूर है जब पड़ती है जब हमें बार-बार अलग इनफॉरमेशन भेजनी है जैसे मैं क्या चाहता हूं मैं जी पर क्लिक को बार-बार डिफरेंट इनफॉरमेशन भेजनी है फंक्शन पे तो हम उसे करते हैं फंक्शन कैसे करते हैं बहुत सिंपल है देखो मैंने लिखा [संगीत] है दिस का मतलब होता है उसको पॉइंट आउट करेगा 100 से निकालना है जैसे ठीक है अब देखो ये जो भेज रहे हो फंक्शन पे इसको रिसीव करने के लिए जहां पर हमें एक वेरिएबल बनाना पड़ता है पैरामीटर आर गुड फंक्शन पर रिसीव कैसे करेंगे यहां से तो आप सेंड कर दीजिए [संगीत] इससे रिप्लेस कर देना इमेज [संगीत] [संगीत] [संगीत] तो आप यहां से लिख दो ऑन माउस [संगीत] अब ए जाते हैं क्या होता है ऑपरेटर हमने देख लिया मैं जैसे ही यहां तक स्क्रॉल मैंने कर लिया देखो पूरा स्क्रॉल मतलब कहानी ना कहानी ना कंडीशन लगी होगी ना यहां तक पूरा स्क्रॉल हो जाए उसे पर से पोजीशन फिक्स को रिमूव कर एम लगानी हो की अच्छा भाई ऐसा करने तो ये हो जाना चाहिए की नहीं मैंने लिखा और यह सब तो हटा देते मैंने यहां पर दो इनपुट बना दे इनको टाइप टेक्स्ट आईडी नंबर ऑन क्लिक फंक्शन [संगीत] इसी को मैंने कॉपी कर लिया मतलब चेक प्रॉब्लम [संगीत] [संगीत] यहां पर इस नंबर क्वेश्चन है ना वैसे हम आपको करके दिखाऊंगा और टॉपिक कनेक्ट है [संगीत] [संगीत] तीनों की वैल्यू अब यहां पर देखो हमें जरूर पड़ेगी कंपैरिजन ऑपरेटर में ग्रेटर दें ली दें क्योंकि हमें क्या करना है इसमें लॉजिकल ऑपरेटर लॉजिकल ऑपरेटर का उसे किया जाता है एक से ज्यादा कंडीशन को एक साथ जोड़ने के लिए कैसे मैंने लिखा हुआ है देखो नंबर [संगीत] जो है ग्रेटर थान नंबर [संगीत] दूसरा नंबर पहले से तीसरी से दोनों से बड़ा से बड़ा सिंपल मैंने लिखा 66 59 वैल्यू मिलती है तो स्ट्रिंग में मिलती है शिवा एक क्वालिटी हो ही जाएगा [संगीत] इसमें आपको क्या करना है इसमें आपको कन्वर्ट करना है अपने ये कहां से कनेक्ट होगा ये आपकी पिछली क्लास से कनेक्ट हो जाए टाइप कन्वर्जन से और अगर आप उसे चीज को मिस कर देते हो अगर आप अच्छे से समझना चाहते हैं [संगीत] [संगीत] बीमारी थर्ड क्लास हो गई थर्ड क्लास में देखा कंडीशन क्या होता है [संगीत] वह जब तक ठीक है जब आपको थोड़ा बहुत जग उसके लिखना हो बिगनर ठीक है वह लेकिन अगर प्रोफेशनली ज्यादा कोड लिखना चाहते हो जा बस तब उसको सही नहीं माना जाता जो हम लिख रहे थे ना स्टैमिना बैटरी वेट बढ़कर उसको माना जाता है इनलाइन कस के जैसा इन लाइन जावास्क्रिप्ट सही नहीं मनी जाति कैसे उसे करते हैं एड इवेंट लिस्नर आपको मैं करके दिखता हूं की एग्जांपल बना कर बहुत सिंपल है ठीक है सिंपल से मैंने बटन बना दिया क्लिक उसके बाद मैंने लिखा है यहां पर स्क्रिप्ट स्क्रिप्ट मैंने यहां पर लिखा देखो डॉक्यूमेंट बाय एड सॉरी उसके बाद बताना उसके बाद फंक्शन का नाम तो मैंने क्या कर देखो दो एग्जांपल करके दिखाऊंगा मैं इसके मैंने फंक्शन बना दिया प्रिंट डाटा मैंने सिंपल लिख दिया अलर्ट [संगीत] उसे करना चाहता हूं जब बटन पर क्लिक हो तो मैंने यहां लिखा प्रिंट डाटा यहां पर देखते हैं देखो मैंने क्लिक कर ओ की जो हम यहां पर लिख रहे थे वह हमें स्क्रिप्ट में लिखना मतलब देखो उसके बाद इसी को दूसरे तरीके से उसे करना बताता हूं कैसे उसे करेंगे फंक्शन को जहां मैंने लिखा था ऐसे भी कोड कर सकते हो तो यह हो गया हमारा एड इवेंट लिस्ट अब आते हैं नेक्स्ट टॉपिक की तरफ जो की है लूप मतलब प्रोग्रामिंग का टॉपिक है देखो लूप का उसे करते हैं हम रिपीटेशन के लिए उसे करते हैं की भाई मेरे को जो है एक से लेकर 10 तक नंबर प्रिंट करना है तो अभी तक हमने जितना पढ़ा तो हम क्या करेंगे देखो से करके दिखता हूं मैं इसको से कर लिया तो अभी तक हमने जितना पढ़ा उसका उसे करके वैसे ही बना सकते हैं इसको अगर मैं प्रिंट करूं प्लस का मतलब यहां पर दो तरीके से उसे किया जाता अगर नंबर के साथ कर रहे हैं तो यह एडिशन करेगा अगर स्ट्रिंग के साथ कर रहे हैं तो यह कौन कैटनेशन करेगा वन से लेकर 5 तक मैं चाहता हूं की भाई देखो बार-बार रिपीट कर रहा हूं मतलब से कोड लिख रहा हूं मतलब ये चीज चेंज हो रही है टॉपिक हमारे पास यू स्टूडेंट क्या है लेकिन उनको मीनिंग समझ नहीं आता की क्या करूं और लूप है ऑब्जेक्ट के लिए तो सबसे ज्यादा उसे होता है नॉर्मली वह उसे होता है रूप के नाम से और इसको मैंने हटा दिया मैंने लिखा है मैंने आई की वैल्यू और इसके अंदर मैंने लिख दिया आई प्लस हमने बस क्या चेंज कर यहां पर आई रख दिया आई क्या करेगा पहले वन प्रिंट करेगा फिर तू करेगा ये लूप के अंदर जब तक घूमता रहेगा जब तक ये कंडीशन ट्रू नहीं हो जाति मतलब जल नहीं हो जाति जब तक ये घूमता रहेगा इस तरीके से हम लूप उसे करते हैं भाई लोग वाइन में कुछ नहीं करना आपको यहां वैल्यू ऑफ साइन करनी है और यहां आपको लिखना वाइन इक्वल तू फाइव और यहां वैल्यू को इंक्रीमेंट करना चेक करते हैं इसकी और अच्छी प्रैक्टिस करनी है तो आप क्या कर सकते हो कुछ क्वेश्चन से सॉल्व कर सकते हो प्रैक्टिस के लिए जिससे आपको आइडिया हो जाएगा लिंक में दाल देता हूं यहां पर मैंने आपको बता दीजिए वेबसाइट से रिलेटेड मैंने हटा दिया मैंने सिंपल डॉट डॉ इंडेक्स का नंबर दे दिया जीरो देखो हैं मेरे को साड़ी वैल्यू ऐसे करेंगे देखो वह सिंपल है मैंने आई लिखा अब देखो अपने नेक्स्ट टॉपिक पर आते क्लास सिलेक्ट प्रैक्टिकल इसका मैंने हटा दिया मैंने क्या कर पैराग्राफ क्रिएट नाम दे दिया इसको पैराग्राफ तो अब हमें दूसरा सिलेक्ट पढ़ना है हमारे दूसरा सिलेक्ट ए गया को सिलेक्ट कर लगा इसको मैंने एक वेरिएबल में रख दिया यह दोनों दिखने में तो बिल्कुल से होते हैं डिफरेंस यह होता है वो सारे चलेंगे जैसे की पोस्ट ऑफ वगैरा और ऑब्जेक्ट कलर कलेक्शन नहीं अभी हम क्लास से कोई भी एलिमेंट सिलेक्ट करते हैं तो वो यर के जैसा दिखता है लेकिन वह अरे नहीं होता देखो इसको अगर प्रिंट कर कर दिखाओ ना मैं आपको मैंने अगर लिखा है फिर मैंने लिखा डाटा [संगीत] इसमें सारे प्रिंट करने तो वही तरीका की आप लोग चलाओ डॉट इन करके बता दिए की कैसे क करते हैं यह है क्या आपको पहले इनको समझना था अब आता है वेद क्लास में क्या करना है इसको हटाना है सब पर लगा दिया उसके बाद मैंने चला दिया लो मैंने लिखा आई इक्वल तू जीरो आई < एस एम आई एम ji.net यह है की यह जितनी भी इमेज है इन सब पर मेरे को क्लिक इवेंट लगाना मैंने लिख दिया क्लिक करने के बाद क्या करो क्लिक करने के बाद सिंपल क्या करना है उसके लिए मैं क्या करता हूं जो बड़ी इमेज को मैंने सिलेक्ट कर लिया बिग आई एम जी डॉक्यूमेंट बाय सोर्स में चेक करते दिखाओ तुझे क्लास हो गए हमारी कंप्लीट तो आपको एकदम अच्छे से करना देखो पहले टॉपिक को समझना है यह टॉपिक है क्या इस टॉपिक को कैसे लिखने हैं और उसके बाद फिर फाइनल सोचना कुछ बनाने का स्टूडेंट मिस्टेक क्या करता सबसे पहले बनाने का सोच लेट है ठीक है आपने सोच लिया है लेकिन कैसे जब आपको टॉपिक क्लियर नहीं है तो बनोगे कैसे तो आपको पहले टॉपिक को क्लियर करना है एकदम अच्छे से देश के लिए हो जाएगा उसके बाद आपको बनाना है तो ठीक है अपनी फिफ्थ क्लास जो है स्टार्ट करते हैं उसे पर हमने यह शिखा की डाटा कैसे निकाला जाता है कैसे चेंज किया जाता है रिक्वेस्ट ओपन हो क्या इसके स्टार्ट करने से पहले एक बड़ी हम यह देख लेते हैं की भाई दो क्या होता है व्हाट इसे डी क्या है स्ट्रक्चर लोड होता है इस एचटीएमएल स्ट्रक्चर को हम बोलते हैं लोड होते समय उसके एचटीएमएल स्ट्रक्चर को हम बोलते हैं डॉग इससे दिखता हूं इसका ग्राफिकल रिप्रेजेंटेशन इस तरीके से बना था देखो सबसे पहले एचटीएमएल टैग फिर इसके अंदर हेड टाइटल और फिर एलिमेंट इस तरीके से ट्री को क्रिएट करता है इसी को बोला जाता है लेकिन क्यों करें जावास्क्रिप्ट में क्या मतलब है स्ट्रांग का तो देखो अभी तक एलिमेंट बाय क्लास नाम इसी स्ट्रक्चर में जाकर ढूंढता है की आईडी कहां पर लगी हुई है क्लास मेथड क्या करेगा कस मैंने क्या कर इसमें सब हटा देता हूं मैं बटन रिवाइज हो जाए सिंपल पहले छोटे से एग्जांपल से समझते हैं लिस्नर लगा दो h2 को सिलेक्ट करना है मैंने लिखने हैं यहां पर स्टाइल डॉट कलर कलर कर दो व्हाइट मैंने रख दिया इसकी जो पेंडिंग है वह है 90 पिक्सल टॉप बॉटम से अभी क्या कर रहा है देखो इसने उसे किया यहां पर विंडो डॉट ऑन स्क्रॉल इवेंट और इस पर फंक्शन को एग्जीक्यूट स्क्रॉल फंक्शन इस स्क्रॉल फंक्शन पर्सनल लिखा कंडीशन लगे कंडीशन में लिखा है इस लाइन का मतलब है की आपको कितना स्क्रॉल किया इसमें कंडीशन लगे की अगर 80 पिक्सल से ज्यादा स्क्रॉल हो जाता है तो क्या करो की जो नववर्ष है सॉरी स्कोर अब अगर कोई क्लास ऑप्शन ठीक है यह मैंने हेडिंग बना दी इस पर मैंने आईडी दे दी हेडिंग नाम से मैंने आईडी दे दी और बटन दे दिया मैंने आपके बटन टाइप बटन [संगीत] हमने लिख दिया [संगीत] सिंटेक्स है क्लास लिस्ट यही पर बना लेते हैं इंटरनल कस लिखकर मैं लिख दिया मैंने जिसमें मैंने बैकग्राउंड कलर दे दिया रेड और कलर कर दिया मैंने व्हाइट मैं चाहता हूं यह हो गया देखो हमने अपनी पिछली क्लास में देख लिया था दो कस कैसे चेंज करते हैं और हमने यह भी देख लिया के इस्तेमाल कैसे चेंज होता है अब हम देखेंगे दो कैसे होता है मतलब कोई भी न्यू एलिमेंट हमें क्रिएट करना है डायनॉमिकली तो वह कैसे करेंगे टॉपिक है डम नोड्स जिसके अंदर आप लोग सीखोगे की एलिमेंट डायनेमिक क्रिएट कैसे करते हैं और डायनॉमिकली रिमूव कैसे करते हैं तो चलो देखते हैं पहले मैं जो इसमें टॉपिक है यहां पर ए जाते हैं देखो इसके अंदर उसने दिखा रखा है की कोई एलिमेंट क्रिएट कैसे होता है पहले से समझता हूं आपको फिर मैं आपको प्रैक्टिकल करके दिखाऊंगा देखो इसने लिखा डॉक्यूमेंट पैराग्राफ ब्लैक एलिमेंट्स पैराग्राफ उसके बाद इसमें सेकंड लाइन लिखी है डॉक्यूमेंट डॉट क्रिएट टेक्स्ट नोट तो यह क्या करेगा उसके बाद उसने लिखा पर डॉट अपेंड चाइल्ड जो है एक मेथड है जिसका उसे किया जाता है किसी भी एचटीएमएल एलिमेंट के अंदर कुछ भी रखना हो तो वैसे यहां पर टेक्स्ट को उठाकर इस एचटीएमएल एलिमेंट के अंदर रख देगा अब हमें पैराग्राफ में कंटेंट रखना हो या फिर हमें पूरा पैराग्राफ किसी दीप के अंदर रखना हो उसके लिए हम उसे करते हैं इसमें लॉजिकल नहीं है और यहां पर एक बटन बनाया मैंने एड के नाम से कॉपी किया मैंने एक बटन बनाया [संगीत] एलिमेंट बाय लगा दिया इवेंट क्लिक करूं तो एक इनपुट जो है डायनॉमिकली क्रिएट हो जाए क्योंकि इनपुट वाला जो एग्जांपल है ना प्रैक्टिकल ज्यादा उसे होता है तो देखो मैंने एक वेरिएबल बनाया सिंपल मैंने रख दिया जिसके अंदर हम रखना चाहते हैं [संगीत] [संगीत] यहां पर मैंने लिखा वेरिएबल अटरीब्यूट अटरीब्यूट मैंने लिख दिया की भाई टाइप अटरीब्यूट क्रिएट करना है इस तरीके से अटरीब्यूट क्रिएट कर जाता है वैल्यू देनी है इस तरीके से अटरीब्यूट क्रिएट कर देगा देखो ताई टेक्स्ट अब हमें क्या करना है इस अटरीब्यूट को उठाकर इनपुट के अंदर रखना है तो फिर उसके लिए आपको सिलेक्ट करना इनपुट को इनपुट हमने सिलेक्ट कर लिया इनपुट हो गया हमारा टेक्स्ट एरिया क्रिएट एलिमेंट एक्स क्रिएट एलिमेंट में ज्यादा उसे किया जाता है अब देख लेते की भाई रिमूव करना रिमूव कैसे करेंगे वन बाय वन कैसे करना है आपको इस पर कॉपी कर लेट हूं मैं लिख दिया रिमूवल पर कुछ नहीं करना आपको जो मैं था ना उसको मैंने सिलेक्ट कर लिया दोबारा से आप चाहे तो ग्लोबल वारियर भी बना सकते हो अपने फंक्शन बना दिया और इसको हम यहां पर कल कर लेते रिमूव इसमें भी कोई ज्यादा कोड [संगीत] रिमूव चाइल्ड इन जावास्क्रिप्ट चाइल्ड नोट्स चाइल्ड में डॉट चाइल्ड नोट्स [संगीत] चेक करते हैं कोड तो सही लिखा था वन बाय वन नोट्स कैसे किया जाता है सारे एलिमेंट्स रिमूव करना रिमूव जो कैसे करते हैं और वन बाय वन रिमूव करना हो तो वन बाय वन कैसे रिमूव करते अब देखते हैं की कैसे हम डायनॉमिकली एलिमेंट्स एड ऑन कर सकते हैं रिमूव कर सकते हैं परफॉर्म हो रहा था अब मेरी रिटायरमेंट है की कोई फंक्शनैलिटी तो ऐसी रिटायरमेंट को फूल करने के लिए हमें जरूर पड़ती है टाइमिंग फंक्शन दिखता हूं पहले आपको बहुत ज्यादा क्लियर होगा आपको एक वेबसाइट है इस पर देखते हैं देखो यह ओपन हुई इस पर कुछ सेकंड बाद एक बॉक्स ओपन होगा और अब जनरली बहुत साड़ी वेबसाइटों पे देखते होंगे की वेबसाइट ओपन होती है ऑफर के लिए इंक्वारी फॉर्म फाइल अप करने के लिए आईएसपी भी होगा देखते हैं इसमें कुछ ज्यादा डिले लगा रखा है जरा देखते हैं ना टाइमिंग थोड़ी ज्यादा बड़ा राखी है बेबी मैंने देखा था इस पर एग्जांपल आप चाहते हो की कोई फंक्शनैलिटी तो इसके लिए मैं जरूर पड़ती है टाइमिंग फंक्शन की एक यह एग्जांपल हो गया दूसरा एग्जांपल बूटस्ट्रैप का स्लाइडर जो की अपने आप मूव होता राहत है तो यह भी एग्जांपल है आपका टाइमिंग फंक्शन का देखो अपने आप मुंह बोलिए हमें जरूर पड़ती है टाइमिंग फंक्शन की इसको कैसे लिखने हैं एक-एक एग्जांपल मैं आपको करके दिखता हूं दोनों का तो चलो देखते हैं बहुत सिंपल है वह प्रिंट करना है देखो सेट टाइम आउट जो है यह क्या करता है कुछ सेकंड बाद कोई फंक्शनैलिटी एग्जीक्यूट करेगा सिर्फ वन टाइम एक बार मैंने लिख दिया की भाई पांच सेकंड बाद पॉप शो करना है तो ये वन टाइम एग्जीक्यूट होता है और सेट इंटरवल जो है ये क्या करेगा ये मल्टीपल टाइम मैंने लिख दिया पांच सेकंड तो ये हर पांच सेकंड बाद एग्जीक्यूट होता रहेगा इनफाईनाइट टाइम तक यह डिफरेंस है देखो कैसे लिखने हैं मैंने सिंपल देते हैं 5 सेकंड बाद आया उसने क्या कर रखा है पॉप अप डिजाइन कर उसको पोजीशन एब्सलूट से अंदर की तरफ कर रखा है और क्या कर रखा है स्टाइल चेंज कर रहा है की भाई पांच सेकंड बाद क्या कर उसकी पोजीशन जीरो कर दो तो इस फंक्शन के अंदर आप जो मर्जी को जो आप एग्जीक्यूट करना चाहते हो पर्टिकुलर सेकेंड्स के बाद तो ये एग्जांपल हो गया हमारा सेट टाइम आउट का अब देखते हैं सेट इंटरवल से है बस हम नाम बादल देंगे सेट इंटरवल टाइम आउट की जगह मैंने लिख दिया सेट टाइम आउट सेट इंटरवल कैसे क करता है क्लियर टाइम आउट वगैरा उसकी जरूर हमें ज्यादा नहीं पड़ती उसकी जरूर आपको जब पढ़ने रहो आपको टाइम इंटरवल हटाना हो ये देखो क्लियर टाइम आउट होता है सेट टाइम आउट में हम लोगों ने देख लिया था टाइमिंग फंक्शन देखो यह जो ड्रैगन ड्रॉप है इसके प्रैक्टिकल एग्जांपल दिखता हूं देखो यार किसी को भी ड्रग करके ड्रॉप करता हूं तो देखो इसने इनपुट जेनरेट कर दिया तो अगर आपको भी इस तरीके का कोई फीचर बनाना है ड्रैगन ड्रॉप्स रिलेटेड तो ये html5 में अवेलेबल है और जावास्क्रिप्ट के थ्रू ऐसा कुछ हम बना सकते हैं तो सबसे पहले मैं आपको एग्जांपल से समझता हूं w3school के और फिर आपको मैं अपना एक नया एग्जांपल दिखाऊंगा जो इससे मिलता जलता जो मैंने बना रखा है क्योंकि जो ड्रैगन रोप है ना इसमें कोई लॉजिकल नहीं है इतना की हां भाई मैं कंडीशन लगाऊंगा ल कोई लॉजिकल नहीं है इसमें ऐसी चीज की आपको याद रखती पड़ेगी ये अच्छा ये ब्लैक फंक्शन है इस फंक्शन का यह कम है इसमें काफी चीज आपको याद रखती पड़ेगी जावास्क्रिप्ट हमने इसको से कर दिया ड्रग ऑलरेडी है वह भी आपको दिखाऊंगा इस इवेंट के थ्रू हम अपने एलिमेंट को ड्रग करेंगे फंक्शन बना रखा है ना आपको किसी एग्जांपल में ए लिखा मिलेगा एव लिखा मिलेगा तो ये आर्गुमेंट है जो आपका मां करें वो लिखो लेकिन ये जो इवेंट है ना ये फ्री डिफाइंड है ये आपको नीचे लिखना है अब उसके बाद इसका ये फ्री डिफाइन मेथड है डाटा ट्रांसफर डॉट सेट डाटा [संगीत] तो वह चेक करते और मैंने इसको डायरेक्ट है ड्रग करते समय सिर्फ ये आईडी स्टोर कर रहा है अब बात करते हैं ड्रॉप की जी एलिमेंट में आप ड्रॉप करना चाहते हो उसे पर दो इवेंट उसे होते हैं अब इसमें इसको डायरेक्टरी कर सकते ना बाय डिफॉल्ट आलो नहीं करता भाई आप कुछ भी उठाकर दाल दो कहानी पे भी तो हमें क्या करना होता है जी एलिमेंट के अंदर आप कोई ऑब्जेक्ट रखना चाहते हो मतलब जी कंटेनर के अंदर जी बॉक्स के अंदर आप एलिमेंट को ड्रॉप करना चाहते हो उसको हमें सबसे पहले अलाउ करना पड़ता है अब अलाउ कैसे करेंगे इसके लिए आपको समझना पड़ेगा प्रीवेंट बिफोर एंकर पर लिखा हुआ है उसका अपोजिट करता है की क्लिक करने पर लिंक ओपन होना चाहिए चल गया अब यही चीज हमने यहां पर उसे कर राखी है की आप उसे दिन में कुछ नहीं रख सकते हैं ड्रॉप करते समय से दोबारा लिखा दोबारा लिखने की जरूर नहीं है तो ड्रॉप करते समय सिंपली जो से किया था उसको गेट कर लिया हमने स्टेटस ट्रांसफर तो हमेशा जब भी हम ड्रैगन ड्रॉप बनाते हैं तो यह तीन फंक्शन बनेंगे उसे एलिमेंट को आलो करने के लिए और एक फंक्शन ड्रॉप करने के लिए देखो ये तो इसका बना बनाया था अब मैं अपना एग्जांपल दिखता हूं जो मैंने इससे मिलता जलता बनाया डिजाइन ऐसा नहीं है लेकिन दिखता हूं मैं देखो सिंपल सा बनाया मैंने टेस्टिंग के लिए मैं जब टेक्स्ट इनपुट को कर रहा हूं ब्रेड तो देखो टेक्स्ट इनपुट जेनरेट हो गया नंबर को कर रहा हूं तो देखो नंबर इनपुट जेनरेट हो गया हां अब यहां देखो यहां मैंने क्या कर दो पैराग्राफ बनाए एक पैराग्राफ पे मैंने लिखा टेक्स्ट दूसरे पैराग्राफ पे मैंने लिखा नंबर और इनको ड्रैगन 2 कर दिया दोनों को क्योंकि दोनों को ड्रग कर सकते हैं और दोनों पर से फंक्शन हमने उसे किया ड्रग और इवेंट हम उसे किया ऑलरेडी स्टार यहां पर समझना वाली बात करें भाई मैं टेक्स्ट को ड्रग करके रख रहा हूं तो टेक्स्ट इनपुट कैसे बना रखा है कहां से मिल रहा है जादू पुरी हो रहा है की भाई इनपुट कहां से ए गया तो उसको कहानी ना कहानी तो रखा होता है लेकिन जहां मैंने एक अटरीब्यूट बनाया डाटा इनपुट के अंदर मैंने पूरा पूरा एलिमेंट रख दिया देखो [संगीत] उसके बाद मैंने एलिमेंट को सिलेक्ट कर लिया और फिर मैंने लिखा गेट अटरीब्यूट तो भैया वह एलिमेंट ही रखना है स्टेबल मैंने इसलिए उसे किया और प्लस मैंने इसलिए उसे किया ताकि जब भी मैं कुछ रखूं तो देखो कौन से नेट करेगा अगर मैं फ्रेंड उसे करता यह रिप्लेस कर देता एक बार में एक ही एलिमेंट को रखना इसलिए मैंने यहां पर उसे किया ना तो यह हो गया प्रैक्टिस भी आप कर लोग तो आप यह एग्जांपल आसानी से बना सकते हो इसमें थोड़े से एडवांस टीचर है तो वह मैं अपने आने वाली वीडियो में देखो प्रोजेक्ट के ऊपर एक सेपरेट अलग से वीडियो बनाऊंगा अगर मैं इसमें बनाऊंगा प्रैक्टिकल कैसे इंप्लीमेंट करें तो चलो अपना नेक्स्ट टॉपिक देखते हमारा वेब स्टोरेज बहुत अच्छा टॉपिक है और काफी ज्यादा उसे भी किया जाता है पहले तो अच्छा एग्जांपल था दिखाने का मेरे पास लेकिन अब उसे वेबसाइट उसे कर रहा था इस कॉन्सेप्ट को और भी काफी वेबसाइट उसे करते होंगे लेकिन मेरे को इसका ध्यान है और मैंने कंटेंट चेंज कर दिया और से कर दिया वेबसाइट तो ऐसी सिचुएशन में यह फीचर बहुत यूजफुल है यह पिक्चर है इसका उसे हम तब करते हैं जब हमें कोई ऐसा डाटा स्टोर करना हो जो की हमारे लिए बहुत ज्यादा इंपॉर्टेंट नहीं है मतलब उसे पर हमें कोई सर्च परफॉर्म नहीं करना डेटाबेस में से करने की जरूर नहीं है तब हम यह उसे करते हैं अभी करता क्या देखो वेब स्टोरेज के अंदर दो तरह की स्टोरेज है मैं दोनों का एक-एक एग्जांपल करके दिखा दूंगा परमानेंट स्टोरेज और लोकल स्टोरेज क्या करता है डाटा को आपके ब्राउज़र में से करता है भाई इस तरह से यूजर टेक्निकल डाटा कहां से हो रहा है मेरे ब्राउज़र में हो रहा है की इसके पास हो रहा है उसको तो ऐसे लगेगा इसके पास ये हो रहा है लेकिन अल में ये जो बड़े-बड़े प्रोजेक्ट्स हैं की बहुत अच्छे-अच्छे कॉन्सेप्ट उसे करते हैं ताकि अपनी कॉस्ट को ऑप्टिमाइज कर सके की कॉस्ट ज्यादा ना लगे और काफी स्मार्ट कम करते हैं तो वहां पर इन फीचर्स के ना बहुत जरूर होती है और इसीलिए इंटरव्यू में पूछा भी जाता है इंटरव्यू में आपसे हमेशा बेस क्वेश्चन जो बहुत जरूरी है और ऐसे क्वेश्चन जो आपसे प्रोजेक्ट में उसे किया जाता है वो पूछा जाते हैं देखो इनका एक-एक एग्जांपल आपको करके दिखता हूं बहुत सिंपल है मैं चाहता हूं सिंपल की कोई इनपुट है मेरा उसे समय कुछ भी वैल्यू फिलप करूं तो वह से हो जाए अभी तक जो हमने प्रेस करते थे डाटा सिंपल मैंने इसके अंदर एक इनपुट बनाया इनपुट टाइप टेक्स्ट आईडी में नाम तो देखो कैसे करेंगे यू नाम लोकल storage.set आइटम यह होता है [संगीत] और यहां पर होता है जाना है और देखो अभी हमने [संगीत] मैंने लिखा इसमें है पड़ेगा सबसे पहले बताता हूं जिओ लोकेशन क्या लोकेशन जो है html5 का एक फीचर है जिसका उसे करके हम करंट लोकेशन जैसे फीचर बनाते हैं आपको तो अब ज्यादा कनेक्ट कर पाओगे ना की आप करंट लोकेशन आप नहीं पता तो करंट लोकेशन अपने आप ले लगा ये ओला कब उबर सी की जोमैटो इन सब में क्या होता है करंट लोकेशन पर फीचर होता है अगर वैसा फीचर आपको अपनी वेबसाइट को बनाना है तो html5 का जिओ लोकेशन का उसे करके हम बना सकते हैं कैसे बनाते हैं प्रोसेस बताता हूं सबसे पहले जिओ लोकेशन क्या करेगा गूगल कंट्रोल है जो बहुत पहले मैंने लाइव प्रोजेक्ट में उसे किया था आपको क्या होगा अपने पीछे साथियों हमारे पास सक्सेस में रिसीव होता है और उसे डाटा को हमें जहां प्रिंट करना वहां पर प्रिंट कर देते हैं तो यह हो गया बहुत इंपॉर्टेंट फीचर है तीनों के तीनों इस्तेमाल [संगीत] अब हम क्लासेस करेंगे आज की क्लास अभी की क्लास और आगे की जो क्लास है वह साड़ी जो क्लासेस है वो वेब एप्लीकेशंस में ज्यादा उसे होती है प्लस इंटरव्यू के लिए बहुत इंपॉर्टेंट टॉपिक है अब से जितने भी क्लासेस होंगे आगे की स्टार्ट करते हैं यह अपनी क्लास है इसमें हम सीखेंगे अरे मैथर्ड अरे स्ट्रिंग मैथर्ड है कौन-कौन से मैथर्ड हैं और उनका क्या उसे है तो चलिए देखते हैं और प्रैक्टिकल एक एग्जांपल भी दिखाऊंगा मैं ऑलरेडी बना रखा है इसे देखो सबसे पहले मेथड पॉप का कम होता है डिलीट करना एलिमेंट को यह क्या करता है यह एलिमेंट को लास्ट में से डिलीट करता है दिखा भी रखा है इसने यह क्या करता है लास्ट में से डिलीट करता अगर हम इसको ऑन क्लिक पर लगाते हैं तो हम जब भी बटन क्लिक करेंगे तो यह लास्ट में से वन बाय वन एलिमेंट को डिलीट कर देता है तो ये होता है ऑफ मेथड उसके बाद है आपका कुछ मेथड कुछ मेथड क्या करता है यह लास्ट में एलिमेंट को इंसर्ट करता है मतलब कोई भी नई वैल्यू एड ऑन करनी है मुझे तो यह लास्ट में वैल्यू को इंसर्ट करता है कैसे करता है देखो आपको बताना होता है देखो अगर मैं चाहता हूं की मेरे को फर्स्ट पर एलिमेंट को इंसर्ट करना है या फर्स्ट से एलिमेंट को डिलीट करना है तो उसके लिए उसे करते सिर्फ मेथड का उसे किया जाता है डिलीट करने के लिए यह क्या करेगा शुरू से एलिमेंट को डिलीट करेगा शुरू में एलिमेंट को इंसर्ट करने के लिए उसके बाद बात आई है इसमें देखो आपने देखा की डाटा को लास्ट में कैसे इंसर्ट करते हैं और डाटा को पहले कैसे इंसर्ट करते कोई कहता है मेरे को किसी पर्टिकुलर पोजीशन पर डाटा को इंसर्ट करना है कैसे क करता है यह देखो इसमें दो पैरामीटर पास किया जाते हैं सबसे पहले होता है पोजीशन कौन सी पोजीशन सेकंड होता है की कौन सा एलिमेंट कितने नंबर ऑफ एलिमेंट्स रिमूव करने हैं अगर हम जीरो लिखने हैं यह डाटा को इंसर्ट करता है जैसे ये क्या करेगा सेकंड नंबर पर लेमन और की भी एड कर इसमें ऑरेंज के बाद लेमन और कवि एड कर दिया अगर आप सेकंड पैरामीटर में वैल्यू देते हो तो यह डिलीट करेगा यह क्या करेगा सेकंड पोजीशन से दो एलिमेंट डिलीट करेगा उसके बाद लेमन और टीवी को एड कर देगा प्रैक्टिकल एग्जांपल कांटेक्ट मैनेजमेंट यह है जैसे हम क्या करते मोबाइल में नंबर से करते हैं यूजर का किसी भी फ्रेंड लास्ट नाम और उसका मोबाइल नंबर एड करूं और वो एड होता चला जाए लास्ट नाम मोबाइल एड कांटेक्ट क्या कर रहा हूं मैं फंक्शन को उसे कर रहा हूं मैं क्या चाहता हूं की मैं जितने बार इनपुट में वैल्यू डालूं तो वो स्टोर होती चली जाए तो इसके लिए हमने बनाया है क्या एक ऐसा वेरिएबल है जिसमें आप मल्टीपल वालुज स्टोर कर सकते इनपुट में जो भी वैल्यू डालेगी बार-बार उसको आप इसमें रख लेना लास्ट नाम की वैल्यू [संगीत] इसमें लूप चलाया मैं चाहता हूं की जो भी डाटा प्रिंट हो रहा है वह रो में प्रिंट होना चाहिए तो मैंने देखा टेबल यहां पर क्रिएट कर ली जिसमें आईडी दे दी मैंने कंटेंट के नाम से और फिर मैंने यहां पर लिखा की भाई टर्ड इसमें मैंने रख दिया मोबाइल प्रिंट कर दिया इसको अभी आप इग्नोर करो स्लाइस क्या है ये भी मैं टॉपिक पढ़ाऊंगा तब आपको समझ आएगा और डाटा को प्रिंट करेगा तीन मेथड है तीनों मेथड का कम यह है की कोई शब्द है उसे शब्द में से पर्टिकुलर करैक्टर आपको एक्सट्रैक्ट कर दिया पर एग्जांपल जैसे यहां मैंने उसे किया देखो मैंने लिखा रख के कुमार ब्रैकेट में से फर्स्ट करैक्टर ए गया के ऐसे राहुल में से आर गोयल में से जी तो ऐसी मैं नंबर ऑफ शब्द कैरेक्टर को रिमूव करना है तो ऐसा करने के लिए हमें जरूर पड़ती है स्ट्रिंग मैथर्ड की तो हमारे पास से तीन कैसे क करता है देखो और स्लाइस में क्या होता है पीछे से मतलब की बहुत सर कंटेंट लिखा हुआ है लास्ट में से अब शुरू से एक-एक करैक्टर काउंट करना वो बड़ा ही मेहनत वाला कम हो जाता है तो अपने को मेहनत सही डायरेक्शन में करनी है मजदूर वाली मेहनत नहीं करनी तो इसीलिए आपको देखो इसमें स्लाइस दिया स्लाइस को ना पीछे से काउंट कर सकते हो मतलब माइंस 12 दिया तो भी होगा यहां से काउंट करके यहां ए रहा है पीछे से भी काउंट कर सकते हो अगर आपको कोई शब्द निकालना है वो शुरू में पहले है अगर वो लास्ट में है बिल्कुल से है उसके बाद सब एसडीआर सब स्तर जो है वह थोड़ा सा अलग है अभी तक दे रहे थे दोनों तरफ पोजीशन दे रहे थे स्टार्टिंग पोजीशन एंडिंग पोजीशन और उसका नंबर ऑफ कैरक्टर्स तो यह एक्सट्रैक्टिंग जो मेथड से बहुत ज्यादा उसे किया जाते हैं जैसे मैंने यहां पर जैसे उसे किया मैंने लिखा फर्स्ट नाम जो भी है इसका स्लाइस क्या करो जीरो वन यानी की फर्स्ट करैक्टर निकाल लो प्लस लास्ट नाम का फर्स्ट करैक्टर निकाल लो ऐसे ही देखो इसके अंदर अरेस्ट में आपके पास दो तरह की सोर्टिंग होती है की आप कर सकते हो और नंबर को सॉर्ट कर सकते हो अल्फाबेटिकल एसेंडिंग वे में अरेंज हो जाए जब मैं डिजाइनिंग करूं तो वो डिसेंडिंग ऑरेंज कैसे होंगे मैं आपको हिंट देता हूं बहुत सिंपल है देखो इस मेथड का कम है की अल्फाबेटिकल अरेंज करना और रिवर्स इसका कम है उल्टा करना तो देखो इससे तो हो गया इस को आप रिवर्स कर दो [संगीत] उसके बाद यह थोड़ा सा अलग है इसमें इसके पर्टिकुलर फॉर्मूला है पूरा फंक्शन अब रिटर्न अब का ये आपको ऐसे पूरा लिखना पड़ेगा तो ये चीज आपको ध्यान रखती है ऐसा नहीं है की न्यूमैरिक शॉट कर दे और लगा रहे हैं शॉर्ट मेथड ऑफ से सोच के साथ ये तो हो ही नहीं रहा नहीं आपको क्लियर है शॉर्ट मेथड जो है वो सिर्फ स्ट्रिंग पर क करेगा अल्फाबेटिक में न्यूमैरिक शॉट के लिए इसकी अलग फंक्शनैलिटी है ना इनकी जरूर आपको वेब एप्लीकेशन में पद्धति है वेबसाइट में आपको कहानी इसकी जरूर नहीं पड़ेगी इसके जरूर आपको वेब एप्लीकेशंस में या फिर जब आपको रिएक्ट एंगुलर जैसे एप्लीकेशन में कम करेंगे इस क्लास में हम लोग करेंगे ऑब्जेक्ट कंस्ट्रक्टर प्रोटोटाइप ऑब्जेक्ट से रिलेटेड जो भी चीज हैं तो सबसे पहले बात आई है की ऑब्जेक्ट क्या है तो ऑब्जेक्ट्स जो है एक वेरिएबल है जिसमें आप मल्टीपल डाटा को स्टोर कर सकते हो तो भाई फिर बात आई है जिसमें आप मल्टीपल वैल्यू स्टोर कर सकते हो [संगीत] इंडेक्स के अकॉर्डिंग स्टोर करता है और ऑब्जेक्ट [संगीत] [संगीत] लास्ट नाम गोयल [संगीत] तो इसको अगर आप कंपेयर करो इसमें क्या होता था की जीरो लिखना पड़ता है तो ऑब्जेक्ट्स का जो है काफी ज्यादा उसे किया जाता जब भी आपको ऐसी जरूर लगे की मेरे को काफी ज्यादा डाटा स्टोर करना है एक प्रॉपर मीनिंग में सही वे में तो हमें ऑब्जेक्ट उसे करना चाहिए प्रैक्टिकल अगर बात करें तो इसका उसे जो है एक तो प्लगइन डेवलपमेंट की जो भी प्लगइन हम बनाते हैं चाहे फिर वो वर्डप्रेस का प्लगइन हो जा एक वारी का प्लगइन हो मजेंटो का प्लगइन हो जब भी हम फ्लूकिंस बनाते हैं तो वहां पर काफी ज्यादा उसे किया जाता है ऑब्जेक्ट का क्योंकि ये काफी इजी होता है समझना में डाटा कोई एप्लीकेशन बनाते हैं वह एप्लीकेशन गेमिंग एप्लीकेशन तो वहां पर भी हम ऑब्जेक्ट्स का बहुत ज्यादा उसे करते हैं की जब हमें ज्यादा डाटा स्टोर करना हो एक प्रॉपर मैनर में एक मीनिंगफुल वे में तो हमें ऑब्जेक्टिव करना चाहिए अब बात आई है किसको एक्सेस कैसे करेंगे इसमें से वैल्यू निकलेंगे कैसे इसमें से देखो इस तरीके से उसे करते अब मैंने लिखा कंट्रोल [संगीत] [संगीत] और इसमें कॉपी कर लेट हूं और यह क्या कर रहा है यहां पर इसके अंदर सर कंटेंट ए जाएगा लिखा की भाई अब मैंने लिखा परसों अरे ब्रैकेट एक्स अब देखो बिगनर्स जो है ना यहां कंफ्यूज हो जाते हैं सर ये क्या लिखा है इसको समझना से पहले देखो फिलहाल कमेंट करता हूं लास्ट में लिख सकता हूं तो ऑब्जेक्ट होना दोनों तरीके सक्सेस किया जा सकता है परसों डॉट लिखकर और ब्रैकेट इसकी वैल्यू का नाम देकर अब ए जाते हैं परसों एक्स यानी की वन बाय वन ही क्या करेगा लो एक-एक की को निकाल लगा मतलब परसों फर्स्ट में परसों लास्ट में परसों मोबाइल और उसके बाद देखो इसमें लगा रखा है प्लस मतलब जोड़ तो जाएगा चीजों को एक ही वेरिएबल है इस पैराग्राफ में रख दिया एकदम क्लियर रखना है की ऐसा कुछ होता है कैसे क कर रहा है ये वन बाय वन में वैल्यू निकाल देगा इसमें और इसको देखो कैरक्टर्स निकाल देगा अब ए जाते हैं इस पर कंस्ट्रक्शन यह कंस्ट्रक्टर हमारा ऑब्जेक्ट ओरिएंटेड क्लास वाला कंस्ट्रक्टर नहीं है [संगीत] ऑब्जेक्ट बनाया परसों जिसने मेरे को फर्स्ट नाम लास्ट नाम मोबाइल नंबर फर्स्ट नाम राकेश लास्ट नाम कुमार ऐसे मोबाइल नंबर कंस्ट्रक्टर और इसमें उसे करते हैं क्या कर रहे हैं न्यू परसों यह कोड बार-बार नहीं लिखना पड़ा मतलब मेरा तो यह चीज नहीं लखनी पड़ी फर्स्ट में भी कल तू जॉन लास्ट बाय आगे = 50 नहीं करनी जब भी आपको ऐसी न्यूज़ लगे की मेरे को यह जो ऑब्जेक्ट है इस ऑब्जेक्ट का जो पैटर्न है बार-बार उसे करना है अपने प्रोजेक्ट में तो आप उसका अब आपको टॉपिक है प्रोटोटाइप क्या होता है [संगीत] कंस्ट्रक्टर के अंदर कोई भी नई चीज नई प्रॉपर्टी इंग्लिश यह क्या कर रहा है की आप कंस्ट्रक्टर के अंदर कोई नई की कोई नई वैल्यू एड ऑन कर सको अब बात आई है बड़ा इंपॉर्टेंट टॉपिक है और इंटरव्यू में 90% पूछा ही जाता है की भाई देखो क्या है यह इसी के एग्जांपल से बताता हूं देखो दूसरे ऑब्जेक्ट के साथ शेर करना है तो हम इसको उसे करते हैं कैसे करते हैं यहां देखो यहां पर स्नेक ऑब्जेक्ट बनाया परसों जिसमें इसमें एक लिखा फूल नाम और फंक्शन बनाया जो की फर्स्ट नाम और लास्ट नाम इसको एड ऑन करेगा और फिर इसमें दूसरा ऑब्जेक्ट फूल name.com ऐसे ही देखो अप्लाई का कम होता है देखो कल में अगर आपको एक्स्ट्रा पैरामीटर भेजना हैं तो ऐसे आप स्ट्रिंग में भेजोगे और अप्लाई का कहना यह है की भाई जो भी एक्स्ट्रा भेजना है ना वह अरे बना कर भेजो स्ट्रिंग में नहीं तो कल और अप्लाई से है डिफरेंट सिर्फ इतना है की कल में आप जो भी एक्स्ट्रा पैरामीटर भेजोगे वो आज एन स्ट्रिंग भेजोगे और अप्लाई में जो भी पैरामीटर आप भेजोगे अरे बनाकर भेजोगे कम परपज से है दोनों में से कोई भी उसे कर सकते हो थोड़ा सा अलग है यह क्या कर रहा है पहले उधर ले रहा है ऑब्जेक्ट के फंक्शनैलिटी को शेर करना है उसको कैसे एक्सेस किया जाता है प्रोटोटाइप क्या है कंस्ट्रक्ट्स क्या है कल अप्लाई बायड क्या है अगर आपको इतना भी आता है तो आपके लिए काफी इनफ होगा बिगनर्स के लिए क्योंकि अपनी ये जो में वीडियो है बिगनर पॉइंट है की बिगनर्स को कैसे हम जावा को समझा सके तो यह हो गया था ऑब्जेक्ट के ऊपर क्या है इसमें जो ऑब्जेक्ट के टॉपिक क्लास से रिलेटेड होगा उसके बाद कंस्ट्रक्टर इन्हेरिटेंस और जावास्क्रिप्ट जो है पूरे ऑब्जेक्ट ओरिएंटेड नहीं है मतलब की जावास्क्रिप्ट ऑब्जेक्ट की सारे फीचर्स नहीं ऑब्जेक्ट प्रोग्रामिंग है नहीं जा बस स्क्रिप्ट में साड़ी फीचर्स नहीं है तो चलो सबसे पहले समझते हैं क्लास एक क्लास है क्या प्रोग्रामिंग लिखने का तरीका है डिजाइन पैटर्न है की हम अपने कोड को इस तरीके से लिख सके की वह इसके लिए हम ऑब्जेक्टिव को फॉलो करते हैं अप्रोच को उसे करते हैं तो आप इसको सिंपल यह का सकते हो की क्लास जो है ग्रुप ऑफ फंक्शंस की है लास्ट के अंदर क्या होता है नंबर ऑफ फंक्शंस होते हैं पति को कैटिगरी के नीचे पर एग्जांपल हमने क्लास क्रिएट कर दी एडमिन क्लास फंक्शंस बना दिए तो मैं क्या करूंगा एडमिन का ग्रुप एडमिन के फंक्शन है इसके अंदर उन फंक्शंस को एक्सेस करने के लिए हमें जरूर पड़ती है ऑब्जेक्ट की तो इसीलिए हम डेफिनेशन में बोलते हैं की भाई ऑब्जेक्ट तो मैंने एक फंक्शन बनाया प्रिंट डाटा प्रिंट करना और इसके अंदर मैंने लिख दिया हेलो क्लास लिख दिया अब इसको उसे कैसे किया जाएगा अब बात आई है की कंस्ट्रक्टर क्या फंक्शन बना रहे हैं उसको हम ऑब्जेक्ट के थ्रू एक्सेस करते कंस्ट्रक्टर एक ऐसा फंक्शन होता है क्लास का जो की ऑटोमेटिक की एग्जीक्यूट हो जाता ऑटोमेटिक कल हो जाता है जैसे ही हम उसे क्लास का ऑब्जेक्ट बनाते हैं तो देखो समझता हूं मैंने दिल से क्लास एग्जाम हाल कंस्ट्रक्टर एक कंस्ट्रक्टर से रिलेटेड है यह वाला क्लास का कंस्ट्रक्ट है तो देखो कैसे बनाते हैं और चेक करते क्लास एग्जांपल हो गया ऑब्जेक्ट क्रिएशन के टाइम पे अपने आप कल हो जाता है अब कोई कहता है जी क्यों इसे बना वो क्यों कल किया जाए देखो यह डिपेंड करता है हमारी नीड पे की हम कैसे प्रोजेक्ट बनाना है नहीं बनाना वो डिसाइड किया जाता है अभी तो क्या है अभी आप सिर्फ समझ सकते हो की हां भाई ये चीज ऐसे लिखी जाति है इसका ये मतलब होता है तब जाके आप इसको अच्छे से समझ पाओगे मैं कैसे बनाते हैं अभी आप सिर्फ इतना ही समझिए क्या इसको कैसे उसे किया जाता है अपने टॉपिक पे इन्हेरिटेंस इन्हेरिटेंस का मतलब होता है अपनी क्लास की फंक्शनैलिटी को दूसरे क्लास के साथ शेर करना एक क्लास की फंक्शनैलिटी को दूसरे क्लास के साथ शेर करना इस चीज को बोला जाता है इन्हेरिटेंस कैसे उसे करते हैं वह मैं इसी के एग्जांपल से समझा देता हूं इसमें ठीक-ठाक जो की प्रिंट करेगा [संगीत] सुपर के दूध देखो यहां से ब्रांड भेज रहा है यहां पर बनाया मॉडल का मतलब इस क्लास का और उसके बाद इसमें क्या भेज रहा है इसमें भेज रहा है फोर्ड और फिर भेज रहा है कंस्ट्रक्टर इस ब्रांड को तो भेज रहा है ऊपर और मॉडल को रख रहा है अपने पास प्रेजेंट यानी की इसका फंक्शन करेगा तो अब देखते हैं यह सिक्स इंपॉर्टेंट टॉपिक इंपॉर्टेंट टॉपिक देखो होते हैं लेकिन यहां पर मैंने उन फीचर्स को उन मैथर्ड को लिखा है जो जनरली काफी ज्यादा उसे किया जाते हैं सबसे पहले इसके अंदर नेट और कॉस्ट इन दोनों का उसे किया जाता है है की जो हम ऐसे बनाते इस को आप ऐसे बना दो लेफ्ट इंग की जो प्रॉब्लम थी वेरिएबल में वह है गई उसे करते हैं जब हमें वेरिएबल की जो वैल्यू है उसको फिक्स्ड रखना है मतलब मैंने ऐसे लिख दिया अरा फंक्शन का कहना है की मैं इतना नहीं लिखना ऐसे लिखना सिंपल भी बनाया है लिखा हुआ मैप मेथड इसे यूज्ड तू मॉडिफाइड एलिमेंट का एन अरे है हम उसे करते हैं मैप जैसे की एग्जांपल यहां पर 14 अब मैं चाहता हूं की जो भी वैल्यू है उसको मल्टीप्लाई बाय तू करना है तो हम जनरल कोई लूप नहीं लिखा कोई लूप के अंदर इंडेक्स इन कुछ नहीं लिखा है जो की काफी हमारे कम को फास्ट कर रहे हैं काफी कोड को कम कर रहा है नहीं तो मेरे को यहां पर लूप चलाना पड़ता और फिर उसके अंदर में वन बाय वन हरेक इंडेक्स को मल्टीप्लाई बाय तू करता तो मैप क्या है मैप एक ऐसा मेथड है इसका उसे हम करते हैं यर को मॉडिफाई करने के लिए की अरे है उसको हम मॉडिफाई कर सके उसके देखो हमने क्लास अभी देखा था पिछले क्लास में क्लास कैसे बनाते पिछले क्लास का अभी देखा था रिसेंट करना की क्लास कैसे बनाते हैं ऑब्जेक्ट क्या है इन्हेरिटेंस क्या है ऑलरेडी और यह है क्या दिखता हूं ब्रेकिंग डॉ परिसर अरे * सेकुलर पार्ट्स सिंटेक्स देखो क्या है येलो सी के अंदर रख देगा आप उसको आसानी से विदाउट इंडेक्स एक्सेस कर सकते हो तो रिएक्ट में ना ये जो मॉडर्न सेंटर से काफी ज्यादा उसे किया जाते हैं तो अगर आपको पहले से ही क्लियर [संगीत] उसके बाद बैक टिप्स अब इसमें क्या है बिजनेस काफी टाइम कंफ्यूज हो जाते हैं दो-दो बार प्लस लिखा है यहां पर इसका मतलब क्या क्या चीज जोड़ रहा है यह तो इसको थोड़ा सही वे में लिखना एक मॉडर्न वे में लिखना इंटरव्यू किया गया बिस को देखो इस वाले सिंबल को बोला जाता है कीबोर्ड में वन के साथ वाला बटन इसको लिखने का बेनिफिट क्या है देखो इसका कहना यह है की जो भी आपके लिए प्लस लगाने की कोई जरूर नहीं है सिर्फ जहां पर वहां पर आपको डॉलर कर देता है [संगीत] और स्प्रेड ऑपरेटर सबसे पहले तो हम उसे करते हैं जो हर एक बिजनेस को आने चाहिए ताकि वह आसानी से कम कर सके तो बाकी देखते हैं अपनी नेक्स्ट क्लास में हम लोग देखेंगे अपनी क्लास है एस सिंक्रोनस जावास्क्रिप्ट के इससे पहले हमने नंबर ऑफ टॉपिक करें नंबर स्क्रिप्ट है क्या मतलब होता है की कोई कोड एग्जीक्यूट हो रहा है लाइन बाय लाइन और हमें वेट करना पड़े मतलब डेट क्यों करें [संगीत] तो ऐसे सेनारियों में ऐसी सिचुएशन में हम उसे करते हैं ऐसे सिंक्रोनस जावास्क्रिप्ट देखो इसका एक एग्जांपल दिखता हूं बहुत अच्छा एग्जांपल है यह फ्री कोड कैंप है यहां से मैंने एग्जांपल दिया है तो देखो दिखता हूं देखो एग्जांपल बनाया सिंपल इसमें लिखा कंसर्ट टाइम आउट आइसक्रीम पर सेकंड फिर लिखा विद्य स्कूल मतलब मैं चाहता हूं प्रिंट ही सिर्फ और सेकंड वेट करें यह प्रिंट करें और फिर उसके बाद यह प्रिंट हो हमारे अकॉर्डिंग आउटपुट इसने गलत हो गया क्योंकि एसिंक्रोनयसली चल रहा है यह क्या कर रहा है स्टेप बाय स्टेप कर सेकंड बाद ये प्रिंट कर रहा है तो यहां पर क्या हुआ हमारी नीड जो है हम जो छह रहे थे वो फुलफिल नहीं हो पी वेट करो जब तक रिस्पांस नहीं ए रहा तब तक वेट करो उसके आगे का कोड एग्जीक्यूट मत करो ऐसे सिलारियों में हमें जरूर पड़ती है यह एग्जांपल देखो इसका कोड दिखता हूं आपको ऑलरेडी ओपन है देखो कल बैक इसमें क्या सिंपल सा एग्जांपल बनाया [संगीत] कुछ नंबर ऑफ ऑब्जेक्ट यह क्या कर रहा है जैसे फंक्शन है हमारा प्रोडक्शन इस फंक्शन को हम आगे एन पैरामीटर यहां पास कर रहे हैं कल अंडरस्कोर प्रोडक्शन स्टार्ट कर दो उसके बाद प्रोडक्शन स्टार्ट कर दो पहले ही प्रिंट करेगा सीक्वेंस में चल रहा है की पहले यह प्रिंट तो इसमें कल बैक में क्या कर रखा है देखो आप फंक्शन के अंदर फंक्शन यह सेट टाइम आउट है इसके अंदर दूसरा फिर इसके अंदर फिर इसके अंदर देखो नंबर ऑफ इसमें कल वैक्स बना रखें की फर्स्ट पहले यह होना चाहिए फिर वन सेकंड पर यह एग्जीक्यूट होना चाहिए यह देखो तरीके से कोड एग्जीक्यूट हो रहा है वेट कर करके दूसरा फंक्शन भेजना है ठीक है अकड़ इस टाइप तक अच्छा है लेकिन यहां देखो बहुत ज्यादा नेस्टेड लेवल है इसके अंदर यह इसके अंदर यह तो बहुत ज्यादा नेस्टेड लेवल जब हो जाता है कल बैक में तो ये बहुत ही प्रॉब्लम क्रिएट करता है कोड को ना बहुत ही मासी बना देता है मतलब समझ में नहीं आता एक अगर हम देखते हैं थोड़े दोनों बाद तो फिर इसका सॉल्यूशन आया प्रॉमिस मतलब का सकते हो प्रॉमिस उसे कर रहे हैं तो प्रॉमिस देखो कैसे कम करता है तो आगे का प्रोसेस करो अगर दुकान बैंड है तो आगे का प्रोसेस मत करो की अगर शॉप ओपन है अब तो आगे का कम करना है एडरवाइज मैसेज एक सेट टाइम आउट और फिर उसके अंदर दूसरा सेट टाइम आउट प्रॉमिस इसमें ऐसा नहीं है प्रॉमिस इसमें स्टेप बाय स्टेप इसमें भी देखो से वही है की अगर शॉप ओपन है हमारे पास कॉन्सेप्ट है कल बैक प्रॉमिस इन तीनों का में मुद्दा यही है एस एसिंक्रोनयसली जावास्क्रिप्ट को लिखना जावास्क्रिप्ट यह इंटरव्यू में काफी ज्यादा पूछा जाता है तो आपको यह पता होना चाहिए की भाई ये लिखा कैसे जाता है जो की अभी मैं कर कर दूंगा अगर टॉपिक में तो देखते हमारी लास्ट क्लास है कौन-कौन से टॉपिक र गए पोस्टिंग पोस्टिंग का मतलब होता है वेरिएबल को बिना डिक्लेअर करें उसे कर लेना उसके बाद ब्रेक और कंटिन्यू देखो ब्रेक और कंटिन्यू यह दोनों के दोनों लूप में उसे होते हैं ब्रेक जब उसे करते जब हमें लूप को रोकना बीच में पर एग्जांपल मैंने लूप चलाया वंश लेक 10th के बाद ना बाहर ए जा ल के कोई ऐसी सिचुएशन की पर्टिकुलर के बाद ना वो एग्जीक्यूट करना बैंड कर दिया बाहर ए जाए उसके लिए हम उसे करते हैं ब्रेक कंटिन्यू का मतलब है स्किप करना की भाई ये पर्टिकुलर वैल्यू है इसको छोड़ देना बाकी प्रिंट कर देना और एग्जांपल मेरे को एक से 10 तक नंबर प्रिंट करने से लेकिन मैं चाहता हूं फाइव प्रिंट नहीं करना बाकी सब प्रिंट कर दे हम कंडीशन लगा देंगे की आईएफ आई कल तू फाइव कंटिन्यू पर उसे किया जाता है उसके बाद है आपका जीएस हिस्ट्री देखो ना ज्यादातर मोबाइल एप्लीकेशन वगैरा में उसे करते हैं हिस्ट्री का उसे करते हैं यह बनाने रखें हैं ना तो प्रीवियस और नेक्स्ट इसके लिए उसे करते हैं हिस्ट्री इसमें सिंपल मैंने बनाया मेथड होता है इसका कम होता है बैक करना मतलब जैसे मैं है ना जिससे पेट से वहां चला जाएगा नेक्स्ट का मतलब होता है नेक्स्ट करना तो ऐसा नहीं है की आप से बोला जाए प्रीवियस नेक्स्ट को आप पेज का नाम डॉग नहीं बनाया फंक्शनैलिटी आई है एक बटन बनाया बहुत ज्यादा उसे किया जाता है मार्केटिंग परपज से यूजर की इंटरएक्टिव को ट्रैक करने के लिए कॉमर्स वगैरा बहुत ज्यादा उसे किया जाता है मतलब एक सिंपल आप इसको कंपेयर कर सकते लोकल स्टोरेज से लोकल स्टोरेज और कुकी में डिफरेंस यह है की लोकल स्टोरेज में अब ज्यादा से ज्यादा डाटा स्टोर कर सकते हो और कुकी की अपनी लिमिट है की भाई पास के अभी तक स्टोर कर सकते हो दूसरा लोकल स्टोरेज में क्या था उसमें कोई एक्सप्रेशन नहीं था कब तक डाटा रखना है क्योंकि मैं हमें डिफाइन करना होता है की डाटा कब एक्सपायर होगा एग्जांपल से और उसके अकॉर्डिंग हम जो भी ऑपरेशन करना चाहते जो भी एक्शन परफॉर्म करना चाहते हैं तो हम कर सकते हैं जीएस लोकेशन तो उसे किया जाता है ना की फॉर्म सबमिट किया दूसरे पेज पर उसे करते हैं विंडो डॉट लॉगिन इन सब की जरूर हमें नहीं पड़ती जरूर है जो है इसकी फूल फॉर्म है जावा स्क्रिप्ट ऑब्जेक्ट नोटेशन इसका उसे किया जाता है एपी बनाने के लिए क्या है अपना डाटा किसी दूसरे के साथ शेर करना या फिर दूसरे का डाटा अपने साथ शेर करना डाटा का इंपोर्ट और एक्सपोर्ट इस चीज को बोला जाता है ऐसे अगर मैं चाहता हूं की मैं मैं अपनी कोई सर्विस किसी के साथ शेर करना चाहता हूं तो मैं उसको एपी दूंगा तो एपी जो हम बनाते हैं वह जिस फॉर्मेट पर बनाई जाति है क्योंकि जेसन जो है ऐसा फॉर्मेट है जो हर एक प्लेटफॉर्म के साथ सूटेबल है जशन कैसे लिखने हैं बिल्कुल मिलता जलता है आपके ऑब्जेक्ट के जैसा वो थोड़ा सा माइंस है देखो ये देखो ऐसे लिखा जाता है इसमें डिफरेंस सिर्फ ये है इधर भी डबल कोटेशन होता है और इधर भी डबल कोटेशन जब की ऑब्जेक्ट में क्या होता है सिर्फ गैलरी में डबल कोटेशन हम लगाते हैं इस तरीके से हम लिखने हैं अब बात आई है कैसे कल करेंगे तो देखो बहुत सिंपल है इसके लिए एक वेबसाइट है आपके पास बहुत साड़ी है मिल जाएगी टेस्टिंग के लिए मैंने एग्जांपल बना रखा ऑलरेडी यहां पर आपको देना होता है समझ में ए जाएगा इसलिए लिखा दें की भाई क्या करो इस रिजल्ट के अंदर जो भी ए रहा है उसका जैसन रख लो उसके बाद क्या करो इस दी के अंदर उसका जैसा नाम था उसका प्रिंट कर दो इसको अगर आप चेक करोगे इंस्पेक्टर यह सब यह पढ़ना [संगीत] जैसलमेर रिसीव हो रहा है स्ट्रिंग की फाइल का कम होता है की आपके जैसा डाटा को स्ट्रिंग में कन्वर्ट करना इसका उसे करते हैं जब हम डाटा को भेज रहे होते हैं तो पारसी उसे करते हैं तो स्ट्रिंग की फाइल उसे करते हैं तो यह मेरे अकॉर्डिंग जो टॉपिक थे एक बिगनर्स के लिए वो मैंने लगभग सारे कर किया तो अगर आपको यह वीडियो अच्छी लगी हो आपने इस वीडियो से कुछ सिखाओ तो आप इस वीडियो को लाइक करिए चैनल को सब्सक्राइब करिए और बेल आईकॉन प्रेस करिए मेरी ऐसी ही वीडियो की नोटिफिकेशन के लिए थैंक यू