Transcript of 🚀🔥 Complete Backend Development in One Day (2025) | Hindi | Notes | GitHub | Free Certification

हेलो एवरीवन मैं हूं आपका दोस्त प्रशांत और मुझे के रखी हुई है तो कुछ-कुछ वो आपको देखनी पड़ेंगी बाकी जो भी कुछ है वो सब हमने कोर्स के अंदर ही कवर किया है इस कोर्स का जो लाइव वर्जन है उसको हमारे 10थ क्लास के 12थ क्लास के बच्चों ने भी कवर किया है तो पहले से किसी भी इंफॉर्मेशन की जरूरत नहीं है हम इस कोर्स को एकदम बेसिक लेवल से स्टार्ट करेंगे छोटे-छोटे प्रोजेक्ट्स करते जाएंगे और फाइनली इस लेवल तक पहुंच जाएंगे कि एक बड़ा इंडस्ट्री लेवल प्रोजेक्ट हम कर सकें जिसका नाम होगा एयर बीएन बी का क्लोन तो हम अच्छे तक तो पहुंच जाएंगे पर साथ-साथ और क्या मिलेगा कोर्स के साथ कोर्स के साथ मिलेगा आपको एकदम परफेक्ट नोट्स जिससे आप क्विकली रिवीजन कर सकें चाहे अ बेसिकली हमारे इंटरव्यू की बात हो चाहे एग्जाम्स की बात हो चाहे कोई नया प्रोजेक्ट बनाने के लिए हो साथ-साथ मिलेगा गिट अप का लिंक तो जो भी हमने सारा कोड लिखा है उस सबका फ्री लिंक आपको यहां पर मिलेगा और एक फ्री कंप्लीशन सर्टिफिकेट का टेस्ट उसका भी लिंक आपको मिलेगा जो आप अगर हमारा कोर्स आपने ठीक से देखा है तो फ्री कंप्लीशन सर्टिफिकेट आपको मिल जाएगा अब देखिए उसके बाद करना क्या होगा अगर आपकी कोई भी फीडबैक हो इस कोर्स के बारे में आपका कोई भी फ्यूचर के लिए डिमांड हो तो बिल्कुल नीचे कमेंट करके बताइएगा कोर्स स्टार्ट स्ट करने से पहले एक बार इस वीडियो को लाइक जरूर करिए ताकि ऐसे मैं कोर्सेस और लेकर आ सकूं और एक बार जरा नोटिफिकेशन का घंटा बजा दीजिएगा अभी भी 70 पर लोग ऐसे हैं 70 पर स्टूडेंट्स जो कोर्स तो देख रहे हैं बट सब्सक्राइब नहीं कर रहे है ना तो प्लीज इसको सब्सक्राइब करें कोर्स अच्छा लगे तो वीडियोज हेल्पफुल लिखकर या अपनी अटेंडेंस के माध्यम से कमेंट जरूर करें ताकि मुझे पता चलता रहे आप लोगों में से कितने लोग इसकी पढ़ाई कर रहे हैं और जो भी फ्यूचर की डिमांड हो अभी वैसे पाइथन फ्रंट रनिंग चल रहा है तो पाइथन का वन शॉट लेकर हम आने वाले हैं बट इसके अलावा जो भी आपके डिमांड हो वो प्लीज कमेंट सेक्शन में जरूर बताइएगा और टाइम नहीं लेता हूं चलिए जल्दी से स्टार्ट करते हैं तो सबसे पहले क्या देखेंगे हम अभी आज हम फर्स्ट पार्ट में देख रहे हैं इसका पूरा का पूरा इंट्रोडक्शन नोट जेएस का जिसमें हम क्या-क्या देखेंगे सबसे पहले देखेंगे नोट जस पढ़ने के लिए पहले से क्या-क्या पता होना चाहिए और वो हम कहां से पढ़े उसका रिसोर्स क्या है नोट जेएस क्या है इसमें क्या-क्या फीचर्स होते हैं है ना फिर हम समझेंगे जावास्क्रिप्ट किस तरह से क्लाइंट प चलती है सर्वर पे चलती है क्लाइंट सर्वर का क्या मतलब होता है सब कुछ समझेंगे जब जावास्क्रिप्ट को ही आप क्लाइंट पर सर्वर पर लिखते हैं उस कोड में मेनली क्या फर्क होता है रिस्पांसिबिलिटीज में क्या फर्क होता है नट जए को बैक एंड ज के लिए हम जनरली पढ़ते हैं उसके अलावा इसके क्या-क्या यूज़ हो सकते हैं और सबसे आखिर में पूरा आर्किटेक्चर जो है वह नट जस का हम यहां पर समझेंगे तो फर्स्ट चीज़ क्या है फर्स्ट चीज़ है प्री रेक्विरेमेंट चलेंगे कि जावास्क्रिप्ट आपने पढ़ी हुई है हालांकि हम इसका एक छोटा अ रिवीजन टाइप का जो कोर्स है वह हम यहां पर पहले करेंगे 1 घंटे डेढ घंटे 2 घंटे में हम जावास्क्रिप्ट को रिवाइज करेंगे उन सारे कॉन्सेप्ट्स को दोबारा टच करेंगे जो हम यहां पर बहुत अच्छे से यूज़ करने वाले हैं तो अगर आपने पहले कहीं से भी जावास्क्रिप्ट पढ़ी है तो आप यह कोर्स आगे बढ़ सकते हैं अगर आपको जावास्क्रिप्ट बिल्कुल स्क्रैच से नहीं आती है तो रिवीजन थोड़ा सा फास्ट पेसड होने वाला है पहली बार में चीजें आपको समझ में नहीं आएंगी हमारा तीसरा चैप्टर यानी अभी हम इंट्रोडक्शन पढ़ रहे हैं सेकंड होगा इंस्टॉलेशन थर्ड चैप्टर में हम क्या करेंगे हम बेसिकली जावास्क्रिप्ट को रिवाइज करेंगे बट अगर आपको बिल्कुल नहीं आती है तो मैं रिकमेंड करूंगा हम जावास्क्रिप्ट 14 आवर का एक बहुत अच्छा कंप्लीट कोर्स बनाकर कंप्लीट कर चुके हैं केजी कोडिंग चैनल पर तो आप वहां पर जाकर यह पूरा का पूरा जावास्क्रिप्ट का जो कोर्स है इसको देख सकते हैं इसके अंदर हमने प्रोजेक्ट्स बनाए हैं सर्टिफिकेशन मिलता है नोट्स आपको यहां पर मिलते हैं लिंक आपको इसका डिस्क्रिप्शन में मिलेगा ऊपर आई बटन पे भी इस समय आपको इसका लिंक दिख रहा होगा कोर्स का अगर आपने जावास्क्रिप्ट पहले बिल्कुल नहीं पढ़ा है तो वहां जाकर पढ़िए अदर वाइज जो रिवीजन का पार्ट है वो हम कवर करेंगे रिवीजन के टाइम पर भी आप ये देख सकते हैं कि अच्छा अगर कोई ऐसा पोर्शन है जो मुझको डीप में बहुत ज्यादा अच्छे से समझ नहीं आ रहा है तो भी आप उस समय प वापस जाकर वो टॉपिक स्पेसिफिकली इसको से पढ़ सकते हैं है ना बट अगर बिल्कुल नहीं आता है तो पहले इसको पॉज कर दीजिएगा हम आगे मानकर चलेंगे कि आपको आता है या हम सिर्फ रिवाइज कराएंगे तो अगर बिल्कुल नहीं आता है तो पहले एक बार जाकर जावास्क्रिप्ट आपको देखना जरूरी है वैसे हमारे चैनल पर एक मन स्टक का पूरा का पूरा रोड मैप का वीडियो भी आने वाला है जिसमें हम एक-एक चीज समझाएंगे क्या चीज किस पर डिपेंडेंट होती है अगर आपको पूरा मन स्टैक समझना है तो किस सीक्वेंस में चीजों को पढ़ना चाहिए और हम पूरा का पूरा कैसे वो केजी कोडिंग चैनल पर एकदम फ्री में कवर करने वाले हैं तो आप वो भी देख सकते हैं वो बहुत ही जल्दी आने वाला है चैनल पर आप चाहे तो उससे भी जाक चीजों को समझ समझ जाइएगा कि किस तरह से हमको पढ़ना है बट अभी यह समझिए अग नोट जेएस आप डायरेक्टली पढ़ रहे हैं तो जावास्क्रिप्ट का पता होना एकदम कंपलसरी है और क्या पता होना चाहिए देखिए रिएक्ट रिकमेंडेटरी नहीं है देखिए जब आप किसी भी चीज का बैक एंड बना रहे हैं तो फ्रंट एंड ही हमेशा बैक एंड को कॉल करता है अभी फ्रंट एंड और बैक एंड हम समझेंगे बट नट जस क्या है नोट जस एक बैक एंड टेक्नोलॉजी यानी इसमें आप सर्वर वाला कोड लिखते हैं तो सर्वर का कोड सर्वर के कोड का क्या काम होता है अगेन हम सब डीप में आगे समझने वाले हैं बट ये समझिए कि एक फ्रंट एंड आपके पास होना चाहिए तो अगर आप फुल स्टैक डेवलपर बनना चाहते हैं तो हम मैं रिकमेंड करूंगा कि आप रिएक्ट भी साथ में सीखें अगेन उसका तो हमने 20 घंटे में बहुत ही डीप में जाकर छह प्रोजेक्ट के साथ एक पूरा का पूरा कंप्लीट कोर्स किया हुआ है उसका लिंक भी आपको केजी कोडिंग चैनल पर है वो उसका लिंक भी आपको वीडियो के नीचे मिलेगा ऑलरेडी अभी जब मैं रिकॉर्ड कर रहा हूं ऑलरेडी 1 मिलियन से ज्यादा एक्रॉस हो चुका है बच्चों ने बहुत ही ज्यादा पसंद किया है बहुत अच्छे से बच्चों को समझ आया है सबको ठीक है तो रिएक्ट और रिडक्स का एक कंप्लीट कोर्स हमने किया है अगर आप सिर्फ बैक एंड डेवलपर बनना चाहते हैं फिलहाल आप नट जेएस पे कंसंट्रेट कर रहे हैं तो रिएक्ट सीखना बिल्कुल भी कंपलसरी नहीं है जैसे जावास्क्रिप्ट सीखना सीखना कंपलसरी है रिएक्ट इज गुड टू हैव अगर आप फुल स्टैक डेवलपर बनेंगे आप खुद अपना जो जेएस बेसिकली नट जेएस में जो हम एपीआई वगैरह बनाएंगे आगे देखेंगे हमारे कोड को कैसे कॉल करते हैं उस सबको आप अच्छे से यूज़ करना चाहते हैं तो एक फ्रंट एंड भी आपको आना चाहिए अगर आपको रिएक्ट के अलावा मान लीजिए एंगुलर आता है कोई भी एक दूसरा फ्रंट एंड आता है तो भी आपका काम चल जाएगा बट आपको अगर कोई और फ्रंट एंड नहीं आता है तो मैं रिकमेंड करूंगा आप रिएक्ट हमारे कंप्लीट कोर्स से जाकर रिएक्ट को देख लें तो यही है हमारे दो प्री रिक्विजिट इसके बाद कहां जाएंगे हम सीधे इसके बाद जाएंगे समझेंगे कि व्हाट इज नट जेएस नट जेएस है क्या सबसे पहले ये समझते हैं देखिए क्या लिखता है नट जस के बारे में ये जावास्क्रिप्ट रन टाइम यानी नट जस क्या है सबसे पहली बात ओपन सोर्स है यानी किसी स्पेसिफिक कंपनी का नहीं है यानी जो कोड है वो पब्लिक है कोई भी जाकर इस कोड को देख सकता है एडिट कर सकता है मॉडिफाई कर सकता है क्रॉस प्लेटफॉर्म क्रॉस प्लेटफॉर्म का क्या मतलब है चल जाता है रन टाइम एनवायरमेंट फॉर एग्जीक्यूटिंग अब सबसे इंपॉर्टेंट बात यह है जावास्क्रिप्ट कोड आउटसाइड ऑफ अ ब्राउजर अब देखिए य ये बात आपको समझनी पड़ेगी यहां पर इंपॉर्टेंट है क्या जब जावास्क्रिप्ट आई तो जावास्क्रिप्ट आई किस किस लिए थी किस तरह से आई थी देखिए जावास्क्रिप्ट चलती है ब्राउजर में ब्राउजर में वो क्या करती है ब्राउजर मतलब जैसे हम इंटरनेट को अच्छे से एक्सपीरियंस कर सकते हैं आपके ब्राउजर के अंदर पर ब्राउजर के अंदर अलग-अलग चीजों के अलग-अलग रोल्स होते हैं अगेन मैं मानकर चल रहा हूं बेसिक खा आता है तो मान लीजिए मैं जाता हूं अभी www.google.com पर और google.com खोलता हूं तो होता क्या है google.com का एक सर्वर है जहां पर मेरा ब्राउजर जाता है वहां से के लिए क्या बनाया गया था बहुत सारी इन चीजों के लिए बनाया गया था जावास्क्रिप्ट परट धीरे-धीरे लोगों को ये रिलाइज हुआ कि जावास्क्रिप्ट काफी अच्छी लैंग्वेज है काफी पॉपुलर हो रही है और जावास्क्रिप्ट को यूज हम ब्राउजर के बाहर भी कर सकते हैं बट उस समय तक जावास्क्रिप्ट सिर्फ कहां चलती थी सिर्फ ब्राउजर के अंदर चलती थी तो बेसिकली नट जेएस क्या कर रहा है नट जए जावास्क्रिप्ट को ब्राउजर के बाहर अगर आपको रन करना है तो उसको फैसिलिटेट करता है यानी जावास्क्रिप्ट अभी तक सिर्फ ब्राउजर यानी मान लीजिए सिर्फ कम में रन हो पा रही थी नट जस ने कहा यार हम सिर्फ ब्राउजर में रन नहीं करेंगे ब्राउजर के अलावा भी बाहर भी आप कहीं भी रन उसको कर सकते हैं और क्रॉस प्लेटफॉर्म तरीके से क्रॉस प्लेटफॉर्म मतलब किसी भी ऑपरेटिंग सिस्टम पर किसी भी डिवाइस पर आप इसको रन कर पाएं यह मैं बेसिकली नोट जस आपको वादा करता हूं जैसे हमारे ₹1 के नोट पर लिखा रहता है ना आरबीआई ख लिखकर रखता है कि मैं धारक को ₹1000000 आपको दूंगा तो इसी तरह से नोट जस क्या प्रॉमिस कर रहा है कि मैं जावास्क्रिप्ट को ब्राउजर के बाहर रन कराने में आपकी हेल्प करूंगा रन कराऊंगा तो नट जस इज अ जावास्क्रिप्ट इन अ डिफरेंट एनवायरमेंट मींस रनिंग जेएस ऑन द सर्वर और एनी कंप्यूटर यानी ब्राउजर पर रन नहीं करना है सर्वर पर चलाइए किसी भी कंप्यूटर पर चलाइए एक्चुअली नट जए का बैक एंड से डायरेक्टली कोई मतलब नहीं है वो भी हम समझेंगे नट जस बस ये बोल रहा है कि ब्राउजर के बाहर अगर आपको जावास्क्रिप्ट चलाना है तो मैं आपकी हेल्प करूंगा अब वो ब्राउजर के बाहर जनरली इसका यूज़ आजकल बैक एंड लिखने में यानी सर्वर लिखने में होने लगा है बात अलग है बट नट जस के और भी बहुत सारे यूज़ आप कर सकते हैं कैसे बनाया गया नट जस बिल्ट ऑन कमस v8 इंजन यानी इन्होंने क्या किया है जुगाड़ टेक्नोलॉजी जुगाड़ टेक्नोलॉजी मतलब मब मैं ऐसे बस आपको पढ़ाने के लिए बता रहा हूं इन्होंने क्या किया बोला कम में से जरा v8 को बाहर निकाल लो और इस v8 को अब कहीं पर भी चलाओ तो नट जेएस क्या है अगर आप नट जए का हमने यहां फॉर्मूला लिखने की कोशिश की है आप लगा लें v8 और उसमें कुछ-कुछ बैक एंड के फीचर्स इन्होंने डाल दिए तो क्या बन जाएगा नट जस बन जाएगा यानी नट जस कुछ नहीं है अगर हम देखेंगे तो 7080 पर ये chrome's को रन करता था वो हमने बाहर निकाल लिया और उसके अंदर कुछ-कुछ फीचर्स हमने ऐड कर दिए फीचर्स ऐड कर दिए मतलब अब देखिए जब आप ब्राउजर के अंदर चलते हैं तो बहुत सारी चीजें हैं जो सिर्फ आप ब्राउजर स्पेसिफिक करते हैं आगे चल कि हम देखेंगे जब आपको बैक एंड पर चलाना है यानी किसी सिस्टम पर चलाना है तो लोकल फाइल सिस्टम का एक्सेस होना नेटवर्क कॉल्स कर पाना और बहुत सारे फीचर्स ऐसे हैं जो आप बेसिकली ब्राउजर में नहीं कर सकते थे बट नॉर्मली कर सकते हैं और बहुत सारी चीजें ऐसी भी हैं जो बेसिकली ब्राउजर में आप कर पा रहे थे अब यहां आप नहीं कर पाएंगे मान लीजिए विंडो ऑब्जेक्ट है आगे चलके हम उसको उन सब चीजों को डिटेल में देखेंगे बट अभी आपको क्या समझना है कम का हमने इंजन बाहर निकाल लिया है जो जावास्क्रिप्ट को रन करता था उसके अंदर कुछ-कुछ फीचर्स ऐड किए वही मेरा जावास्क्रिप्ट बन गया है अ सॉरी नट जए बन गया है और नट जए बना काहे में है यानी v8 इंजन जो है काहे में बना है ये एक्चुअली अपने आप में c+ प में लिखा गया है क्यों क्योंकि c+ प की स्पीड बहुत ज्यादा तेज होती है अगेन वैसे रिलेवेंट नहीं है इस डिस्कशन के लिए बट आपको बताने के लिए बता रहा हूं ये जो इंजन आपको दिख रहा है यहां क्रम का ये किस लैंग्वेज में लिखा हुआ है ये c+ प में लिखा हुआ है यानी जावास्क्रिप्ट को यूज करने के लिए जावास्क्रिप्ट को चलाने के लिए हम किसका यूज़ कर रहे हैं एक्चुअली इंटरनली c+ प का यूज कर रहे हैं तो क्या है ये कम के v8 इंजन पर बना है व्हिच कंपाइल्स जावास्क्रिप्ट कोड डायरेक्टली टू नेटिव मशीन कोड अब ये बात भी आपको ध्यान रखनी है देखिए क्या कर रहा है जावास्क्रिप्ट के कोड को कोई कंपाइलेशन स्टेप नहीं होता है जावास्क्रिप्ट का कोड डायरेक्टली मशीन कोड में यहां पर कन्वर्ट हो जाता है क्या है जावास्क्रिप्ट एक इंटरप्रिटेड लैंग्वेज है यानी उसको कंपाइल नहीं करते हैं एक-एक स्टेप भी आपका रन होता रहता है ब्राउजर के अंदर भी है ना तो क्या है जावास्क्रिप्ट को डायरेक्टली मशीन कोड में कन्वर्ट कर देता है अब देखिए chromecast.com पर डाउनलोड कर सकते हैं यानी यह जो v8 इंजन chromecast.com [संगीत] इस वीडियो को एक बार लाइक करें अपने फ्रेंड्स के साथ बाकी लोगों के साथ इसको शेयर करिए और कमेंट करके जरूर बताइए कि और किन चीजों पे आपको बहुत सारे कोर्सेस कंपलीटली फ्री [संगीत] youtube's को नेटिव मशीन कोड में कन्वर्ट कर रहा था देखिए जो windows.com है वो बिल्कुल अलग है मैक पर chrome's का जो इंस्ट्रक्शन सेट है विज का जो कमांड है वो उसमें कन्वर्ट करता है जावास्क्रिप्ट को विज के मशीन कोड में कन्वर्ट करता है मैक वाला max-age करके उसी को यूज़ करके क्या बना दिया नट जस बना दिया जो कि अपने आप में अपने आप क्या बन गया क्रॉस प्लेटफॉर्म बन गया क्योंकि इन सब के लिए नट जस तो पहले सॉरी v8 तो पहले से बना ही हुआ था हमने v8 को यूज़ किया बोला नट जेएसबी अब हर प्लेटफॉर्म पर चलेगा ठीक है ये तो हुई पहली बात अब इसको बनाया किस जिस हिसाब से किया इसके अंदर और क्या-क्या चीजें हैं देखिए इसका डिजाइन अगर हम सबसे पहले बात करेंगे नट जए फीचर्स एंड इवेंट ड्रिवन नॉन ब्लॉकिंग आईओ मॉडल फॉर एफिशिएंसी देखिए ब्राउजर के अंदर क्या होता है जब आप ब्राउजर का कोड लिखते हैं यूआई का कोड लिखते हैं तो बार-बार ही बोला जाता है कोई भी हैवी काम आप कोड के अंदर नहीं करेंगे जब बेसिकली ब्राउजर की साइकिल जो है वो पेंट हो रही है ब्राउजर अपना काम कर रहा है तो क्या होगा वरना यूजर का एक्सपीरियंस स्लो हो जाएगा है ना तो ये क्या बोल रहा है बाय डिफॉल्ट जो भी इनपुट आउटपुट किया जाना है तो वो क्या किया ग क्या किया गया है उसको नॉन ब्लॉकिंग आईओ मोड में लगाया गया है यानी वो कभी भी ब्लॉक नहीं करता किसी चीज को आगे चलके इसको भी हम डिटेल में देखने वाले हैं यानी आपका थ्रेड ब्लॉक नहीं होता है जब आप इनपुट आउटपुट करेंगे मान लीजिए किसी डेटाबेस से आप इंटरेक्ट कर रहे हैं आप इंटरनेट पर कोई कॉल कर रहे हैं किसी भी तरह का इनपुट आउटपुट अगर आप करने की कोशिश कर रहे हैं कोई लोकल फाइल सिस्टम से आप इंटरेक्ट कर रहे हैं कोई भी इनप इनपुट आउटपुट आप करेंगे नॉन ब्लॉकिंग हु यानी आपका कोड आगे बढ़ जाएगा आपका कोड उसका वेट नहीं करेगा वरना क्या होगा चीजें रुकने लगेंगी इवेंट ड्रिवन का क्या मतलब होता है यानी मैं अगेन बहुत डीप में यहां पर नहीं जाऊंगा बट मोटा-मोटा आपको ये समझना है इवेंट ड्रिवन का मतलब कि दो तरह की चीजें होती हैं एक जो इवेंट थ्रो कर रहा है एक जो इवेंट लेसन कर रहा है तो क्या होता है वहां पर बेसिकली जब भी सिस्टम में कोई हुआ मान लीजिए कोई बोलेगा यूजर की नई रिक्वेस्ट आई है एक इवेंट हो गया मेरा डेटाबेस का अ जो कॉल था वो कंप्लीट हो गया है बहुत सारे अलग-अलग तरह के इवेंट हो सकते हैं और लोग उनको लिसन करते हैं किसलिए जनरली यूज़ होता है सिंगल थ्रेड में यानी एक ही थ्रेड में बहुत सारी चीजों को काम करने के लिए यूज होता है अगेन अगर आपको बहुत ज्यादा भी ये चीजें क्लियर नहीं हो रही हैं ये नहीं होंगी मेन चीज अभी अभी आपको ये समझनी है कि एक इवेंट ड्रिवन नॉन ब्लॉकिंग आईओ टाइप का यानी कुछ-कुछ डिजाइन चेंज हमने किया है v8 को क्या क्या बनाने के लिए नट जस बनाने के लिए फायदा क्या हुआ इससे अब देखिए मेन फायदा यहां पर आया अलाउ यूजिंग जावास्क्रिप्ट ऑन बोथ सर्वर एंड क्लाइंट साइड्स देखिए जन अभी आपके पिछले दो-चार साल में ये हुआ है कि सिंगल आदमी क्या बनने की कोशिश कर रहा है फुल स्ट्रैक डेवलपर बनने की कोशिश कर रहा है क्योंकि मैं एक ही लैंग्वेज सीखूं अच्छे से और मैं क्या बन जाऊंगा फुल स्टैक डेवलपर बन जाऊंगा क्यों क्योंकि जावास्क्रिप्ट एक ऐसी अनोखी लैंग्वेज है जिसमें आप क्लाइंट साइड भी बना सकते हैं यानी आप यूआई भी डिजाइन इसी में करते हैं जैसे हमने रिएक्ट पढ़ा रिएक्ट क्या करता है बेसिकली जावास्क्रिप्ट में को ही हम यूज़ करके क्या बनाते हैं पूरा का पूरा यूआई बनाते हैं यूआई डिजाइन करते हैं चाहे एंगुलर हो चाहे आपका रिएक्ट हो सब यूज़ क्या कर रहे हैं यूज़ तो सब जावास्क्रिप्ट ही कर रहे हैं और सर्वर भी अब मैं नोट जस को यूज़ करके यानी बैक एंड का भी जो कोड है वो भी मैं कहां लिख पाऊंगा वो भी मैं जावास्क्रिप्ट यूज़ करके ही लिख पाऊंगा तो जावास्क्रिप्ट ऐसी एक यूनिक लैंग्वेज हो गई है नोट जस आने के बाद जिसमें आप फ्रंट एंड भी लिख सकते हैं जिसमें आप बैक एंड का कोड भी लिख सकते हैं और ये क्या है बाय डिफॉल्ट स्केलेबल है यानी आइडियल फॉर स्केलेबल नेटवर्क एप्लीकेशंस ड्यू टूस आर्किटेक्चर इसका आर्किटेक्चर ऑलरेडी क्रोम बेस्ड है तो इंटरनेट की कॉल्स ये वो ये सब ये बहुत अच्छे से मैनेज करता है बहुत सारे यूजर्स की बहुत सारी पैरेलल कॉल्स को भी बहुत अच्छे से मैनेज करता है तो ये स्केलेबल है स्केलेबल का मतलब आज मेरी एप्लीकेशन मैंने बनाई उसको 10 यूजर यूज करते हैं कल को 10 मिलियन यूज करेंगे भगवान करे ऐसा हो है ना तो अगर बहुत ज्यादा आपका ट्रैफिक बढ़ जाता है यानी आपको आपकी एप्लीकेशन बहुत ज्यादा बड़ी हो जाती है तो भी ये क्या होता है स्लो नहीं होता फटता नहीं है आप आरा आराम से इसको स्केल कर सकते हैं स्केल का मतलब कम यूजर से ज्यादा यूजर तक ले जाना कम रिक्वेस्ट पर सेकंड हैंडल करने से ज्यादा रिक्वेस्ट पर सेकंड हैंडल करना वो सय क्या करता है नट जस आपका हैंडल करता है वर्सेटाइल है वर्सेटाइल कैसे ये वेब के लिए भी सूटेबल है रियल टाइम चैट बहुत सारी इसके अंदर बनती है रेस्ट एपीआई का सर्वर आपको बनाना है अभी आगे चलके मैं बहुत सारे एग्जांपल्स आपको दूंगा एप्लीकेशंस एप्स जो आप यूज करते हैं आपको अचंबा होगा कि र ये सब हमने जावास्क्रिप्ट में लिखा हुआ है ये सब नोट जेएस यूज करके हमने लिखा है तो बहुत सारी ऐसी चीजें हैं जो क्या होता है नट जेएस के अंदर यहां पर लिखी हुई है या नट जस का यूज करके हम देख सकते हैं तो मेन पॉइंट यहां पर क्या हुआ जावास्क्रिप्ट को इसने बहुत ज्यादा एंपावर कर दिया किस चीज के लिए कि अब जावास्क्रिप्ट जो सीख रहा है वो बहुत सारे काम अपने आप में बेसिकली कंप्लीट डेवलपर वो यहां पर बन सकता है है ना अब देखते हैं नट जस में फीचर्स ऐड क्या-क्या हुए जो भी हम बात कर रहे थे कि हमने v8 इंजन को निकाला हमने फार्मूला देखा था ना पहले v8 इंजन को निकाला और उसके अंदर बैक एंड फीचर्स को ऐड कर दिया तो बन गया नट जस अब वो क्या-क्या फीचर हमने ऐड किए हैं है ना अभी हम देख रहे हैं फीचर जो जो ऐड हुए हैं v8 में पहले उनको देख लेते हैं तो सबसे पहला क्या जो भी हम बात कर रहे थे नॉन ब्लॉकिंग आयो अब देखिए नॉन ब्लॉकिंग आयो किस तरह से चलता है आपको ये समझना है थोड़ा सा मैं अगेन मान कर चल रहा हूं कि जावास्क्रिप्ट आपको आती है बेसिक आपको आती है वरना रिवीजन हम करने वाले हैं है ना तो देखिए इवेंट लूप एक चलता है यानी जावास्क्रिप्ट का आपने हो सकता है पहले भी सुना हो जब हमने जावास्क्रिप्ट पढ़ा था तब भी हमने बात की थी कि जावास्क्रिप्ट एक सिंगल थ्रेडेड लैंग्वेज होती है यानी जावास्क्रिप्ट जनरली क्या करता है एक ही थ्रेड में काम करते रहता है बाकी क्या होता है एक इवेंट लूप बनता है अब इस इवेंट लूप का मतलब समझते हैं देखिए क्या है यानी ये बोल रहा है एक सिंगल थ्रेड है यानी आप जो भी इसको कोड देंगे पहले उसको पूरा एग्जीक्यूट करता रहेगा जब एग्जीक्यूशन खत्म कर लेगा उसके बाद जो आपका थ्रेड है वो फिर से इवेंट लूप में चला जाएगा वो बोलेगा मुझे अगला काम दीजिए करने के लिए जब तक इसको अगला काम नहीं मिलेगा ये क्या करेगा एक लूप में घूमता रहेगा यानी ये खाली बैठा रहेगा आप ये मान लीजिए खाली है एक रूम में वो चक्कर लगा रहा है है ना वो रूम में बैठकर चक्कर लगा रहा है आप उसको कोई भी काम बताते हैं वो जाता है काम करके वापस आ जाता है फिर वहीं पर चक्कर लगाने लगता है तो इसको हम बोलते हैं जनरली इवेंट लूप अब यहां पर ये क्या बोल रहा है कि अगर कोई भी इनपुट आउटपुट टाइप का काम आपको करना है नेटवर्क कॉल आपको करना है डेटाबेस का कॉल आपको करना है तो यह जो आपका लूप घूम रहा है यह वह काम नहीं करता यह क्या करेगा उसको इनीशिएट करेगा ये किसी और को बोल देगा किसी और थ्रेड को बोलेगा इनपुट आउटपुट थ्रेड को बोलेगा कि भई एक काम करो डेटाबेस से एक ये मेरे लिए सामान निकाल कर लाओ ये खुद उसका वेट नहीं कर रहा ये फिर यहां लूप के अंदर घूमना शुरू कर देगा आपने उसको बोला जाओ जरा google.com खोलो ये किसी और को बोल देगा कि भाई ये इनपुट आउटपुट वाला काम है जरा google.com खोल दो उसके लिए देखिए वर्कर क्रिएट कर रहा है यानी अलग-अलग आईओ के काम के लिए अलग-अलग ये वर्कर्स क्रिएट कर रहा है वो काम ये खुद नहीं करता ये बोल देगा उसको बोल देगा जाओ google.com खोलो फिर आकर यहां पर गोल गोल गोल गोल घूमने लगेगा ये बड़े भाई भाई बहन की तरह है घर में जो अपने आप कुछ नहीं करता मम्मी जब उसको कोई काम बताती है तो वो अपने छोटे भाई बहन को बता देता है उनसे करवाता है है ना तो ये क्या कर रहा है गोल-गोल घूम रहा है जब भी कोई भी काम आया अगर कोई लॉजिक एग्जीक्यूट करना है तो वो ये काम खुद करता है बट कोई भी इनपुट आउटपुट का काम है तो वो क्या करेगा इसको या स्क्रीन पर कुछ दिखाना है तो क्या करेगा वर्कर बनाएगा वर्कर को बोलेगा जाओ ये काम करके आओ और क्या करेगा वर्कर जब अपना काम कंप्लीट कर लेगा यानी मान लीजिए डेटाबेस से जो सामान निकालना था वो वो निकाल लाया उसको नेटवर्क से कुछ डाउनलोड करना था google.com ने बोला था वो वो कर लाया इस तरह का कोई भी काम जब उसने पूरा कर लिया है तो य आकर एक बेसिकली मान लीजिए उसको उंगली करता है कि भाई मैंने आपका काम पूरा कर दिया उसको क्या बोलते हैं उसको बोलते हैं कॉल बैक यानी ये बोल रहा है भाई आपने मुझे कॉल किया था मैं आपको कॉल बैक कर रहा हूं आपका काम पूरा हो गया है तो फिर से अब इससे काम उठा लेगा उस बेसिकली जो भी इसने डाटा मंगाया था जो भी इसको काम करना था उसको फिर से प्रोसेस करेगा फिर से अगर इसको कुछ आईओ कराना है कुछ और कराना है तो फिर वर्कर को बना देगा फिर यहां पर क्या करेगा गोल गोल घूमने लगेगा साथ-साथ देखिए यहां पर क्या हो रहा है क्लाइंट्स की रिक्वेस्ट भी इसके पास आ रही है तो क्लाइंट की कोई रिक्वेस्ट आएगी रिक्वेस्ट आएगी उसको प्रोसेस करेगा इस बीच अगर कोई और काम करना है कुछ करना है तो उसको यहां पर छोड़ देगा फिर गोल गोल गोल गोल घूमने लगेगा जब रिस्पांस तैयार होगा क्लाइंट ने कोई रिक्वेस्ट दिया इसको उसको रिस्पांस देना है रिस्पांस तैयार होगा तो फिर से उसको रिस्पांस देगा फिर से यहां पर गोल-गोल घूमने लगेगा तो देखिए यहां पर हुआ क्या है जावास्क्रिप्ट ने क्या किया है इसका काम बहुत ज्यादा रिड्यूस कर दिया है जो एक मेन थ्रेड है इसका बीच वाला जो थ्रेड है इसका काम बहुत ज्यादा रिड्यूस कर दिया इससे क्या होता है बहुत ज्यादा नंबर ऑफ रिक्वेस्ट ही बहुत अच्छे से हैंडल कर पाता है और आपका जो भी बेसिकली ये मेन थ्रेड है नॉन ब्लॉकिंग हो जाता है यानी किसी पर भी ब्लॉक्ड नहीं रहता अगर किसी को भी अपना काम करने में कोई टाइम लग रहा है तो उसको य वर्कर बनाकर डाल देता है अपना काम ये यहां पर करते रहता है तो ऐसा नहीं कि इतने को ये इनपुट आउटपुट कर रहा है इतने क्लाइंट की रिक्वेस्ट आई तो वो रिक्वेस्ट रिसीव नहीं हो पाएगी ऐसा नहीं होता है ना तो आपको ये समझना है देखिए बैक एंड सिस्टम यहां पर किस तरह से काम करता है बैक एंड एक सर्वर है जो वहां पर रखा हुआ है बार-बार क्या होगा क्लाइंट आकर यहां पर एक रिक्वेस्ट करेगा यानी क्लाइंट ने किया रिक्वेस्ट और आप देंगे उस उसको रिस्पांस अभी तक हमने क्या किया देखिए जब हमने रिएक्ट भी पढ़ा था अगर आपने हमारे साथ वो पढ़ा है तो तो वहां पर हम क्या करते थे हमको कोई डाटा चाहिए तो हम बोलते थे बैक एंड एपीआई मान लीजिए बनी हुई है और हम क्या करेंगे बैक एंड एपीआई को कॉल करते थे और उसको उसका जो डाटा है वो वहां पर डायरेक्टली यूज़ कर लेते थे म में हमने ऐसा किया था म में हमने नोड जए का ही एक सर्वर बनाया था जिसको हमने एक्सप्लेन नहीं किया था किस तरह से बना है बट एपीआई के थ्रू बेसिकली कौन सी इमेजेस लगेंगी क्या डाटा लगेगा किस पेज पर क्या कपड़े शो होंगे वो हमने क्या किया था एक एपीआई के थ्रू एक्सेस किया था एपीआई मतलब एक सर्वर कहीं और चल रहा है मैं तो क्या करता हूं देखिए आपका ब्राउजर जब आप mantra.com खोलते हैं इसको थोड़ी पता है कौन से कपड़े आज सेल पर हैं तो mantra.com का जो कोड है वो यहां पर क्या करता है जब आप ब्राउजर पर चला रहे हैं ये सर्वर के पास जाता है बोलता है भाई बताओ पहले मेन पेज पर 20 कपड़े कौन से दिखाने हैं तो उसको एक लिस्ट मिलती है कपड़ों की वो यहां आता है उसको फिर अच्छे से सुंदर तरीके से करके आपको दिखाता है तो वो इंसान कौन है वो सिस्टम कौन है जो एक्चुअली लिस्ट रिटर्न कर रहा है डेटा की वही आपका सर्वर है जो अब हम यहां नट जए को यूज करके बनाएंगे तो उसको क्या होता है क्लाइंट्स आते हैं अलग-अलग तरह से मोबाइल पप से भी आ सकते हैं वो कम से आ सकते हैं वो कहीं से भी आ सकते हैं वो आएंगे आपके पास एक रिक्वेस्ट लेकर के कि भाई यह डाटा हमको चाहिए अब यहां आपको मेनली यूआई के साथ डील नहीं करना है वो कैसे दिखाया जाएगा ये सर्वर की हेडेक नहीं है सर्वर मेनली क्या कर रहा है सर्वर मेनली ये बोल रहा है आपको क्या डाटा चाहिए मुझे बताइए आपको 10 कपड़े चाहिए ठीक है वो जाएगा और 10 कपड़ों का एक जेसन फॉर्मेट जनरली बना कर के कि कपड़े का नाम क्या है इसका प्राइस क्या है जो हम अपने आप बैक एंड के लिए बनाते थे बेसिकली डेटा स्ट्रक्चर बनाते थे वही ये बनाकर क्लाइंट को रिटर्न कर देगा ठीक है और इसमें फीचर क्या ऐड किया गयाने नेटवर्किंग सपोर्ट इसके अंदर ऐड किया गया नेटवर्किंग सपोर्ट मतलब ये सपोर्ट करता है टीसीपी यूडीपी सॉकेट्स व्हिच आर क्रुशल फॉर बिल्डिंग लोअर लेवल नेटवर्क एप्लीकेशंस अभी मैं इसके अंदर अगेन बहुत डीप में नहीं जाऊंगा टीसीपी यूडीपी सॉकेट्स का आपको ये मतलब समझना है जनरली रिक्वेस्ट रिस्पांस होता है है ना आपने रिक्वेस्ट किया सर्वर ने आपको रिस्पांस कर दिया पर बहुत बार ऐसी रिक्वायरमेंट आती है कि सर्वर से लगातार कम्युनिकेशन करना है मान लीजिए आप और आपका फ्रेंड आपस में whatsapp-web आप एंटर दबाते हैं वो जाता है उधर से इमेज आती है तो बार-बार क्या होता है बार-बार एक रिक्वेस्ट भेजना उसका रिस्पांस लाना रिक्वेस्ट भेजना रिस्पांस लाना कनेक्शन एस्टेब्लिश करना पड़ता है प्रोटोकॉल्स में तो ओवरहेड बहुत ज्यादा हो जाता है बहुत ज्यादा टाइम लगता है तो एक ये दूसरी टेक्नोलॉजी होती है उसको बोलते हैं वेब सॉकेट्स सॉकेट्स क्या करते हैं कांस्टेंट कनेक्शन मान लीजिए आपके और सर्वर के बीच में खुल जाता है तो जब आप whatsapp-web भेजेगा वो पहले जाएगा सर्वर पे सर्वर सीधे आपके पाइप में डालकर उसको आपको दे देगा सर्वर को ढूंढने की जरूरत नहीं है कि आप कहां है नया कनेक्शन बनाना है नहीं बनाना है ये सब नहीं सोचना है तो इस टाइप का नेटवर्किंग सपोर्ट भी आपको कहां मिलता है नट जस के अंदर मिलता है ठीक है तो ये फीचर्स ऐड हुए हैं और क्या ऐड हुआ है फाइल सिस्टम का एक्सेस यानी मान लीजिए मैं लोकल फाइल सिस्टम के अंदर लोकल जो जहां पर जैसे आप फोल्डर बनाते हैं फाइल्स बनाते हैं उनको आपको एक्सेस करना है ब्राउजर से आप कभी वो एक्सेस नहीं कर सकते ब्राउजर से क्या होता है पहले पूरा ऑप्शन खुलता है मान लीजिए आप कोई इमेज आपने ने कभी अपलोड किया होगा आप मान लीजिए [संगीत] साइड कैपेबिलिटीज नट जस एनेबल जावास्क्रिप्ट टू रन ऑन द सर्वर एटीटीपी रिक्वेस्ट को हैंडल करना फाइल ऑपरेशंस करना अदर सर्वर साइड फंक्शनैलिटी करना यह सब यहां पर ऐड हुआ है और मॉड्यूस में ऑर्गेनाइज कर पाना देखिए ये आपको समझना होगा अभी तक हम क्या करते थे यहां पर हमको रिक्वायर टाइप का कोई तरीका नहीं होता था यहां नट जस क्या करता है अलग-अलग छोटे-छोटे पैकेजेस बनाता है जिसको एनपीएम पैकेजेस बोलते हैं पैकेजेस आप बना सकते हैं और अलग-अलग पैकेजेस को यहां पर यूज़ कर सकते हैं किसी भी बैक एंड टेक्नोलॉजी की तरह बहुत बेसिकली रिक्वायर फंक्शन आपको यहां पर मिलता है रिक्वायर से आप क्या कर सकते हैं अलग-अलग मॉड्यूल जो कोड ऑलरेडी लिखा हुआ है चाहे वह नट जए टीम ने लिखा हो या आपको ऑनलाइन बहुत सारे लोग मिल जाएंगे जो अलग-अलग तरह के पैकेजेस लिख रहे हैं वह सब पैकेजेस आप यहां पर यूज़ कर सकते हैं यूजिंग रिक्वायर तो यह क्या किया है यह भी नट जए ने ऐड किया है फीचर अब यह भी बात कर लेते हैं कि भाई रिमूव क्या-क्या हुआ है अगर v8 को हम अपने बैक एंड पर चलाने के लिए ले आए हैं तो कोई चीज़ें अब ऐसी हैं जो अब हम यूज़ नहीं कर सकते यानी जावास्क्रिप्ट में आप ब्राउज़र के अंदर यूज़ कर सकते थे बट अगर आप उसको बैक एंड पर चला रहे हैं यानी न जस पर चला रहे हैं तो आप यूज़ नहीं कर सकते सबसे बड़ा क्या है विंडो ऑब्जेक्ट यहां पर नहीं होता है अगर आपने जावास्क्रिप्ट हमारे साथ पढ़ा है तो देखिए सबसे पहले आप कहां से स्टार्ट करते हैं विंडो डॉट यानी ग्लोबल वेरिएबल आपको मिलता है विंडो जिससे आपको बहुत सारी चीजों का एक्सेस मिल जाता है जैसे कि आपका डोम ऑब्जेक्ट जब हम देखिए जावास्क्रिप्ट बनाई तो किस लिए गई थी ब्राउजर के लिए ही गई थी तो वहां एक डोम ऑब्जेक्ट होता है देखिए डोम ऑब्जेक्ट ये क्या है डॉक्यूमेंट आपको मिलता है यानी आपको अपने पूरे वेब पेज का एक्सेस हमको डायरेक्टली होता था फाइंड एलिमेंट बाय आईडी ये सब जो आप वहां कर पाते थे वो सब यहां नहीं कर पाएंगे क्यों क्योंकि भाई वेब पेस तो है ही नहीं हम तो बैक एंड लिख रहे हैं तो यहां फाइंड एलिमेंट कहां से एलिमेंट फाइंड होगा कोई जाना है तो कोई भी डायरेक्ट ब्राउजर इंटरेक्शन यहां पर आप नहीं कर सकते हैं स्क्रीन के साथ छेड़-छाड़ यानी स्क्रीन साइज छोटा-बड़ा करना पिक्सल्स के साथ छोटा-बड़ा करना वो सब अब यहां पर आपको नहीं मिलेगा है ना तो पूरा का पूरा विंडो ऑब्जेक्ट सबसे पहली बात आपको नहीं मिला यह समझना है और और बेसिकली यहां से क्या रिमूव हुआ है आपको ये देखना है वेब स्पेसिफिक एपीआई भी आपकी रिमूव हो गई हैं जैसे कि आप जब ब्राउजर के अंदर होते हैं तो लोकल स्टोरेज सेशन स्टोरेज कुकीज यहां पर आप अपना डाटा स्टोर कर सकते हैं वो सब आपको नहीं मिलेगा क्योंकि आप ब्राउजर के अंदर रन ही नहीं हो रहे हैं आपको इसके उसके बदले में क्या दिया गया है हमने देखा था फीचर एडिड में था फाइल सिस्टम का एक्सेस आपको दिया गया है यानी आप अपनी लोकल फाइल बनाइए और देखिए जब आप ब्राउजर में कोई भी वेबसाइट आप खोलिए आप ब्राउजर के अंदर रन नहीं हो रहे हैं तो वेब स्पेसिफिक जो इस टाइप की एपीआई हैं लोकल स्टोरेज सेशन स्टोरेज या ब्राउजर बेस्ड फेच जो फंक्शन होता था ये सब अब आप ट जए के अंदर यूज़ नहीं कर पाएंगे ठीक है और क्या हट गया है बस देखिए इतना ही यहां पर ये दो चीजें हमने देख ली है ना विंडो ऑब्जेक्ट आपका हट गया है बीओडी ये सब आपको नहीं मिल रहा है और बेसिकली जो भी आपकी स्टोरेज स्पेसिफिक चीजें थी ये आपको अब अपना स्पेसिफिक बनाना पड़ेगा तो ये हुए फीचर्स हमने दोनों तरह के फीचर्स देख लिए फीचर्स जो ऐड हुए वो भी हमने देखे और फीचर्स जो रिमूव हुए वो भी हमने देख लिए उसके बाद क्या देखेंगे देखिए जावास्क्रिप्ट क्लाइंट पर किस तरह से चलती है अगेन ये हम बात अभी थोड़ी सी पहले करके आए थे इसको अब डीप में देखेंगे जावास्क्रिप्ट क्लाइंट पर चलती किस तरह से देखिए यही हमने कहा था कम क्या करता है क्लाइंट के ऊपर क्लाइंट के ऊपर ही क्या करता है सर्वर के पास जाता है सर्वर के पास बोलता है लाओ भैया हमको फाइल्स दे दो कौन-कौन सी फाइल आपको चाहिए एटीएमएल दे दो सीएसएस दे दो जावास्क्रिप्ट दे दो या जसन फाइल भी आपको यहां पर मिलती है जेसन फाइल भी दे दो तो हम मैं क्या करूंगा मैं यह सब फाइल्स यूज करके क्या करूंगा एक वेब पेज आपको बना कर दूंगा इस प्रोसेस को क्या बोलते हैं रेंडरिंग यानी आपका जो कम है वो क्या करता है दो इसके मेजर पोर्शन है पहला तो नेटवर्क कॉल्स अच्छे से कर पाना सर्वर पर जाना सर्वर से डाटा लेकर आना सर्वर पर जाना सर्वर से डाटा लेकर आना तो जो कोड हम पर ही आके रन होता है आप इंस्पेक्ट टूल्स करके क्या दे स देख सकते हैं ये सारा का सारा कोड आप देख सकते हैं है ना तो chrome-flags कोई नेविगेशन आपने कर लिया तो वो सब हैंडल करना फाइल्स को लोड करना यानी एटीएमएल करना है ये करना तो जावास्क्रिप्ट क्लाइंट पर किस तरह से चलता है इस तरह से चलता है यहां पर यूजर इंटरेक्शन ऐड करना और chome-2 क्या है नट जेएस भी सिर्फ रिक्वेस्ट को ले रहा है दे रहा है प्रोसेसिंग कर रहा है बट mrathi.com डिकेशन देखना यानी मान लीजिए आज मैं अपने बैंक से पैसे निकाल रहा हूं या इवन मं का भी आप एग्जांपल ले सकते हैं मरा में मैं क्या करता हूं मैं ऑर्डर करना चाहता हूं बट पहले आपको लॉग इन करना पड़ता है क्यों वो देखेगा आपके अकाउंट में कोई पहले से मंत्रा मान लीजिए क्रेडिट तो नहीं पड़ा है कोई रुपए तो वहां पर नहीं पड़े हुए हैं आपका एड्रेस पहले से क्या है वो बहुत सारी चीजें इंश्योर करेगा आपको लॉगइन कराएगा आपका फोन नंबर आपने सही दिया है या नहीं तो ऑथेंटिकेशन क्या है वेरीफाइज यूजर आइडेंटिटी की आप बेसिकली जो हो आप वो हो या नहीं आप सच में अगर यहां पर ऑर्डर करना चाह रहे हो कपड़े तो आपने अपने बेसिकली फोन नंबर डिटेल्स वगैरह सही दिए हैं या नहीं तो वो ये पहले आपको ऑथेंटिकेट करेगा या अगर और अच्छा एग्जांपल हम ले बैंकिंग वाला तो आप अगर अपने अकाउंट से पैसे निकालना चाहते हो कोई ट्रांजैक्शन करना चाहते हो तो पहले यह तो मेक श्योर करेगा कि आप वही हो जो आप बोल रहे हो वरना तो कोई किसी के भी अकाउंट के पैसे निकाल लेगा है ना तो सर्वर को यह काम करना पड़ता है जिसको बोलते हैं ऑथेंटिकेशन आगे चलके पूरा चैप्टर हम इस पर देखेंगे नट जेएस में कि हमको ऑथेंटिकेशन कैसे करना होता है सर्वर पर अभी तक हमने अलग चीजों के साथ डील किया है जब हम ब्राउजर पर रन कर रहे थे बट अब जब बैक एंड पर रन करेंगे तो इन सब चीजों का हमको ध्यान रखना पड़ेगा तो ऑथेंटिकेशन हम देखेंगे ऑथराइजेशन क्या है ऑथराइजेशन होता है कि आप हो तो वही जो आप बोल रहे हो बट आपको यह काम करने का इजाजत है भी या नहीं जैसे अगर आप लोगों में से कुछ लोगों का अकाउंट एसबीआई में हो एसबीआई ये बोलता है कि भाई एक दिन में अगर आपने कोई नया बेनिफिशियरी मान लीजिए ड किया किसी नए इंसान को आप पैसे ट्रांसफर कर रहे हैं मैं 10000 से ज्यादा आपको पैसे ट्रांसफर करने ही नहीं दूंगा तो मैं हूं तो वही ये अकाउंट तो मेरा ही है बट उसके बाद भी बोल रहा है आप ऑथराइज नहीं है ये काम करने के लिए अगर आपको इससे ज्यादा पैसे निकालने हैं तो आप ब्रांच में जाइए वहां से निकालिए तो अलग-अलग तरह के ऑथराइजेशन लेवल होते हैं कि किसको क्या करना अलाउड है आपका अगर मान लीजिए कॉलेज का स्कूल का कोई सॉफ्टवेयर है तो उसमें आपके पास अलग प्रिविलेज होंगी आपका टीचर नंबर एडिट भी कर सकता होगा और मान लीजिए आपके मार्क्स वहां पर आते हैं वो नंबर एडिट भी कर सकते हैं बट आप वो नंबर एडिट नहीं कर सकते तो आप हैं तो स्टूडेंट ही ऑथेंटिकेशन का मतलब है मैं वो हूं जो मैं बोल रहा हूं और ऑथराइजेशन का मतलब है मैं ऑथराइज्ड हूं यानी मैं ये काम करने के लिए ऑथराइज्ड हूं मुझे पर्टिकुलर काम करने दीजिए दोनों चीजें आपको सर्वर पर इंश्योर करनी पड़ती है और क्या है इनपुट वैलिडेशन यानी जब इनपुट आएगा तो देखना उसमें कुछ खराब तो नहीं है आपने हमने बोला था ईमेल आईडी डालने के लिए आपने उसके अंदर फोन नंबर डाल दिया तो चीजों को वैलिडेट करना सेशन मैनेज करना यानी आप अगर एक बार लॉगइन हो गए हैं आप कम में कितनी भी टैब्स खोलिए आप बार-बार रिफ्रेश करिए आपने कार्ट में कोई चीज ऐड करी तो व आपकी काट के अंदर चली जाएगी यह सब का कहे के अंदर जाता है जनरली सेशन मैनेजमेंट के अंदर जाता है और क्या-क्या आपको करना है एपीआई मैनेजमेंट यानी इस तरह के अपने एपीआई निकालने एपीआई का मतलब क्या है एपीआई तरीका होता है क्लाइंट को स्मूथली डाटा देने का यानी इंश्योरिटी प्रोग्रामिंग इंटरफेस यानी फुल फॉर्म में वैसे कुछ कुछ रखा नहीं है बट बेसिकली ऐसी एक एपीआई बनाना जिसके थ्रू मान लीजिए आप मेंा हैं तो आप बोलेंगे भाई ये मेरी एपीआई है अगर कोई भी इस पर्टिकुलर एड्रेस पर आकर एपीआई मतलब इस पर्टिकुलर एड्रेस पर आप आकर मुझे कॉल करेंगे तो मैं आपको 10 कपड़े उठाकर दे दूंगा है ना तो इस तरह की एपीआई बनाना अगन आगे चलके हम ये बहुत डीप में बनाने वाले हैं मेन काम हमारा यही होने वाला है नोट जिसमें अलग-अलग एपीआई मैनेजमेंट य हम करेंगे एरर हैंडलिंग करना कोई गड़बड़ तो नहीं हो रही है पेमेंट फेल हो गई कपड़े जो आपने ऑर्डर किए थे वो भी आउट ऑफ स्टॉक हो गए इस तरह की एरर हैंडलिंग जो भी एर हैंडलिंग है वो करना सिक्योरिटी इंश्योर करना है ना कि कोई जबरदस्त अटैक तो नहीं कर रहा है मेरा ऑथेंटिकेशन ऑथराइजेशन पास कर कर आप अंदर तो नहीं घुस रहे हैं किसी और के पैसे तो नहीं निकाल रहे हैं यह सब हमको देखना एंक्रिप्शन करना इंक्रिप्शन भी बेसिकली उसी के अंदर आता है क्या सेंसिटिव इंफॉर्मेशन यानी खुली नहीं जानी चाहिए आपने अपना फोन नंबर दिया तो मैं नेटवर्क पर उसको खुला नहीं भेज सकता किसी को भी नहीं दिखा सकता वरना क्या होगा आपकी प्राइवेट इंफॉर्मेशन लीक हो जाएगी साथ-साथ लॉगिंग एंड मॉनिटरिंग देखिए जब सर्वर हम चलाते हैं तो क्या-क्या हो रहा है उसका एक लॉग जनरली तैयार किया जाता है यानी अगर कभी भी कुछ गड़बड़ हो जाए ताकि हम जाकर देख सकें कि गड़बड़ क्या हुई थी है ना तो लॉगिंग मॉनिटरिंग ये सब करना तो जावास्क्रिप्ट पर सर्वर पर आपको ये सब काम जो है वो करना पड़ेगा हमने क्लाइंट भी देख लिया सर्वर भी देख लिया अब देखते हैं इनके अंदर मेन डिफरेंस क्या है तो अगर आप क्लाइंट कोड और सर्वर कोड के अंदर डिफरेंस देखेंगे देखिए क्या है बड़ा सुंदर सा इमेज है इससे सब कुछ आपकी बातें क्लियर हो रही हैं यूजर देखिए यहां खड़ा होता है उसको सुंदर सी बस यहां पर एक लड़की दिख रही है यानी फ्रंट एंड यानी आपका जो वेब पेज है बड़ा सुंदर सा उसको वो दिख रहा है उसको बैक एंड पर ये जो पूरी मछली है मगरमच है जो भी है जो है ये नहीं दिख रहा यानी बैक एंड पर आप जितनी मेहनत करते हैं वो यूजर को कभी डायरेक्टली दिखता नहीं है वो तो हमेशा क्या कर रहा है देखिए बंदा तो मं की वेबसाइट पर आता है म की ऐप पर जाता है अपने कपड़े देखता है सेलेक्ट करता है खरीदता है ये सब करता है मैं बार-बार मत्र का एग्जांपल क्यों ले रहा हूं क्योंकि मंत्रा का ही हमने प्रोजेक्ट बनाया था रिएक्ट के अंदर यहां भी हम उसको फॉलो अप करेंगे यानी नोट जस में हम उसकी एपीआई को लिखने की कोशिश करेंगे है ना इसलिए मंत्रा का एग्जांपल ले रहा हूं कोई भी एग्जांपल ले सकते हैं तो फ्रंट एंड का क्या मतलब है यहां पर फ्रंट एंड है जो यूजर को दिखता है बैक एंड है जो उसको बिल्कुल नहीं दिखता तो मेन यहां पर क्या डिफरेंस है यूजर या क्लाइंट कांट एक्सेस सर्वर कोड डायरेक्टली यानी ये जो यूजर है ये डायरेक्टली बैक एंड का आपका सर्वर का नोट जस का कोड डायरेक्टली एक्सेस नहीं कर सकता बेसिकली डाटा भी डायरेक्टली एक्सेस नहीं कर सकता उसको अगर यहां तक पहुंचना है तो उसको आपके फ्रंट एंड के थ्रू ही जाना पड़ेगा यानी म से अगर आप चाहते हो 10 कपड़े देखना तो आप डायरेक्टली उसके सर्वर पर जाकर ये नहीं बोल सकते मुझे जेसन डाटा दे दो उसको क्या करना पड़ेगा फ्रंट एंड के थ्रू जाना पड़ेगा यानी आपके यूआई के थ्रू ही जाना पड़ेगा वो यूआई पे ही क्लिक करेगा कि मेरे को आज हैट्स खरीदने है मेरे को आज पैंट खरीदनी है मेरे को आज शर्ट खरीदनी है फ्रंट एंड हमारा मैनेज करेगा बैक एंड से बात करके आपको चीजें वो दिखाएगा ठीक है तो क्लाइंट मस्ट रेज रिक्वेस्ट फॉर पर्टिकुलर एपीआई टू एक्सेस सर्टेन फीचर्स और डटा तो क्लाइंट का क्या मतलब है क्लाइंट यहां पर क्या करेगा फ्रंट एंड के थ्रू रिक्वेस्ट रेज करेगा बैक एंड के पास और बैक एंड अपना डेटा देगा फ्रंट एंड के थ्रू यूज़र के पास तो यूज़र का इंटरेक्शन डायरेक्टली सिर्फ फ्रंट एंड के साथ होगा और फ्रंट एंड हमारे बैक एंड के साथ काम करेगा एनवायरमेंट एक्सेस क्या सर्वर साइड जावास्क्रिप्ट एक्सेसेस सर्वर फीचर्स लाइक फाइल सिस्टम एंड डेटा बेसेस ओबवियसली सर्वर क्या है सर्वर के पास फाइल सिस्टम डेटाबेस इन सब चीजों को एक्सेस होता है ब्राउजर के पास यानी क्लाइंट के पास फ्रंट एंड के पास ये एक्सेस नहीं होगा जो जो हमने अभी यहां पर फीचर पढ़ी रिस्पांसिबिलिटी पढी वही यहां पर मेन डिफरेंस है सिक्योरिटी किसको करनी है सर्वर साइड को क्योंकि क्लाइंट पर कभी भी ट्रस्ट नहीं किया जा सकता क्लाइंट का कोड क्या है क्लाइंट का कोड पब्लिक है मैंने जो जावास्क्रिप्ट पर क्लाइंट का कोड लिखा है वो तो ब्राउजर पर रन हो रहा है और ये हमने जावास्क्रिप्ट में आपको कोर्स के अंदर दिखाया था क्या वो कोड आप मॉडिफाई कर सकते हैं उस कोड के अंदर आप कोई भी चेंजेज कर सकते हैं तो जब आपके पास सर्वर के पास कोई भी रिक्वेस्ट आती है तो वो क्लाइंट को ट्रस्ट नहीं कर सकता उसको नहीं पता कि ये क्लाइंट कौन है है ना ये कोई भी हो सकता है तो मुझे क्या करना है मुझे हमेशा मेक श्योर करना है सिक्योरिटी ऑथेंटिकेशन ऑथराइजेशन में सब कुछ अपने बैक एंड पर मेंटेन करूंगा परफॉर्मेंस देखिए जभी भी कोई भी थोड़ा सा भी हैवी काम आपको करना है तो जनरली कहां करना चाहिए सर्वर पर करना चाहिए क्योंकि यूजर का कंप्यूटर कैसा है कितना हैवी लोड झेल सकता है ये आपको नहीं पता सर्वर पर क्या होता है जनरली बड़ी-बड़ी मशीनें होती हैं आपने देखा होगा बड़े-बड़े डेटा सेंटर्स होते हैं वहां हम बड़ा काम भी बहुत जल्दी बहुत आसानी से कर सकते हैं तो अगर कोई हैवी कंप्यूटेशन है तो उनको आपको जनरली कहां करना चाहिए सर्वर पर करना चाहिए और क्या है रिसोर्स यूटिलाइजेशन यानी सर्वर जनरली ऑफर मोर पावरफुल प्रोसेसिंग कैपेबिलिटीज अगेन मैंने जैसे बोला बड़ी-बड़ी मशीनस होती हैं वहां पर आप रिसोर्सेस को अच्छे से इस्तेमाल कर पाएंगे डटा हैंडलिंग सर्वर साइड डायरेक्टली मैनेस लार्ज डेटा सेट्स एंड डेटाबेस इंटरेक्शन यानी बहुत बड़ा डटा भी अगर है तो आप सर्वर साइड पर आसानी से मैनेज कर सकते हैं क्लाइंट पर वो ठीक से मैनेज नहीं हो सकता एसिंक्रोनस ऑपरेशन हमने पहले ही बात कर ली नॉन ब्लॉकिंग होता है सब वही एसिंक्रोनस का भी मतलब है सेशन मैनेजमेंट हम करते हैं और सर्वर क्या है स्केलेबल है तो दो जो चीज़ें हमने पहले देखी थी क्लाइंट सर्वर में भी मोटा-मोटा वही डिफरेंस हमारा यहां पर निकल कर आ रहा है है ना तो हमने समझ लिया जावास्क्रिप्ट क्लाइंट पर कैसे चलता है सर्वर पर कैसे चलता है दोनों में मेनली क्या-क्या यहां पर डिफरेंस है अब यहां पर आते हैं देखिए अदर यूसेज देखते हैं नट जस के यानी हम अदर यूज सिर्फ एक बार यहां पर विजिट करेंगे एक बार कोशिश करेंगे एक चैप्टर अगर बच्चों की डिमांड आई कमेंट करके बताइएगा कि सर सिर्फ बैक एंड मत पढ़ाइए हमको तो यूटिलिटी स्क्रिप्ट अभी हम जो देखेंगे यहां पर क्या-क्या काम हम नट जस के थ्रू और कर सकते हैं वो भी हम सीखना चाहते हैं नट जस में तो अगर उसकी भी डिमांड आएगी कमेंट में लोग बोलेंगे तो हम उसको भी पढ़ाएंगे मेनली अभी हम यहां पर नोट जस में क्या कवर करेंगे एक बैक एंड बनाना कवर करेंगे यानी अगर आप मन स्टैक टाइप का कोई काम कर रहे हैं एक बैक एंड बनाना चाहते हैं अपने फ्रंट एंड के लिए तो वो हम यहां पर कवर करने वाले हैं बट ये पोर्शन में सिर्फ इंट्रोडक्शन में अभी हम 5 मिनट के लिए देखेंगे कि एक्चुअली नोट जस से और क्या-क्या किया जा सकता है तो क्या-क्या कर सकते हैं आप लोकल यूटिलिटी स्क्रिप्ट्स बना सकते हैं लोग जनरली को इसके लिए यूज़ करते हैं यानी लोकल स्क्रिप्ट्स बनाना जो क्या क्या क्या करना टास्क को ऑटोमेट करना कोई फाइल है उसको कन्वर्ट करना है बहुत सारे ऑटोमेट टास्क हो सकते हैं अलार्म लगाना सर्वर से कुछ डाउनलोड करना लोकल जो भी बेसिकली स्क्रिप्ट आप सिस्टम पर लिखते हैं वो स्क्रिप्ट आप काहे में लिख सकते हैं जावास्क्रिप्ट के अंदर भी लिख सकते हैं यूजिंग हमारा नट जेएस और क्या है इंटरनेट ऑफ थिंग्स आईओटी आपने सुना होगा तो इसका छोटा-छोटा जो सर्वर साइड बनता है आईओटी का उसका कम्युनिकेशन मैनेज करना डेटा प्रोसेसिंग करना यह सब भी काम आप कहां कर सकते हैं नोट जस के अंदर कर सकते हैं और ऑटोमेशन की हमने बात की स्क्रिप्टिंग फॉर ऑटोमेशन यानी मान लीजिए टेस्टिंग किसी का करना है यानी ऑटोमेटिक टास्क आपको रिपीट करने हैं बार-बार बार-बार तो वो सब आप कहां कर सकते हैं नोट जस के अंदर कर सकते हैं यानी अगर आपको एग्जांपल देगा कि यार एक यही पूछती है रोज कि खाना खाया या नहीं तो क्या करें एक मैसेज मम्मी को भेज दें 8:00 बजे कि मम्मी खाना खा लिया है ना तो इस तरह की चीजें अगर आप सीखना चाहते हैं अगेन कमेंट करके बताइएगा कि हां सर हमको सिर्फ सर्वर नहीं सीखना हमको स्क्रिप्टिंग ऑटोमेशन वगैरह भी सीखना है और क्या-क्या आप नोट जस से कर सकते हैं ये हमने पहले बात की थी क्या मैनेस रियल टाइम डाटा एप्लीकेशंस वेब सॉकेट्स आप कर सकते हैं वेब सॉकेट मैंने क्या बताया था अभी कि आप पहले हैंड शेक कर लेते हैं सर्वर से ये है हमारा क्लाइंट देखिए कितना खुश है ये है हमारा सर्वर तो ये क्या करता है पहले एक हैंड शेक कर लेता है हैंड शेक मतलब अपनी डिटेल्स एक्सेस कर ना देखिए क्लाइंट को हमेशा पता होता है सर्वर कहां पर है कैसे आप google.com लिखते हैं आप सर्वर का एड्रेस मिल जाता है आप वहां पर चले जाते हैं बट अगर मान लीजिए google.com आपको ढूंढना चाहे तो कैसे ढूंढेगा नहीं ढूंढ सकता यानी सर्वर डायरेक्टली क्लाइंट को नहीं ढूंढ सकता कम्युनिकेशन हमेशा कौन इनिशिएटिव क्लाइंट उसके पास मैसेज लेकर जाता है तो अपना एड्रेस साथ में लेकर जाता है वो बोलता है भाई मैं यहां से आया हूं मेरा रिस्पांस आप इस एड्रेस पर भेज दीजिएगा क्योंकि क्लाइंट का क्या है एड्रेस बार-बार चेंज हो सकता है आप इंटरनेट पर कभी इस टावर में है कभी उस टावर में है कभी वाईफाई से कनेक्टेड है आपका एड्रेस बार-बार क्या होता है चेंज होता रहता है तो सर्वर वहां पर इनिशिएटिव को आपको ढूंढना है सर्वर आपको ढूंढ कर ये बताना चाहता है कि आपके लिए एक नया मैसेज आया है तो इसलिए हमने क्या बात की थी वेब सॉकेट्स आप बना लेते हैं पहले एक बार हैंड चेक कर लेते हैं आप बोलते हैं भाई मैं यहां हूं कोई भी चेंज होगा तो मैं आपको बताऊंगा आपके पास कोई भी मेरे लिए मैसेज होगा मुझे भेज दीजिएगा मैं आपको मैसेज भेजता रहूंगा बार-बार कनेक्शन नहीं बनाएंगे अब हमने एक पाइप बना लिया इस पाइप के अंदर हम पानी इधर से उधर कर सकते हैं डाटा इधर से उधर कर सकते हैं तो वेब सॉकेट बनाना ये सब काम करना कहां होता है यह भी नट जस के अंदर होता है इतने सारे एप्लीकेशंस देखिए अब मैं बात करूंगा ये सब कहां बने हैं नट जस में बने हैं क्या यूज़ करके इलेक्ट्रॉन करके एक सर्विस होती है जिसमें आप नट जस में आप सर्वर नहीं डेस्कटॉप एप्लीकेशंस भी बना सकते हैं देखिए गब का डेस्कटॉप जो वर्जन है यह का के अंदर बना है इलेक्ट्रॉन के अंदर बना है ड्रॉप बॉक्स आपने नाम सुना होगा डिस्को मैंने सुना है बड़ा ब आजकल के बच्चों में पॉपुलर है गेम्स खेलना यह सब करना डिस्कॉर्डेंट होता है यह देखिए इसी के अंदर है फिग मा बहुत बड़ा प्रोडक्ट है काहे का फिग्मा किस चीज का प्रोडक्ट है डिजाइन करने का यानी आपको अ बेसिकली जो ग्राफिक्स डिजाइनिंग जो होता है वो सब फिग्मा में होता है ये काहे के अंदर बना हुआ है सब इलेक्ट्रॉन के अंदर बना हुआ है सिग्नल आप लोग यूज करते हैं है जावास्क्रिप्ट वाला जो हमारा पोर्शन है जो वेब में उन्होंने लिखा है उसी को यूज करने के लिए क्या करते हैं डेस्कटॉप में इलेक्ट्रॉन का यूज करते हैं तो नट जेएस में या इलेक्ट्रॉन का यूज करके आप और क्या कर सकते हैं ये सब डेस्कटॉप एप्लीकेशंस भी आप बना सकते हैं देखिए पोस्टमन भी बहुत इंपॉर्टेंट टूल है जो हम यहां यूज़ करते हैं वो भी काहे के अंदर बना हुआ है इलेक्ट्रॉन के अंदर ही बना हुआ है और क्या कर सकते हैं बिल्डिंग टूल्स देखिए बहुत इंपॉर्टेंट है बिल्ड क्या आपने कोड लिखा अब वो कोड लिखने के बाद शिप कैसे होता है यानी यूजर उसको यूज़ कैसे करता है जनरली क्या होता है उसकी एक बिल्ड प्रोसेस होती है उसको बिल्ड किया जा बड़ी-बड़ी एप्लीकेशंस में उसको बिल्ड किया जाता है जसे मैं आपको बताऊं जब मैं microsoft-ds है पर देखिए जब बहुत ज्यादा कोड हो जाता है अलग-अलग लैंग्वेजेस उनको आपस में कंबाइन करना एक दूसरे की डिपेंडेंसीज को वैलिडेट करना बहुत सारा काम हो जाता है तो बहुत तरह के बिल्ड टूल्स होते हैं जो क्या करते हैं ये सब आपका काम फैसिलिटेट करते हैं और आजकल बहुत सारे बिल टूल्स किसके अंदर लिखे जा रहे हैं जावास्क्रिप्ट यूजिंग नट जेएस लिखे जा रहे हैं वेब पैक का आपने नाम सुना होगा सबसे पॉपुलर इ वेब पैक है वरना कंट गल्प ब्राउजर इफाई ब्रंच न यह सब क्या कर रहे हैं ये सब नोट जस का यूज़ करके बिल्ड टूल्स बनाते हैं अलग-अलग लैंग्वेजेस को कंपाइल करना यूजिंग जावास्क्रिप्ट तो जावास्क्रिप्ट देखिए कितनी वर्सेटाइल होती जा रही है हर तरह का काम आप जावास्क्रिप्ट के अंदर यहां पर कर सकते हैं आ जाते हैं अपने लास्ट पॉइंट पर जो हमने मोटा-मोटा डिस्कस किया है बट यहां हमको क्लियर हो जाएगा सर्वर आर्किटेक्चर क्या है नट जस का तो देखिए नट जस क्या करेगा नट जस मोटी मोटी तीन रिस्पांसिबिलिटीज आपकी यहां पर लेता है क्या-क्या सबसे पहले एक सर्वर को क्रिएट करना और इनकमिंग रिक्वेस्ट को लिसन करना अब देखिए किस तरह से चलता है हमने यहां पर तीन बॉक्सेस बनाने की कोशिश की है क्या-क्या बॉक्सेस हैं मान लीजिए ये तो मेरा यूजर है डिवाइस है यूजर किस-किस चीज से इंटरेक्ट करता है या तो वो फोन से इंटरेक्ट करता है या अपने डेस्कटॉप से इंटरेक्ट करता है बेसिकली इंटरेक्शन कहे के थ्रू होता है ब्राउजर के थ्रू होता है या था कम इन चीजों को डाउनलोड करता है यानी मतलब है जनरली सर्वर डेटा सेंटर्स में मान लीजिए एडब्ल्यू में क्लाउड में आप कहीं पर रन कर रहे हैं ये आपका ब्राउजर वाला पोर्शन है हमने रिएक्ट में लिखा है html.raw इ तो मं वाले आप सर्वर के पास गए आपने बोला लाओ भाई जरा अपना होम पेज दे दो तो अब ये क्या करेगा चीजों को प्रोसेस करेगा डेटाबेस से चार डाटा लेकर आएगा आपका ऑथेंटिकेशन ऑथराइजेशन देखेगा देखेगा आप लड़की हैं या लड़के हैं उसके हिसाब से आपको यूआई दिखाएगा आपने पुराना परचेज क्या-क्या किया है उसके हिसाब से आपको यूआई दिखाएगा तो वो सब प्रोसेसिंग क्या करेगा प्रोसेसिंग यहां पर ही कर लेगा प्रोसेसिंग करने के बाद ये वापस क्या-क्या करेगा html-pdf हमारे अगले सब चैप्टर्स में हम यही बनाना सीखेंगे उसको किस तरह से बनाना है किस तरह से उसमें फीचर्स ऐड करने हैं डेटाबेस इंटरेक्शन कैसे करना है यह सब हम यहां पर देखने वाले हैं है ना तो यहां दोस्तों हमारा ं इंट्रोडक्शन जो है टू नोट जेएस वो कंप्लीट होता है सेकंड चैप्टर में हम नेक्स्ट चैप्टर में हम क्या करने वाले हैं हम देखेंगे इंस्टॉलेशन ऑन डिफरेंट डिफरेंट थिंग्स और उसके बाद क्या करेंगे सीधे हम अपना सर्वर बनाना स्टार्ट करेंगे तो क्या-क्या चीजें हम आगे चलके इस कोर्स में भी कवर करने वाले हैं जैसे हमने बोला एपीआई बनाना डेटाबेस से इंटरेक्ट करना एसक्यूएल नो एसक्यूएल हर तरह के डेटा बेसेस आप किस तरह से उनसे इंटरेक्ट करेंगे अपने लोकल फाइल सिस्टम बनाना ऑथेंटिकेशन ऑथराइजेशन ईमेल किसी को भेजना ईमेल कैसे भेजेंगे बहुत सारी चीजें हम यहां पर नोट जस में कवर करेंगे उसके अलावा अगर आपकी कोई भी रिक्वेस्ट हैं है ना तो वो सब आप नीचे बेसिकली कमेंट में बताते रहिएगा हम नोट जस जो हम पूरा कोर्स चला रहे हैं इसके अंदर हम उन चीजों को भी यहां पर कवर करते रहेंगे उम्मीद कर रहा हूं जो दोस्त यहां तक आए हैं आपको कुछ समझ आया होगा नोट जस का इंट्रोडक्शन आपको समझ आ गया होगा कमर कस लीजिए पूरा नोट जेस बहुत अच्छे से हम यहां पर कवर करने वाले हैं है ना और आगे पूरे के पूरे कोर्स में आपको हर चीज बहुत अच्छे से यहां पर मिलेगी तो दोस्तों चलिए स्टार्ट करते हैं हमारा नेक्स्ट फेज यानी सेकंड चैप्टर जिसका नाम क्या है इंस्टॉलेशन ऑफ ट जए तो यहां पर हम सिर्फ नट जए का इंस्टॉलेशन नहीं करेंगे ट जए हमें रिलेटेड जो आईडी चाहिए जो जो भी चीजें चाहिए उसको पूरा इंस्टॉलेशन करेंगे किस-किस में करेंगे मैक में आपको इंस्टॉलेशन करके दिखाएंगे टर्स होंगे अगर आप चाहते हैं कि आप सिर्फ मैक का इंस्टॉलेशन देखें या सिर्फ विज का देखें ने वाले हैं और वीएस कोड भी इंस्टॉल करने वाले हैं है ना इसी तरह से हम आपको दिखाएंगे कि ये क्या होता है जैसे अगर आपने जावास्क्रिप्ट देखा है जावास्क्रिप्ट में हम क्या करते थे हमने अपने कोर्स में क्या किया था सीधे ब्राउजर के कंसोल में जाके वहां जावास्क्रिप्ट को एग्जीक्यूट करना स्टार्ट कर दिया था तो इसी तरह का यहां पर भी एक कंसोल होता है जिसको आरपीएल बोलते हैं अगेन उसका मतलब समझेंगे आरपीएल क्यों बोलते हैं ये समझेंगे उसको यूज़ कैसे करना है अगेन तीनों पे मैक पे डेवलपमेंट एनवायरमेंट यानी इंटीग्रेट डेवलपमेंट एनवायरमेंट इसका क्या मतलब है देखिए जब हम कोड लिखते हैं हमको लिखने के लिए एक जगह चाहिए फाइल फाइल का स्ट्रक्चर और चीजें मैनेज करने के लिए एक जगह चाहिए टर्मिनल मुझे साथ में खोला चाहिए जब मैं कोड रन करूंगा तो रन करने के लिए एक जगह चाहिए उसका जो आउटपुट आएगा उसके लिए अलग से एक जगह चाहिए डीबगिंग के लिए लॉगिंग के लिए इस तरह से आप देखेंगे तो क्या होगा अगर आप कोई आईडी यूज नहीं कर रहे तो एक बार में आपके स्क्रीन पर शायद 10 12 विंडोज खुले हुए होंगे जिनमें आप अलग-अलग चीजों में अलग-अलग अलग-अलग काम कर रहे होंगे अब ओबवियसली लोगों ने धीरे-धीरे फील किया क्या कोडिंग में बहुत सारी चीजें चाहिए होती हैं और चार चीजें मुझे इंस्टॉल भी करनी पड़ती हैं तो इसलिए उस उस समय जन्म हुआ आईडी का यानी इंटीग्रेटेड डेवलपमेंट एनवायरमेंट ये क्या बोल रहा है हमने इंटीग्रेट कर दिया है पूरा डेवलपमेंट एनवायरमेंट यानी डेवलपमेंट के लिए आपको जो जो चीजों की जरूरत है वो सब इंटीग्रेटेड एक जगह पर मिलेंगी एक सॉफ्टवेयर के अंदर मिलेंगी उसी को बोलते हैं आईडीई यानी सॉफ्टवेयर सूट दैट कंसोलिडेट्स बेसिक टूल्स रिक्वायर्ड फॉर सॉफ्टवेयर डेवलपमेंट ये कौन-कौन से इसके एग्जांपल हैं आपने बहुत सारे बेसिकली देखे होंगे सबसे पॉपुलर क्या है वीएस कोड आजकल जो सबसे ज्यादा पॉपुलर है वही हम ये आप यहां पर यूज करने वाले हैं तो वीएस कोड हो सकता है उसके अलावा जैसे जावा के लिए हम दूसरा इंटेलीज करके एक आईडी है वो भी बहुत लोग यूज़ करते हैं वो यूज कर सकते हैं ए स्टूडियो आओ के लिए जो कोड करके जो आता है तो आप बहुत सारे यहां पर आईडी डेवलपमेंट बेसिकली आईडी होते हैं फॉर डिफरेंट डिफरेंट लैंग्वेजेस डिफरेंट डिफरेंट फ्रेमवर्क्स आप किसमें क्या करना चाहते हैं ठीक है तो हम अभी यहां पर क्या यूज़ करेंगे वीएस कोड यूज करेंगे इसका फायदा क्या है दिस इज अ सेंट्रल हब फॉर कोडिंग फाइंडिंग प्रॉब्लम्स टेस्टिंग ये सब काम आप एक ही सेंट्रल हब में यहां पर कर सकते हैं और इससे फायदा क्या होता है डेवलपर की एफिशिएंसी काफी ज्यादा इंप्रूव हो जाती है आपको बार-बार विंडोज स्विच नहीं करना पड़ता सारी चीजें आपस में एक दूसरे से बात करती हैं आराम से एक बेसिकली अच्छे से यहां पर चल पाती हैं ठीक है अगर फिर भी बात करें इसके फीचर्स की नीड क्या-क्या है देखिए यहां पर हमने राइट में एक छोटा सा डेमोंस्ट्रेट लगाया किस चीज का ये ए स्टूडियो है है ना कटलिन लैंग्वेज का है बट देखिए और क्या-क्या ये करता है हमारे कोड को हाईलाइट करता है देखिए फंक्शन किस कलर से लिखा हुआ है अ बेसिकली फंक्शन का नाम अलग कलर से लिखा हुआ है जहां आप कॉल कर रहे हैं वो अलग कलर से है आइडेंट फायर्स यानी वेरिएबल जो आप बना रहे हैं वो अलग कलर से है तो कोड हाइलाइटिंग करता है सिंटेक्स हाइलाइटिंग करता है इससे क्या होता है चीजें साफ हो जाती हैं पढ़ने में दूसरा देखिए जब हम यहां कोड लिखने की कोशिश कर रहे हैं तो क्या करता है ऑटो कंप्लीट करता है तो ऑटो कंप्लीट से क्या होता है आपको बहुत सारी चीजें याद नहीं रखनी पड़ती छोटी-छोटी आप बेसिकली सजेशन देता है आईडी आपको कि अगर ये कोड आप लिख रहे हैं तो इसके बाद शायद आप ये लिखना चाहते हैं अगर आप नॉर्मल टेक्स्ट एडिटर यूज कर रहे हैं या विम यूज़ कर रहे हैं कोई नॉर्मल टेक्स्ट लिखने वालाला सॉफ्टवेयर यूज कर रहे हैं तो उसको इतना ज्ञान नहीं होगा कोडिंग का वो ये सब आपके लिए नहीं कर पाएगा तो ये डेवलपमेंट को स्ट्रीम लाइन करता है प्रोडक्टिविटी इससे इंक्रीज होती है कॉम्प्लेक्शन हो जाते हैं यूनिफाइड वर्कस्पेस ही हमने देख ही लिया और क्या-क्या इसके फीचर्स हैं ऑटो कंप्लीट य हमको देता है सिंटेक्स हाइलाइटिंग हमारी यहां पर हो पाती है वर्जन कंट्रोल जैसे गिट एक वर्जन कंट्रोल यानी मल्टीपल फाइल के वर्जन को अ बेसिकली टैकल करना देखना आप बाद में फिक्स कर रहे हैं तो उसका नया वर्जन रिलीज करना बहुत सारे लोग एक ही चीज पर काम कर रहे हैं तो वो कोऑर्डिनेशन करना वो सब यहां पर अच्छा हो पाता है और एरर चेकिंग बेसिकली एरर ये अपने आप आपको सजेस्ट भी करता है कि आपने शायद गलती कर दी हैं वरना कोड रन करने पर ठीक से गलती दिखाना उसको डीबगिंग में हेल्प करना ये सारे फायदे हैं आईडी के है ना तो सबसे पहले हम किसका इंस्टॉलेशन शुरू करेंगे सबसे पहले हम शुरू कर रहे हैं मैक का इंस्टॉलेशन तो मैक सेटअप में सबसे पहला स्टेप हमको क्या करना है देखिए सबसे पहला स्टेप ये हमको दिखा रहा है कि आपको मैक सेटअप में पहला करना है इंस्टॉलिंग लेटेस्ट नोड नोड कैसे डाउनलोड करेंगे सबसे पहले सर्च करिए डाउनलोड नोड जेएस बस इतना करेंगे तो आप इस पेज पर पहुंच जाएंगे नट की देखिए ऑफिशियल वेबसाइट है यहां पर इसका व्यू दिख रहा है आ जाते हैं अपने ब्राउजर पर यहां सबसे पहले क्या करेंगे हमको लिखना है डाउनलोड नोड जस देखिए सबसे पहला लिंक कौन सा आ रहा है इसको थोड़ा सा बड़ा कर लेते हैं सबसे पहला लिंक कौन सा आ रहा है सबसे पहला लिंक आ रहा है nodejs.org वाला ये जो nodejs.org वाला लिंक है यहीं पर हमको जाना है तो क्लिक करेंगे डाउनलोड नोट जेएस देखिए इसी तरह का व्यू हमारा खुल गया है जो हमने आपके नोट्स में भी दिया है आप इससे मैच कर सकते हैं प्री बिल्ट इंस्टॉल यहां पर आप सेलेक्ट कीजिएगा अगर आप मैक पे हैं तो प्रीवेंट इंस्टॉल से हमारा काम चल जाएगा अभी देखिए जब मैं इसको कर रहा हूं तो लेटेस्ट वर्जन क्या है 22.1.20 अगर कभी आपको प्रॉब्लम आती है फिर भी तो आप एगजैक्टली 22.1.20 जो कि करंट आपका वर्जन है जो भी सबसे नया वर्जन है वो आप हमको दे दीजिए ये साथ में मेक श्यर करिएगा कि यहां पर जो भी आपका ऑपरेटिंग सिस्टम है वही सिलेक्टेड हैनी यहां पर मेरा m सिलेक्टेड है m अभी जैसे मैं जो m ओ यूज़ कर रहा हूं उसमें m वाला चिप है तो मैंने यहां क्या चूज किया है आर्म चिप यूज़ किया है आम 64 अगर आपका पुराने वाला मैक है यानी जिसमें कर पाएंगे उसके बाद क्या करना है बस डाउनलोड पर क्लिक करना है ये पूछ रहा है कहां डाउनलोड करना है भाई डाउनलोडस में डाउनलोड कर दीजिए देखिए डाउनलोड मेरा स्टार्ट हो गया है है ना तो क्या हुआ देखिए इतनी जल्दी डाउनलोड हो गया है हमारा 77 एब उसके बाद क्या करना है इसको बस क्लिक कर लीजिए ये आपका जो भी इंस्टॉल आएगा आपको इसी को स्टेप बाय स्टेप फॉलो करना है इसके अंदर कोई भी चेंजेज हमको यहां पर नहीं करने है ना तो क्या करेंगे कंटिन्यू करेंगे फिर से पूछेगा कंटिन्यू करेंगे एग्री करेंगे फिर इंस्टॉल करेंगे यहां पर ये पासवर्ड पूछ रहा है पासवर्ड डाल देते हैं पासवर्ड हमने डाल दिया है इंस्टॉलेशन अभी चल रही है यह देखिए इसने क्या बोला द पैकेज हैज इंस्टॉल्ड ये फट थोड़ा सा छोटा हो गया है इसको हम बड़ा नहीं कर सकते हैं है ना बट क्या बोल रहा है द पैकेज हैज इंस्टॉल्ड नट भी इसने इंस्टॉल कर दिया और एनपीएम भी इसने इंस्टॉल कर दिया एनपीएम का क्या मतलब है एनपीएम का मतलब होता है नोड पैकेज मैनेजर जब आगे चलके हम अलग-अलग पैकेजेस को यूज़ करेंगे तो एनपीएम वहां हमारे काम आने वाला है तो नोड और एनपीएम हमको दोनों ही इंस्टॉल करना था दोनों यहां पर इंस्टॉल हो गया है इसको आप कर देंगे क्लोज जो इंस्टॉल है उसको मूव कर देंगे बिन में बस देखिए एक्चुअली नोड का इंस्टॉलेशन इतना ही था अगर यह हमारा ठीक से चल गया है इसका मतलब नोड इंस्टॉल हो चुका है ये हम वेरीफाई कैसे करेंगे कि जो मेरा नोड है ये ठीक से इंस्टॉल हुआ है या नहीं तो हम क्या कर सकते हैं हम आ जाते हैं अपने टर्मिनल पर और यहां टर्मिनल पर क्या चलाकर देखते हैं आप चलाकर देखिए नोड - v नोड - v क्या बताएगा नोड वर्जन जैसे ही मैंने लिखा नोड - v तो अब यहां पर क्या होना चाहिए देखिए क्या लिखा गया यहां पर 2.1.0 हमने क्या इंस्टॉल किया था 22.1.20 पर आपका क्या आ जाना चाहिए 22.1.20 यहां ठीक से चलने लगी हैं तो मेरा हो गया है नोड इंस्टॉल फॉर macup101 यहां पर भी आपको सेम काम करना पड़ेगा मैक में आ गए मैक के अंदर देखिए और एप्लीकेशन फोल्डर के अंदर इसको पेस्ट कर दीजिए देखिए मैंने यहां इसको पेस्ट कर दिया है बस आपको इतना ही करना था एप्लीकेशन डायरेक्टली यहां पर डाल दी है इससे ज्यादा यहां पर कुछ नहीं करना होता है वापस एक बार यहां आते हैं अब देखते हैं वीएस कोड को चलाकर तो कैसे जाएंगे लच पैड के अंदर जाइए और लिखिए वीएस देखिए जैसे ही मैंने वीएस लिखा तो अब यहां पर दिखाने लग गया एप्लीकेशंस के अंदर विजुअल स्टूडियो कोड क्योंकि हमने क्या किया था उसको एप्लीकेशंस फोल्डर के अंदर उसको हमने ड्रॉप कर दिया था विजुअल स्टूडियो कोड को स्टार्ट करिए यह कह रहा है भाई इंटरनेट से आपने डाउनलोड की है आप इसको ट्रस्ट करते हैं हमने कहा हां हम इसको ट्रस्ट करते हैं आप इसको ओपन कर दीजिए देखिए पुराना जो हम डीएस से यूजिंग जावा कर रहे थे वो इसने अपने आप खोल लिया इसके पास कुछ-कुछ पुराने फाइल्स यहां पर पड़े हुए होंगे है ना बट बेसिकली नया जो मेरा वर्जन है वीएस कोड का वो यहां पर इंस्टॉल हो गया है अप्रैल 2024 देखिए पूरा का पूरा यहां पर जो इसका पहला अ जो रिलीज नोट है वो पूरा का पूरा यहां पर आ गया है वेलकम फाइल यहां पर खुल गई है कह रहा है आपको क्या करना है टर्मिनल इसने खोल दिया है तो देखिए क्या है पूरा का पूरा इंटीग्रेटेड डेवलपमेंट एनवायरमेंट मेरा यहां पर आ गया है आउटपुट डी बग कंसोल टर्मिनल पोर्ट्स यहां फाइल्स खुलेंगे यह पूरा फाइल एक्सप्लोरर सर्च करना है सर्च के लिए गट का देखना है गिट के लिए पूरा का पूरा यहां पर मेरा आईडी जो है वह बनके तैयार बेसिकली इंस्टॉल होके तैयार हो गया है तो दोस्तों हम स्टार्ट करेंगे हमारा विज वाला इंस्टॉलेशन तो विज सेटअप में सबसे पहले हमको क्या करना है सबसे पहला अगेन हम क्या करेंगे विज के अंदर डाउनलोड करेंगे ट जए को ट जए का अगेन जो विज का जो नट ज है वो कंपलीटली डिफरेंट होने वाला है क्योंकि हमने क्या बात की थी नट जए बेस्ड ऑन है हमारे जावास्क्रिप्ट कोड को मशीन कोड में कन्वर्ट करता है तो जो हमने मैक पर इंस्टॉल किया वो मैक वाले मशीन कोड में कर रहा होगा अब हम जो विज पर इंस्टॉल करेंगे वो विज वाले मशीन कोड में करेगा है ना तो सबसे पहले ब्राउजर पर जाना है लिखना क्या है डाउनलोड नट जस तो आ जाते हैं हम यहां पर देखिए विंडोज के अंदर आ गए हैं माइक्रोसॉफ्ट एज हमने खोल लिया है और यहां सबसे पहले क्या करेंगे डाउनलोड विंडोज सॉरी डाउनलोड नॉट जस देखिए मैं भी थोड़ा ज्यादा विंडोज में घुसने लगा हूं तो डाउनलोड नट जस हमने कर लिया अभी देखिए बड़ा कर दिया इसने ठीक है अभी हम मैग्नीफायर नहीं हमको चाहिए हम यहां से क्या करते हैं ज़ूम लेवल थोड़ा सा बढ़ा लेते हैं ताकि चीजें आपको क्लियर दिख पाए ठीक है देखिए पहली बात तो हमको क्या करनी है यहां हमको एलटीएस वर्जन एलटीएस वर्जन का मतलब क्या होता है एलटीएस वर्जन का मतलब होता है लॉन्ग टर्म सपोर्ट लॉन्ग टर्म सपोर्ट हमको नहीं चाहिए जो भी लेटेस्ट वर्जन है ये हमको चाहिए तो ये आप सबसे पहले खोल लेंगे है ना तो जो लेटेस्ट वर्जन है ये हमको चाहिए अगेन ये हम मैंने मैक के टाइम पर भी बताया था कि वर्जन जो है यह फ्रीक्वेंसी है वही आप इंस्टॉल करिए थोड़े बहुत फीचर्स ऐड होते हैं बैकग्राउंड से थोड़ी सी परफॉर्मेंस ऑप्टिमाइजेशन होते हैं बहुत ज्यादा चीजें चेंज नहीं होती हैं तो हम जो 22.1 के लिए पढ़ा रहे हैं ऐसा नहीं है कि आपका जो काम है वो बहुत सिग्निफिकेंट चेंज हो जाएगा लेटेस्ट वर्जन आप इंस्टॉल करेंगे तो तो जो भी इस समय यहां पर आपको लेटेस्ट वर्जन दिखता है इस ड्रॉप डाउन में सबसे ऊपर जो भी दिख रहा है करंट के साथ वही आप यहां पर इंस्टॉल कर सकते हैं साथ में आपको क्या ध्यान रखना है साथ में आपको ध्यान रखना है कि यहां पर ऑपरेटिंग सिस्टम विंडोज सिलेक्टेड हो क्योंकि हम विंडोज के लिए हैं और सबसे इंपॉर्टेंट है ये देखिए मेरे लिए थोड़ा सा डिफरेंट है क्योंकि मैं एक अलग टाइप का मशीन यूज़ कर रहा हूं मैक के ऊपर ही ws65 है या x86 है मोस्ट ऑफ द लोगों का सिस्टम जो नया सिस्टम है अगर पिछले दो-तीन साल में खरीदा गया है तो s64 होगा आप ये चेक कर लीजिए कि आपका सिस्टम s64 है x86 है और इनके बेसिस पर आपको यहां पर अपना आर्किटेक्चर सेलेक्ट करना है अगर आर्किटेक्चर इनमें से कोई सा पहले से सिलेक्टेड आया है तो मोस्ट चांसेस हैं कि वो पहले से ठीक होगा क्योंकि ब्राउजर अपने आप आपके सिस्टम को चेक कर लेता है और यहां बाय डिफॉल्ट सेलेक्ट कर देता है ठीक है तो मैं आम 64 करूंगा बट आपको ध्यान रखना है कि x64 या x86 में से आपको यहां पर कुछ सेलेक्ट करना होगा उसके बाद हम क्या करेंगे वर्जन सेलेक्ट हो गया विंडोज हो गया आ 64 हो गया डाउनलोड कर देंगे नट जस्ट तो मैंने बोला नोट को डाउनलोड कर दीजिए देखिए 23 एब का है यहां पर फाइल पूरा का पूरा डाउनलोड हो गया है आप उसके बाद करेंगे ओपन फाइल क्या हो जाना चाहिए एक सेकंड ये लेगा उसके बाद क्या करेगा इंस्टॉल इसका आ जाएगा अगेन यहां पर हमको दिमाग बिल्कुल नहीं लगाना है नेक्स्ट दबाना है ये जो बोलेगा टर्म्स एक्सेप्ट करने हैं नेक्स्ट दबाना है कहां बोल रहा है प्रोग्राम फाइल्स नोट जस के अंदर बिल्कुल ठीक बात है नेक्स्ट दबाना है बोल रहा है सारी चीजें मैं यहां पर इंस्टॉल कर रहा हूं बिल्कुल सही बात है नेक्स्ट दबाना है ऑटोमेटिक इंस्टॉल नेसेसरी टूल्स ये बोल रहा है आपके कुछ सी सी प् प् वाले टूल्स चाहिए होंगे तो हम बोलेंगे भाई जो भी आपको चाहिए आप इसमें इंस्टॉल कर लीजिए नेक्स्ट इंस्टॉल इंस्टॉलेशन अब हमारा शुरू हो जाएगा देखिए इंस्टॉलेशन शुरू हो गया है बोल रहा है भाई इंस्टॉल करना है यस हमको करना है वैलिडेटिंग इंस्टॉलेशन कॉपी कर रहा है फाइल्स है ना हमने सिर्फ एक एक्स्ट्रा चेक किया है कि जो भी आपके डिपेंडेंसीज हैं वो भी आप इंस्टॉल कर लीजिए उसके अलावा हमको यहां पर और कोई काम नहीं करना है बोल रहा है फिनिश बटन दबाइए फिनिश बटन दबाया हमारा सेटअप जो है वो यहां पर फिनिश हो गया है देखिए इसने क्या किया अभी इसको जो एक्स्ट्रा टूल्स यहां पर इंस्टॉल करने हैं उसके लिए हमको दिखा रहा है कोल प्रेस ए की टू कंटिन्यू हमने एनी की दबा दिया तो क्या करेगा अभी जो इसकी पेंडिंग इंस्टॉलेशन है वो यहां पर अपने टर्मिनल पर कंप्लीट करेगा पावर शेल देखिए विंडोज में आप पावर शेल खोल लीजिए टर्मिनल खोल लीजिए एक ही बात है है ना हम पावर शेल पर यूज़ करेंगे ये थोड़ा नया वाला टूल है विंडोज का और टर्मिनल को अच्छे से सपोर्ट करता है अभी जब तक यह बेसिकली दिखा रहा है आपको यहां क्या करना है वेट करना है इंटरनेट से कुछ-कुछ चीजें डाउनलोड करेगा यहां पर इंस्टॉल करेगा चॉकलेटी जो जो भी इसको चाहिए वो सभी अलग-अलग टूल्स यहां पर इंस्टॉल कर रहा है है ना तो हम इसका वेट करेंगे जब तक यह काम पूरा हो रहा है अगर थोड़ा ज्यादा टाइम लगेगा तो हम अपने एडिटर्स आपको बोलेंगे व थोड़ा सा इसको जल्दी चला देंगे देखिए जैसे पाइथन इसको चाहिए तो इसने देखा पाइथन इंस्टॉल नहीं है किसी चीज के लिए चाहिए तो जितने भी नेसेसरी टूल्स हैं सबको अपने आप डाउनलोड करते जा रहा है आपको दिमाग नहीं लगाना है अपने आप ये पूरा काम यहां पर आपके लिए कर देगा जैसे मैंने पहले कहा था एकदम फ्रेश कॉपी है ये विज का इसमें पहले से कुछ भी इंस्टॉल्ड नहीं है इसलिए देखिए जो जो जो भी चीजें चाहिए होती है कोडिंग के लिए सब य करके ढूंढ रहा है सबको एक-एक करके इंस्टॉल कर रहा है देखिए थोड़ा टाइम लग रहा है हमारा सिस्टम भी ये वाला थोड़ा सा स्लो है बट आपको भी पेशेंस रख के वेट करना है जब जो जो भी चीजें इंस्टॉल कर रहा है अभी देखिए विजुअल स्टूडियो बिल्ड टूल्स ये इंस्टॉल कर रहा है तो जो जो इंस्टॉल कर रहा है इंस्टॉल होने देना है एक बार जब ये पूरा इंस्टॉल हो जाएगा तो हमारा काम काफी आसान हो जाएगा यहां टाइम इसको इसलिए लग रहा है क्योंकि हमारा टाइम यूज़ नहीं कर रहा है ना वरना एक-एक चीज हमको ढूंढ ढूंढ के इंस्टॉल करनी पड़ती है आपने देखा होगा सी के इंस्टॉलेशन बाकी चीजों को इंस्टॉलेशन बहुत टफ है अभी भी है ना बट नट जस ने क्या किया है सिंपलीफाई कर दिया है जो जो इसको करना है इन्होंने खुद स्क्रिप्ट लग के काम कर दिया है तो खुद से इंस्टॉलेशन यहां पर हो रही है ये कुछ-कुछ एरर भी हमको दिख रही हैं बट ये हम बाद में देखेंगे कि जो जो चीजें चाहिए थी वो पूरी इंस्टॉल हो गई है या नहीं है जो एरर आई वो बहुत ज्यादा रिक्वायर्ड टूल था या कुछ बेसिकली टेंपरेरी टूल के अंदर एरर आई है तो अभी हम इसका वेट करेंगे जब ये खत्म हो जाएगा उसके बाद एक बार चलाकर देखेंगे कि हमारा नोट ठीक से इंस्टॉल हुआ है या नहीं मीनवाइल ये इंस्टॉल हो रहा है हम क्या करते हैं इस टाइम को यूज करते हैं और इतने हम दूसरी चीज क्या इंस्टॉल कर सकते हैं अपना आईडी इंस्टॉल कर सकते हैं तो इसको हम इंस्टॉल होने देते हैं वापस आ जाते हैं देखिए नट जस हम एक बार इंस्टॉल करके टेस्ट कर लेंगे अगर हम नेक्स्ट स्टेप पर आए नेक्स्ट स्टेप हमको क्या करना है विजुअल स्टूडियो कोड यानी वीएस कोड हमको डाउनलोड करके इंस्टॉल करना है तो क्या करना है हमको कौन सा चाहिए विंडोज वाला चाहिए और हमको कौन सा चाहिए हम क्योंकि अभी आर्म सिस्टम अगेन मैं यूज कर रहा हूं तो मैं आम यूज करूंगा आपका सिस्टम मोस्ट प्रोबेबली x64 होगा तो आपको क्या करना है x64 सेलेक्ट करना है है ना तो मैं आम 64 सेलेक्ट कर लेता हूं डाउनलोड शुड बिगन ऑटोमेटिक देखिए डाउनलोड पूरा हो गया है ओपन कर लेंगे क्या करना है देखिए इसको कैसे-कैसे इंस्टॉल करेंगे ये वाला ब्राउजर को मैं बंद कर देता हूं फिलहाल के लिए देखिए पीछे भी भी इंस्टॉलेशन वो वाला हमारा चल रहा है यहां करेंगे आई एक्सेप्ट नेक्स्ट नेक्स्ट नेक्स्ट डेस्कटॉप आइकन भी क्रिएट कर देंगे और यह सब आप चेक कर दीजिएगा ऐड ओपन विद कोड ओपन विद कोड यानी जब टेक्स्ट हमारी कोड फाइल्स होंगी उस परे राइट क्लिक करेंगे तो ओपन विद कोड वहां पर सजेशन आने लगेगा उसको नेक्स्ट करें इंस्टॉल करेंगे देखिए बोल रहा है प्रिपेयरिंग टू इंस्टॉल बस इंस्टॉल होने ही वाला है वीएस कोड ने उतने नखरे नहीं किए जितना हमारा नोड कर रहा है तो देखिए इंस्टॉल हो गया है लच हमने दबाया फिनिश दोनों के ही इंस्टॉलेशन में बहुत ज्यादा आपको कुछ करना नहीं है डाउनलोड करना है और इंस्टॉल को फॉलो करना है देखिए यह भी पूरा का पूरा खुल गया है नए वाले के रिलीज नोट्स आपके पास खुल गए हैं वेलकम आ गया है यह आपका फाइल एक्सप्लोरर है जब हम प्रोजेक्ट बनाएंगे अभी नेक्स्ट स्टेप में जब आप आपको बनाक दिखाएंगे वहां आपको क्या करना होगा एक फोल्डर बनाना होगा उसके अंदर अपना कोड लिखना यहां से स्टार्ट कर सकते हैं तो विजुअल स्टूडियो कोड भी हमारा एकदम लेटेस्ट वाला जो है वो डाउनलोड इंस्टॉल यहां पर हो गया है है ना उसको फिलहाल बंद कर देते हैं अभी हम फिर से वेट कर रहे हैं ऐसा लग रहा है कि ये शायद किसी एरर की वजह से आगे नहीं बढ़ पा रहा एक बार इसको हम बंद कर देते हैं है ना दोबारा से स्टार्ट करेंगे पावर शेल में यहां पर दोबारा खोल लेता हूं मोस्ट प्रोबेबली वैसे आपको ये एरर नहीं आना चाहिए मैं अगेन क्योंकि मैं विंडोज एक्चुअली विंडोज के सिस्टम पर पर नहीं चला रहा हूं मैक पर ही वर्चुलाइजेशन करके चला रहा हूं इसलिए शायद ये प्रॉब्लम आ रही हो बट फिर भी हम अभी इसको चेक कर लेंगे एक बार पहले चेक करते हैं कि नोड इंस्टॉल हुआ भी है या नहीं तो लिखेंगे नोड - v देखिए जब भी आपको नोड चेक करना है नोड आपके पास इंस्टॉल्ड है या नहीं तो आप क्या करें ये चेक कर लें आप इंस्टॉलेशन करने से पहले भी एक बार ये चेक कर सकते हैं कि ऐसा तो कहीं नहीं कि आपके पास नोड ऑलरेडी यहां पर इंस्टॉल्ड हो तो मैंने लिखा देखिए नोड - v तो क्या लिखा गया यहां पर लिखा गया है v 22.1.20 इंस्टॉल हो गया है और हमने कौन सा इंस्टॉल किया था हमने भी तो यही इंस्टॉल किया था 22.1.20 बेसिकली हमने वेरीफाई कर लिया है कि इंस्टॉल हो गया है है ना इंस्टॉलेशन में जो प्रॉब्लम आई थी वो आई थिंक बाद के जो कुछ टूल्स डाउनलोड करने की इंस्टॉल करने की कोशिश कर रहा था किसी में प्रॉब्लम आई होगी अगेन वो प्रॉब्लम मोस्ट प्रोबेबली इसलिए आई होगी क्योंकि मैं आम पर विंडोज चलाने की कोशिश कर रहा हूं है ना दिस इज नॉट अ नेटिव इंस्टॉलेशन आपको प्रॉब्लम नहीं आनी चाहिए नोड बाकी हमारा इंस्टॉल हो गया है नोड हमारा ठीक से चल रहा है यही काम हमको मेन करना था तो अभी फिलहाल के लिए हम बोलेंगे हमारा काम डन हो चुका है है ना तो यहां आएंगे नोड हमारा इंस्टॉल हो गया है एंड वीएस कोड भी हमने इंस्टॉल कर लिया है अब वीएस कोड की सेटिंग्स और बाकी काम जो है वह चैप्टर के बाद आपको दिखेगा यानी इसके बाद आप करेंगे वीएस कोड इंस्टॉल करेंगे उसके बाद हमारा काम स्टार्ट होगा ठीक है तो कैसे करेंगे सबसे पहला काम हमको क्या करना है लोड नोड जए मैंने लिख दिया डाउनलोड न जए देखिए पहला लिंक क्या खुल गया है nodejs.org वाला लिंक खुल गया है है ना इसको थोड़ा सा बड़ा मैं करके आपको दिखा देता हूं हमको क्या खोलना है नट js.erb देखिए ws2 इंस्टॉल लंबे टाइम तक सपोर्ट होने वाली है हम कोई प्रोडक्शन एनवायरमेंट में नहीं जा रहे हैं अगर आप कोई चीज को डिप्लॉयडी की वजह से सपोर्ट की वजह से जनरली वहां पर एलटीएस आप यूज़ करते हैं बट हम क्योंकि अपने अ डेवलपमेंट के लिए ले रहे हैं तो सबसे करंट जो वर्जन है वो हम यहां पर सेलेक्ट कर लेंगे 22.1.20 ढूंढने की जरूरत नहीं है चेंजेज होते हैं है नोड में पर बहुत ज्यादा मेजर चेंजेज जनरली नहीं होते हैं क्या होगा बेसिक चीजें चेंज होंगी जैसे कि बेसिकली थोड़ा सा परफॉर्मेंस ऑप्टिमाइजेशन होगा कुछ नए फीचर्स ऐड होंगे बट हमारा कोर्स जो है उसमें कोई प्रॉब्लम नहीं आने वाली है जो फीचर्स हैं कोर फीचर्स जो हम यूज़ करेंगे वहां पर कोई दिक्कत नहीं आएगी तो आप यहां से लेटेस्ट जो है वो सपोर्ट करें अगर कभी कोई ब्रेकिंग चेंज आएगा तो हम एनीवे नई वीडियोस लाकर उसको इंस्टॉलेशन प्रोसेस को अपडेट कर रहे होंगे तो हम यहां से हमने लेटेस्ट सेलेक्ट कर लिया कहां पर है हम uxx1 सलेट करना है एवीएम का क्या मतलब है एनवीएम का मतलब है नोड वर्जन मैनेजर आप चाहे तो एनवीएम वैसे मैक और विज में भी यूज कर सकते हैं पर थोड़ा सा कॉम्प्लिकेटेड हो जाता है इंस्टॉलेशन हालांकि लॉन्ग टर्म इसके बेनिफिट्स होते हैं l x में हम क्या करेंगे एवीएम ही यहां पर इंस्टॉल करने वाले हैं तो क्या होगा सिर्फ ये कमांड्स हमको यूज करनी है है ना तो अब ये कमांड्स यूज करने के लिए क्या करिए बस कॉपी टू क्लिपबोर्ड यानी ये कमांड्स मेरी कॉपी हो गई है हम क्या खोलेंगे हम खोलेंगे अपना टर्मिनल तो यहां टर्मिनल को खोल लीजिए देखिए मैंने लिखा टर तो खुल गया मेरा टर्मिनल टर्मिनल को मैंने कर लिया है बड़ा इसको देखते हैं इसका हम साइज बड़ा कर सकते या नहीं शायद करने नहीं दे रहा हमको क्योंकि हम अगेन ये ऐसा हो सकता है क्योंकि हम बेसिकली टेंपरेरी इंस्टॉलेशन यहां पर यूज कर रहे हैं इसलिए ऐसा हो रहा हो बट चलिए उम्मीद करता हूं आपको यहां पर दिख रहा होगा हमको बहुत ज्यादा कुछ करना नहीं है जो हम वहां से कॉपी करके आए हैं मैंने यहां पर मेरे को क्या करना है यहां पर मेरे को उसको पेस्ट कर देना है तो हम क्या करेंगे कंट्रोल ऑलराइट एक बार देखते हैं क्या बोल रहा है अच्छा यहां पर कर्ल कमांड भी इसको नहीं मिल रही है तो क्योंकि एकदम फ्रेश इंस्टॉलेशन है तो य सब हमको करना पड़ेगा तो पहले मैं एक बार आपको दिखाता हूं कि कर्ल कमांड भी इंस्टॉल अगर हमको करनी है तो उसके लिए हमको क्या करना पड़ेगा तो देखिए यहां पर हम क्या करेंगे करेंगे कॉपी टू क्लिप बोर्ड यह हमारी जो कमांड व कॉपी हो गई है जाना कहां है टर्मिनल पर हमको इनको इंस्टॉल करना है तो यह खोल लेते हैं टर्मिनल टर्मिनल आ गया है देखि इसको थोड़ा सा बड़ा करने की कोशिश करते हैं यहां आ जाते हैं देखिए हा थोड़ा बड़ा हो गया नंबर चेंज नहीं हो रहा है बट बड़ा तो हो रहा है ठीक है तो बड़ा हो गया यहां पर आ गया है अब क्या करते हैं एक एक लाइन करके हम करके इसको इंस्टॉल करने की कोशिश करते हैं तो फर्स्ट लाइन पहले मैं कर लेता हूं कॉपी कॉपी एंड पेस्ट है ना तो यह क्या करने वाली है फर्स्ट लाइन फर्स्ट लाइन करने वाली है एनवीएम को इंस्टॉल जो हमारा नोड वर्जन मैनेजर है पहले उसको इंस्टॉल करेगी उसके बाद हम एक-एक करके नोड वर्जन को इंस्टॉल करने की कोशिश करेंगे तो मैंने बोल दिया एनवीएम इंस्टॉल अरे ये बोल रहा है यार हम जो कर्ल यूज कर रहे हैं कमांड टू इंस्टॉल एनवीएम अभी वो भी यहां पर इंस्टॉल नहीं है क्योंकि एकदम फ्रेश कॉपी है हमने जो इंस्टॉल किया है व बं का तो पहले कर्ल को इंस्टॉल कर लेते हैं तो हम ये एप्ट इंस्टॉल उठा लेते हैं इसको करते हैं कॉपी ये खुद ही बता भी रहा है कि भाई आपको कल अगर इंस्टॉल करना है तो आप कर सकते हैं शुड ग एप्ट इंस्टॉल कल ये हमने यूज कर लिया है पासवर्ड दे दिया है देखिए कर्ल को इंस्टॉल कर रहा है याद रखिएगा स्नैप इंस्टॉल कर्ल मत करिएगा वो भी नया कमांड है नए वर्जंस में चलता है अभी हमको क्या करना है पुराना वाला यहां पर यूज करना है तो मैंने यूज कर लिया सुड एप्ट इंस्टॉल कर्ल कर्ल मेरा इंस्टॉल हो गया है वापस से अब हम जो एनवीएम वाला कमांड था उसको चला लेते हैं एनवीएम इंस्टॉल करने के लिए कर्ल ़ ये देखिए यहां पर क्या कर रहा है इंस्टॉल कर रहा है ये बोल रहा है कि हमने इंस्टॉल कर दिया है या तो टर्मिनल खोल के बंद कर लीजिए या एक्सपोर्ट कर लीजिए अगर मैं डायरेक्टली लिखता हूं एवीएम देखिए क्या हुआ है एक्चुअली मेरे पाथ के अंदर एनवीएम अभी आ गया है है ना तो हम क्या करते हैं क्लियर कर लेते हैं आप या तो एक बार बंद करके एक्चुअली बंद करके खोलना अच्छा है तो एक बार इसको बंद कर लेते हैं टर्मिनल को उसके बाद एक बार टर्मिनल दोबारा से यहां पर खोल लेते हैं टर्मिनल फिर से खोल लिया साइज हमको को फिर से बड़ा करना पड़ेगा है ना अब उसके बाद देखिए एनवीएम की कुछ-कुछ कमांड्स हैं एनवीएम हमारे पास इंस्टॉल हो गया यानी नट वर्जन मैनेजर इसमें आप क्या कर सकते हैं इसमें आप अलग-अलग काम कर सकते हैं सबसे पहले इसी का वर्जन चेक कर लीजिए तो इसका कौन सा वर्जन इंस्टॉल हुआ है नट वर्जन मैनेजर का 0.39 7 है ना तो ये हमारा इंस्टॉल हो गया और आप क्या कर सकते हैं लिस्ट कर सकते हैं लिस्ट क्या करता है कोई भी वर्जन जो आपके पास इंस्टॉल्ड है अभी करेंटली यानी एनवीएम के द्वारा आप मल्टीपल नोड के वर्जंस एक साथ इंस्टॉल कर सकते हैं अभी हमने क्या बोला एनवीएम लिस्ट ये बोल रहा है एन यानी अभी हम मेरे पास कोई भी बेसिकली किसी भी तरह का सॉफ्टवेयर यहां पर इंस्टॉल नहीं है और क्या कर सकते हैं एनवीएम लिस्ट रिमोट लिस्ट रिमोट क्या करता है रिमोट पर जितने भी वर्जन है देखिए नोट के सारे के सारे वर्जन य उठा ला है कि कौन-कौन से वर्जन आप यहां पर इंस्टॉल कर सकते हैं तो आप कोई पुराना वर्जन चाहे तो वो भी इंस्टॉल कर सकते हैं हर चीज के इसने सारे के सारे वर्जन ले आया है ये है ना हमको क्या करना है हमको इंस्टॉल करना है मान लीजिए 22.1.20 2 2.1.0 हमको इंस्टॉल करना है कैसे करेंगे एनवीएम अगर देखिए कमांड आप यहां प जाकर देखेंगे इंस्टॉल 20 ये क्या कर रहा है 20th वर्जन इंस्टॉल कर रहा है बट हम क्या चाहते हैं हम चाहते हैं लेटेस्ट वर्जन इंस्टॉल करना यानी 22 तो ये बोल रहा है एक छोटा तरीका है आप बोल दीजिए एनवीएम इंस्टॉल 22 तो 22 का जो भी यहां पर लेटेस्ट होगा वही इंस्टॉल कर लेगा या जो हम कर रहे हैं क्या आप यहां से कॉपी कर लीजिए एग्जैक्ट वर्जन नंबर फिर बोलिए एनवीएम इंस्टॉल माफ कीजिएगा एनवीएम इंस्टॉल कर देते हैं इसको पेस्ट यानी वर्जन 22.1.20 मैंने दबा दिया आप देखिए क्या करेगा एनवीएम जो है ये इंस्टॉल करेगा हमारा नोड वर्जन 22 वर्जन 22 इंस्टॉल हो गया है फिर से चेक करते हैं एनवीएम लिस्ट अब देखिए इस बार जब मैंने एनवीएम लिस्ट लिखा है तो ये दिखा क्या दिखा रहा है कि वर्जन 22.1.20 लिखिए चेक करने के लिए कि नोड का कौन सा वर्जन इंस्टॉल हुआ है तो हमने बेसिकली लिस्ट से भी वही किया था नोड माइनस भी लिखेंगे तो नोड अपना वर्जन बता रहा है कि मेरा वर्जन यह है एनपीएम जो है नोड पैकेज मैनेजर उसका वर्जन चेक करेंगे तो एनपीएम का पैकेज वर्जन आ गया है 10.7.1 यानी नोड मेरा यहां पर सक्सेसफुली इंस्टॉल हो गया है न तो में हमको जैसे इंस्टॉल करना था अगर मैं यहां सिर्फ नोड लिखूंगा एंटर दबा आंगा तो देखिए हम यहां कौन से मोड में आ गए हैं आरपीएल मोड में आ गए हैं यानी अब यहां पर हम कोई भी जैसे हम ब्राउजर के अंदर डायरेक्टली जावास्क्रिप्ट को एग्जीक्यूट कर सकते थे इसी तरह से यहां भी नोड के अंदर हम आ गए डायरेक्टली जावास्क्रिप्ट को हम v8 जो इंजन है वो यूज़ करके यहां पर बेसिकली रन कर सकते हैं बट मैं क्या करता हूं फिलहाल यहां से एग्जिट कर लेता हूं यह काम हम बाद में करने वाले हैं पहला काम हमारा यहां पर डन हो गया है कि हमारा जो बेसिकली नोड है वो इंस्टॉल हो गया है सेकंड हमको क्या करना है सेकंड हमको करना है अ वीएस कोड इंस्टॉल तो वापस आ जाते हैं अपने ब्राउजर पर firefox.exe यूज़ करना है तो हम डेयन के अंदर हैं तो डेयन पर आ जाते हैं देखिए उं का नाम यहां पर आ रहा है डेयन अगर आप रेड हैट यूज़ कर रहे हैं फोरा यूज़ कर रहे हैं तो डॉट आरपीएम फाइल आएगा हमको डॉडी ब फाइल चाहिए और आम वाला फाइल चाहिए आपको जनरली क्या चाहिए होगा x64 चाहिए होगा मुझे आम 64 चाहिए तो मैं आम 64 को डाउनलोड यहां से कर लेता हूं ठीक है तो क्लिक कर दिया है डाउनलोड हमारा हो गया है स्टार्ट अभी इसमें थोड़ा सा टाइम लग रहा है तो हम अपने एडिटर जी को बोलेंगे इसको थोड़ा सा जल्दी यहां पर कर लेंगे देखिए हमारा तो अ जो सिस्टम है वो तेज है बट शायद रेक्स के उतने डाउनलोड होते नहीं होंगे तो कहीं पर कैचड नहीं है कहां पर विजल स्टूडियो कॉ से हम पूरा डायरेक्टली डाउनलोड कर रहे हैं तो उसका वेट करते हैं जब डाउनलोड कंप्लीट हो जाएगा उसके बाद हम इसको इंस्टॉल करेंगे स कितनी स्पीड आ रही है हाफ एबी पर सेकंड स्पीड आ रही है ये तो भाई एक्सेप्टेबल नहीं है हमने 1gb पीएस का कनेक्शन लिया और हाफ एबीपीएस की स्पीड आ रही है तो देखिए इसमें हमेशा क्या है आपको ये भी धीरे-धीरे कंप्यूटर साइंस की समझ होनी चाहिए कि स्पीड सिर्फ आपकी मैटर नहीं करती सर्वर किस स्पीड पर डाउनलोड आपको दे रहा है वह भी यहां पर मैटर करेगा है ना तो सर्वर अगर स्लो है तो भी आपकी स्पीड जो है वह स्लो हो जाएगी और कितना वेट करेंगे 50 सेकंड्स अभी और बचे हैं 53 सेकंड्स है ना डन हो गया इसको खोल लेते हैं ओपन फाइल आर्काइव मैनेजर हमको क्या करना है सॉफ्टवेयर इंस्टॉल करना है तो सॉफ्टवेयर इंस्टॉल के साथ खोल लेते हैं अन मैं क्योंकि थोड़ा वर्चुअल मशीन पर चला रहा हूं तो सिस्टम उतना फास्ट नहीं है इसको थोड़ा सा टाइम लग रहा है ठीक है ये बोल रहा है आपको इसको इंस्टॉल करना है कोड एटिंग डिफाइंड इंस्टॉल कर लेते हैं पासवर्ड पूछ रहा है पासवर्ड डाल देते हैं ऑथेंटिकेट ये अपने आप बता रहा है कि पोटेंशियली अनसेफ है पर हमको पता है हमने कहां से माइक्रोसॉफ्ट की वेबसाइट से डायरेक्टली डाउनलोड किया है तो कोई भी अनसेफ नहीं है हम इसमें कंफर्मेशन देके इसको आगे बढ़ा सकते हैं है ना आई थिंक इंस्टॉल हो गया है ऐसा लग रहा है एक बार चलाकर देखते हैं ये देखिए जैसे ही मैं आया यहां पर एप्लीकेशंस के अंदर विजुअल स्टूडियो कोड अब यहां पर दिख रहा है विजुअल स्टूडियो कोड को क्लिक करते हैं विजुअल स्टूडियो कोड हमारा खुलकर तैयार है थीम यह पूछ रहा है तो हम बोलते हैं भाई ब्लैक थीम ही हमको यूज़ करना है है ना ठीक बात है नेक्स्ट सेक्शन कोड एक्सटेंशन आपको कोई चाहिए क्या अभी यहां पर हम इसको डन मार्क कर देंगे अभी हमको कुछ नहीं चाहिए देखिए विजुअल स्टूडियो कोड खुलकर तैयार है यह आपका फोल्डर ऑप्शन हो गया वेलकम पेज आ गया है तो विजुअल स्टूडियो कोड भी हमारा तैयार हो गया है है ना अब इसके बाद जो हम पोर्शन में जाएंगे वो फिर से तीनों के लिए कॉमन है अभी देखिए है और दूसरा हमने जो हमारा विजुअल स्टूडियो कोड है वो भी वहां पर इंस्टॉल कर लिया अब जो हमारी रेस्ट ऑफ द सेटिंग है जो हम पूरे कोर्स में इस्तेमाल करने वाले हैं वो उस पर आ जाते हैं और उसके बाद हम हमारा बेसिक जावास्क्रिप्ट का जो कोड है उसको हम चलाकर देखेंगे है ना तो सबसे पहले क्या बोल रहा है विजुअल स्टूडियो कोड में आपको ये ही एक्सटेंशन और सेटिंग चाहिए क्या सेटिंग चाहिए हमको यह बोल रहा है प्रीटियर जो है ये हम यूज कर बेसिकली एक्सटेंशन यूज करेंगे लाइन रैप यूज करेंगे और टैब साइज को चार से दो करेंगे तो आ जाते हैं हम अपने विजुअल स्टूडियो कोड में नीचे से स्टूडियो कोड को खोल लेते हैं आ जाते हैं एप्लीकेशंस में यानी लंच पैड में अभी मैं मैक में हूं बाकी काम मैक में कर रहा हूं बट आपने विंडोज या बेसिकली लाइक्स में किया है तो भी अब काम आपका सेम ही रहने वाला है तो विजल स्टूडियो कोड को कर लेते हैं लंच यह आ गया मेरा विजुअल स्टूडियो कोड इसको हम कर देते हैं बंद बंद तो नहीं हो रहा है आईम शर यहां से कोई तरीका हो ता है इसको बंद करने का बट हम क्या करते हैं हम एक नया फोल्डर इसको खोल लेते हैं तो हम बोलते हैं ओपन फोल्डर है ना और मान लीजिए मैं डेस्कटॉप पे ही एक नया फोल्डर यहां पर बना लेता हूं क्या इसका नाम हम रख लेते हैं नोड नोड कोर्स है ना मैंने इसका नाम रख लिया है नोड कोर्स और इसको हम कर लेते हैं ओपन है ना तो य देखिए नया फोल्डर खुल गया है मेरा नोड कोर्स करके यहां पर फोल्डर खुल गया है वैसे इससे कोई मैटर नहीं करता अभी हमको क्या करना था हमको इंस्टॉल करना था एक्सटेंशन और एक्सटेंशन कौन सा इंस्टॉल करना है प्रियर है ना मैं दबा आंगा प्रेटर ये मेरा एक्सटेंशन आ गया है देखिए मैं मैंने क्योंकि पहले से इंस्टॉल किया हुआ है तो मुझे इंस्टॉल दिख रहा है आपको क्या करना है यहां पर इंस्टॉल बटन दबाना है आपके लिए इंस्टॉल बटन आ रहा होगा इंस्टॉल इसको कर लीजिए आपके लिए प्रेटर जो है वो इंस्टॉल हो जाएगा है ना इसके बाद हमको क्या करना है इसके बाद हमको जाना है लाइन रैप हमको सेटिंग जो है वो इनेबल करनी है तो कहां जाएंगे कोड के अंदर जाइए सेटिंग्स आपका आपका सेटिंग्स जहां से भी आ रहा हो सेटिंग्स के अंदर जाएंगे यहां सर्च करिए लाइन रैप है ना तो लाइन रैप पर आएंगे देखिए यहां एडिटर के अंदर आ गए हम वर्ड रैप पर यानी वर्ड रप हमको सर्च करना है वर्ड रप लाइन रप एक ही बात है ये आपके लिए ऑफ होगा इसको आप यहां पर ऑन सेट कर लीजिए ये हुई मेरी दूसरी सेटिंग और अगली सेटिंग क्या है टैब साइज को हमको चार से दो सेट करना है तो यहां आ जाते हैं बोलते हैं टैब साइज देखिए टैब साइज मैंने पहले ही चार से दो कर लिया है आप यहां आएंगे और उसको चार से दो सेट कर लेंगे ठीक है तो ये तीन सेटिंग्स हैं जो हम यूज करने वाले हैं है ना ताकि कोड हमारा फॉर्मेट के टाइम पर से प्रिटी हो सके लाइन राप यानी एक लाइन में अगर ज्यादा कोड आ गया है तो अगले ऑटोमेटिक नेक्स्ट लाइन में आ जाए हमको स्क्रॉल ना करना पड़े हॉरिजॉन्टल स्क्रॉल ना करना पड़े और टैब जब भी हम दे रहे हैं बेसिकली कोड को फॉर्मेट करने के लिए तो चार स्पेसेस ना हो दो हो ताकि हमारा कोड बहुत ज्यादा इंटेंडेड ना लगे ठीक है तो ये थी सेटिंग्स उम्मीद कर रहा हूं ये तीनों सेटिंग्स आपने कर ली हैं इसके बाद आ जाते हैं हम कहां पर एग्जीक्यूटिंग फर्स्ट ड जए फाइल ड जए फाइल मतलब यानी जावास्क्रिप्ट का अब हम कोड यहां पर बनाने वाले हैं तो कैसे करेंगे देखिए हमने क्या खोल लिया था विजुअल स्टूडियो कोड हमने खोल लिया है सेटिंग्स को अब हम बंद कर देते हैं एक्सटेंशन को हम बंद कर देते हैं यहां आ जाते हैं फाइल पर एक नया पैकेज हमने बना लिया है नया फोल्डर हमने बना लिया है नट कोर्स के नाम से इसके अंदर पहली फाइल हम यहां पर बना लेते हैं मान लीजिए इसका नाम मैं रख देता हूं फस्ट डॉट जए तो मेरी जेएस फाइल बन गई है ना जावास्क्रिप्ट में आप पहले भी फाइल बनाकर आए हैं यहां भी हमने फाइल बना लिया इसको अब हम करेंगे यूज कैसे करेंगे मान लीजिए यहां मैं लिख देता हूं कंसोल थोड़ा बड़ा कर लेते हैं इसको फोल्डर को कर देते हैं बंद मैं लिखता हूं कंसोल माफ कीजिएगा कुछ ऑटो कंप्लीट कर बड हो गया कसोल डलॉग केजी कोडिंग इज द बेस्ट मान लीजिए मैंने ये लिख दिया है ना लगा दिया सेमीकलन ठीक है तो मैंने लिख दिया केजी कोडिंग इज द बेस्ट मैंने फाइल में कुछ ना कुछ यहां पर लिख दिया है है ना किस तरह से हमको इसको रन करना है क्या बोल रहा है ये देखिए अगर जेएस फाइल हम बनाते हैं दि स्ट्रीमलाइंस नोड कमांड यानी आप क्या करें फाइल नेम ड जेएस को आपको नोड के साथ देना है नोड कमांड के साथ तो ये काम आपका हो जाएगा है ना तो हम कहां चलते हैं अपने टर्मिनल की तरफ चलते हैं हमको क्या करना है इसी के अंदर हम एक टर्मिनल खोल लेते हैं है ना टर्मिनल न्यू टर्मिनल तो क्या होगा नीचे टर्मिनल खुल जाएगा अब मैं क्या करूंगा मैं नोड कोर्स के अंदर ऑलरेडी हूं एलएस में करता हूं तो फाइल आ रही है आप विंडोज वगैरह में है तो आप डीआई आर करेंगे आप लिखिए नोड और उसके बाद दीजिए अपने फाइल का नाम तो मैंने दे दिया फड जए जैसे ही मैं लिखूंगा नोड फड जए एंटर करूंगा देखिए यहां पर क्या लिखा गया है आउटपुट में केजी कोडिंग इज द बेस्ट यानी इसने क्या किया फाइल में गया यह बेसिकली जो कोड था इसने इसको रन करना स्टार्ट किया इसने हमने क्योंकि बोला था कसोल डलॉग तो इसने उसको उठाकर यहां पर प्रिंट कर दिया मैं अगेन मैं मान करर चल रहा हूं जावास्क्रिप्ट आपको आती है कसोल डलॉग का मतलब आपको पता है वरना आपको एक बार पहले हमारा जावास्क्रिप्ट वाला कोर्स जो है वो फॉलो करना है उसका लिंक आपके पास डिस्क्रिप्शन में है वैसे बस ये थोड़ा सा अ भी पोर्शन कंप्लीट करके हम जावास्क्रिप्ट का एक बार फुल रिवीजन करने वाले हैं एक पूरे चैप्टर में तो वहां हम जावास्क्रिप्ट का रिवीजन करेंगे ठीक है बट इतना बेसिक आपको पता होना चाहिए बिना रिवीजन के भी तो कल डलॉग ये हमारी लाइन यहां पर प्रिंट हो गई है तो आपने देख लिया हम फाइल को कैसे रन कर हैं हम लिखते हैं नोड फड जए नोड के बाद आप अपनी जावास्क्रिप्ट का फाइल दीजिए वो फाइल को रन कर देगा है ना इसके बाद देखिए हमने क्या यहां पर एक एग्जांपल दिया है यानी आप रिक्वायर करके जो हमारा कमांड है उसको यूज़ कर सकते हैं किस लिए मॉड्यूस को अलग-अलग मॉड्यूस को यूज़ करने के लिए तो हमने रिक्वायर एए किया एए हमने यहां पर यूज़ कर लिया दो वेरिएबल हमने डिफाइन किए उनका हमने सम और प्रोडक्ट किया उसके बाद देखिए हमने उसको प्रिंट करने की कोशिश कि है कि सम क्या है सम यह है प्रोडक्ट क्या है प्रोडक्ट ये है और यहां पर हमने दूसरा क्या किया है फाइल राइटिंग आपको दिखाया हमने स्टार्टिंग में बात की थी कि नोट जस में क्या कैपेबिलिटीज ड होती है फाइल राइटिंग की कैपेबिलिटीज ऐड होती है तो फाइल राइट कैसे करेंगे बस हमने एफएस जो मॉड्यूल लिया है उसको करेंगे डॉट राइट फाइल फाइल का नाम दिया डाटा यानी यह हमने स्ट्रिंग दिया जो हमको यूज करना है एरर हैंडलिंग का हमने सिर्फ फंक्शन दिया और देखिए इससे क्या हुआ यह प्रिंट तो हुआ ही हुआ फाइल भी यहां पर राइट हो जाएगी तो एक बार इसको मैं चलाकर आपको दिखा देता हूं कैसे करेंगे कंस्ट एफएस कांस्टेंट डिक्लेयर कर रहे हैं f इ टू रिक्वायर क्या एफ एस तो मॉड्यूल मेरा आ गया है अब एफएस डट राइट फाइल करके आप यहां पर कुछ भी राइट कर सकते हैं तो मान लीजिए मैं बोलता हूं एफएस डट राइट फाइल फाइल का नाम क्या है मान लीजिए मैंने यहां पर फाइल का नाम दे दिया है आउटपुट डॉट टेक्स्ट है ना टेक्स्ट फाइल में बना रहा हूं इसको हम थोड़ा छोटा कर लेते हैं आउटपुट ड टेक्स्ट एक्चुअली इसका इस स्टेटमेंट से कोई मतलब नहीं है ये तो हमने पहले अलग से दिखाया था इसको हम ऊपर कर देते हैं मैंने लिख दिया उसके बाद कांस्टेंट एए है ना और फाइल में हमको क्या लिखना है मान लीजिए मैं यहां लिख देता हूं राइटिंग फाइल है ना राइटिंग फाइल मैंने कर दिया इसके बाद हमको क्या करना है देखिए इसके बाद हमको एक फंक्शन देना पड़ेगा क्या फंक्शन देना है अ यह हमने बेसिकली एरर हैंडलिंग के लिए देना है तो हमने दे दिया ई आरआर और ये कैच करेगा तो एरर थ्रो करेगा वरना ये कंसोल लॉक करेगा तो मैं क्या करता हूं यहां पर ले लेता हूं सेम चीज आर है ना ई आर आर बेसिकली आपको क्या करना है हमने जो शॉर्ट फंक्शन सिंटेक्स है यानी एरो फंक्शन सिंटेक्स है वो हमने यहां पर लिख लिया है है ना इसके अंदर मैं चेक कर लूंगा इफ ई आर आर अगर एरर है तो आप क्या करें कंसोल लॉग कर दीजिए एरर अकड वरना क्या करेंगे एल्स फाइल रिटर्न देखिए मैं भी दोबारा काफी दिन बाद जेएस लिख रहा हूं तो हर जगह मैंने क्या कर दिया डबल कोड्स कर दिया कोई फर्क नहीं पड़ता डबल कोड सिंगल कोड्स बट जनरली हमको सिंगल कोड्स यूज़ करना चाहिए स्ट्रिंग के लिए ठीक है तो ये हमारा कोड हो गया एक बार इसको रन करके देख लेते हैं हमने कोई गड़बड़ की है क्या फिर से क देंगे नोड फड जए एंटर दबाया देखिए क्या बोल रहा है केजी कोडिंग इज द बेस्ट फाइल रिटन सक्सेसफुली यानी ये बोल रहा है फाइल राइट कर दिए है वापस आकर यहां देखते हैं देखिए output.txt नाम की फाइल बन गई है मैंने इसको क्लिक किया इसके अंदर स्ट्रिंग के आगे राइटिंग फाइल जो हमने यहां पर दी थी तो हमने देख लिया नट से हमको कैसे अलग-अलग तरह का जो कोड है वो रन करना है साथ में कैसे मॉड्यूस को इंक्लूड करना है नए मॉड्यूल को अगेन इसको डीप में हम बाद में देखेंगे अभी मैं बस आपको यूज करके दिखा रहा हूं और कैसे फाइल राइटिंग कैपेबिलिटी हमारी ऐड हो गई है जावास्क्रिप्ट में क्योंकि अब हम नोड को यूज कर रहे हैं यहां पर है ना तो ये हमने देख लिया बेसिकली किस तरह से पूरा कोड हुआ रिक्वायर सिंटेक्स किस तरह से मॉड्यूल को इंक्लूड करता है ये हमने देख लिया मॉड्यूलर कोड को बेसिकली अलग-अलग तरह के कोड को हम रिक्वायर से यूज कर सकते हैं और मॉड्यूल जो है वो एनीवे नोड में कैश हो जाता है जब भी आप रिक्वायर करते हैं तो रन टाइम पर काफी फास्ट यह काम इसका होता है तो यह तो हुआ जेएस फाइल बनाकर अगर हम कोड रन करेंगे तो वो कैसे करना है दूसरा क्या है अभी हम समझेंगे आरपीएल है क्या जिस आरपीएल की अभी हम बात कर रहे थे ये आरपीएल क्या है तो देखिए ये क्या है इंटरेक्ट शेल है यानी आप जावास्क्रिप्ट के कोड को इंटरेक्ट वली रन कर सकते हैं है ना क्विक टेस्टिंग के लिए बिल्ट इन हेल्प के लिए सेशन मैनेजमेंट के लिए एपीआई चेक करने के लिए है ना नोड एपीआई को आपको टेस्ट करना है वो करने के लिए कस्टमाइजेबल है ये में आप प्रोमट बिहेवियर सबको कस्टमाइज कर सकते हैं इसका नाम क्या है आरपीएल आरपीएल क्यों है इसका नाम ये रीड करता है इवेलुएट करता है प्रिंट करता है लूप लूप मतलब ये तीन यही आरपी आरपी आरपी बार-बार करता रहेगा यानी आप जो भी स्टेटमेंट लिखेंगे इसके अंदर एंटर दबाए पहले उसको रीड करेगा उसको इवेलुएट इवेलुएट मतलब उसको रन करेगा उसका आउटपुट आपको शो करेगा तब आप अगली लाइन लिख सकते हैं इसका क्या मतलब है वापस चलते हैं हम यहां पर मान लीजिए टर्मिनल कोई मैं बड़ा कर लेता हूं है ना आप चाहे तो अपने सिस्टम का टर्मिनल भी खोल सकते हैं या आपका आईडी वाला टर्मिनल भी आप खोल सकते हैं इसको हमने कर लिया क्लीन अब आप लिख दीजिए यहां सिर्फ नोड मैंने नोड लिखा और मैं नोड के अंदर आ गया बोल रहा है वेलकम टू नोड वर्जन 22.1.20 जैसे मैंने लिखा देखिए 10 आ गया ये एगजैक्टली ब्राउजर के कंसोल की तरह चल रहा है है ना मैं लिखता हूं कंसोल डलॉग आरपीएल इज रियली हेल्पफुल देख इसने क्या किया यही यहां पर मुझे टर्मिनल में दिखा दिया या ये क्या कर रहा है मैं जो भी यहां पर लिखता हूं य उसको रीड करता है एग्जीक्यूट करता है और आउटपुट मुझे यहां पर दिखा देता है इसने 4.6 4+ 6 को रीड किया एग्जीक्यूट किया 10 आया 10 आउटपुट मुझे यहां पर दिखा दिया तो देखिए एक-एक लाइन ये बेसिकली हम जो जो एंटर करते रहेंगे उसको ये राइट यहां पर करता रहेगा जो चीज हमने पहले की है उसको बाद में यूज कर सकते हैं कैसे मान लीजिए मैं लिख देता हूं लेट पॉप इ इक्वल टू 7 + 9 ठीक है अभी उसने कहा इसका कोई रिजल्ट नहीं आया क्यों रिजल्ट इसने डाल दिया पॉप के अंदर मैं पॉप लिखूंगा तो देखिए पॉप वेरिएबल को अब मैं कहीं भी यूज कर सकता हूं मैंने सिर्फ पॉप लिखा तो उसने बता दिया भाई पॉप की वैल्यू है 167 + 9 जो आपने निकाला था है ना तो पहली लाइन अगली लाइन से कनेक्टेड है यानी ये सब कुछ एक मेमोरी में चल रहा है बट मैं जैसे ही इसको एग्जिट करता हूं मान लीजिए मैंने दिया कंट्रोल c कंट्रोल c में एग्जिट हो गया अब मैं अगर दोबारा आ जाऊं नोड के अंदर और अब लिखूं कि पॉप क्या है तो ये बोलेगा अनडिफाइंड यानी ये क्या है ये सेव वेव कुछ नहीं हो रहा है बस आप एग्जीक्यूट कर रहे हैं खोता जा रहा है एग्जीक्यूट कर रहे हैं जैसे ही आपने बंद किया टर्मिनल तो क्या होगा सब कुछ खो जाने वाला है तो ये किसलिए है कोई छोटी चीज आपको जल्दी से एग्जीक्यूट करके देखनी है मेरा कोड का सिंटेक्स ठीक है या नहीं इस टाइप का अगर आपको कोई भी काम करना है तो वह आप आ पीएल से कर सकते हैं कैसे रीड इवेलुएट प्रिंट एंड देन इ इट विल कीप लूपिंग है ना तो जो आप ब्राउजर के कंसोल में कर सकते थे वही आप यहां पर भी कर सकते हैं देखिए इसी का एग्जांपल हमने यहां पर दिया है आरपीएल में कैसे करना है 5 प 6 करना है कंसोल लॉक करना है जो फाइल राइटिंग का हमने लिखा था व फाइल राइटिंग का कोड भी आप अगर यहां पर लिख देंगे तो भी वो पूरा चल जाएगा तो कोड जो जावास्क्रिप्ट में चलेगा वो यहां पर चलेगा बट मोस्ट ऑब् वियस है ऐसा कि हम सब कुछ जनरली फाइल में लिखने वाले हैं क्यों क्योंकि हम चाहते हैं हमारा कोड सेव्ड रहे हम बार-बार उसको बाद में चला पाए क्विक टेस्टिंग के लिए हम आरपीएल को यूज करेंगे अदर वाइज हम जनरली पूरे कोर्स में आगे हम क्या करने वाले हैं फाइल बनाने वाले हैं जावास्क्रिप्ट की और उसको नोड से हम एग्जीक्यूट करेंगे तो ठीक है दोस्तों आज स्वागत करता हूं आपके कंप्लीट कोडिंग के हमारे नोट जेस्ट जो हम सीरीज चला रहे हैं इसके पार्ट थ्री में है ना तो अब हम क्या सीखेंगे इस पार्ट थ्री में देखिए पार्ट थ्री में हम अपना पहला नोड सर्वर यहां पर बनाने वाले हैं तो इसके अंदर हम क्या-क्या देखेंगे पहले कुछ समझने वाली चीजें हैं तो पहले समझेंगे डीएनएस बेसिकली किस तरह से काम करता है वेब किस तरह से काम करता है है ना थोड़ा सा हमको समझ आएगा ताकि जब हम नट सर्वर बना रहे हैं तो यह सर्वर बनाने का क्या मतलब है इस सर्वर से क्या होगा यह सब हमको यहां पर समझ आएगा बहुत छोटा सा हम इंट्रोडक्शन देखेंगे कि प्रोटोकॉल्स का यहां पर क्या मतलब है कौन-कौन सी प्रोटोकॉल्स हम यूज करते हैं और होती क्या है प्रोटोकॉल्स है ना उसके बाद बेसिकली हम आ जाएंगे सीधे अपने सर्वर बनाने पर तो उसमें हमको कोर मॉड्यूल समझना है क्या-क्या होता है रिक्वायर कीवर्ड क्या होता है और फिर सीधे हम अपना पहला सर्वर बना रहे होंगे है ना तो ये पार्ट जैसे ही खत्म होगा आप अपना सर्वर बना पा रहे होंगे उसपे रिक्वेस्ट आ पा रही होंगी जा पा रही होंगी तो बहुत ज्यादा मजा आने वाला है चलिए जल्दी से स्टार्ट करते हैं है ना तो इसके बाद हम क्या करेंगे सबसे पहले हमको देखना था कि भाई जो हमने बोला डीएनएस बेसिकली किस तरह से काम करता है पहली बात तो डीएनएस का मतलब क्या होता है है ना तो देखिए अगर आप डीएनएस का मतलब देखेंगे यहां पर हमने क्या बताया ड इसका मतलब है डोमेन नेम एंट्री या जब हम डीएनएस का मतलब बोलते हैं तो डीएनएस को बोला जाता है डोमेन नेम सर्विस अब ये डोमेन नेम सर्विस का क्या मतलब है देखिए अगर मान लीजिए हम यहां आज कोई डाक विभाग चला रहे हैं है ना आप मान लीजिए डाक विभाग में बैठे हुए हैं और आपको ये डिसाइड करना है कि कौन सी चिट्ठी कहां जाएगी तो आप ये किस हिसाब से डिसाइड करेंगे अगर आपको बेसिकली पोस्ट ऑफिस में आप बैठे हैं आप किस हिसाब से डिसाइड करें देंगे देखिए पूरा एड्रेस देखेंगे कि इस पर टू एड्रेस क्या लिखा हुआ है और उस एड्रेस को फिर आप अपने हिसाब से देखेंगे देखिए आपने क्या किया हुआ है हर शहर को हर जगह को कहां पिन कोड में बांटा हुआ है हमने इंडिया में है ना तो आप पिन कोड देखते हैं पहले कि अच्छा ये उस शहर का पिन कोड है तो उसको हम वहां भेज सकते हैं पिन कोड में हमने क्यों बांटा है क्योंकि कई बार क्या होता है शहर के नाम में कंफ्यूजन हो जाता है अब मैं जैसे जहां पला बड़ा हूं मेरी जो नेटिव प्लेस है उसका नाम है मुजफ्फर नगर है ना पर आधी जगह जब हम उसे बताते थे तो लोगों को ऐसा लगता था कि मु मुजफ्फरपुर करके भी एक जगह है बिहार में कि कहीं वो उसकी तो बात नहीं हो रही है और छोटे-छोटे गांव तो आप देखेंगे बहुत बहुत सारे सेम गांव दो-चार डिस्ट्रिक्ट में ही आपको मिल जाएंगे है ना तो सिर्फ नाम से नहीं डिसाइड किया जा सकता एक पर्टिकुलर एड्रेस होना चाहिए एक पिन कोड होना चाहिए अब देखिए ऐसे ही जब आप अपने ब्राउजर में जाकर लिखते हैं www.google.com तो उसको कैसे पता कि google.com और google.com हमारे लिए प्रकट हो जाता है जगहो पर जहां पर भी बहुत बड़े-बड़े डेटा सेंटर बनाते हैं हमारे इंडिया में अभी गुड़गांव में है मुंबई में बहुत सारे डेटा सेंटर्स हैं डेटा सेंटर का क्या मतलब है बहुत बड़ी-बड़ी बेसिकली बिल्डिंग होती हैं जहां बहुत सारे सर्वर्स लगे हुए हैं आपकी रिक्वेस्ट वहां पर जाती है आपकी रिक्वेस्ट वहां से वापस आती है जब आप कुछ google.com लिखा मेरी जो रिक्वेस्ट है उसको कैसे पता कि मान लीजिए मुंबई के किसी सर्वर में वो होस्टेड है या मान लीजिए यूएस में किसी स सर्वर में वो होस्टेड है सिंगापुर में बहुत सारे सर्वर्स होस्टेड हैं उसको कैसे पता कि कहां जाना है तो देखिए वही काम करता है डोमेन नेम सर्विस यानी पहले जब आप किसी भी वेबसाइट का नाम लिखते हैं आप मान लीजिए कंप्लीट king.in लिख रहे हैं इसको कैसे पता कि कहां जाना है कंप्लीट कोडिंग . इ का सर्वर हमने कहां पर लगाया है तो एक डोमेन नेम सर्विस करके कुछ पहले सर्वर्स हैं तो होता क्या है जैसे ही आपने मान लीजिए अपने कंप्यूटर पे लिखा कि भाई मुझे मुझे जाना है google.com के पास है ना तो क्या करेगा ये जो आपका सर्वर आपके पढ़ाई के फ्लो को ब्रेक करने के लिए माफी चाहता हूं बट एक बार क्विकली आपको दिखाना चाह रहा हूं जहां पर हम बहुत ज्यादा एफर्ट कर रहे हैं हमारा पोर्टल no.ii जहां पर आपको मिलेगी बेस्ट एजुकेशन कोर्सेस एआई ड्रिवन फॉर्म में इमीडिएट डाउट सॉल्विंग बहुत सारी चीजें यहां पर आपको मिलने वाली है इस पर बहुत ज्यादा मेहनत हम कर रहे हैं तो अगर आप लिंक चेक करेंगे नीचे नॉले get-date रैंक प्रोडक्टर बनाया था जो कि यहां पर बहुत अच्छा 48000 से ज्यादा देखिए लाइव बच्चों ने हमको ये चेक किया है अगर आप यहां पर हमारे कोर्सेस भी देखेंगे तो जो हमारे मोस्ट पॉपुलर कोर्सेस हैं वो आपको दिखेंगे गेटनेट पीएस अगर आप एग्जाम्स निकालना चाहते हैं उनके लिए बहुत सारे कोर्सेस हैं प्लेसमेंट स्पेसिफिकली अगर आप सर्विस बेस कंपनीज का प्रिपरेशन कर रहे हैं फोसिस टीसीएस उसके लिए हमारे यश सर के बहुत सारे कोर्सेस हैं और अगर आप स्किल्स कोडिंग में देखेंगे तो यहां पर अगेन ये लिस्ट जो है वो ग्रोइंग है बहुत सारे कोर्सेस आपको यहां पर दिखेंगे बट जैसे हमारा मन स्टैक या डीएसए का एक पैकेज है या डीएसए मन स्टैक नॉर्मली भी अगर आप यहां पर देखना चाह रहे हैं अगर मैं मन स्टैक में आऊं यानी जो हम अ बेसिकली नॉर्मली सीरीज में भी पढ़ रहे हैं आपने देखा होगा उसको और इन डेप्थ अगर आप देखना चाहते हैं 100 आवर्स से भी ज्यादा का रिकॉर्ड रिकॉर्डिंग है ये अगेन लाइव कोर्स हमने पहले चलाया था उसके भी रिकॉर्डिंग आप वन ईयर टू ईयर के लिए बहुत सारे अवेलेबल एड ऑनस हैं हमारे पास यहां पर जिसमें कि अगर आपको एक वन टू वन मेंटर चाहिए आपकी सारी प्रॉब्लम सॉल्व करने के लिए जॉब सपोर्ट यानी मोस्ट अप टू डेट जॉब्स आप यहां पर देखना चाहते हैं रिज्यूमे अगर आप चाहते हैं पर्सनली मैं आपका रिज्यूमे रिव्यू कर रहा हूं मॉक इंटरव्यू अगर आप चाहते हैं बहुत ही देखिए इकोनॉमिकल प्राइस में आप वो ले सकते हैं अगेन रिज्यूमे एंड मॉक इंटरव्यू आर अनलिमिटेड इंटरव्यू सिर्फ लाइक 90 पैसे पर डे में है ना जिस इंटरव्यूज को मैं नॉर्मली 10 15000 चार्ज कर रहा होता हूं वो सब आप यहां पर देख सकते हैं बहुत ही अच्छे कोर्सेस अगर आप इसको बेसिकली चेक करना चाहते हैं अपनी स्किल्स को अपग्रेड करना चाहते हैं अगेन एंड यह थोड़ा जो लिस्ट है आपको दिख रहा होगा बट एआई रिलेटेड और बहुत सारे कोर्सेस यहां पर ऐड होने वाले हैं तो वो भी आप यहां पर चेक कर सकते हैं बैक टू स्टडी है जो आपका कंप्यूटर है वो पहले सबसे पहले यहां पूछेगा देखिए क्या वयर इज google.com कि भाई मुझे google.com खोलना है ये google.com मिलेगा कहां मुझे google.com पर लेकर चलो जो डीएनए सर्वर है मान लीजिए सबका पता बताता है इसको सबका एड्रेस पता हुआ पता है है ना कि कौन मशीन कहां रखी हुई है और इंटरनेट पर एड्रेस क्या होता है इंटरनेट पर एड्रेस एड्रेस होता है आईपी एड्रेस यहां पर पिन कोड वाला एड्रेस नहीं होता यहां पर आईपी एड्रेस होता है आपके कंप्यूटर का भी है हर कंप्यूटर का एक यूनिक एड्रेस है जो भी इंटरनेट से कनेक्टेड है उनको एक यूनिक एड्रेस मिल जाता है जिसको हम बोलते हैं आईपी एड्रेस है ना उसकी बहुत डिटेल में नहीं जाएंगे अभी बस आप ये समझ लीजिए आईपी एड्रेस से किसी भी कंप्यूटर को यूनिक आइडेंटिफिकेशन जो गली में एक नाई होता है ना या पनवाड़ी होता है यह वह है लोग आकर उससे पता पूछते हैं कि भाई उसका घर कहां है फलाने का घर कहां है तो वह बताता है कि भाई आपको वहां जाना है तो वह है आपका डीएनएस यानी डोमेन नेम सर्विस तो हम इससे पूछेंगे कि भाई google.com कहां पर है और यह हमको वापस बता देगा कि भाई अगर google.com पर जाना है ना तो इस आईपी एड्रेस पर चले जाना व्हिच इज 8724 5.2.1 अगर आप इस आईपी एड्रेस पर चले जाओगे तो आपको अ जो आपका फाइनल डेस्टिनेशन है जो ऐसा हम हमको करना ही क्यों पड़ रहा है देखिए दो चीजें पहली बात तो अगर google.com मत लिखना हमेशा ब्राउजर में जाकर लिखना 87.5 2.13 तो मेरा आपको एड्रेस मिल जाएगा तो ये बड़ी अजीब सी बात है याद रखना मुश्किल है दूसरा google.com ही रहेगा पर पीछे से आप उसका एड्रेस कभी भी बदल सकते हैं तो यही हमारा जो डोमेन नेम सर्विस है वह इस तरह से काम करता है तो डीएनएस क्वेरी का क्या मतलब हुआ जो ब्राउजर पहले पूछता है कि भाई यह कहां मिलेगी वेबसाइट उसको डीएनएस क्वेरी बोलेंगे हर वेबसाइट इसी तरह से चलती है आप कंप्लीट king.in लिखेंगे वो भी ऐसे ही चलेगी नॉलेज geet.in लिखेंगे वो भी ऐसे ही चलेगी के साथ उस एक्चुअल सर्वर के साथ जिससे आप बात करना चाह रहे थे डीएनए सर्वर क्या है ये वो जगह है जिसने इन सबके नाम और एड्रेस बेसिकली लिख कर रखे हुए हैं और जभी भी कोई अपना कंप्यूटर चेंज करता है अपना आईपी एड्रेस चेंज करता है अपना एड्रेस चेंज करता है तो वो जाकर डीएनएस को बताता है कि भैया मेरा एड्रेस चेंज हो गया है अब कोई अगर मेरे नाम से मांगने आएगा तो उसको यहां भेज देना पुरानी जगह पर मत भेजना है ना तो वो बोल रहे हम डीएनएस सर्वर दिस प्रोवाइड्स द करेक्ट आईपी एड्रेस फॉर द डोमेन ये क्या कर रहा है करेक्ट आईपी एड्रेस क्या है इस डोमेन के लिए वो आपको बता रहा है और ब्राउजर क्या करता है चौथे स्टेप में द ब्राउजर य यूस द आईपी टू कनेक्ट टू द वेब सर्वर एंड लोडस द वेबसाइट यानी यहां पर अब ब्राउजर क्या करेगा उस वेबसाइट को लोड करेगा अब देखिए बहुत सारे लोगों को ऐसा लगता है कि डीएनएस इस तरह से काम करता है पर डीएनएस एक्चुअली कैसे काम करता है इसके अंदर भी तीन स्टेप होते हैं बहुत डीप में नहीं जाऊंगा बहुत कर्सरी लेवल प आपको बता देता हूं तो डीएनएस सर्वर भी एक लेवल का नहीं होता है एक टाइप का नहीं होता है तीन तरह के एक्चुअली डीएनएस सर्वर इंटरनली होते हैं है ना तो जैसे अगर आप सबसे पहले देखेंगे तीन तरह के उनके नाम क्या-क्या है पहले का नाम है पहले का नाम है रूट डीएनएस दूसरे का नाम है टीएल डी यानी टॉप लेवल डोमेन और तीसरे का नाम है अथॉरिटेटिव डीएनएस अब ये करते क्या-क्या हैं अगर आप यानी आपकी क्वेरी जब सर्वर के पास जाती है डीएनएस सर्वर के पास जाती है मान लीजिए आपके example.com आप खोलने की कोशिश कर रहे हैं सबसे पहले गई डीएनएस रिजॉल्वर के पास डीएनएस रिजॉल्वर सबसे पहले क्या करेगा डीएनएस रिजॉल्वर सबसे पहले जाएगा रूट सर्वर के पास तो यहां से देखिए नंबर टू एंट्री गई हमारी डीएनएस सॉरी रूट सर्वर के पास रूट सर्वर क्या करता है दिस एक्ट्स एट द स्टार्टिंग पॉइंट फॉर डीएनएस रेजोल्यूशन इट डायरेक्ट्स क्वेरी टू द करेक्ट टी एलडी इसका और कोई काम नहीं है इसका ओनली काम क्या है यह बस करेक्ट आपके ट टॉप लेवल डोमेन नेम सर्वर के पास जाएगा जिनके पास ये एंट्री होंगी यानी हमने क्या किया है अलग-अलग सर्वर बांट लिए कि भाई अगर कॉ का कोई एड्रेस मांगेगा तो तू बता देना इतनी सारी डीएनएस क्वेरी हो रही है लाखों करोड़ों क्वेरी हो रही है रोज तो कैसे हैंडल करेंगे तो हमने रूट सर्वर को बोल दिया कि भाई कोई भी कॉ मांगेगा तो तुम देख लेना कोई भी डट इ मांगेगा तो तुम देख लेना कोई भी डॉट एआई आजकल चल रहा है व मांगेगा तो तुम देख लेना यानी टॉप लेवल पर यह रूट डीएनएस क्या करता है यह सिर्फ करेक्ट टॉप लेवल डोमेन वाले के पास भेजता है अब उसके बाद क्या होगा उसने बता दिया करेक्ट टॉप लेवल डोमेन सर्वर कौन सा है तो इंटरनली भी यहां पर तीन को बेसिकली तीन-चार बार हमारी कॉल जा रही है तो उसने बता दिया कौन से के लिए जाना है कॉ का डाटा किसके पास हैइ का डटा किसके पास है बेज में आप कौन सी वेबसाइट का ढूंढना चाह रहे हैं मान लीजिए कंप्लीट king.in का ढूंढना चाह रहे हैं तो बताएगा भाई इनसे आप यहां जा सकते हैं तो उसके बाद हम जाएंगे टॉप लेवल डोमेन के पास टॉप लेवल डोमेन सर्वर क्या करेगा हैंडल्स क्वेरीज फॉर स्पेसिफिक टॉप लेवल डोमेन यानी com.net की क्वेरी हैंडल करता है और उसके बाद ये क्या करेगा इसको मान लीजिए अब ड इ की एंट्री इसके पास आ गई अब ये क्या करेगा ये आपको बताएगा उसके बाद भी कंपनीज ने अपने-अपने सर्वर बनाए हुए हैं जो डोमेन नेम सर्वर हैं ये भेज देगा आपको उनके पास कौन से अथॉरिटेटिव डीएनएस के पास भेज देगा ये किसने जैसे वेरी साइन है एक कंपनी वो कॉ की अथॉरिटेटिव बेसिकली टॉप लेवल डोमेन है उन्हीं के पास होता है है ना या पीआर है ओजी के लिए ऐसे कुछ-कुछ पहले से सब लोगों ने मिलके कुछ-कुछ कंपनियों को ये जिम्मेदारी दी हुई है कि भाई तुमको ये काम करना है तो उसके बाद डट इन के जिसके भी पास है ये क्या करेगा बेसिकली वेरी साइन के पास भेज देगा या पीआई आर के पास भेज देगा इंटरनली भी डिवीजन है उनमें कि भाई ये वाली जो वेबसाइट्स हैं कहां मिलेंगी ये वाली वेबसाइट्स कहां मिलेंगी ये वाली वेबसाइट्स कहां मिलेंगी तो उसके उसके बाद यहां से आपको टीएलडीआर डीएनएस कौन सा है उसके बाद आप जाएंगे उसके पास वो आपको एक्चुअल जो डाटा है वो आपको बता कर देगा जो अथॉरिटेटिव डीएनए है कि एग्जैक्ट आईपी एड्रेस क्या है फिर आपके पास क्वेरी वापस आती है है ना तो ये बहुत ज्यादा याद रखने की जरूरत नहीं है इनके नाम याद रखने की जरूरत नहीं है ऐसा नहीं कि इसका नोट्स बनाना शुरू कर दें कि सर ये नाम याद होना चाहिए बस आपको पता होना चाहिए कि जो चीजें हम कभी जिनके बारे में सोचते भी नहीं है हमको लगता है बड़ी सिंपल चीजें हैं वो भी इंटरनली कभी-कभी कितनी कॉम्प्लिकेटेड हो सकती है कितनी मेहनत उनमें लगती है उनको काम करने के ठीक है तो ये तो हुआ हमने समझ लिया डीएनएस क्वेरी कैसे काम करती है अब जब हम कोई भी वेबसाइट खोलते हैं तो यह कैसे काम करती है अब मैं सारे स्टेप्स आपको बता क्यों रहा हूं देखिए मैं स्टेप्स इसलिए बता रहा हूं क्योंकि अभी तक हम हमेशा क्लाइंट साइड पे हमने काम किया आपने बहुत लोगों ने रिएक्ट का भी हमारा कोर्स देखा है यानी हमने ब्राउजर लेवल पर काम किया है अब जब हम सर्वर पर जा रहे हैं पहले ये समझ आना चाहिए आपको कि पूरा कनेक्शन बनता कैसे है सर्वर पर जो हम बात कर रहे हैं हम नट जस में जो करेंगे जो हम सर्वर बनाएंगे वो बनाने का मतलब क्या है वो रिक्वेस्ट वहां कैसे आएंगी बाद में हम जब उसको रिएक्ट से अपने कनेक्ट करेंगे अलग-अलग तरह के फ्रंट एंड्स के साथ कनेक्ट करेंगे तो वो कैसे चलता है है ना तो यहां भा ब हम पूरा फ्लो देखने की कोशिश करेंगे अगर मैं पूरी एक नेटवर्क क्वेरी है मेरी है ना एक मैं मान लीजिए अपने facebook.com पर जाकर लॉगिन करना चाह रहा हूं या मैं amazon's में मेरे को जींस देखनी है जरा अब आपने वो डाल दिया आपने यूआरएल डाल दिया पूरा स्लैश में स्लैश जींस जो भी आपको पूरा यूआरएल पता था वो आपने डाल दिया अब इसके बाद होगा क्या है ना तो सबसे पहले जैसे हमने बोला क्लाइंट सबसे पहले रिक्वेस्ट इनिशिएटिव डीएनएस रेजोल्यूशन यानी सबसे पहले आप ये देखेंगे mitra.com अगर आपने खोला है भाई mint.com का सर्वर है कहां पर तो ब्राउजर पहले डीएनएस सर्वर के पास पूछेगा भाई mitra.com का जरा मुझे आईपी एड्रेस बता दो वो mint.com का आईपी एड्रेस उसको बता देगा और वो आईपी एड्रेस फाइनली आपके पास आ जाएगा फिर तीसरा स्टेप क्या है तीसरा स्टेप है टीसीपी कनेक्शन अ टीसीपी क्या हैय थोड़ी सी प्रोटोकॉल की बात आ गई है जो इससे आगे भी हमको देखना है देखिए अगर किन्हीं भी दो लोगों को बातचीत करनी है अगर देखिए बहुत बार ऐसा होता है मैंने देखा है हमारे यहां के स्पेशली जहां पर लोकल एक्सेंट थोड़ा सा होता है ना बात करने का जैसे मेरा एक दोस्त है हथरस का है वो है ना तो जब वो अपने पापा से बात करता है तो उसकी बात करने की टोन थोड़ी सी चेंज हो जाती है जब वो हमसे बात करता है तो उसकी बात करने की टोन चेंज हो जाती है बोल वो हिंदी ही र है दोनों टाइप है ना या अलग-अलग लैंग्वेजेस भी होती है आप अपने घर में बात करते हैं तो अपनी नेटिव लैंग्वेज लोकल लैंग्वेज में बात कर रहे होते हैं आप कॉलेज बात करते हैं तो आप इंग्लिश में बात कर रहे हैं कंपनी बात कर रहे हैं तो इंग्लिश में बात कर रहे हैं यानी एक लैंग्वेज भी है और एक प्रोटोकॉल भी प्रोटोकॉल मतलब रूल्स एंड रेगुलेशंस हैं कुछ कि भाई कौन पहले बोलेगा आप जैसे मान लीजिए फोन उठाते हैं आप तो एक ये रूल बनाया हुआ है कि भाई आप पहले ही फोन उठाते हैं क्या बोलेंगे हेलो बोलेंगे ताकि सामने वाले को ये समझ आए कि अगर हेलो नहीं आया मेरे तक इसका मतलब कनेक्शन ठीक से एस्टेब्लिश नहीं हुआ है है ना तो दोनों एक बार हेलो हेलो बोलेंगे तो दोनों के समझ आ जाएगा कि ठीक से आपकी आवाज आ रही है या नहीं आ रही है है ना या कई बार जैसे बहुत लोग बोलते हैं कि भाई अगर फोन कट गया हम बात कर रहे थे तो जिसने पहले किया था वही दोबारा करें वरना दोनों एक दूसरे को कॉल करने लगते हैं फोन बिजी चला जाता है है ना तो ऐसा बहुत बार गुस्सा आता है कि यार फोन बंद तो कर मैं तभी तो तुझको कॉल कर पाऊंगा तो ऐसे में हमेशा रूल बना लेना चाहिए भाई जिसने कॉल किया था अगर कट गया फोन तो वही दोबारा करेगा ताकि आपका बिजी ना जाए तो ये क्या है इसी को बोलते हैं प्रोटोकॉल आपने कुछ रूल एब्लिश कर लिए कम्युनिकेशन के लिए तो इंटरनेट पर जब हम बातचीत करते हैं तो उस प्रोटोकॉल का नाम वैसे होता है एचटीटीपी यानी हाइपर टेक्स्ट ट्रांसफर प्रोटोकॉल यानी इंटरनेट पर जब भी आपका कंप्यूटर किसी सर्वर से बात करता है सर्वर आपसे बात करता है सर्वर आपस में बात करते हैं कोई कैसे भी आपस में बात कर रहा है जो प्रोटोकॉल है वो चलती है एटीटीपी उस एचटीटीपी के अंदर ही सबसे पहले आप एक टीसीपी कनेक्शन बनाते हैं यानी पहले वही आप हेलो हेलो बोलते हैं दोनों कंप्यूटर ये बात करने के लिए कि हां भाई हमारा डाटा इसके बाद चालू हो जाएगा हमारी बात ठीक से हो पा रही है तो ब्राउजर सबसे पहले एक टीसीपी कनेक्शन बनाता है सर के आईपी एड्रेस के साथ अभी तक हमने सिर्फ ये काम हमेशा क्लाइंट से किया है अब हम जाएंगे बैक एंड पर और देखेंगे कि हमारे पास रिक्वेस्ट आती कैसे है अभी जब हम पहला सर्वर बना रहे होंगे आज की वीडियो में और देखेंगे कि उसके बाद हम कैसे इसको काम करते हैं उसके बाद जब एक बार कनेक्शन बन गया हेलो हेलो हो गई फिर क्या होगा फिर आएगी एक्चुअल रिक्वेस्ट जैसे आप अपने पापा को फोन करते हैं पहले हेलो हेलो करते हैं आप भी हेलो करते हैं पापा भी हेलो करते हैं फिर आप बताते हैं कि मुझे कितने पैसों की जरूरत है तो जब टीसीपी कनेक्शन बन गया उसके बाद आएगी एचटीटीपी रिक्वेस्ट तो ब्राउजर क्या करेगा एक्चुअल रिक्वेस्ट बताएगा तो अगर हम मिा की बात कर रहे थे एग्जांपल ले रहे थे तो अब आप बताएंगे कि भाई मैं तो मेंस के सेक्शन में जींस देखने की कोशिश कर रहा हूं अब आपने रिक्वेस्ट सर्वर को भेज दी सर्वर के पास वो रिक्वेस्ट पहुंच गई पापर दिमाग लगाएंगे कि भाई इसको पैसा देना है या नहीं देना है पिछली बार भी इसने किताब के लिए पैसा मांगा था किताब पढ़ता तो ये कभी नहीं है है ना तो इस बार क्या करेंगे सर्वर प्रोसेसिंग तो अब ये सर्वर जो है वो प्रोसेसिंग कर रहा है आपकी रिक्वेस्ट की अगर मिा की हम एग्जांपल ले रहे हैं तो वो उसकी प्रोसेसिंग कर रहा है कि भाई अब इसने मान लिया मेंस की जींस इसके लिए क्या-क्या चाहिए मुझे 10 फोटो भेजने पड़ेंगे क्या प्राइसेस चल रहे हैं क्या ऑफ चल रहा है डिस्काउंट चल रहा है कूपन चल रहा है जो जो भी उसको आपको देना है वो सब उसकी प्रोसेसिंग करेगा पहले अपने पास जब उसने फाइनल रिस्पांस तैयार कर लिया है तो आएगा एचटीटीपी का रिस्पांस यानी सर्वर से फिर सेम प्रोटोकॉल से यूज होके आपके पास रिस्पांस आएगा तो आप बोलेंगे चलो रुक जाओ भेज देंगे थोड़ा सा पैसा है ना तो म आपको जो जींस का लिस्ट भेजना है वो आपको भेज देगा अब सर्वर ने तो भेज दिया वो आएगा कैसे नेटवर्क ट्रांसमिशन होकर वो वापस आपके ब्राउजर तक आएगा अगर आप ब्राउजर पर चला रहे हैं तो है ना या पिताजी से आपके बैंक अकाउंट में आएगा उसके बाद क्लाइंट जो है उस रिस्पांस को रिसीव कर लेगा आपका ब्राउजर उस रिस्पांस को रिसीव कर लेगा और फाइनली क्या करेगा रेंडरिंग यानी उसको अच्छा सा यूआई बनाकर दिखा देगा आप क्या करेंगे उस पैसे से मंगाए आपने किताब कर लिए थे थोड़ी सी अच्छी सी पार्टी करके आप उसको भूल जाएंगे तो पूरा वेब पे एक पहले कैसे कनेक्शन बनता है उसके बाद कैसे आप रिक्वेस्ट देते हैं वो प्रोसेसिंग करता है और रिस्पांस आता है तीनों स्टेप इंपॉर्टेंट है आगे चलके आज हम यही देख रहे होंगे है ना तो ये तीन स्टेप जो है वो हमको समझ आ गए प्रोटोकॉल्स की यहां हमने बात की इन दो-तीन प्रोटोकॉल्स के साथ हम अभी काफी ज्यादा डील कर रहे होंगे तो एक बार ये समझ लेते हैं पहली प्रोटोकॉल कौन सी है हमारी पहली प्रोटोकॉल है एसटीटी और दूसरी है एसटीटीपी एस है ना टीसीपी की अभी हमने बात की टीसीपी सिर्फ किस लिए काम आता है कनेक्शन को बनाने के लिए काम आता है तो एसटीटीपी और एटीटीपी एस का आपने कई बार देखा होगा जब हम बैंकिंग की वेबसाइट खोलते हैं आजकल या बहुत सारी वेबसाइट खुलते हैं ना तो क्रम में ऊपर छोटा सा ताला बना हुआ आता है लेफ्ट में उस बात का क्या मतलब है तो देखिए पहले इंटरनेट पर ये प्रोटोकॉल चलती थी जिसका नाम है एटीटीपी बट इसमें क्या होता है जो कम्युनिकेशन है ना वो एनक्रिप्टेड नहीं होता यानी एंक्रिप्ट एंक्रिप्शन का क्या मतलब है आप जो बोल रहे हैं वो बीच में भी अगर कोई कान लगाकर सुन रहा है तो उसको समझ आ जाएगा कि आपने क्या बोला अब इससे क्या क्या होता था कई बार मान लीजिए आपने क्या किसी वेबसाइट पर आप गए आपने अपना पासवर्ड डाला अब जो हैकर है वो बीच में बैठकर देख रहा है और वो देख लेता है कि आपका पासवर्ड क्या है और नेक्स्ट टाइम वो भी आपके अकाउंट में लॉग इन करने की कोशिश कर लेता है आपके सारे पैसे निकाल लेता है है ना तो इसलिए एक नया प्रोटोकॉल बनाया गया एचटीटीपीएस जिसमें क्या होता था कम्युनिकेशन तो सारा सेम ही है बट उसको पहले एंक्रिप्ट किया जाता है एंक्रिप्ट मतलब उसको कोड वर्ड में कन्वर्ट कर दिया जाता है तो अगर आपने एक्चुअल पासवर्ड डाला था x yz1 2 3 पहली बात तो ऐसे पासवर्ड ना डाला करें जो बिल्कुल एक्सवाई ज 1 23 टाइप के हैं बट अगर मान लीजिए आपने एकवा ज 1 23 टाइप का पासवर्ड डाला और बीच में झांक कर देखेगा तो हैकर को क्या दिखेगा कुछ और ही बेसिकली अलग टाइप का वर्ड दिख रहा होगा बट जब वो फाइनल सर्वर पर जाएगा तो फिर से वापस आपके पासवर्ड में कन्वर्ट हो जाएगा तो अगर हम एसटीटीपी की बात करें ये फैसिलिटेट करता है कम्युनिकेशन बिटवीन अ वेब ब्राउजर एंड अ सर्वर एक वेब ब्राउजर और सर्वर के बीच में कम्युनिकेशन एस्टेब्लिश करने के लिए काम आ है और क्या है पर एक इसकी दिक्कत क्या है दिस सेंड्स द डाटा इन प्लेन टेक्स्ट यानी बिल्कुल जैसा टेक्स्ट में आपका डाटा लिखा हुआ है वैसा ये भेज देता है बेसिक वे वेबसाइट ब्राउजिंग के आप उसको यूज कर सकते हैं कोई आप बहुत सीक्रेट काम कर ही नहीं रहे तो इसके लिए आप यूज कर सकते हैं बट वैसे आजकल इंटरनेट पर स्टैंडर्ड हो गया है कि हर चीज एचटीटीपीएस में ही की जाती है तो ये क्या है सिक्योर वर्जन एचटीटीपीएस का एसएसएलटी एलएस ये क्या है ये बेसिकली एंक्रिप्शन की प्रोटोकॉल्स हैं एंक्रिप्शन के तरीके हैं तो आपका डाटा एंक्रिप्ट करके यानी कोड वर्ड में बनाकर उसको भेजा जाता है है ना कहां-कहां यूज़ होते हैं ऑनलाइन बैंकिंग में ई कर्स में ई-कॉमर्स में ई-कॉमर्स मतलब amazon-cognito-identity-js केशन करते हैं एक आद शब्द नहीं भी पहुंच पाता सामने है ना तो ये टीसीपी हमेशा इंश्योर करता है कि सारा डाटा यहां से वहां जाए कुछ बीच में मिस हो गया तो उसको दोबारा भेजना है सारा डाटा ऑर्डर में आना चाहिए ऐसा नहीं है आपने पहले हाय लिख लिख के भेजा जो कनेक्शन है वो बनाती है जिससे पहले जो एक्चुअल कम्युनिकेशन आपको करना है उससे पहले कनेक्शन बन जाए हेलो हेलो हो जाए उसमें भी ये जो प्रोटोकॉल है ये बेसिकली जो टीसीपी है ये हमारी काम आती है है ना अब देखिए थ्योरी तो बहुत समझ ली तीनों चीजें हमने समझ ली वेब कैसे काम करता है अब जल्दी से किस तरफ जाएंगे हम जल्दी से जाएंगे अपना फाइनल काम करने के लिए है ना तो फाइनल काम में सबसे पहले हम क्या देखेंगे देखिए कि नोड कोर मॉड्यूस टाइप की चीज है न नोड कोर मॉड्यूस का क्या मतलब है देखिए कुछ मॉड्यूस ऐसे मॉड्यूल का यहां पर क्या मतलब है जैसे आपने नॉर्मली वर्ड सुने होंगे लाइब्रेरी कोई बोल देता है है ना या अगर हम रिएक्ट वगैरह वहां पर पढ़ रहे होते हैं तो वहां पर भी एक्चुअली मॉड्यूल ही चलते हैं यहां पर भी नोट मॉड्यूल आप बोल दे रहे हैं कहीं इसको पैकेज बोल देते हैं बहुत सारे अलग-अलग नाम होते हैं परट इसका मतलब क्या है बहुत सारा कोड ऐसा है जो नोट टीम को पता है कि यार बहुत सारे लोगों को ये बार-बार लिखना पड़ेगा है ना या नोट टीम को भी बाहर भी लोग इसमें से अलग-अलग मॉड्यूस बनाकर देते हैं पर नोट टीम ने कुछ मॉड्यूस का तो नाम ऐसा दे दिया है कि भाई ये मॉड्यूस तो बहुत ही ज्यादा फ्रीक्वेंसी ऐसे बनाए अगर आपको चाहिए तो आप बोलेंगे भैया मेरे को ये भी यूज करना है जरा ये भी दे दीजिए आप रेस्टोरेंट में जाते हैं कुछ खाना है तो बताते हैं ना बट पानी तो वो खुद ही लाकर रख देता है कि पानी तो सभी को चाहिए तो वो जो पानी है मान लीजिए वो कोर मॉड्यूल है यानी नोड ने बोल दिया है कि भाई इन मॉड्यूस को तो मांगने की भी जरूरत नहीं है तो ये क्या है सबसे पहली बात तो ये बिल्ट इन है है ना यानी कोर मॉड्यूस आर इंक्लूडेड विद नट जए इंस्टॉलेशन जब आप नट जस को इंस्टॉल करते हैं इन ये मॉड्यूस तभी उसके साथ आ जाते हैं आपको अलग से इनको इंस्टॉल करने की भी जरूरत नहीं है है ना जैसे हमने बोला नो इंस्टॉलेशन इज नीडेड डायरेक्टली अवेलेबल फॉर यूज विदाउट एनपीएम इंस्टॉल यानी पहले हमने देखा था हम कुछ भी इंस्टॉल कर रहे थे तो एनपीएम बेसिकली एनपीएम कमांड होती है नट पैकेज मैनेजर जिसके साथ हम इसको इंस्टॉल करते हैं अलग-अलग पैकेजेस आगे चल के भी बहुत सारे पैकेजेस हम इंस्टॉल कर रहे होंगे बट इनको आपको इंस्टॉल करने की जरूरत नहीं है पहले से इंक्लूडेड है और ये बहुत ज्यादा हाई परफॉर्मेंस होते हैं है ना ये कोड चाहिए तो है ही पर इन्होंने बहुत अच्छे से टेस्ट करके कोई बग्स नहीं है बहुत तेज स्पीड के साथ चलता है तो ऐसे बहुत सारे आपके लिए कोर मॉड्यूस पहले से लिखकर दिए हुए हैं अब ये कौन-कौन से मॉड्यूस हैं जो आज हम यूज़ कर रहे होंगे देखिए एक तो एफएस फाइल सिस्टम ये तो हमने पहले भी देखा था जो हम टेस्ट कोड लिख रहे थे वहां पर भी हमने फाइल सिस्टम को इंक्लूड किया था और एक फाइल बनाकर देखा था है ना तो एफएस इंपोर्टेंट मॉड्यूल है एचटीटीपी अभी हम पढ़ कर आए इसीलिए आपको एटीटीपी भी बताया एटीटीपी किसलिए काम आएगा कनेक्शन बनाने के क्लाइंट और सर्वर में कनेक्शन बन जाए और उनका काम हो जाए इसके लिए हमारा एचटीटीपी मॉड्यूल जो है वो काम आने वाला है और क्या है एचटीटीपीएस ये कब काम आएगा जब आप थोड़ा सा सीक्रेट डाटा यहां पर ट्रांसफर कर रहे हैं इंपोर्टेंट डाटा ट्रांसफर कर रहे हैं तो एटीपीएस भी काम आ सकता है पाथ किस लिए आता है हैंडलिंग एंड ट्रांसफॉर्मिंग फाइल देखिए फाइल सिस्टम वाला ही है बट उसमें एग्जैक्ट पाथ आप कैसे देंगे पाथ कैसे मैनेज करेंगे रिलेटिव पाथ होते हैं एब्सलूट पाथ होते हैं अलग-अलग तरह के पाथ होते हैं उन सबको एक्सप्लोर कर करेंगे बट वो जो सारी फंक्शनैलिटी है वो पाथ वाले कोर मॉड्यूल में आती है पाथ ओ भी है एक क्योंकि देखिए हर ऑपरेटिंग सिस्टम अलग तरह से पाथ मैनेज कर रहा होता है मैक अलग तरह से पाथ मैनेज करता है यूआरएल काम आएगा तो बहुत सारे कोर मॉड्यूस हैं और भी इनके अलावा बहुत सारे कोर मॉड्यूस हैं जो हमको बाय डिफॉल्ट मिल जाते हैं बट ये काफी ज्यादा हम यूज़ कर रहे होंगे और हम देखेंगे कि इनको हमको इंस्टॉल करने की जरूरत नहीं है बाय डिफॉल्ट ही हमको मिल जाते हैं हम सीधा उनको यूज करना स्टार्ट कर सकते हैं ठीक है तो हमको कोर मॉड्यूल भी समझ आ गया अब हम अपना कोड भी थोड़ा-थोड़ा लिखना स्टार्ट करते हैं और सबसे पहले समझ लेते हैं रिक्वायर कीवर्ड जो है ये क्या होता है है ना अब जब हम कोड के ऊपर आप देखोगे तो हम क्या कर सकते हैं रिक्वायर कीवर्ड यूज कर सकते हैं रिक्वायर क्या करता है अगर हमको कोई भी मॉड्यूल यूज करना है वो कोर मॉड्यूल भी हो सकता है वो ऐसा म भी हो सकता है जो हमने अलग से इंस्टॉल किया हो जो आगे चल के हम देखेंगे बट आपको हर जहां पर भी आप उसको इस्तेमाल करेंगे जहां पर भी आप उसको यूज़ करेंगे आपको ये एक्सप्लीसिटली बताना पड़ेगा कि भाई ये मॉड्यूल में यूज करने वाला हूं और वो आप बताएंगे कैसे वो आप बताएंगे रिक्वायर कीवर्ड की हेल्प से रिक्वायर कीवर्ड आपको हेल्प करेगा ये बताने में कि भाई ये वाला मॉड्यूल मैं यूज करना चाह रहा हूं उसका जो भी कोड है जो भी उसकी फंक्शनैलिटी है वो यहां पर बेसिकली इंक्लूड कर लेना तो इसका पर्पस क्या है इसका पर्पस है इंपोर्ट मॉड्यूस इन नट जस तो ये क्या करता है नट जस में हमारे जो मॉड्यूस हैं उनको इंक्लूड कर लेता ता है उसके अलावा कैशिंग मॉड्यूस आर कैस्ड आफ्टर द फर्स्ट रिक्वायर कॉल यानी एक बार आपने अगर रिक्वायर उसको लगा दिया तो उसके बाद आपका कोड जब तक चल रहा है आपका सर्वर जब तक चल रहा है वो कैश यानी बिल्कुल वहीं पर पड़ा हुआ है आपको बार-बार उसको लोड करने की जरूरत नहीं पड़ेगी दूसरा जब आप मॉड्यूल इंक्लूड करते हैं तो आपको बाद में डॉट जेएस नहीं लगाना पड़ता देखिए कोड तो सारा डॉट जेएस वाला ही है पर मेरी फाइल का नाम जो मैं एक्चुअली इंक्लूड करना चाह रहा हूं मेरी फाइल का नाम माफ कीजिएगा मेरी जो मेरी जो फाइल है उसका नाम क्या होगा मेरी फाइल का नाम होगा मॉड्यूल . जए बट यहां मैं क्या लिखूंगा यहां मैं लिखूंगा सिर्फ मॉड्यूल क्योंकि डॉट जए अपने आप ही वो बाद में ऐड कर देता है है ना और अगर पास रेजोल्यूशन की बात करें नोड ज सर्चस फॉर मॉड्यूस इन कोर मॉड्यूस में देखेगा नोड मॉड्यूस में देखेगा एंड फाइल पथ्स में देखेगा यानी जो कोर मॉड्यूल उसने पहले से आपको दिए हैं उसमें देखेगा आपने कोई मॉड्यूल इंस्टॉल किया है एनपीएम इंस्टॉल करके तो उसमें देखेगा वरना आपने अपने ही कोड में कोई और फाइल भी लिखी हुई है जिसको आप यहां इंक्लूड करना चाह रहे हैं ये सब अभी हमने किया नहीं है थोड़ा भारी लग रहा होगा बट ये मैं बता रहा हूं कि ये सारी फंक्शनैलिटी हो सकती है धीरे-धीरे इन सबको हम यूज करके देखेंगे है ना और हम डायरेक्टली कैसे लिख सकते हैं कांस्टेंट आपने जिस भी मॉड्यूल यहां कोई भी नाम आप दे सकते हैं एक वेरिएबल नेम जिसमें जिस नाम से आप इसको यूज करेंगे रिक्वायर और एक्चुअल उसस मॉड्यूल का नाम आप दे सकते हैं और यह भी अगर हम इनबिल्ट मॉड्यूल यूज कर रहे हैं तो डायरेक्टली हम इस तरह से लिख सकते हैं थर्ड पार्टी मॉड्यूल यूज कर रहे हैं तो भी हम उसको नाम से डायरेक्टली लिख सकते हैं बट अगर मेरी लोकल फाइल वाला मॉड्यूल है तो मुझे क्या देना पड़ेगा मुझे अ बेसिकली रिलेटिव पाथ जिसको बोलते हैं वो देना पड़ेगा यानी मुझे बताना पड़ पड़ेगा ये फाइल एगजैक्टली कहां पर है तो मैं डॉट लगाकर डॉट स्लश लगाकर अपना रिलेटिव पाथ देंगे कि भाई मेरे पाथ से वो कहां पर एजिस्ट करती है पूरा आप यहां पर दे रहे होंगे ब रिक्वायर कीवर्ड हमको हेल्प करेगा कोई भी मॉड्यूल अगर हमको इंक्लूड करना है तो वो इंक्लूड करने के लिए है ना अब हम शुरू करते हैं अपना पहला सर्वर बनाना तो अगर मुझे अपना पहला सर्वर बनाना है है ना तो हम आ जाते हैं वापस कहां पर हमने पहले भी कुछ-कुछ टेस्टिंग के लिए कोड लिखा हुआ था बट अब हम आ जाते हैं वापस अपने अ कोड एडिटर में इसको हम थोड़ा सा और बड़ा कर लेते हैं ताकि सबको यहां पर क्लियर समझ आए कि हम क्या कर रहे हैं है ना यह तो देखिए हमने पहली बार लिखा था हम कुछ फाइल वगैरह लिखने की कोशिश कर रहे थे पर यहां तो हमने सिर्फ नोट चलाकर देखा था और हमने कुछ किया नहीं था उस समय देखिए रिक्वायर हमको समझ नहीं आया था अभी हमको दिख रहा है कि रिक्वायर एस का यहां पर मतलब था एफएस हमारा कोर मॉड्यूल है कोर मॉड्यूल में हम फाइल को क्योंकि यूज करना चाह रहे थे राइट फाइल टाइप का फंक्शन हम यूज करना चाह रहे थे तो इसलिए हमने इसको रिक्वायर करके यूज कर लिया था ठीक है फिलहाल हम यहां पर क्या करेंगे फिलहाल हम यहां पर एक नया फोल्डर बना लेंगे इसका नाम हम रख लेते हैं लेक्चर थ्री लेक्चर थी में हम क्या करने वाले हैं नोड स है ना इसके अंदर क्या करते हैं एक फाइल बना लेते हैं अपनी पड जस है ना अपना जो सारा कोड है व इसी में लिख रहे होंगे लेफ्ट वाले पोर्शन को अब हम बंद कर सकते हैं हमको चाहिए क्या क्या फर्स ड जस को बंद कर देते हैं हमको क्या चाहिए एक जरा व्यू में जाकर टर्मिनल भी खोल लेते हैं कि भाई नीचे हमको टर्मिनल भी दिखा दो हमारा ताकि हमको टर्मिनल में कुछ करना है तो व हम य पर कर पाए किस फोल्डर में हमको जाना है हमको जाना है भाई लेक्चर थ में है ना अभी देखिए इसके अंदर app.js पड़ा हुआ है जो हमको करना होगा वो हम यहीं पर कर रहे होंगे तो सबसे पहले हमको क्या करना है अगर जैसे हमने देखा कि हमको पहला नोड सर्वर बनाना है अगर आप चाहते हैं क्लाइंट से देखिए हमने रिक्वेस्ट और रिस्पांस समझा कैसे होता है रिक्वेस्ट रिस्पांस के लिए हमको कौन सा वाला मॉड्यूल यूज करना पड़ेगा हमको मॉड्यूल यूज करना पड़ेगा एसटीटीपी वाला है ना तो एसटीटीपी के लिए हम कैसे लिखेंगे कॉन्स्ट एटीटीपी इक्वल टू रिक्वायर एटीटीपी तो हम लिख कर देख लेते हैं है ना यहां नाम आप कुछ भी दे सकते हैं बट सेम नाम रहे तो थोड़ा समझने में याद रखने में आसानी होती है मैं कैसे लिखूंगा रिक्वायर और यहां आप लगा देंगे सिंगल कोड्स एसटीटी है ना सेमी कोलन लगाएंगे आपने यहां पर क्या किया है अभ ये रिक्वायर कीवर्ड लगाकर आपने बोला भाई एसटीटीपी जो तेरा कोर मॉड्यूल है ना उसको मैं यूज करने वाला हूं तो उसको मुझे जरा इस वेरिएबल में दे देना अब उसके जो भी फंक्शन है वो मैं कैसे यूज कर रहा हूंगा एटीटीपी नाम से यूज कर रहा हूंगा उसके बाद हमको क्या करना है देखिए फंक्शन हमारा एक्चुअली ये है फंक्शन का नाम हमारे क्या है फंक्शन का नाम है हमारे क्रिएट सर्वर तो क्रिएट सवर में कर सकता हूं ब जो क्रिएट सर्वर है वो एक फंक्शन लेता है क्या लेता है कॉल बैक हमने नॉर्मल जावास्क्रिप्ट में ये सारी चीजें हम देख कर आए हैं अगर आपने नहीं देखा है हमारा क्रैश कोर्स है तीन घंटे का जावास्क्रिप्ट का वो देख लीजिएगा ताकि जल्दी से चीजें याद आ जाए बट यहां पर ये एक फंक्शन लेता है कॉल बैक लेता है देखिए यहां फंक्शन हमने कॉल नहीं किया है फंक्शन हमने सिर्फ डिफाइन किया और ये फंक्शन कौन-कौन से आर्गुमेंट ले रहा है रिक्वेस्ट और रिस्पांस दो ये आर्गुमेंट लेता है तो हम भी यहां पर एक फंक्शन बना लेते हैं है ना मैंने बना लिया फंक्शन और ये कुछ भी हो सकता है मान लीजिए रिक्वेस्ट ये देखिए जो ऑटो सजेस्ट कर रहा है क्या है गिट हब कोपायलट तो अपने आप ही मुझे सजेस्ट कर रहा है कि भाई ये आप शायद करना चाह रहे होंगे है ना ये दो मुझे यहां पर आर्गुमेंट लेने हैं रिक्वेस्ट एंड रिस्पांस जरूरी नहीं है आप नाम यही रखें है ना बस आपको याद रखना है जो भी फंक्शन होगा ये ऐसे ही दो आर्गुमेंट ले रहा होगा इसी ऑर्डर में पहले वाला रिक्वेस्ट माना जाएगा दूसरे वाला रिस्पांस माना जाएगा आप अपने हिसाब से उनका कोई भी नाम दे सकते हैं बट अगेन नाम हमेशा ऐसा दें कि बाद में आपको भी समझ आ जाए कि हम क्या करने की कोशिश कर रहे थे है ना इसके बाद हम क्या कर रहे हैं अी यहां पर हमको कुछ करना तो है नहीं तो हम कंसोल लॉक कर देते हैं रिक्वेस्ट को कि जो भी रिक्वेस्ट आए अब देखिए रिक्वेस्ट कहां से आ रही है क्लाइंट से ब्राउजर हमको रिक्वेस्ट भेजेगा अभी चलाकर देखेंगे हम सर्वर हैं अब हम कहां है हम मान लीजिए मुंबई में जो पूरा सर्वर फार्म है वहां पर हम एग्जीक्यूट हो रहे हैं हम कैलिफोर्निया में बैठे हुए हैं ये हमारा कोड कहां जाकर चलेगा बड़े-बड़े सर्वर फार्म के अंदर चलने वाला है तो अब आपको रिक्वेस्ट भेजेंगे लोग अभी तक हम रिक्वेस्ट भेजते थे अब हमको रिक्वेस्ट भेजेंगे लोग और वो रिक्वेस्ट कहां आएगी इस फंक्शन कॉलबैक में आएगी और वो जो रिक्वेस्ट में के अंदर जो भी डाटा आया होगा वो इस ऑब्जेक्ट में वो डालकर हमको दे देगा और सर्वर कैसे बनाएंगे एटीपी मॉड्यूल ने हमको एक फंक्शन दिया है क्रिएट सर्वर उसके अंदर आप ही अपना रिक्वेस्ट लिसन पास करते हैं तो मैं चला लेता हूं उसको http.com लिख सकते हैं इसके लिए आप जो फंक्शन है पूरा का पूरा उठाकर इसके अंदर भी लिख सकते हैं एनोनिमस फंक्शन टाइप तो मैं क्या कर सकता हूं मैं इसका अगर नाम नहीं देना चाह रहा ये रिक्वेस्ट लिस्टर मुझे और तो कहीं चाहिए नहीं तो मैं क्या करता हूं मैं इसको उठा लेता हूं और मैं पूरा का पूरा उठाकर ये फंक्शन इसके अंदर डाल देता हूं क्योंकि मैं डायरेक्टली इसको यहां पर पास कर रहा हूं अब मुझे इसका नाम देने की कोई भी जरूरत नहीं है है ना अब मुझे इसका नाम देने की जरूरत नहीं है मैंने नाम इसका यहां से हटा दिया तो क्या हुआ फंक्शन अब ये स्पेस भी यहां पर नहीं देंगे रिक्वेस्ट रिस्पांस ये एनोनिमस फंक्शन बनाकर मैंने इसके अंदर जो है वो पास कर गया अब जब मैं एनोनिमस फंक्शन बना रहा हूं ये तो हमने देखा था ऑलरेडी हमने क्रैश कोर्स में भी देखा है कि भाई लिखने की तो हमको ये फंक्शन भी जरूरत नहीं है मैं क्या कर सकता हूं एरो फंक्शन का भी यूज कर सकता हूं मैंने यहां बना लिया एरो फंक्शन रिक्वेस्ट रिस्पांस आपका आ गया कंसोल ल है ना तो ये दोनों ही जो सिंटेक्स हैं हम जो नॉर्मल वाला सिंटेक्स है वो भी लगा सकते हैं और उसके बाद डायरेक्ट एरो वाला सिंटेक्स भी लगा सकते हैं तो ये क्या हुआ देखिए दो-तीन लाइन में बस पांच लाइन इतना ही करना था ये भी एक लाइन खाली है बस मैंने रिक्वायर्ड लिखा है और एक लाइन में लिख दिया क्रिएट सर्वर इतने से ही सर्वर बन जाता है पहले जब हम बात कर रहे थे सर्वर बनाएंगे तो ऐसा था वैसे बहुत बड़ा काम होने वाला है शायद बहुत सारा कोड हमको लिखना पड़ेगा बस इतना ही हमको करना होता है सर्वर बनाने के लिए अभी देखेंगे उसमें ओबवियसली अभी तो एक एकदम बेसिक सर्वर हम बना रहे हैं बहुत सारी चीजें हम इसमें ऐड करेंगे पर एक बार इसको चलाक देख लेते हैं चलाएंगे कैसे मैं लिखूंगा नोड app.js है ना कि भाई मेरा जो सर्वर है वो आप बना दीजिए मैं नोड से ये जो फाइल है वो रन करा लेता हूं मैंने नोड app.js रन किया देखिए फाइल रन हो गया बट हुआ अभी भी कुछ नहीं है ना यानी मैं मैंने चला तो दिया इसने बोला चला भी दिया पर यहां पर कुछ हुआ ही नहीं कोई रिक्वेस्ट आया ही नहीं रिक्वेस्ट आएगा कैसे देखिए रिक्वेस्ट आने के लिए सर्वर को हमेशा कान लगाकर बैठना पड़ता है हमेशा अगर आप किसी दुकानदार के पास जाते हैं है ना वैसे तो आजकल ऐसे भी दुकानदार होने लगे हैं वो हर समय फोन चलाते रहते हैं ग्राहक की बात सुनते ही नहीं कि जो कस्टमर आया वो बोल क्या रहा है बट यहां पर मेन मकसद क्या है मेन मकसद यहां पर ये है कि भाई जो सर्वर है जो दुकानदार है वो तो हमेशा कान लगाकर सुनेगा ना कि कस्टमर क्या क्या बोल रहा है तो इसी तरह आपका सर्वर जो है उसको हमेशा कान लगाकर सुनना पड़ेगा कि भाई मेरे पास कोई क्लाइंट की रिक्वेस्ट आ रही है क्या क्या कोई google.com खोलकर देखना चाह रहा है हमने जो सर्वर बनाया वो हमेशा देखता रहेगा कोई कंप्लीट कोडिंग . इ खोलकर देखना चाह रहा है या नहीं देखना चाह रहा है तो अगर कोई बोले कि मुझे मैं कंप्लीट कोडिंग . इ के सर्वर पर गया हूं तो कोई वहां खड़ा तो होना चाहिए हमेशा सुनने के लिए आप ऐसी दुकान पर जाते हैं जहां कोई है ही नहीं कोई कस्टमर की बात ही सुनने के लिए नहीं तो वो तो काम नहीं चल पाएगा तो हमने यहां सर्वर बनाया तो बट हमने सुनना स्टार्ट नहीं किया सर्वर बना और सर्वर बंद हो गया तो हमको क्या करना पड़ेगा हमको सर्वर बनाना पड़ेगा और सर्वर को ये बोलना पड़ेगा कि भाई लगातार कस्टमर की बात जो है वो सुनते रहना देख लेना कोई आ तो नहीं रहा है कोई रिक्वेस्ट लेकर तो उसके लिए हम क्या करेंगे उसके लिए हम ये जो सर्वर क्रिएट सर्वर हमने कॉल किया ये क्या करता है यह सर्वर बेसिकली एक रिटर्न करता है ऑब्जेक्ट और उस ऑब्जेक्ट पर हमको लिसन करना स्टार्ट करना पड़ेगा तो मैं यहां क्या बोलूंगा ये जो http.com पोर्ट का क्या मतलब है आप ये मान लीजिए जैसे एक घर होता है उसके अंदर अलग-अलग तरह के दरवाजे होते हैं ना इसी तरह से एक मशीन के अंदर बहुत सारे पोर्ट होते हैं यानी अगर वैसे घरों में ऐसा होता नहीं है बट मान लीजिए वहां भी अगर हम डाक वाला एग्जांपल अपना पुराना लें पोस्ट ऑफिस वाला एग्जांपल दोबारा लें तो किसके कमरे का ये आर्डर आया था जोमेटो ऑर्डर आया था अगर वो भी आपको एक एड्रेस पर आने के बाद भी वो बताना है तो वो मान लीजिए आपके डोर नंबर है या वो यहां पर पोर्ट नंबर है यानी एक सिस्टम में बहुत सारे इनकमिंग रिक्वेस्ट आ सकते हैं वो जो सर्वर आपने बनाया वो सिर्फ यही काम नहीं कर रहा है उसके पास हो सकता है और अदर अदर एप्लीकेशंस हैं जो अपना-अपना काम यहां पर कर रही है [संगीत] डिफाइन करते ते हैं तो हमने यहां पोर्ट नंबर डिफाइन कर दिया कि भाई उस मशीन के अंदर भी हमारा पोर्ट जो है वो 300 होने वाला है यानी वो 3000 होने वाला है आप जनरली जब लोकल सर्वर बनाते हैं तो अलग-अलग तरह के पोर्ट बना सकते हैं जब आप एक्चुअल सर्वर लॉन्च करते हैं तो वो जनरली 80 पोर्ट पर होता है या कुछ-कुछ स्टैंडर्ड पोर्ट्स होते हैं 443 होता है उसी पर वो लॉन्च किए जाते हैं ताकि जो ब्राउजर रिक्वेस्ट लेकर आ रहा है उसको भी पता हो कि मुझे फाइनली कहां जाना है है ना बट यहां पर फिलहाल हम 3000 से स्टार्ट करते हैं जनरली सेफ पोर्ट्स होते हैं यानी जनरली कोई और यूज़ नहीं कर रहा होता जो थाउजेंड्स में पोर्ट होता है है ना तो आप यहां कुछ भी लगा सकते हैं 30001 दो 5 4000 5000 जो भी आप लगाना चाहे लगा सकते हैं बट हम 3000 से स्टार्ट करेंगे कि भाई 3000 प जरा लिसन करना स्टार्ट करते अब मैं दोबारा एडस चलाता हूं है ना तो देखिए इस बार क्या हुआ कुछ तो गड़बड़ हमने कर दी क्या बोल रहा है ये अच्छा देखिए इसने क्या बोल दिया इसने बोल दिया कि एड्रेस ऑलरेडी न यूज है क्यों क्योंकि हमने शायद कोई और सर्वर भी चलाया होगा आपके लिए वीडियो रिकॉर्ड करने से पहले मैं भी कुछ टेस्टिंग करके देख रहा हूंगा उस टेस्टिंग में शायद मैंने कोई सर्वर चलाक र खा होगा तो इसने बोल दिया भाई 3000 जो पोर्ट है उसपे तो पहले से कोई लिसन कर रहा है तो आप 3000 नहीं यूज़ कर सकते तो मैं क्या करता हूं मान लीजिए मैं 3001 कर देता हूं कि अच्छा चलो भाई 3000 पर हम नहीं लिसन कर सकते कोई और कर रहा है तो 3001 पर कर लेते हैं मोस्ट प्रोबेबली एरर आपको नहीं आने वाली है है ना मैंने चलाया इस बार देखिए क्या हुआ कुछ हुआ नहीं बस फिर पहले जैसा ही हो गया तो फिर लिसन करने का फायदा क्या हुआ देखिए पहले जैसा नहीं हुआ है अगर आप थोड़ा सा ध्यान से देखेंगे इस बार नोड app.js चला बट उसके बाद कुछ हुआ नहीं पर कंट्रोल वापस नहीं आया यानी इसने क्या कर दिया है इसने सुनना स्टार्ट कर दिया है इसने क्या कर दिया है सुनना स्टार्ट कर दिया अब ये वेट कर रहा है कि मेरे पास रिक्वेस्ट कब आएगी है ना तो मैं क्या करता हूं यहां चले जाते हैं अपने ब्राउजर में मान लीजिए मैंने एक ब्राउजर खोल लिया यहां आप लिखेंगे लोकल एड्रेस डालने के लिए आप क्या लिखते हैं या तो लिखते हैं 127.0 ये क्या करता है इसको बोला जाता है लूप एड्रेस इसका मतलब है कि भाई मेरे सिस्टम पर चल रहा है ये कहीं ब्राउजर को जब आप बोल रहे हैं google.com तो पहले डीएनए के पास जाएगा तो आप उसको बोलने की कोशिश कर रहे हैं कि भाई डीएनएस के पास मत जाना सर्वर मेरी मशीन पर चल रहा है उसको लिखने का और क्या तरीका है आप नाम यहां पर लिख सकते हैं क्या लोकल होस्ट देखिए मैं जो बार है इसको बढ़ा नहीं नहीं कर सकता बट आपको यहां क्या लिखना है लोकल होस्ट एल ओ सी ए एल एच ओ एस टी लोकल होस्ट कोलन हमने पोर्ट नंबर क्या दिया हुआ है 3001 कि मेरी मशीन पर भी कौन से पोर्ट में जाना है कौन से दरवाजे में जाना है 3001 के अंदर जाना है अब मैं जैसे ही लोकल होस्ट कोलन 3001 लगाकर एंटर करूंगा तो देखिए क्या हुआ यहां तो कुछ नहीं आया बट यहां काफी कुछ आ गया वहां कुछ क्यों नहीं आया क्योंकि अभी तो हमने यहां से कुछ भेजा ही नहीं हमने तो बस कहा रिक्वेस्ट लिसन कर लेना और रिक्वेस्ट मिलते ही उसको कंसोल लॉग कर देना रिक्वेस्ट कसोल डलॉग रिक्वेस्ट कर देना तो देखिए यहां सडन कितना सारा कोड जो है वो प्रिंट हो गया मैं आपको चलाकर दिखा रहा हूं देखिए ये पूरा स्क्रॉल बार भी कितना बड़ा है तो देखिए यहां इसने क्या किया इनकमिंग मैसेज यानी मेरे पास एक इनकमिंग रिक्वेस्ट आई है रिक्वेस्ट में कितना सारा डाटा देखिए यहां पर आया है जो डाटा मैं उस रिक्वेस्ट के बारे में पढ़ सकता हूं अभी तो रिक्वेस्ट में हमने कुछ डाला भी नहीं है है ना बस एड्रेस डाला है बट यहां पर बहुत सारी चीजें देखिए देखने के लिए मिल रही है अभी हम हमें इसमें से बहुत ज्यादा चीजें को समझ में आएंगी नहीं हमको समझनी भी नहीं है बट धीरे-धीरे आपको बहुत सारी चीजें इसमें से समझ आना शुरू हो जाएंगी है ना जैसे अगर हम यहां देखें एटीटीपी हेडर्स करके एक चीज होती है नहीं आपकी डाटा जो आपने रिक्वेस्ट भेजी है उसके बारे में इंफॉर्मेशन देखिए रॉ हेडर्स आपको यहां पर मिल रहे हैं क्या बता रहा है कि भाई जो रिक्वेस्ट आई है लोकल होस्ट 3001 पर आई है है ना होस्ट का है ये है कनेक्शन उसने बोला है कीप अलाइव कनेक्शन को लाइव रखना कहां से रिक्वेस्ट आई है क्रोमियम टाइप का ब्राउजर है है ना google2 से आई है तो देखिए बहुत सारी इंफॉर्मेशन आपकी पहले से आ जाती है कौन सा ऑपरेटिंग सिस्टम है मैक से आई है है ना तो ताकि जो रिस्पांस कर रहा है सर्वर अगर उसको इसके बेसिस पर अलग-अलग चीजें करनी है तो वो यहां पर की जा सके ये क्या-क्या एक्सेप्ट कर लेगा बोल रहा है मैं टेक्स्ट रिक्वेस्ट में आया है क्योंकि मैंने रिक्वेस्ट को पूरी की पूरी उठाकर लॉक कर दिया है इसलिए आपको दिख गया आप जब अपने नोट्स में देखेंगे नोट्स में भी हमने क्या कर दिया यहां पर ये चला दिया आप इसको यहां पर देख सकते हैं कि ये सारी चीजें यहां पर आ रही है है ना तो देखिए सर्वर मेरा बन गया है और सर्वर ने मेरे रिक्वेस्ट सुनना भी जो है वो स्टार्ट कर दिया तो प्रोग्रेस तो हमारी हो रही है है ना इसके बाद क्या करेंगे इसके बाद देखेंगे अभी हमने क्या किया जो कोड नंबर हमने लिया था वो बेसिकली डायरेक्टली अंदर लिख दिया और जब हम सर्वर स्टार्ट कर रहे हैं तो भी हमको समझ नहीं आया था कि सर्वर स्टार्ट हुआ भी या नहीं हुआ तो आप क्या कर सकते हैं ये जो न मेथड है ना जिससे आप लेसन करना स्टार्ट कर रहे हैं यह भी एक कॉल बैक लेता है और उस कॉल बैक में आप क्या पास कर सकते हैं वो कोई भी ये जो फंक्शन है कब स्टार्ट होगा जब भी सर्वर सक्सेसफुली स्टार्ट हो जाएगा तब ये फंक्शन जो है वो कॉल हो जाएगा तो हमने क्या किया पोर्ट को अलग से निकाल लिया सिर्फ फैंसी करने का तरीका है कोई फंक्शनैलिटी नहीं है पर पोर्ट को अलग से निकाल लिया और यहां प्रिंट कर दिया कि भाई यहां पर जो है एक्चुअली आपका सर्वर जो है वो स्टार्ट हो गया तो मैं भी ये कर लेता हूं है ना जैसे पोर्ट नंबर हमको चेंज करना पड़ गया तो हम क्या करेंगे यहां हम लिख देते हैं क्या कंस्ट पोर्ट इसको हमने एक वेरिएबल के अंदर डाल लिया है ना कॉन्स्ट क्यों लेले रहे हैं क्योंकि हमको इनको चेंज नहीं करना है ना हमको इसको चेंज करना है ना हमको ये जो सर्वर बन गया ये चेंज करना है ना हमको ई पोर्ट चेंज करना है आप लेट भी ले सकते हैं बट कंस्ट हम इसलिए ले रहे हैं कि भाई चेंज नहीं करना है चेंज कोई गलती से कहीं से हमसे हो जाए तो हमको बता दीजिएगा मैं क्या बोल रहा हूं उसको लिसन को कि भाई पोर्ट नंबर पे लिसन करना स्टार्ट कर देना वैसे जब आप कॉन्स डिक्लेयर करते हैं तो उसको कैप्स भी लिख सकते हैं ऊपर भी कैप्स लिख सकते हैं नीचे भी वैसे नहीं भी लिखे हैं तो भी चलेगा बट लिख दें तो ज्यादा अच्छा है और यहां अब हम एक फंक्शन पास कर रहे हैं देखिए एनोनिमस फंक्शन मैं एक और पास कर रहा हूं बहुत बार लोगों को कंफ्यूजन हो जाता है सर ये क्या है है ना तो देखिए फं नहीं है हमने पहले भी हमने क्रैश कोर्स में भी देखा है एनोनिमस फंक्शन आप कैसे डिक्लेयर करते हैं कोई भी आर्गुमेंट नहीं ले रहा है तो हमने सिर्फ एमटी ब्रैकेट लगा दिए एरो फंक्शन दो ब्रैकेट लगाए मेरा फंक्शन स्टार्ट हो गया तो ये कब कॉल होगा ये अभी कॉल नहीं होगा इसको सर्वर डॉट लिसन कॉल करेगा अभी मैंने सिर्फ फंक्शन पास किया है कॉल नहीं किया है फंक्शन मैं क्या पास कर रहा हूं यहां मैं कंसोल लॉग कर देता हूं क्या कसोल डलॉग देखिए सर्वर रनिंग ऑन पोर्ट दिस पोर्ट से पहले हम क्या कर सकते हैं एड्रेस भी दे देते हैं ऑन एड्रेस एटीटीपी कोलन कौन सी प्रोटोकॉल चलेगी एटीटीपी प्रोटोकॉल चलेगी कोलन लगाते हैं आप जनरली इसमें डबल स्लैश लगाते हैं उसके बाद एक्चुअल जो एड्रेस है वो दे रहे होते हैं यूआरएल दे रहे होते हैं तो बोल रहा हूं लोकल होस्ट पे चल रहा है कौन से पोर्ट पर चल रहा है पोर्ट भाई मैंने जो ऊपर दिया है उसी वाले पोर्ट पर चल रहा है तो मैं क्या करता हूं अब देखिए सर्वर बंद करना कई बार आपको समझ नहीं आएगा सर्वर स्टार्ट तो कर दिया सर ये बंद कैसे करना है भाई कंट्रोल सी आपको दबाना है कंट्रोल सी आप दबाए तो क्या होगा ये सर्वर किल हो जाएगा हमने देखिए कंट्रोल सी यहां पर लिखा भी आ गया कंट्रोल सी दबाया तो ये सर्वर किल हो गया जभी भी आप सर्वर के अपने कोड में कुछ भी चेंज करेंगे तो आपको क्या करना पड़ेगा सर्वर को किल करके दोबारा स्टार्ट करना पड़ेगा ताकि नया वाला कोड आपका जो है वो चल जाए वरना पुराने वाले कोड के साथ ही सर्वर चलता रहेगा मैंने फिर से इसको चला दिया पर देखिए इस बार जब चलाया जैसे ही सर्वर तुरंत सक्सेसफुली रन हुआ इसने क्या बोला इसने बोल दिया सर्वर रनिंग ऑन एड्रेस दिस और ये देखिए लिंक भी बन के आ गया तो अगर मैं इसको यहां से क्लिक करूंगा तो डायरेक्टली मैं यहां से इसको खोल सकता हूं दोबारा से देखिए जो रिक्वेस्ट है वो प्रिंट हो गई है है ना रिक्वेस्ट इसने यहां पर दोबारा से प्रिंट कर दी तो हमने देख लिया फर्स्ट नोड सर्वर हमने किसी भी हमको पोर्ट पर बनाना है अपना जो हमको लिसन करना स्टार्ट कर देना है हमने लिसन करना स्टार्ट कर दिया और कंसोल लॉग में हमने जो पूरी की पूरी रिक्वेस्ट थी उसको हमने क्या कर लिया उसको हमने लॉक कर लिया तो दोस्तों स्वागत करता हूं आज आपका मैं हमारी कंप्लीट नोट जेएस के सीरीज पार्ट फोर में इस बार हम क्या करने वाले हैं देखिए लास्ट वीडियो में हम ठीक से अपना पहला सर्वर बनाकर आए थे है ना बड़ा मजा आया था हमारा सर्वर ठीक से जो रिक्वेस्ट है उसको लॉग कर पा रहा था सर्वर हमारा स्टार्ट हो गया था किसी एक पोर्ट नंबर पे वो लिसन कर रहा था इस बार हम क्या देखेंगे जो हमने रिक्वेस्ट को बेसिकली सिर्फ हमने लॉग किया था उसको थोड़ा सा डीप में समझेंगे कि रिक्वेस्ट में और अंदर क्या होता है किस तरह से चलता है और रिस्पांस अभी भेजना स्टार्ट करेंगे अभी हमने क्या किया अपने ब्राउजर को अधर में छोड़ दिया उसने लोकल होस्ट 3000 या 3001 लिखा तो बट उसके बाद कुछ हुआ नहीं है ना तो हमको ब्राउजर को भी तो कुछ रिस्पांस भी तो भेजना है सिर्फ एक हमने जो पूरा दिखा था हाउ वेब वर्क्स उसमें सिर्फ एक पार्ट हुआ है क्या कि जो रिक्वेस्ट है वो क्लाइंट से सर्वर की तरफ चली गई बट सर्वर को वापस एक रिस्पांस भी तो भेजना था अपने क्लाइंट को वो हमने नहीं देखा है ना तो आज हम क्या देखेंगे सबसे पहले नोड की लाइफ साइकिल देखेंगे नोट कि तरह से चलता है इवेंट लूप जो हमने जावा क्रैश कोर्स में भी देखा है उसकी अलग से हमने एक वीडियो भी बनाई थी इवेंट लूप की इवेंट लूप को यहां समझने की कोशिश करेंगे क्या होता है अभी जो हम यहां लूप बना रहे हैं उसको एग्जिट कैसे करना है है ना ये इवेंट लूप से हम एग्जिट कैसे करेंगे रिक्वेस्ट ऑब्जेक्ट को और डीप में समझेंगे इसके अंदर और क्या-क्या है हेडर्स हमने देखे थे उसी को और बेसिकली और चीजों को हम डीप में देख रहे होंगे रिस्पांस कैसे भेजना है ये देखेंगे र जो रिक्वेस्ट है अगर मेरे को मल्टीपल रिक्वेस्ट लेकर आनी है क्या एक ही तरह की रिक्वेस्ट होगी आप इसके लिए जींस मांगेंगे मंत्रा का एग्जांपल ले रहे थे लास्ट टाइम भी कभी वूमेंस के लिए यरिंग मांगेंगे अलग-अलग चीजें होंगी तो अलग-अलग रिक्वेस्ट को हम की राउटिंग जो है हम वो कैसे करेंगे है ना यूजर से इनपुट कैसे लेंगे और साथ-साथ रीडायरेक्ट कैसे कर रहे होंगे रिक्वेस्ट को तो बहुत सारा अभी थोड़ा सा जो हमारा कोडिंग का लेवल है वो अब होने वाला है पुराने वाले पार्ट्स अगर हमको ठीक से समझ आ गए हैं तो यहां भी हमको काफी ज्यादा मजा जो है वो आने वाला है तो चलिए स्टार्ट करते हैं बहुत ज्यादा टाइम इसमें और नहीं लगाएंगे सबसे पहले क्या है सबसे पहले यहां ना है इवेंट लूप है ना ये इवेंट लूप का यहां पर क्या मतलब है और ये पूरा नोट चल किस तरह से रहा है देखिए बहुत बार बोला जाता है कि जो हमारा नोट जस है ना वो क्या है सिंगल थ्रेडेड है क्या है कीजिएगा वो है सिंगल थ्रेडेड एक ही थ्रेड प काम करता है सिंगल थ्रेड का क्या मतलब है कि एक बार में अगर एक रिक्वेस्ट आएगी तो वो प्रोसेस करेगा अब अगर वो उस रिक्वेस्ट को प्रोसेस कर रहा है तो बीच में अगर कोई और काम आ गया तो वो काम नहीं करेगा मल्टीटास्किंग नहीं कर रहा होगा है ना अब देखिए अगर हम बात करें नोट जैस कि मैं आपको प्रैक्टिकल एग्जांपल बताऊं मैंने जब अपनी पहली कंपनी में काम किया 2013 2014 में वहां हमने एक नोड का सर्वर बनाया था है ना तो ये टेक्नोलॉजी बहुत नई नहीं है है ना मैं 10 11 साल पुरानी बात कर रहा हूं तो वहां हमने पहला सर्वर जो बनाया अपना नोड का बनाया था फायदा क्या होता है नोड का बहुत लाइट वेट होता है छोटी-छोटी मशीनस पर चल जाता है amazon2 माइक्रो जिसको बोलते थे उस समय उसी पर हमारा बस सर्वर को कोड चलता था बहुत सारी रिकमेंडेशंस होती हैं कम से कम लोड बैलेंसर में तीन मशीनस होनी चाहिए आपके लोड से 30 पर ज्यादा होनी चाहिए हम बस एक मशीन पर चलाते थे अगर कभी वो डाउन हो गया तो सर्वर हमारा बंद बट खैर इंपॉर्टेंट बात ये है कि हमारे पास 5 लाख डेली डेली एक्टिव यूजर हुआ करते थे एक टाइम पर यानी 5 लाख लोग हमारे सर्वर से बातचीत कर रहे हैं और सिर्फ एक सर्वर के पास सिर्फ एक थ्रेड यानी एक बार में सिर्फ एक आदमी की बात सुनी जाएगी बाकी लोग कहां पर जाएंगे ऐसा कैसे चलेगा हम तो रेलवे का टिकट बुक कराने जाते हैं तो वहां पर भी आजकल खिड़कियां होती हैं यहां पर सिर्फ एक खिड़की होगी तो काम कैसे चलेगा और एक बार में एक आदमी का काम हो रहा है देखिए नोड जो है जो इसका इवेंट लूप है बड़ा स्मार्टली इसको करता है वो क्या करता है सबसे पहले मान लीजिए मेरे पास लेफ्ट से क्या आ रही है मेरे पास लेफ्ट से रिक्वेस्ट आ रही है है ना तो ये क्या करता है जो भी रिक्वेस्ट आएगी उसको क्या करेगा एक क्यू में एंटर कर लेगा अगेन टिकट खिड़की की तरह आप वैसे बहुत जगह हमारे इंडिया में टिकट खिड़की फॉलो नहीं भी की जाती बट होगा क्या एक विंडो है उसके पीछे सब लोग लाइन लगाकर खड़े हो जाएंगे लाइन से ही भाई सबका टिकट बुक होगा है ना लाइन से चलेंगे तो हमने बोल दिया एक इवेंट क्यू होना चाहिए जो भी नई रिक्वेस्ट आएगी वो क्या करेगी इस क्यू में एंटर कर रही होगी अब जैसे ही करंट आदमी का टिकट बुक हो जाएगा तो वो क्या करेगा इवेंट लूप ये जो एंट लूप है ये क्या कर रहा है ये एक्चुअल काम कर रहा है है ना तो यहां से एक-एक रिक्वेस्ट को उठाता रहेगा उसको प्रोसेस करता रहेगा एक-एक रिक्वेस्ट को उठाता रहेगा उसको प्रोसेस करता रहेगा यानी जैसे ही एक भी रिक्वेस्ट आएगी उसको ये उठा लेगा उसके बाद अगर कोई रिक्वेस्ट आ रही है जब ये बिजी है तो वो क्यू में में इकट्ठी होती रहेंगी उसके बाद ये अपना काम करता रहेगा पर इससे समझ नहीं आई क्योंकि अभी तो बहुत सारी रिक्वेस्ट ऐसे तो इकट्ठी हो जानी चाहिए देखिए करता क्या है मोस्टली जो हमारा नोड का जो अपना मेन हमारा थ्रेड है जो सिंगल थ्रेड है कुछ भी काम खुद से करता नहीं है वो यानी कुछ भी काम जिसमें टाइम लगना हो थोड़ा भी कहीं प भी इनपुट आउटपुट होना है नेटवर्क से कुछ लेकर आना है डेटाबेस से कुछ लेकर आना है फाइल में कुछ लिखना है कोई ज्यादा प्रोसेसिंग वाला काम है उस हर काम को वो अपने आप नहीं करता वो टाल देता है किसी और पर ये आपकी कंपनी के मैनेजर की तरह है ये क्या करता है कुछ भी काम खुद नहीं करता तो ये क्या करेगा जो भी यहां पर इसको ऐसा भी लगेगा कि ये थोड़ा सा काम है डेटाबेस से कुछ लेकर आना है तो उसके पास यहां एक थ्रेड पूल है यानी एक बहुत बड़ा पूल है जहां बहुत सारे छोटे-छोटे वर्कर मान लीजिए बैठे हुए हैं अपना अपना काम करने के लिए तो ये एक उनमें से एक थ्रेड पूल में से एक थ्रेड को उठाएगा बोलेगा जाओ जरा डेटाबेस से कुछ काम करके लाओ जब ये काम करके वापस ले आओगे तो वापस लाकर मुझे बता देना मैं फिर से तुम्हारी रिक्वेस्ट को प्रोसेस जो है वो कर लूंगा तो जिस काम में ये क्या कर रहा है मेनली बस राउटिंग का काम कर रहा है एकदम जो काम बहुत तेजी से किए जा सकते हैं सिर्फ वही कर रहा है बाकी ये सबको काम पर लगा रहा है ये अकेला है तब भी हमारा सर्वर जो है 55 लाख लोगों की रिक्वेस्ट को भी हैंडल कर लेता है किसी ने बोला फाइल का काम है तो फाइल वाले को बोलेगा जाओ तुम फाइल का काम करो नेटवर्क का काम है नेटवर्क वाले को बोल देगा अलग भी आपके पास और भी कोई काम है उसके लिए इसने बहुत सारे लोग बिठाए हुए हैं एक पूल है पूरा पूल का मतलब क्या होता है एक ग्रुप है पूरा यानी थ्रेड्स का बहुत बड़ा ग्रुप है जहां ये एक-एक को काम पे लगाता रहता है और बोलता है जब काम वापस पूरा हो जाएगा तो वापस लाकर मुझे बता देना काम पूरा हो जाएगा वापस लाकर मुझे बता देना वो हम कैसे करेंगे वो हम कर रहे होंगे कॉल बैक्स की किस चीज की हेल्प से कॉल बैक्स की हेल्प से जो हमने फंक्शन कॉल बैक्स पढ़े हैं तो ये क्या करेगा ये इसको काम बताएगा कि जाओ डेटाबेस से मेरे लिए सामान एक मेरी रो है ये पढ़कर लाओ और जब पूरा हो जाएगा तो क्या करना मुझे वापस जो मैं तुम्हें कॉल बैक दे रहा हूं वो कॉल कर लेना और मुझे वापस लाकर जो रिस्पांस है वो वहां पर दे देना ठीक है तो इस तरह से ये जो नोड की लाइफ साइकिल है जनरली काम करती है और इवेंट लूप क्या है इवेंट लूप इसका बीच वाला लूप है जो लगातार चीजों के लिए लिसन कर रहा है अब हम क्या देखेंगे हमको एक साथ में यहां पर चीज देखनी है क्या कि भाई हमने जो अभी अपना सर्वर स्टार्ट किया था हमने तो बोल दिया कि कंट्रोल स हम लगाएंगे तो हम उससे एग्जिट कर सकते हैं इसको इवेंट लूप बोल लीजिए आप सर्वर का लूप बोल लीजिए इससे मैं नॉर्मली कैसे एग्जिट करूंगा तो देखिए यहां थोड़ा सा नजर लगाइए यहां पर आप एक ये मेथड लिख सकते हैं कहीं पर भी अपने अंदर आप क्या लिख सकते हैं प्रोसेस डट एसिट आप जैसे ही प्रोसेस डट एट लिखेंगे किसी कंडीशन में मान लीजिए कोई एरर हो गई कोई बग हो गई किसी भी केस में आप ये चाह रहे हैं कि भाई एग्जिट कर ले मैं भी सर्वर को आगे नहीं चलाना चाहता तो आप प्रोसेस ड एसिट अगर लिखेंगे तो क्या होगा आपका जो लूप है आपका जो लिसन करने का तरीका है जहां आप रिक्वेस्ट को लिसन कर रहे हो तुरंत के तुरंत वो एंड हो जाएगा इसको एक बार चलाकर देख लेते हैं सर्वर तो हमारा रेडी है जो हमने पिछली बार बनाया था अभी भी सुन रहा है है ना इसको मान लीजिए पहले मैं क्ल कर देता हूं क्योंकि हमको तो कोड चेंज करना है कोड चेंज करके स्टार्ट करना है जब भी हमको सर्वर में चेंजेज चाहिए तो हमको बंद करके स्टार्ट करना पड़ेगा इस बार मैं यहां क्या कर देता हूं मैं यहां कर देता हूं प्रोसेस डॉट एट है ना मैंने क्या यूज कर लिया यहां पर प्रोसेस ड एट बिल्कुल देखिए ऐसे ही पर भी यूज किया था प्रोसेस कहां से आई है अगेन आपको जो कुछ-कुछ चीजें हैं कुछ-कुछ वेरिएबल हैं जैसे हमको ब्राउजर में विंडो मिलता है यहां ये प्रोसेस वेरिएबल आपको पहले से हमेशा अवेलेबल है ये ऑब्जेक्ट आप जब जहां चाहे इसको इस्तेमाल कर सकते हैं तो मैंने लिख दिया प्रोसेस डट एसिट तो अब मैं क्या बोल रहा हूं कि जैसे ही आपके पास रिक्वेस्ट आए इस फंक्शन के अंदर तो रिक्वेस्ट को लॉक करना और उसके बाद एग्जिट कर जाना यानी यह सर्वर कब तक सुनता रहेगा जब तक इसको पहली रिक्वेस्ट नहीं मिलेगी तब तक सुनता रहेगा पहली रिक्वेस्ट जैसे मिली ये अपना कंसोल लॉग में अपना उस लॉक करेगा और एग्जिट मार के निकल जाएगा इसका फायदा क्या है देखिए कई जगह हमको इस्तेमाल करना होता है इसलिए हम यहां पर इसको समझ रहे हैं तो एक बार पहले अपना सर्वर स्टार्ट करके देख लेते हैं सर्वर मैंने स्टार्ट कर दिया इसने बोल दिया भाई 3001 प आपका सर्वर स्टार्ट हो गया चलिए इसको खोल कर देख लेते हैं मैंने जैसे ही खोला तो देखिए 3001 तो खुल गया यहां देखिए रिक्वेस्ट मेरी पूरी की पूरी लॉग हो गई और सर्वर बंद भी हो गया सर्वर बंद हुआ मुझे वापस से ले आया कमांड लाइन पर अ अभी अगर मैं दोबारा 3001 पे रिफ्रेश कर रहा हूं तो कुछ नहीं मिल रहा मुझे है ना अब नहीं मिल रहा है अब यहां कुछ लॉग भी नहीं हो रहा है क्योंकि पहली बार उसने रिक्वेस्ट को एग्जीक्यूट किया और आपकी प्रोसेस को वहां से एग्जिट कर दिया ठीक है तो अगर हमको एग्जिट करना है हमारे इस लूप को जो लिसनिंग लूप है तो हम क्या करेंगे प्रोसेस ड एग्जिट का हम यहां पर यूज़ कर रहे होंगे ठीक है अब एक बार ये जो हमने अ रिक्वेस्ट ऑब्जेक्ट था इसको हम समझने की कोशिश कर रहे थे वही हम यहां पर बात कर रहे हैं कि रिक्वेस्ट ऑब्जेक्ट हमको समझ आ जाए लास्ट टाइम भी हमने देखा था बट मेनली हमको इसमें क्या देखना होता है मेनली हमको इसमें देखना होता है ये जो हमारे हेडर्स हैं ये है ना तो हमने यहां क्या-क्या लोकल होस्ट 3000 3001 हमारे केस में आ रहा है अलग-अलग तरह के हेडर्स यहां पर आपको मिल रहे हैं इनको आप बेसिकली देख सकते हैं इनका इंडिविजुअल क्या मतलब है यहां हमने एक लिंक भी दिया हुआ है आपके नोट्स में है ना नोट्स भी बाय द वे आपको नीचे लिंक में मिल जाएंगे हर वीडियो के डिस्क्रिप्शन में जो नोट्स का लिंक है वो होता है वैसे ये जो गिट हब रेपो है यहां पर भी नोट्स का बेसिकली नोट्स में अपलोड करता रहता हूं तो वहां पर भी आपको नोट्स मिल जाएंगे आपको यहां जाकर क्या देखना है ये जो हमने लिंक दिया है इस पर जाकर आप क्या देख सकते हैं अगर इन हेडर्स के बारे में आपको पहले से जानकारी नहीं है आप और डीप में अभी पढ़ना चाह रहे हैं इंटरेस्टेड हैं तो आप जाकर देख सकते हैं वैसे जो जो भी हेडर्स हमको यूज करने हैं वो सब हम जहां भी यूज करेंगे वहां उनको हम कवर कर रहे होंगे बट ये हेडर्स क्या हैं अगेन जैसे मान लीजिए आप कहीं किसी को गिफ्ट भेजते हैं तो गिफ्ट पर ऊपर एक पर्ची लगाकर भेजते हैं ना उसपे अपना नाम लिख देते हैं लिफाफे के ऊपर भी आप अपना नाम लिख देते हैं शादी में लिफाफा भेजते हैं ये मान लीजिए हेडर्स उसी की तरह हैं ये डेटा के बारे में डाटा इसको मेटा डाटा बोलते हैं यानी जो डेटा आपने भेजा है रिक्वेस्ट में या रिस्पांस में उसमें अगर कुछ आप एक्स्ट्रा इंफॉर्मेशन उस डाटा के में बताना चाह रहे हैं तो वो सब आप पहले से वहां पर बता देते हैं तो ये हो गई आपके मेटा डाटा ये हुआ हमके हमारे हेडर जो हम भेजते हैं ठीक है अब हम क्या देखेंगे अंडरस्टैंडिंग रिक्वेस्ट ऑब्जेक्ट में अब मैं क्या करूंगा ये हमने देख लिया कि हेडर बेसिकली हमको इसके अंदर दिख रहे हैं तो मैं क्या करूंगा पूरी रिक्वेस्ट ना लॉक करने की बज अभी बजाय अभी तक मैं क्या कर रहा हूं पूरी की पूरी रिक्वेस्ट लॉक कर रहा हूं तो बहुत सारी चीजें आ रही है कुछ समझ में नहीं आ रहा अब मैं क्या करता हूं रिक्वेस्ट ऑब्जेक्ट में से सिर्फ ये तीन चीजें लॉक करने की कोशिश करूंगा क्या-क्या यूआरएल में लॉक करूं रिक्वेस्ट मेथड में लॉक करूंगा और रिक्वेस्ट एड्रेस में लॉक करूंगा और फिर इन तीनों का मतलब हम समझने की कोशिश करेंगे कि इ नों का क्या मतलब है तो ये जो प्रोसेस डट एसिट है इसको तो हम हटा देते हैं ये हमने समझ लिया बार-बार हमारे सर्वर को बंद कर देगा हम क्या कर रहे हैं य तीन चीज लॉक करने की कोशिश कर रहे हैं रिक्वेस्ट डॉट हमने क्या-क्या देखा एक तो हम कर रहे हैं हेडर्स है ना हेडर्स हम करेंगे इससे पहले सबसे पहले हम क्या कर लेते हैं रिक्वेस्ट डॉट यूआरएल कर लेते हैं है ना और रिक्वेस्ट डॉट मेथड कर लेते हैं अब सना नहीं सर ये क्या आप कुछ भी लिखवा रहे हैं से भाई लिख लीजिए है ना एक बार चला लीजिए तो आपको समझ आ जाएगा इसको फिर से हम रन कर लेते हैं जैसे ही हमने रन किया फिर से बोल रहा है 3000 व पे आपका सर्वर एक्टिव है पुराने जो हमने खोले थे बंद बेसिकली यहां से भी आप कर सकते हैं इसी को रिफ्रेश कर सकते हैं रिफ्रेश कर लिया मैंने 3001 को देखिए बहुत सारा कोड यहां पर एकदम से हमारा क्या हुआ लॉग हो गया है ना एक बार मैं आपको दिखा दूं ऐसा लगे कि पहले से ही मैं लिख कर रखता हूं अरे मैंने टर्मिनल ही डिलीट कर दिया यार मैं क्लीन करना चाह रहा था पर गलती से हमने टर्मिनल ही डिलीट कर दिया इसको व्यू टर्मिनल कर लेते हैं फिर से हमको स्टार्ट करना पड़ेगा क्योंकि वो टर्मिनल पूरा ही डिलीट हो गया तो सब कुछ वहां से बंद हो गया होगा तो हम करते हैं सीडी हमको जाना था लेक्चर थ्री के अंदर हम थे है ना उसी के अंदर अभी रहते हैं लेक्चर थ्री फर्स्ट नोड सर्वर चुली ये भी ठीक पकड़ा गया हमको लेक्चर थ्री के अंदर नहीं इसकी हमको एक कॉपी बना लेनी चाहिए वरना हम इसी के अंदर चेंजेज कर रहे होंगे है ना इसके अंदर जो हमने चेंजेज किए उनको हम हटा देते हैं वरना ये आप जब पुराना का कोड ढूंढोगे उसमें आपको कुछ दिखेगा नहीं है ना ये लेक्चर थ्री था इसको हम एक कॉपी बना लेते हैं हम कर लेते हैं रिनेम लेक्चर फोर और इसका नाम रख देते हैं रिक्वेस्ट एंड रिस्पांस अब इसके अंदर हम जो चाहे चेंज कर सकते हैं ताकि आपके नोट्स वाला जो कोड है वो चेंज ना हो है ना तो हमने वो तो आपको करके दिखा ही दिया प्रोसेस ड य क्या कर रहे थे रिक्वेस्ट डॉट यरल रिक्वेस्ट डॉट मेथड एंड रिक्वेस्ट डॉट हेडर्स ठीक है ये तीनों हमने यहां पर लगन लॉग इन कर लिए अब हम चलते हैं अपने फोल्डर नंबर फोर में हम फोल्डर नंबर लेक्चर नंबर फोर में देखना चाह रहे हैं है ना तो हम आगे रिक्वेस्ट रिक्वेस्ट रिस्पांस उसके बाद क्या करेंगे हमको यहां रिक्वेस्ट रिस्पांस के अंदर आ गया अब हमको क्या करना है सर्वर चलाना है तो मैं बोलूंगा नोड एड जस फाइल का नाम हमारी अभी भी पड जस हैरा स्टार्ट हो गया इसको मैं फिर से रिफ्रेश कर लेता हूं देखिए लेफ्ट में अपनी नजर बनाकर रखिएगा ये क्या हुआ देखिए रिक्वेस्ट यहां से अपने आप इसने पेज रिफ्रेश करने की कोशिश कर ली ब्राउजर ने तो क्या हुआ तुरंत यहां पर जो रिक्वेस्ट है वो हमारी लॉग हो गई तो एक बार देख लेते हैं देखिए क्या-क्या लॉग हुआ पहले हमने जो प्रिंट करने की कोशिश की प्रिंट किया यूआरएल यूआरएल इसने क्या प्रिंट किया सिर्फ ये स्लैश प्रिंट किया क्यों क्योंकि जो पूरा आपके पोर्ट तक एड्रेस है वो तो आपकी मशीन तक लेकर आता है उसको आप यूआरएल का पार्ट नहीं मानते उसके बाद आपने अगर तो उसको यूआरएल का पार्ट मानते हैं अगर कुछ भी नहीं होता है तो स्लैश को बाय डिफॉल्ट मानकर इसको चलता है तो इसने बोला भाई कोई जो इसने क्या यूआरएल किसी ने एक्सेस किया है सिर्फ लोकल होस्ट और पोर्ट दिया हुआ है उसके अलावा कुछ नहीं है उसके अलावा इसने मेथड दिया मेथड क्या है कि वो रिक्वेस्ट में आपसे क्या चाह रहा है तो ये जनरली बहुत सारी तरह के होते हैं बट जो बहुत ज्यादा यूज होते हैं उनका नाम है गेट और पोस्ट गेट का मतलब क्या है मैं सिर्फ कुछ डेटा आपसे लेने आया हूं पोस्ट का मतलब है मैं कुछ डटा देने आया हूं बहुत बार आप मान लीजिए फॉर्म सबमिट करेंगे अपना आईडी पासवर्ड डालेंगे क्या आप कुछ डटा लेकर जा रहे हैं सर्वर के पास कि भाई ये लो डटा इसके बेसिस पर प्रोसेस करो तो उस केस में वो रिक्वेस्ट जनरली किसके अंडर आती है वो रिक्वेस्ट पोस्ट टाइप की होती है और अगर आप सिर्फ कुछ मांगने गए हैं कि भाई मेरे को तो मेंस की जींस वाला दे दो तो आप क्या कर रहे होंगे वहां पर गेट रिक्वेस्ट कर रहे होंगे है ना तो इसने अभी बोला इसने भाई और कुछ नहीं दिया है यानी यूआरएल जो ब्राउजर है बस वहीं पर आपने कुछ डाला है तो गेट टाइप की रिक्वेस्ट और ये सारे के सारे हेडर्स जिनकी हम बात कर रहे थे सारे के सारे हेडर्स आपके प्रिंट हो गए हैं अगेन 3001 है कनेक्शन कीप अलाइव है बहुत सारी ने यहां पर भेजी है अपने बारे में उसके अलावा मैं क्या-क्या एक्सेप्ट करता हूं ये आपने भेजा हमने तो नहीं भेजा भा ये ब्राउजर ने बाय डिफॉल्ट भेज दिया हर रिक्वेस्ट के साथ इतनी चीज है वो आपकी लगाकर भेज देता है जैसे ही आपने बोला लोकल लो 3001 उसने बोला लोकल लोस 3001 पर जाऊंगा बट ये कुछ हेडर बाय डिफॉल्ट वाले हैं ये मैं लेकर जाऊंगा उसके अलावा क्लाइंट में भी हम देखेंगे कि आप कुछ एक्स्ट्रा हेडर लगाकर भेजना चाहे तो वो भी आप भेज सकते हैं रिस्पांस में भी हम कुछ-कुछ हेडर भेज रहे होंगे तो वो भी हम भेज सकते हैं पर यहां हमको समझ आ गया यूआरएल क्या है मेथड क्या है और हेडर्स क्या है ये तीनों हमने चलाकर जो है वो देख लिए है ना तो हमने प्रिंट किया इससे हमको क्या मिला ये मिल गया अभी देखिए एक चीज हम यहां पर और दिखा देते हैं जो हमने यहां लिखी भी हुई है मैं क्या करता हूं अभी तक तो मैं 3001 चला रहा था अब मैं यहां स्लैश लगाता हूं मान लीजिए मिंत्रा में हम है मैं कर देता हूं भैया प्रोडक्ट्स एक्सेस करना है स्पेलिंग ही गलत कर दी पी आरओ डी य सीटीएस है ना प्रोडक्ट्स हमको एक्सेस करना है मैंने फिर दबाया अब देखिए क्या हुआ जो अगली रिक्वेस्ट आई वो भी लॉग हो गई क्योंकि क्या ये तो लगातार सुन रहा है पहली रिक्वेस्ट आई इसने द देखिए अगली रिक्वेस्ट आई इस बार इसने यूआरएल की जगह क्या प्रिंट किया है स्लैश प्रोडक्ट्स प्रिंट किया है तो यहां आप जो भी पूरा यूआरएल दे रहे होंगे उसमें पोर्ट नंबर के बाद जो भी बचा हुआ है वो आपको यहां पर मिल जाएगा कि भाई आपको इसके बेसिस पर अगर कुछ करना है तो आप वो कर सकते हैं इसने बोला अभी भी गेट रिक्वेस्ट है अभी भी आपको मोस्टली हेडर्स जो है वो सेम मिले है ना तो ये हमको समझ आ गया कि रिक्वेस्ट ऑब्जेक्ट के अंदर यूआरएल मेथड हेडर्स हमारे काम की चीजें है ज्यादा ये हमने देख लिया हमको इनको एक्सेस कैसे करना है इनको हमको देखना कैसे है अभी हम देख रहे हैं क्योंकि इनके बेसिस पर हम अलग-अलग काम जो है वो कर रहे होंगे है ना अब हम देखेंगे कि हमको रिस्पांस कैसे भेजना है अभी रिक्वेस्ट हमने देख लिया अब हम देखेंगे कि हमको रिस्पांस कैसे भेज भेजना है अब देखिए रिस्पांस का जो ऑब्जेक्ट है वो तो यहां पहले से ही है है ना इसका क्या मतलब है तो भाई ये क्या आपसे बोल रहा है क्रिएट सर्वर कि एक रिस्पांस का खाली ऑब्जेक्ट मैं आपको दूंगा आपको उसके अंदर जो रखना है रख देना और वापस मैं इसको ले जाऊंगा ये उस खाली थैले की तरह है जो आप दुकानदार को देते हैं कि भाई इसके अंदर मेरा सामान आप डाल देना मैं उस पला उठाकर जो है वो ले जाऊंगा तो ये क्या बोला इसने जब क्रिएट सर्वर करता है ये जब भी हमारा उसके बाद जो ये कॉल बैक है ये कॉल कर रहा है हर बार हमको बोलेगा ये लो ये रिक्वेस्ट आई है और ये खाली थैला है इसके अंदर जो भरना है भर देना ये खाली थैला मैं उठाकर आप कस्टमर को ले जाकर दे दूंगा वापस ले आकर सर्वर पर दे दूंगा तो इसमें मैं आपको दिखाता हूं कि इसके अंदर हम कोड लिखना कैसे स्टार्ट कर सकते हैं तो हम कैसे करेंगे रिस्पांस का हमने नाम रखा हुआ है आरस तो हम बोलेंगे आर डॉट राइट है ना हम यहां कौन सा जो मेथड है वो यूज़ करना चाह रहे हैं हम यहां करेंगे जो मेथड है हमारा डॉट राइट और साथ में एक हेडर सेट करेंगे हम ये बताएंगे कि भाई किस टाइप का डाटा है जो मैं आपको भेज रहा हूं है ना तो आप ये डॉट जेसन बोल सकते हैं यहां क्या-क्या बोल सकते हैं आप बोल सकते हैं जेसन टाइप का डाटा होगा जेसन हमने पहले भी देखा है जावास्क्रिप्ट में अगर आपको जेसन डाटा भेजना चाह रहे हैं तो आप डायरेक्टली जेसन भेज देंगे आप बोल रहे नहीं मैं तो एक्चुअली एटीएमएल पेज आपको वापस रिटर्न करने वाला हूं तो ब्राउजर के पास जब ये रिस्पांस जाएगा तो वो ये समझेगा कि इसका मुझे क्या करना है अगर आपने बोला टेक्स्ट क्लास एटीएमएल इसका मतलब क्या है कि भाई एटीएमएल आया उसको रेंडर कर लीजिए ठीक है क्या इसकी मैं कोई भी वैल्यू भेज सकता हूं कंटेंट टाइप की नहीं ऐसा नहीं है तो बहुत सारे हेडर्स की कुछ-कुछ स्पेसिफिक वैल्यूज होती हैं धीरे-धीरे आप सीख जाएंगे बहुत ज्यादा इनका इस्तेमाल नहीं होता रट्टा मारने की जरूरत नहीं है मोस्ट ऑफ द जगह पर हमको ये सेट भी नहीं करना पड़ता है जब हम एक्सप्रेस भी पढ़ेंगे बाद में बहुत सारे काम हमारे लिए खुद ही हो रहे होंगे है ना मैं आपको ये भी बता दूं नोड की कोडिंग इतनी मुश्किल है नहीं अभी जितनी हमको लगेगी क्यों क्योंकि हम अभी टफ तरीका पढ़ रहे हैं कि सिर्फ नोड से अगर हम करेंगे तो कैसे करेंगे बट फिर इसके बाद हम एक्सप्रेस भी देखेंगे कि एक्सप्रेस या जो बाकी मॉडर्न टूल्स हैं वो हमारी कैसे हेल्प करते हैं ये सब काम बहुत तेजी से करने में और उसके बाद ये काम आपको काफी ज्यादा आसान लगने लगेंगे बहुत सारे है ना वैसे अभी तो हम आसान वाली कैटेगरी में ही है तो हम क्या कर रहे हैं सेट हेडर करेंगे कंटेंट टाइप का और उसके बाद आप राइट फंक्शन कॉल करेंगे कुछ भी कंटेंट उसके पास भेजने के लिए है ना तो मान लीजिए पहले सेट हेडर कर देता हूं सेट हेडर देखिए इसने खुद ही ऑटो कंप्लीट मुझे दिखा रहा है कंटेंट टाइप टेक्स्ट स् है नाम है ना कंटेंट हाई फन टाइप मैंने बोला भाई मैं html4 लगाकर मल्टीलाइन स्ट्रिंग भी बना सकता हूं मैं छोटी-छोटी स्ट्रिंग भी बना सकता हूं जैसा भी मेरा मन करे वो मैं कर सकता हूं तो मैं क्या करूंगा मान लीजिए मैं पूरा एटीएल का टैग एगा उसके बाद एटीएमएल टैग के अंदर क्या होता है सबसे पहले बेसिकली आपका बॉडी होता है हेड होता है है ना तो मैं क्या करता हूं हेड टैग मान लीजिए मुझे सजेस्ट कर रहा है लिख लेते हैं कि हेड टैग आप ले लीजिए हेड टैग के अंदर टाइटल हम दे रहे हैं माय फर्स्ट पेज की जगह हम यहां क्या देते हैं हम दे देते हैं कंप्लीट कोडिंग है ना ये हमने अपना टाइटल दे दिया कि भाई पेज का टाइटल जो कहां दिखता है जो यहां दिखता है ऊपर वो टाइटल आप कर देना कंप्लीट कोडिंग टाइटल बंद कर देना हेड बंद कर देना हेड के अंदर आप और बहुत सारी चीजें दे सकते हैं लिंक वगर कर सकते हैं अभी हम बहुत सिंपल रिस्पांस बना रहे हैं ये हम नहीं कर करेंगे उसके बाद हम क्या बना रहे हैं बॉडी बना लेते हैं है ना और यहां मान लीजिए बॉडी के अंदर हमने क्या लिख दिया वेलकम टू कंप्लीट कोडिंग ये नहीं लिखते है ना हम youtube1 हेडिंग लिख दिया और इसके अंदर मैंने क्या लिख दिया लाइक शेयर सब्सक्राइब आप इसको अलग-अलग बनाना चाह रहे हैं बॉडी को एक में सिर्फ स्टार्ट करेंगे फिर बॉडी को एंड करेंगे इस h1 को उसके अंदर लिखेंगे जैसे आप करना चाहे कर सकते हैं आप इस पूरे को एक सिंगल स्ट्रिंग बनाकर करना चाह रहे हैं कर सकते हैं बट आप समझना क्या है हम यहां पर जो हमारा फाइनल एचटीएमएल का कोड है जो हम यूआई पर दिखाना चाह रहे हैं वो हम कैसे बना रहे हैं स्ट्रिंग की फॉर्म में इसको बना कर दे रहे हैं और जब मेरा काम पूरा खत्म हो जाएगा तो मैं यहां क्या लॉक कर रहा हूंगा आड एंड कि भाई मैंने जो रिस्पांस देना था वो मैंने खत्म कर दिया एंड कर दिया तो आप इस रिस्पांस को भेजते है ना तो अब जो भी मेरे पेज पर आएगा उसको क्या दिखना चाहिए ये रिस्पांस जो है वो दिखना चाहिए एक बार मैं दिखा देता हूं क्या हमको ये रिस्पांस दिख रहा है मैं इसको कट कर लेता हूं रिफ्रेश करता हूं कुछ हुआ कुछ नहीं हुआ क्यों क्योंकि भाई आपने रीस्टार्ट नहीं किया बहुत सारे बच्चे बहुत सारी बेसिक चीजें लेकर बैठे रहते हैं नहीं मेरा तो नहीं चल रहा भाई हमने बताया जभी भी आपको ये चेंज करना है आपको क्या करना पड़ेगा किल करना पड़ेगा सर्वर और दोबारा से स्टार्ट करना पड़ेगा ताकि आपका नया कोड जो है वो यहां पर जा पाए देखिए इसने देर में हम यहां आए ब्राउजर ने खुद से रिफ्रेश कर दिया और आपको यहां हेडिंग दिख रहा होगा हेडिंग हमको यहां दिखना शुरू होगा क्या लाइक शेयर सब्सक्राइब यानी जो कंटेंट हमने भेजा था वो यहां आ गया और पेज का देखिए जो टाइटल है वो भी चेंज होकर क्या हो गया है कंप्लीट कोडिंग हमारा हमारा टाइटल जो है वो हो गया है है ना तो यानी ये जो मैंने रिस्पांस भेजा ये सक्सेसफुली कहां डिलीवर हो गया है मेरे पास उसने रिक्वेस्ट भेजी रिक्वेस्ट को हमने लॉग किया देखिए यहां रिक्वेस्ट लॉग भी हो गई रिक्वेस्ट को हमने लॉक किया उसके बाद हमने उसको रिस्पांस सेट किया और रिस्पांस जो है वो क्लाइंट के पास चला गया है ना तो रिस्पांस कैसे भेजना है अगेन आपके नोट्स में सब चीजें मार्क्ड हैं अगेन हमने कोशिश किया कोशिश की कि जो कोड चेंज हो रहा है उसको थोड़ा सा मार्क कर सक या मान लीजिए रेड बॉक्स से हमने मार्क कर दिया है कि आपको पता चल जाए क्या कोड चेंज हुआ है बाकी तो सब पुराने वाला ही चल रहा है बस इतना हमको मेनली चेंज करना है जिसकी वजह से हमको रिस्पांसस हम भेज पाएंगे अब रिस्पांसस हमने भेज लिए ये हमने देख लिया है ना हां यहां मैं आपको क्या दिखा सकता हूं य नेटवर्क टैब में भी खोल कर मैं दिखा सकता हूं तो हम क्या करते हैं यहां एक बार आ जाते हैं वापस है ना मैं इसमें कर लेता हूं इंस्पेक्ट ये वैसे हम यूआई वाले रिएक्ट वगैरह के कोर्सेस में ज्यादा कर रहे होते हैं बट यहां भी समझ लेंगे अब आ जाइए आप नेटवर्क पर है ना तो क्या करता है आपकी सारी नेटवर्क एक्टिविटी रिकॉर्ड करना स्टार्ट कर देता है उसके बाद मैं यहां से क्या करूंगा इस पेज को मैं दोबारा से एक बार रिफ्रेश करूंगा देखिए मैंने रिफ्रेश किया अब यहां आपको सारी कॉल्स दिखने लगेंगी जो जो भी कॉल आपने यहां पर की है तो लोकल होस्ट नाम की हमने कॉल की है लोकल होस्ट पर है ना इसको हम थोड़ा सा बड़ा करके दिखा देते हैं देखिए शायद इससे छोटा या बड़ा हो नहीं रहा है मैं आपको यहां स्क्रॉल करके दिखा देता हूं तो देखिए यहां क्या है आपकी कोई भी अगर आपने रिक्वेस्ट की है तो उसकी सारी की सारी डिटेल्स यहां आपको देखने के लिए मिल रही है है ना उम्मीद कर रहा हूं य आपको जूम लेवल पर भी दिख रहा होगा तो यहां क्या दिख रहा है लक लोस 3001 पे कॉल की गई थी है ना इसका नाम क्या था रिक्वेस्ट मेथड था थ रिक्वेस्ट मेथड था गेट स्टेटस कोड क्या है स्टेटस कोड अभी हम समझेंगे 200 का मतलब होता है सक्सेस यानी यहां क्योंकि हमने सक्सेसफुल रिस्पांस भेजा है तो एक ये स्टेटस कोड की भी पूरी लिस्ट होती है 200 बेसिकली इसने ब्राउजर को भेज दिया कि भाई सब कुछ ओके है मैंने आपको रिस्पांस ठीक से भेज दिया है है ना यहां बहुत सारे जो भी हमने हेडर्स देखे थे वो सब हमको दिख रहे हैं हम रिस्पांस डायरेक्टली यहां से दिख सकते हैं कि रिस्पांस क्या भेजा उसने एक्चुअली तो दिख रहा है देखिए जो पूरा हमने एचटीएमएल कोड वहां से लिख के भेजा था पूरा का पूरा यहां नेटवर्क कॉल में रिस्पांस दिख रहा है देखिए यहां हो जरूर एक मशीन पर रहा है पर आपको समझना आ है अलग-अलग मशीनस भी हो सकती हैं ये ब्राउजर मैं आपको क्लाइंट और सर्वर एक साथ खोल कर दिखा रहा हूं यहां एक ही स्क्रीन पर हमको दिख रहा है ये क्लाइंट है हमारा जो ब्राउजर है और ये सर्वर है है ना ये आईडियली कहां होता है बहुत दूर लाखों लाखों किलोमीटर दूर होते हैं बट अभी हम यहां एक ही मशीन पर चलाकर दिखा रहे हैं है ना तो ऐसा नहीं कि घर की मुर्गी दाल बराबर आपको लगे है ना तो यहां क्या है हमने दिखा दिया पूरा का पूरा कि जो रिस्पांस यहां से हमने लिखकर भेजा था वो यहां ब्राउजर में आपको यहां देखने के लिए मिल रहा है और इसने क्या किया जो हमारा लास्ट स्टेप हमने देखा था हाउ वेब वर्क्स में क्योंकि इसको जैसे ही एसटीएमएल मिला इसने उठा रेंडर कर दिया यहां अपना नाम जो यहां सेट करना था यहां सेट कर दिया हमको h1 हेडिंग जो उसको दिखाना था वो उसने हमको यहां पर दिखा दिया है ना तो हमको रिस्पांस कैसे भेजना है कैसे वो दिखेगा ये हमने समझ लिया है ना अगेन आपके नोट्स में भी आपको दिख रहा है कि आप रिस्पांस टैब के अंदर जाकर इसको देख सकते हैं अब उसके बाद आया राउटिंग रिक्वेस्ट यानी हमने देखिए जो यूआरएल था उसको हमने यूज़ तो किया था है ना हमने प्रिंट तो करके देखा था बट हमने उसका कुछ किया नहीं है ना तो अब यहां क्या करने की कोशिश कर रहे हैं मान लीजिए हम यहां यूआरएल को यूज करने की कोशिश करते हैं कि भाई अलग-अलग जगह पर अलग-अलग पेज लोड होंगे आप मिा पर जाएंगे तो आप जब ऊपर यूआरएल डालते हैं मान लीजिए मैं आपको खोल कर दिखाता हूं है ना यहां हम गए मान लीजिए mint.com हम यहां mitra.com पर गए तो देखिए अभी हम होम पेज पर हैं तो ये इस ने अपना होम पेज लोड कर दिया है ना रणबीर कपूर दिख गया ये मैडम कौन है ये मुझे नहीं पता पर मान लीजिए ये दिख गई है ना आपको अलग-अलग बहुत सारी चीजें दिख रही है अभी मैं गया वमन पर है ना देखिए जैसे ही मैंने वमन दबाया ऊपर देखिए यूआरएल में क्या हुआ है एड्रेस चेंज हो गया इसने यूआरएल चेंज कर दिया स्ल शप शॉ स् वुमन यानी ये पेज अगर डायरेक्टली किसी को देखना है आप अगर मान लीजिए मैं ये यूआरएल को कॉपी कर ले हूं और नई टैब में जाकर ये यूआरएल एंटर करता हूं तो देखिए मैं डायरेक्टली कहां आना चाहि मैं डायरेक्टली आ गया जो वुमेन वाला पेज है उस पर है ना उसमें भी इन्होंने थोड़ा सा कस्टमाइजेशन लगाया हुआ है कि कौन किस पेज पर आएगा तो किसी को क्या दिखना चाहिए अच्छा इन्होंने शायद कुछ लगाया नहीं हुआ है ये क्या होम पेज ही दिख रहा है नहीं होम पेज तो नहीं दिख रहा है है ना तो कुछ तो डिफरेंट है यहां पर यहां पर यहां इन्होंने अलग से लगाया हुआ है कि भाई कोई डायरेक्टली अगर वूमन पेज पर आया है तो ये उसको दिखना चाहिए पर बेसिकली आपको यहां समझना क्या है कि अलग-अलग यूआरएल के पर अलग-अलग कंटेंट जो है वो दिखाया जा सकता है तो वही अब हम यहां कोशिश करने वाले हैं अब हम क्या करेंगे अभी तक हमने क्या किया अभी तक हमारा चाहे कोई लोकल होस 30001 खोल रहा है तो भी लाइक शेयर सब्सक्राइब दिख रहा है अगर मैं यहां प्रोडक्ट डाल देता हूं व भी यहां पर क्या दिख रहा है लाइक शेयर सब्सक्राइब दिख रहा है यानी वहां से क्लाइंट कुछ भी रिक्वेस्ट कर रहा है हम तो एक ही रिस्पांस लेकर बैठे हैं हमने रिक्वेस्ट को तो देखा ही नहीं रिक्वेस्ट को तो हमने लॉक कर दिया हमने तो सीधे रिस्पांस लिखना स्टार्ट कर दिया है ना कि आप कुछ भी बोलो जैसे मैं बताऊं हम जब मैं कॉलेज में था ना तो हमारे यहां एक डॉक्टर हुआ करते थे हॉस्टल में आपके यहां भी डॉक्टर होते होंगे तो वो मशहूर थे इस बात के लिए कि आप उनके पास कुछ भी लेकर जाओ बीमारी ना तो वो डिस्प नहीं देते थे है ना या सैरे डोन नहीं देते थे तो मेरा रूममेट जो था वो बड़ा मतलब मुझे शब्द नहीं बोलने चाहिए यहां पर youtube1 खा लिया ना मैस से आ गए खाना खा लिलिया तो उसके बाद कुछ मस्ती करने का मन करता है कि चलो डॉक्टर के पास चलते हैं डॉक्टर के पास क्या करना है चलो चलते हैं वहां डॉक्टर के पास जाएगा पहले उसको बताएगा सर पेट में दर्द हो रहा है कहीं हो रहा है फिर ऐसे ही बोलता था सर वो मुझे ऐसा लग रहा है कि सर कैंसर हो गया है क्या तुमको लग रहा है कैंसर हो गया है कह रहा हां सर सेरे डॉन दे है ना और उसके बाद डॉक्टर भड़क जाता था गालियां भगना शुरू करता था इनका एंटरटेनमेंट पूरा हो गया वापस आ जाते थे बोलते थे भाई इससे जाकर आप कुछ भी मांगोगे क्या देगा आपको सेडोन या डिस्प्रिन दे रहा होगा तो उसी तरह से अभी हमने अपने यहां सर्वर बनाया है कैसे बनाया हमने यहां पूरा लिख दिया कि भाई आप रिक्वेस्ट कुछ भी ले कर आओ हम तो आपको यही रिस्पांस देते हैं अब ये देखिए एटीट्यूड बहुत अच्छा नहीं है तो अब हम क्या करेंगे अब हम कर रहे होंगे बेस्ड ऑन यर तो मैं क्या करूंगा देखिए जो रिक्वेस्ट ड यरल है डायरेक्टली भी हम इसको यूज कर सकते हैं नर्मल इफ कंडीशन लगाएंगे है ना मैं इफ कंडीशन लगाता हूं मैं क्या बोलूंगा कि भाई अगर रिक्वेस्ट ड यूआरएल ट्रिपल इक्वल टू क्या है स्लश है यानी ये क्या है अगर यह डिफॉल्ट यूआरएल किसी ने दिया है इसके अलावा और कुछ नहीं दिया है तो मैं कुछ और करूं है ना मान लीजिए एल्स लगा देता हूं एल्स रिक्वेस्ट डट यरल मान लीजिए हम जो प्रोडक्ट सबसे देख रहे हैं वो लगा लेते हैं है ना तो मैं क्या बोलता हूं स्ल प्रोडक्ट्स कि अगर कोई स्लैश प्रोडक्ट पर आना चाह रहा है तो उसको कुछ और दिखना चाहिए और यहां मैं मान लीजिए एक और एल्स लगा लेता हूं कि भाई अगर कुछ भी नहीं उसने इन तीनों में से कुछ और ही डाला है तो हम क्या करें कुछ ज्यादा ही सजेस्ट ये मुझे कर रहा है इसको हम थोड़ा सा नीचे कर लेते हैं और साइज एक नंबर छोटा कर लेते हैं ताकि हमको कोड ठीक से दिख पाए है ना तो हमने बोला अगर एल्स है तो भाई ये जो हम पहले दे रहे थे लाइक शेयर सब्सक्राइब उस केस में आप ये दिखा देना है ना तो हम यहां क्या कर लेते हैं इसको लगा लेते हैं कि भाई इस केस में आप क्या कर लेना सब्सक्राइब जो है वो आप यहां पर दिखा सकते हो अगर ना उसने होम पेज डाला ना प्रोडक्ट डाला कुछ और ही डाल दिया तो आप यहां पर ये दिखा देना जैसे ये सजेस्ट कर रहा था 404 दिखाना चाहे वो भी आप दिखा सकते हैं बट इन केस में हमको क्या करना है इन केस में भी हम अलग-अलग काम यहां पर कर लेते हैं है ना यहां मैं कर देता हूं यहां मैं कर देता हूं इसको वैसे एल्स में भी आपको डालने की जरूरत नहीं है एल्स से बाहर भी इसको रख सकते हैं है ना तो ये मैं बाहर ही डालता ठीक बात है अब हमको क्या करना है यहां कुछ कुछ कस्टमाइज करना है तो मान लीजिए जब कोई होम में आया है तो यहां हेडिंग में हम क्या दे देते हैं वेलकम टू होम मान लीजिए नाम बस मैं अलग लिख देता हूं ताकि बाद में तो हम बहुत डिफरेंट डिफरेंट काम कर रहे होंगे बट अभी यहां कम से कम हमको बेसिक कंटेंट अलग दिखाना है कोई प्रोडक्ट में आया है तो यहां क्या लिख देते हैं चेक आउट आवर प्रोडक्ट्स य आपको ध्यान हम यहां कर क्या आ रहे हैं अभी हमने बहुत ज्यादा कुछ नहीं किया है बस रिक्वेस्ट ड यूआरएल हम मैच कर रहे हैं कि भाई अगर यूआरएल किसी ने स्लैश डाला तो ये रिस्पांस ऐड कर देना अगर यूआरएल किसी ने प्रोडक्ट डाला तो ये रिस्पांस ऐड कर देना अदर वाइज बाहर जब निकलोगे तो तो ये रिस्पांस ऐड कर ही देना है ना अब इसको चलाएंगे चलाएंगे कैसे पहले हमको क्या करना पड़ेगा किल करना पड़ेगा उसके बाद दोबारा रन करना पड़ेगा दोबारा यहां पर आ जाते हैं है ना अब मैं क्या करता हूं होम दबाता हूं देखिए मैंने गड़बड़ की है यहां वो गड़बड़ देखेंगे कि वो गड़बड़ क्या हुई है है ना तोय लोक लोस 3001 है हम पहले इसके होम में ही चलते हैं है ना डायरेक्ट होम पर दबा कर देखते हैं मैंने दबाया वेलकम होम तो देखिए जो हमने लिखा था वह तो आ गया गड़बड़ क्या हुई वेलकम टू होम बिलकुल वही लिखाया है वेलकम टू होम यानी मैचिंग भी हमारी ठीक हो गई वेलकम टू होम आ गया और देखिए सर्वर मेरा किल हो गया है सर्वर मेरा किल हो गया है सर्वर मेरा मर गया है क्यों कोई एरर आ गई है क्या एरर आ गई है अगर हम अभी देखें देखिए यहां से मेरा सर्वर स्टार्ट हुआ रिक्वेस्ट को लॉक भी कर दिया इसको भी हम चाहे तो हटा सकते हैं बट इसने बोला कैन नॉट सेट हेडर्स आफ्टर दे आर सेंड टू द क्लांट यानी हम और कौन सी लाइन में बोल रहा है हमने गड़बड़ की है अगर हम लाइन नंबर जाकर देखेंगे तो यह बोल रहा है लाइन नंबर 21 में आपने गड़बड़ की है देखिए एरर आपको पढ़ना भी आना चाहिए है ना यहां देखिए इसी लाइन को इसने हाईलाइट किया कि यही आपके कोड की लाइन है आप क्या करने की कोशिश कर रहे हो ये लेक्चर नंबर 4 app.js में लाइन नंबर 21 पे आप कुछ गड़बड़ कर रहे हो लाइन नंबर 21 पे देख लेते हैं हमने क्या किया लाइन नंबर 21 पे हमने दोबारा हेडर ने की कोशिश की देखिए जैसे ही आपने रिस्पांस डॉट एंड बोल दिया एक बार आपने बोला मेरा रिस्पांस एंड हो गया उसके बाद आप और रिस्पांस एंड ऐड इसमें नहीं कर सकते है ना तो जैसे ही आपने नस डट एंड किया आपको उसके बाद क्या करना पड़ेगा उसके बाद आपको करना पड़ेगा रिटर्न है ना और इसको लिखने का आसान तरीका क्या होता है जन जली आप किस तरह से लिख रहे होते हैं जो रिपस डॉट एंड है इसी को आप रिटर्न करते है ना डजन मैटर कि क्या रिटर्न कर रहा है पर ये क्या करेगा आपको आपका मेथड यहीं पर एंड कर देगा आपने अपनी पूरी रिक्वेस्ट की प्रोसेसिंग यहां पर खत्म कर ली तो उसको तुरंत एंड कर दें अगर रिपस डट एंड एक बार कॉल हो गया उसके बाद आप उसमें राइट नहीं कर सकते हेडर सेट नहीं कर सकते कुछ नहीं कर सकते क्यों क्योंकि रिस्पांस तो जा चुका क्लाइंट के पास आपने जैसे ही आर एंड बोला उसने भेज दिया रिस्पांस आप उसके बाद बोल रहे हो भाई ये और भेजना था भाई अब तो गया अब कुछ नहीं हो सकता है ना आप करने की कोशिश करोगे तो आपको क्या करेगा एरर देगा तो इसलिए अगर इन दोनों में से कुछ हुआ है तो आपको यहीं पर क्या कॉल करना पड़ेगा न कॉल करना पड़ेगा उसके बाद नीचे वाले में आप नॉर्मली ऐसे कर सकते हैं आखिरी लाइन है यहां पर रिटर्न आप लिखना चाहे लिख दें नहीं लिखना चाहे नहीं लिखें सर्वर तो मेरा एनीवे बंद हो गया था इसको मैं क्या करता हूं फिर से स्टार्ट करता हूं फिर से मैंने स्टार्ट कर दिया फिर से इसको रिफ्रेश किया तो देखिए वेलकम होम आ गया इस बार किल नहीं हुआ यहां से यानी ठीक से चल रहा है होम आ गया अब एक बार प्रोडक्ट्स पर जाकर देख लेते हैं स्लैश मैंने लगाया प्रोडक्ट प मैं गया तो देखिए चेक आउट आर प्रोडक्ट्स आ गया यानी अब क्या हो रहा है अलग-अलग पेज हम सर्वर से भेज पा रहे हैं अलग-अलग पेज यहां पर रेंडर हो रहे हैं प्रोडक्ट्स भी हो ग अब मैं कुछ और कर लेता हूं मान लीजिए मेन मेन मैंने किया तो देखिए वो हैंडल नहीं किया इन दोनों जगह पर तो वो ना यहां गया ना यहां गया सीधे कहां गया यहां आ गया जो हमारा डिफॉल्ट है उस केस में इसने बोल दिया कि भाई लाइक शेयर सब्सक्राइब कर दीजिए कर दीजिएगा इतनी बार में बोल चुका हूं लाइक शेयर सब्सक्राइब तीनों कर दीजिएगा है ना एनीवे तो चलिए लाइक शेयर सब्सक्राइब कर दीजिए तो हमने राउटिंग देख लिया कैसे हम कर सकते हैं बेस्ड ऑन रिक्वेस्ट यूआरएल स्लैश आया तो ये करना है प्रोडक्ट्स आया तो ये करना है उसके बाद अगर कुछ भी नहीं आया तो दोनों में आप ये वाला हमारा मैच हो जाएगा फाइनली ये वाला चलेगा और चल जाएगा है ना तो राउटिंग कैसे करनी है देखिए यहां आपके नोट्स में भी हमने इसी तरह से दिखाया है ये कॉमन कोड आप ऊपर लिख दीजिए नीचे लिख दीजिए अंदर हर एक में लिख लीजिए बात एक ही है पर यहां हमने एंड किया एंड किया एंड किया तो होगा क्या यहां पर अभी आने वाली है हमको दिक्कत कौन सी दिक्कत आने वाली है देखिए यही दिक्कत जो हमने आपको बताने की कोशिश की कैन नॉट सेट हेडर्स आफ्टर दे आर सेंड टू द क्लाइंट तो एरर आ गई है ये हमने समझ लिया कि एक बार अगर हमने एंड लगा दिया तो हमको कोड पूरा इस तरह से लिखना है कि एक बार अगर एंड आ गया तो उसके बाद हम उसके उस रिस्पांस ऑब्जेक्ट में कुछ भी ना ले ठीक है ये भी हमको समझ आ गया तो हमको करना क्या है इसके लिए यही आप जहां भी रिपस ड एंड करेंगे वहीं पर आप तुरंत क्या कर रहे होंगे रिटर्न रिपस . एंड रिटर्न रिपस एंड रिटर्न रिपस लास्ट वाला जो है वो ऑप्शनल है है ना ये आपके ऊपर है आप करना चाहे कर ले नहीं करना चाहे नहीं करें क्योंकि वहां तो एनीवे आपका जो कोड है वो एंड जो है वो होने वाला है ठीक है उसके बाद अब हम देखेंगे कि अभी तो हमने देख लिया कि यूजर को हम बेस्ड ऑन यूआरएल है ना हम यहां जो हमने यूआरएल दिखाया इस यूआरएल पर हम अलग-अलग कंटेंट उसको दिखा पा रहे हैं बट अभी यूजर इसमें करेगा क्या वो होम पर आ जाए तो भी आप उसको कुछ मैसेज दिखा रहे हैं यूजर से हम कुछ ले नहीं रहे हैं है ना अब हम क्या करेंगे यूजर से कुछ मान लीजिए लेने की कोशिश यहां पर करते हैं है ना तो यही हमने यहां दिखाया कि जब वो बाय डिफॉल्ट होम पेज पर आता है तो उससे कुछ करने की कोशिश करते हैं अदर वाइज उसको हम बंद करेंगे ठीक है तो हम यहां क्या करेंगे अब देखिए लेने के लिए हमने आपने हमारा बहुत सारे लोग ऑलरेडी देख कर आए होंगे थोड़ा बहुत क्लाइंट का कोड यहां पर आना चाहिए सए तभी आप जो सर्वर है वो ठीक से लिख पाएंगे तो यहां हम क्या बोल रहे हैं हम अगर आपने एटीएमएल या सीएसएस का हमारा जो कंप्लीट वीडियोस है वो देखे हैं तो वहां पर हमने क्या किया था फॉर्म बनाना सीखा अगर यूजर से कोई भी इनपुट लेना है ब्राउजर पर इनपुट बॉक्सेस लगाने हैं तो हम क्या लगाते थे फॉर्म लगाते थे देखिए वही हम यहां करने की कोशिश कर रहे हैं अभी अगेन आपको पेन होगा यार इतना कोड मेरे को लिखना पड़ेगा क्या हां देखिए अभी तो लिखना पड़ेगा बाद में जाकर हम देखेंगे ओबवियसली अभी हम सर्वर से यूआई भी बनाने की कोशिश कर रहे हैं है ना ये बेस्ट प्रैक्टिसेस नहीं है बट अगर हमको सीखना है तो हमको थोड़ा सा मुश्किल पात से निकलना पड़ेगा ताकि बाद में पहले आप कच्ची सड़क से निकलते हैं ना तभी एक्सप्रेसवे तक पहुंचते हैं तो पहले कच्ची सड़क से निकलेंगे यहां पर अब हम क्या करेंगे एक फॉर्म बनाने की कोशिश करेंगे वो फॉर्म हम भेजेंगे यूजर को और उसके बाद उससे डिटेल है वो एंटर कराने की कोशिश करेंगे तो यूजर इनपुट अगर लेना है तो ये हमको करना पड़ेगा ठीक है मैं क्या करता हूं वापस हम कोड पर आ जाते हैं और यह जो हमने बना लिया है इसको मैं कर लेता हूं कॉपी यहीं पर और इसका हम नाम कुछ और रख देते हैं रिनेम मान लीजिए यूर ज है ना क्योंकि इस बार हम क्या करेंगे पुराना कोड हटा देते हैं मान लीजिए जो प्रोडक्ट हमने बनाया था इसको हम हटा देते हैं जो होम है हमारा ये पड़ा रह सकता है है ना अब स्लैश जो होम है इस पर हमको क्या करना है कंप्लीट कोडिंग तो ठीक है यहां वेलकम टू होम के साथ मान लीजिए हम बोल देते हैं एंड एंटर योर डिटेल्स है ना अब हम यहां क्या करेंगे एक फॉर्म जनरेट करेंगे और फॉर्म में उससे जो चीजें हम वो ले रहे होंगे तो बॉडी के अंदर तो हम ही इस बार बस बॉडी को हम एंड नहीं करेंगे है ना हम यहां क्या कर रहे होंगे देखिए आप डायरेक्टली वैसे तो बॉडी वगैरह अवॉइड भी कर दें तो ब्राउजर आजकल के बड़े फॉरगिविंग हैं वो क्या करते हैं उसके बाद भी आपका कोड रेंडर कर देते हैं तो जब हमने आपके नोट्स बनाए तो उसके अंदर कुछ नहीं लिखा है बट आप बॉडी टैग्स के अंदर ये पूरा का पूरा लिख सकते हैं है ना तो सबसे पहले हम यहां क्या करेंगे मान लीजिए मैं इस बॉडी टैग को नीचे कर देता हूं इस राइट को यही एंड कर देते हैं इसको मैं कर लेता हूं रिपस डट राइट बॉडी एंड य बाद में कर लेगा है ना अब इसके बीच में अपना फॉर्म बना लेते तो सबसे पहले मुझे फॉर्म बनाना है तो बोलूंगा आरस डॉट राइट कितना टफ है देखिए बारबार बनाना है ना हम य बना रहे होंगे फॉर्म और इसी तरह से हम एंड भी कर रहे होंगे फम क्या-क्या इंफॉर्मेशन लेना है अभी जो हमने आपके नोट्स में भी लिया कि मान लीजिए उस यूजर का नाम हम ले लेते हैं और साथ में उसका जेंडर ले लेते हैं है ना उतना लिखने में भी काफी ज्यादा कोड हमको यहां पर लिखना पड़ जाएगा तो हम क्या करेंगे पहले फॉर्म के अंदर अब क्याक होगा इनपुट फील्ड हम बना रहे होंगे तो मैं बोलूंगा आर ड राइट हमको सजेस्ट कर रहा है थोड़ा सा तेज हो जाएगा आप पॉज करके भी कर सकते हैं इनपुट एक टाइप मैंने ऐड कर लिया इनपुट टाइप टाइप टेक्स्ट है ना इनपुट का टाइप क्या होना चाहिए टेक्स्ट होना चाहिए पहले समझ लेते हैं क्या-क्या है है ना प्लेस होल्डर क्या होता है प्लेस होल्डर है कि भाई जब वो इनपुट बॉक्स आए तो उसके अंदर कुछ टेक्स्ट पहले से दिखा देना मान लीजिए यूजर नेम की जगह हम क्या बोल देते हैं एंटर योर नेम ये वहां पर मैसेज लिखा हुआ दिखा देना ताकि यूजर को पता चल जाए कि इसके अंदर नाम डालना है तो ये नेम फील्ड क्या है देखिए ये टाइप तो डिफाइन कर रहा है फॉर्म को हम बता रहे हैं कि किस टाइप का होना चाहिए ये नेम फील्ड क्या अगेन ये सब हम पढ़कर आए हैं एटीएल सीएसएस में फिर भी मैं एक बार आपको रिमाइंड करा देता हूं देखिए जब ये फॉर्म सबमिट होगा जब ये फॉर्म का डाटा सर्वर पर जाएगा जब यूजर क्या करेगा सबमिट बटन दबाए तो ये फॉर्म क्या करता है सारा डाटा इकट्ठा करता है हर इनपुट से इसके अंदर एक इनपुट आपने लगाया है एक मान लीजिए रेडियो बटन लगाया जो जो भी चीजें लगाई उन सबसे डटा इकट्ठा करेगा लाओ अपना अपना डटा दो हमको इसको लेकर जाना है सर्वर के पास तो वो डेटा हम कहां से लेंगे वो डेटा ये लेगा इस नेम वाले फील्ड से यानी ये क्या करेगा इस फॉर्म के अंदर जितने भी फील्ड्स होंगे हर फील्ड के पास जाएगा देखेगा इस फील्ड का पर्टिकुलर नाम क्या होना चाहिए अभी हमने यहां पर बोला इस फील्ड का नाम होना चाहिए यूजर नेम है ना यूजर नेम हमने दे दिया आप यहां फर्स्ट नेम दे दें कुछ और दे दें है ना जो भी नाम आप देना चाहे वो नाम आप यहां दे सकते हैं बट बेसिकली फॉर्म जब बाद में डाटा इकट्ठा कर रहा होगा तो इस नाम से डाटा इकट्ठा करेगा यानी इस इनपुट फी में जो भी डाटा आया होगा उस डाटा का जो बेसिक जो भी वैल्यू होगा मान लीजिए मैंने यहां यूजर नेम के अंदर अपना नाम लिख दिया प्रशांत जैन तो क्या जाएगा वो जब सर्वर के पास डाटा लेकर जाएगा तो एक जेसन टाइप का फॉर्मेट बनाएगा जिसकी की होगी यूजर नेम और जो वैल्यू होगी वो होगी प्रशांत जन तो फॉर्म में हम जितने भी फील्ड्स ऐड करेंगे सब में क्या-क्या ऐड कर रहे होंगे एक-एक नेम फील्ड ऐड कर रहे होंगे और ये नेम फील्ड हमको किस लिए हेल्प करेगा ये सारा डाटा जब सर्वर पर जाएगा तब हेल्प करेगा जब हमने एचटीएमएल सीएसएस में भी अ फॉर्म को पढ़ा था तो वहां हमने बोला था कि ये सब जो बेसिकली फॉर्म होता है का डेटा सबमिट हो जाता है सबमिट बटन से बट वो कैसे होता है वो नहीं पता अब हम वही देख रहे हैं जब हम बैक एंड पढ़ रहे हैं तो हम देख रहे हैं कि वो डेटा एक्चुअली कहां जाता है और कैसे जाता है ठीक है तो चलिए अभी तो हमने क्या ऐड कर लिया अभी तो हमने फॉर्म में सिर्फ एक अपना इनपुट फील्ड ऐड किया है हमने क्या-क्या बोला था उसका जो नाम है वो लेंगे और साथ-साथ उसका जो जेंडर है वो लेंगे जेंडर लेने के लिए हम क्या यूज़ कर रहे होंगे जेंडर लेने के लिए हम यूज़ कर रहे होंगे रेडियो बटंस है ना रेडियो बटन का क्या मतलब है जो आपके दो सिलेक्शन वाले बटन आते हैं और यहां इंपॉर्टेंट बात क्या है देखिए पहले तो हमने एक लेबल दिखा दिया कि भाई आपको जेंडर देना है तो लेबल मेरा हो गया बट उसके बाद में मैंने देखिए इनपुट टाइप रेडियो दो दिए हुए हैं आपके नोट्स में भी दिख रहा है दो इनपुट टाइप रेडियो दिए हैं और दोनों में हमने नाम सेम दिया है जेंडर जेंडर जब मैं दोनों में नाम सेम दूंगा तो फॉर्म जो है वो ये समझ जाता है कि अगर यूजर ने मेल सेलेक्ट किया तो मेल जाएगा फीमेल सेलेक्ट किया तो मेल को अन सेलेक्ट करना है तब फीमेल सेलेक्ट होगा है ना अगेन ये सब हमने फॉर्म में देखा है जब एचटीएमएल पढ़ा है बट अभी यहां इसको जल्दी से इंप्लीमेंट करके हम देख लेते हैं तो अभी मुझे यहां क्या करना है दो इनपुट बॉक्सेस लगाने हैं दो लेबल लगाने हैं उसके लिए पहले से एक जेंडर का लेवल भी आप लगाना चाहे लगा सकते हैं नहीं लगाना चाहे तो भी आप छोड़ सकते हैं टोटली डिपेंड्स ऑन यू है ना पर य मान लीजिए हम लगा लेते हैं लेबल फॉर जेंडर जेंडर लेबल ठीक है तो सबसे पहले क्या करेंगे इनपुट के बाद यहां एक फिर से मैं लिख रहा हूंगा रे डॉट राइट है ना इसको ऐसा लग रहा है ईमेल लगा लेना चाहिए नहीं हम क्या करेंगे हम लगाएंगे इनपुट टाइप रेडियो है ना इसका नाम क्या होगा हम लेना क्या चाह रहे हैं आप सेक्स लिख दीजिए जेंडर लिख दीजिए एक ही बात है है ना तो जेंडर हमने कर दिया उसके अलावा इसकी कोई वैल्यू भी होनी चाहिए है ना वैल्यू क्या होगी मान लीजिए वैल्यू होगी मेल है ना ये तीन चीजें हमने य पर लिख ली कि भाई ये मेरा इनपुट होगा अब देखिए इनपुट के साथ आप जनरली क्या कर रहे होते हैं इनपुट के साथ आप उसका लेबल भी लगा रहे होते हैं है ना तो मैं इसका लेबल भी लगा लेता हूं रेस्ट डट राइट और यहां क्या लगाएंगे यहां हम लगा देंगे लेबल देखिए लेबल में क्या होता है लेबल में फॉर देते हैं कि भाई किसका लेबल है ये है ना तो मैं क्या दे देता हूं भाई ये मेल वाले का लेबल है अब ये मेल कैसे आइडेंटिफिकेशन दिया लेबल का ओपनिंग क्लोजिंग टैग लगा देंगे और साथ में यहां लेबल होना क्या चाहिए लेबल दिखना चाहिए मेल तो अब ये क्या करेगा इसके लिए मेल लेबल दिखेगा जेंडर वाला आप लिखना चाहे लिख सकते हैं नहीं लिखना चाहे छोड़ सकते हैं फिलहाल हम इसको कॉपी कर लेते हैं इस बार क्या होगा इसको हर जगह फीमेल कर देते हैं है ना आपको एक अदर्स भी दिखाना है आप अदर्स भी दिखा सकते हैं तीसरा भी ऐड कर सकते हैं फिलहाल मैं दो लेकर चल रहा हूं मेल फीमेल ये भी रेडियो होगा इसका आईडी क्या होगा इसका आईडी होगा फीमेल इसका नेम क्या होगा नेम जेंडर ही रहने वाला है वैल्यू भी हो जाएगी फीमेल अब क्या होगा जो भी रेडियो बटन सेलेक्ट किया है यूजर ने उसके बेसिस पर क्या होगा जेंडर नाम से जाएगा वैल्यू या तो मेल या फीमेल यहां वैल्यू भी हमको खुद ही देना पड़ता है वैल्यू हमको खुद क्यों देना पड़ रहा है क्योंकि जब जो यूजर है वो रेडियो बटन सिर्फ सेलेक्ट कर रहा है उस पर सिर्फ क्लिक कर रहा है वो कोई वैल्यू एंटर तो कर नहीं रहा है तो वैल्यू कहां से आएगी वैल्यू भी हमको खुद ही देनी पड़ेगी तो हम बोल रहे हैं जेंडर नाम से अगर ये वाला सिलेक्टेड है तो मेल वैल्यू भेज देना वरना जेंडर नाम से फीमेल वैल्यू भेज देना तो हमने दोनों चीजें ले ली तो जो हम दोनों चीजें लेना चाह रहे थे इसके बाद हम क्या करेंगे इसके बाद हम लगा रहे होंगे सबमिट बटन देखिए इसने सजेस्ट कर दिया कि एक इनपुट टाइप सबमिट लगा लेते हैं जिसकी वैल्यू सबमिट होगी है ना तो ये अपने आप जैसे ही आप टाइप सबमिट वैल्यू सबमिट देते हैं तो ये क्या करता है ये अपने फॉर्म से कनेक्ट हो जाता है कि भाई अब मैं फॉर्म से कनेक्ट हो गया हूं सारा डाटा इकट्ठा करते हैं और चलते हैं है ना अब एक बार पहले मान लीजिए इसको रेंडर करके देख लेते हैं कि ये दिख कैसा रहा है तो हम क्या करेंगे उसके लिए सबसे पहले सर्वर को आपको किल करना पड़ेगा फिर सर्वर को हम स्टार्ट करेंगे दोबारा देखिए नट यूर जए ये क्या बोल रहा है कि लोकल होस्ट 001 पे आपका सर्वर स्टार्ट हो गया है खोल कर देख लेते हैं देखिए हमने खोल लिया तो कैसे दिख रहा है एंटर योर डिटेल्स दिख गया मेरा इनपुट बॉक्स दिख गया मेल फीमेल सबमिट दिख गया पर सब एक ही लाइन में दिख रहे हैं है ना तो यहां भी ओबवियसली सुंदर नहीं है सीएसएस बना सीएसएस यहां पर नहीं लगा रहे हैं वैसे भी हम यूआई अभी देखिए हम करके आ रहे हैं हम सर्वर से यूआई बना रहे हैं सर्वर से html5 ये काम करेंगे तो हम ये नहीं कर रहे होंगे हम तो रिएक्ट के साथ करेंगे है ना रिएक्ट के साथ एंगुलर के साथ किसी के भी साथ आप कर सकते हैं बट हम जनरली सिर्फ डाटा भेज रहे होते हैं यूआई बनाने की जिम्मेदारी किसी और की होती है बट यहां बनाकर दिखा रहे हैं कैसे बनाते हैं इस तरह से बनाना बहुत टफ है और स्टाइलिंग वगैरह करना और मुश्किल हो जाएगा यहां सीएसएस क्लासेस वगैरह भी देंगे तो वो अभी हम नहीं कर रहे हैं है ना क्योंकि हमको फाइनली इस तरह से इसको यूज़ करना नहीं है तो क्या करेंगे सबसे पहले तो नेम के बाद दे देते हैं बीआर टैग अच्छा यहां तो बीआर टैग हमने लगा दिया है और कहां बीर टैग हम लगा देंगे जहां मेल फीमेल हो गया सबमिट से पहले एक बीआर टैग लगा देते हैं है ना एक नेक्स्ट लाइन यहां पर लगा देते हैं तो उसके बाद मेल फीमेल का सिलेक्शन ठीक हो रहा है क्या हां देखिए लेबल पर क्लिक करने पर भी चल रहा है बटन पर क्लिक करने पर भी चल रहा है और एक बार में एक ही सेलेक्ट र है है ना इसको एक बार फिर से किल करके क्ल करते हैं फिर से स्टार्ट करते हैं फिर से रिफ्रेश करते हैं देखिए नाम भी आ गया मेल फीमेल आ गया सबमिट आ गया है ना अब देखिए हमने ये तो बता दिया कि भाई ये मेल फीमेल सबमिट आना चाहिए मेरा नाम आना चाहिए और फॉर्म तुम डाटा उठाकर ले जाना परट फॉर्म को हमने बताया नहीं कि डाटा लेकर कहां जाना है तो वो भी आपको बताना पड़ेगा क्या बताना पड़ेगा हम यहां क्या कर सकते हैं हम दे सकते हैं एक्शन फील्ड एक्शन क्या होता है एक्शन में आप वो यूआरएल दे रहे होते हैं कि ये डाटा उठाकर लेकर कहां जाना है जनरली जिस यूआरएल से आपने ये पेज लोड किया है उस यूआरएल पर डाटा नहीं दिया जा सकता उसी यूआरएल पर डाटा नहीं दिया जाता जनरली चाहे तो वो भी दे सकते हैं पीछे आपको कॉन्फिन करना पड़ेगा बट अब यहां सिंपल रखने के लिए कोई यूआरएल दे देंगे इसको मान लीजिए मैं इसका यूआरएल दे देता हूं सबमिट डिटेल्स कुछ भी आप यूआरएल दे सकते हैं सबमिट डिटेल देने की जरूत नहीं कुछ भी सिर्फ सबमिट दे दीजिए कुछ और दे दीजिए है ना अपलोड जो भी आप देना चाहे दे सकते हैं मैंने दे दिया एक्शन सबमिट डिटेल्स इसका मतलब क्या है कि भाई ये पूरा डटा तुमको उठाकर लेकर कहां जाना है सबमिट डिटेल्स पर लेकर जाना है साथ-साथ आप मेथड भी दे सकते हैं मेथड क्या है देखिए वही मेथड जो हम पहले देख रहे थे कंपेयर कर रहे थे यहां मेथड हम बोल देंगे पोस्ट मेथड पोस्ट का क्या मतलब है मेथड पोस्ट का ये मतलब है कि हम डेटा कुछ लेकर जा रहे हैं दो तरह के हमने पहले भी बात की थी दो तरह के ये मेथड्स जनरली यूज़ होते हैं कैट और पोस्ट और भी है डिलीट है अप सर्ट है बहुत सारे अलग-अलग तरह के होते हैं अपडेट है अ हम यहां पोस्ट का यह मतलब है कि हम साथ में कुछ डाटा लेकर जा रहे हैं गेट में आप जनरली सिर्फ चीजें लेने जाते हैं पोस्ट में जनरली आप जब आपके पास काफी सारा पेलोड होता है डाटा का जो आप लेकर जा रहे हैं तो वो आप लेकर जाते हैं जिससे जो सर्वर है उसको पता चलेगा कि भई ये में काफी सारा डटा लेकर आया है ये नाम का डाटा लेकर आया है जेंडर का डाटा लेकर आया है मुझे इसको पढ़ना है पास करना है है ना तो इससे हमने कह दिया भाई एक्शन सबमिट डिटेल्स पर पोस्ट कर देना और मेथड दे देना जो मेथड है वो होना चाहिए पोस्ट ठीक है इसको एक बार फिर से किल करते हैं फिर से रन करते हैं इस बार चलाकर देख लेते हैं मैं इसको कर लेता हूं रिफ्रेश अब एक बार चला कर देखते हैं मैं मान लीजिए डाल देता हूं प्रशांत और जेंडर में डाल देता हूं मेल अब मैंने क्या किया मैंने इसको किया सबमिट अब देखिएगा ऊपर का जो यूआरएल है अभी वो यूआरएल है लोकल होस्ट कोलन 3001 इसके लिए हम क्या करते हैं साथ में नेटवर्क टैब भी खोल लेते हैं मैं नेटवर्क टैब खोल लेता हूं अभी देखिए अभी मैंने क्योंकि टैब खोली तो इसके बाद का कोई अभी नेटवर्क कॉल गया नहीं है अब मैं जैसे ही इसको सबमिट कर रहा हूं तो देखिए क्या हुआ सबमिट होते ही हम कहां पर आ गए मेरा यूआरएल चेंज हो गया टू सबमिट डिटेल्स जो मैंने यहां यूआरएल दिया था अभी फॉर्म को मेरा जो यूआरएल है वो उसी में चेंज हो गया मेरा यूआरएल हो गया है सबमिट डिटेल्स अब एक बार जरा नेटवर्क कॉल आकर खोल कर देख लेते हैं देखिए नेटवर्क कॉल भी दिख गई कि सबमिट डिटेल्स पर एक नेटवर्क कॉल करी गई है है ना रिस्पांस क्या दिया उसने तो लाइक शेयर सब्सक्राइब हमको रिस्पांस दे दिया है बट हम क्या लेकर गए थे उसके पास देखिए पेलोड में आप देख सकते हैं हम फॉर्म डाटा उसके पास लेकर गए थे यूजर नेम प्रशांत था और जेंडर मेल था ये दोनों चीजें हम उसके पास लेकर गए उसने रिस्पांस अभी हमको यह दे दिया कि लाइक शेयर सब्सक्राइब कर दो है ना वो जो रिस्पांस है उसका प्रीव्यू क्या है ये है ये हम बहुत सारे हेडर लेकर गए हैं ये उसने हमको जो हेडर्स हैं वो वापस किए उसने बोल दिया 200 सब कुछ ओके है हमारा जो रिक्वेस्ट था वो पोस्ट टाइप का था तो आप सारी की सारी चीजें जब भी आपको देखना है इस नेटवर्क टैब में आकर वो देखी जा सकती है है ना तो यहां जो रिस्पांस है वो भी हमको हमने देख लिया अब एक बार दोबारा से अपना कोड देख लेते हैं भाई हमने ये वाला कोड तो लिख लिया कि अगर कोई होम पर आएगा तो उसको ये फॉर्म दे देना बट हमने इसकी कोई हैंडलिंग नहीं की इसको मैं यहां से हटा देता हूं हमने इस बात की कोई हैंडलिंग नहीं की कि जब कोई सबमिट डिटेल्स पर आएगा तो क्या करना है है ना हमने यूजर का इनपुट कैसे लेना है ये तो हमने देख लिया बट अभी ये कोई हैंडलिंग नहीं की कि जब वो डिटेल लेकर आएगा हमने बोला अगर स्लैश नहीं है तो क्या करना सीधे लाइक शेयर सब्सक्राइब दे देना व यहां पर चल गया क्योंकि सिर्फ स्लैश नहीं तो सबमिट डिटेल्स वाला पाथ था तो लाइक शेयर सब्सक्राइब यहां पर चल गया ठीक है पर खैर हमने क्या समझ लिया हमने समझ लिया किय यूजर इनपुट लेने के लिए फॉर्म कैसे बनाना है है ना आप देखेंगे यहां जैसे हमने एक्शन दिया है एक्शन हमने दे दिया सबमिट डिटेल्स टाइप का है ना हां स एक्शन दे दिया हमने सबमिट डिटेल्स टाइप का मेथड दे दिया हमने पोस्ट उसके अलावा हमने चीजें दी फॉर्म हमारा बनकर हो गया है तैयार ठीक है तो ये तो हुआ यूजर इनपुट कैसे लेना है अब हम ये हैंडलिंग तो करेंगे ही कि जो पाथ है वो किस टाइप का है साथ-साथ हम क्या कर रहे होंगे रिक्वेस्ट्स को रीडायरेक्ट कैसे करना है अब देखिए जनरली क्या होता है मैंने एक पाथ पर सबमिट कर दिया जो अपना डाटा था उसने वो पाथ पर लाकर सबमिट कर दिया अब क्या करेंगे उसको कोई सक्सेस मैसेज दिखाएंगे या तो वहां पर या आपने जैसे बहुत बार पेमेंट गेटवे पर देखा होगा आप जैसे ही पेमेंट अपनी पूरी करते हैं तो क्या बोलता है रीडायरेक्टिंग यू टू योर प्रोडक्ट पेज आपने ना क्या था हमने ओरिजिनल बात ये ली थी कि ये जो भी हम डेटा लेंगे इस डेटा को लेकर हम एक फाइल में लिख लेंगे मान लीजिए जो भी डेटा इसने भेजा है ये हम फाइल में लिख लेते हैं तो उसको भी हम दो स्टेप में करेंगे अभी हम फाइल में कुछ डमी डाटा लिख रहे होंगे रिक्वेस्ट कैसे पढ़ते हैं वो हम नेक्स्ट चैप्टर में देख रहे होंगे है ना उस और थोड़ा सा कॉम्प्लिकेटेड है थोड़े से कांसेप्ट हमको समझने पड़ेंगे बट अभी के लिए हम पहले देखते हैं कि जब रिक्वेस्ट मेरे पास आई है ना अगर हम मैं आपको जो हम लगातार लॉक कर रहे हैं ये भी खोल कर दिखाऊं तो देखिए सबमिट डिटेल्स की रिक्वेस्ट यहां पर आई है पोस्ट टाइप की रिक्वेस्ट है और यहां हमने होस्ट कनेक्शन जो भी पूरे हेडर्स हैं वो भी हमने यहां पर प्रिंट किया अभी हमने डटा प्रिंट नहीं किया है तो डेटा आपको नहीं दिख रहा है बट हमने यूआरएल प्रिंट किया हमने मेथड प्रिंट किया हमने हेडर्स प्रिंट किए हैं तो वो सब हमको दिख रहे हैं तो हमको दिख रहा है कि सबम डिटेल्स की रिक्वेस्ट तो आई थी ओबवियसली हम यहां पर देख पा रहे हैं कि अभी भीय सबमिट डिटेल्स पर ही है है ना अब मैं इसमें कर लेता हूं कि अच्छा अगर भाई आप होम पर नहीं हो तो मैं क्या कर लेता हूं अगर रिक्वेस्ट ड यूआरएल आपका क्या हो है ना हमने क्या निकाल लिया रिक्वेस्ट ड य आरएल ट्रिपल इक्वल टू हम मैच कर लेते हैं किसके साथ सबमिट डिटेल्स के साथ है ना कि अगर आपका यल भाई सबमिट डिटेल्स आ गया है है ना अगर आपका यूआरएल जैसे हम यहां कंपेयर कर रहे हैं सबमिट डिटेल्स है तो हम क्या करेंगे अब देखिए आप रिक्वेस्ट टू यूआरएल डायरेक्टली भी कंपेयर कर सकते हैं जैसे हमने नोट्स में दिया आप इसको लोअर केस में भी कन्वर्ट कर सकते हैं देखिए यहां तो क्या होगा जनरली ये जो यूआरएल है सही आ रहा होगा क्योंकि यूआरएल यूजर ने नहीं डाला हमने डाला है बट बहुत बार मान लीजिए स्लैश प्रोडक्ट करके आपने कुछ यूआरएल बनाए हुए कोई और यूआरएल बनाए हुए हैं तो इट इज अ गुड प्रैक्टिस कि आप इसको यहां टू लोअर केस कर ले है ना कि अगर किसी ने गलती से अपर केस में भी डाल दिया बड़ी ए बी सीडी में डाल दिया तो भी ये यहां पर कंपेयर हो जाए तो भी यहां से ये जाए है ना तो इसके अंदर हम कंपेयर कर लेंगे देखिए दूसरा कंफर्मेशन हम ये कर सकते हैं कि गलती से किसी ने कोई अपने आप तो सबमिट डिटेल्स पर नहीं आ गया बिना डेटा लिए सबमिट डिटेल्स पर जब भी कोई आना चाहिए पोस्ट रिक्वेस्ट के साथ आना चाहिए डेटा लेकर तभी तो मैं वो डेटा फाइल में लिख पाऊंगा तो मैं सबमिट डिटेल्स के साथ-साथ और क्या कंपेयर कर सकता हूं मैं कह सकता हूं एंड एंड और साथ में क्या कंपेयर कर लेना साथ में यह भी कंपेयर करना कर लेना कि रिक्वेस्ट डॉट मेथड जो है वो क्या होना चाहिए वो पोस्ट होना चाहिए है ना रिक्वेस्ट डॉट मेथड हमने क्या देखा है देखिए रिक्वेस्ट हमने सिर्फ यूआरएल कंपेयर किया अब मैं बोल रहा हूं कि मेरा ये वाला जो सेक्शन है तभी चलना चाहिए सबम डिटेल्स के साथ सिर्फ यूआरएल सेम ना हो यूआरएल सेम के साथ-साथ आप कुछ सौगात भी लेकर आए हो कुछ डेटा भी मेरे लिए लेकर आए हो चढ़ावा भी कुछ लेकर आए हो है ना जैसे बहुत सारे मंदिरों में करते हैं ना पंडित जी जो चढ़ावा लेकर आता है उसी को अंदर वाली रो से ले जाया जाता है दर्शन करने के लिए वरना बाहर से छोड़ देते हैं कुछ जगह पर होता है मोस्टली जगह पर नहीं होता है बट यहां पर भी हम यही कर रहे हैं हम बोल रहे हैं जब कोई चढ़ावा लेकर आएगा तभी उसको अंदर लेकर जाएंगे अगर कोई सिर्फ सबमिट डिटेल्स पर आकर हिट कर रहा है तो उसको बाहर ही छोड़ देंगे है ना अब इसके अंदर हमको करना क्या है हमने बोला था हम फाइल राइट करेंगे फाइल राइट करने के लिए हमको ये जो एफएस है ये तो हमने देखिए यहां पर इंक्लूड कर लिया है है ना अगर ये अभी हमने आपके सामने नहीं भी किया हमको क्या करना है दूसरा जो मॉड्यूल है ये भी इंक्लूड करना है तो कैसे करेंगे कंस्ट एए इज इक्वल टू रिक्वायर एफएफएल हमने पहले भी देखा था जब हम सबसे पहला चैप्टर देख रहे थे टेस्टिंग करके देख रहे थे कि हमारा इंस्टॉलेशन ठीक हुआ है या नहीं या नोट पर हम कैसे डाटा चलाते हैं व हमने एफएस मॉड्यूल ही चलाकर देखा था फाइल राइटिंग के लिए ठीक है अब फिलहाल एफएस मॉड्यूल को हम देख लेते हैं एटीटीपी तो हमने यूज किया था क्रिएट सर्वर के लिए एफएस हम यूज करेंगे फाइल राइट करने के लिए तो मैं क्या करूंगा मैं लिख रहा हूंगा एफएस ये देखिए थोड़ा सा इंडेंटेशन जो है वो कवर्ट कर रहा है एफएस डॉट राइट फाइल अभी देखिए राइट फाइल के भीना कई सारे मेथड्स होते हैं अभी हम राइट फाइल सिंक चला रहे हैं राइट फाइल नहीं चला रहे हैं ऐसा क्यों ये हम देखेंगे बाद में अभी देखिए मैंने क्या किया यूर tx9 की इसको फाइल दी और टेक्स्ट मान लीजिए मैं दे देता हूं यहां पर प्रशांत चैन अभी हम एक्चुअली हमको क्या करना चाहिए इस रिक्वेस्ट में से टेक्स्ट निकालना चाहिए रिक्वेस्ट में से टेक्स्ट और जेंडर निकालना चाहिए नाम और जेंटर निकालना चाहिए अभी हम वो नेक्स्ट स्टेप में कर रहे होंगे पहले हम ये देख लेते हैं बस हम इससे फाइल को राइट कर पा रहे हैं या नहीं और साथ में रीडायरेक्शन जो है वो कैसे होता है है ना तो हमने बोल दिया भाई ये डाटा हमने निकाल लिया इसको हम बाद में फिल कर लेंगे यहां पर आकर भाई आप जो ये डाटा है फाइल में राइट कर देना जब भी ये रिक्वेस्ट आए सब में डिटेल्स आना चाहिए और रिक्वेस्ट मेथड पोस्ट होना चाहिए इतना हमने कर लिया इसके बाद अब यहां पर हम क्या करेंगे हम मान लीजिए रिस्पांस कोड सेट कर देते हैं कि रिस्पांस में स्टेटस कोड क्या सेट कर दीजिए 302 है ना ये तो रिक्वेस्ट था रिस्पांस में देखिए पिछली बार हमने अभी तक कोई रिस्पांस कोड एक्सप्लीसिटली सेट नहीं किया अगर आप एक्सप्लीसिटली सेट नहीं करते तो वो 200 मान लेता है कि आपने सक्सेसफुली काम किया है अदर वाइज यहां 302 का क्या मतलब है 302 का मतलब है रीडायरेक्शन अगेन इसका भी एक पूरा लिस्ट होता है कि एसटीटीपी के कौन-कौन से स्टेटस कोड है हम जहां जो भी पढ़ रहे होंगे उसकी बात कर रहे होंगे जैसे आपने 404 बहुत जगह देखा होगा 404 का मतलब होता है कि भाई ये यूआरएल हम हैंडल नहीं कर सकते आईडियली ये जो हमने आखिर में लाइक शेयर सब्सक्राइब दिया दिखाया हुआ है यहां हम इसको जो स्टेटस कोड है वो 404 भी भेज सकते हैं कि भाई आपका पेज हम फाइंड नहीं कर पाए है ना क्योंकि आपने जो रिक्वेस्ट हमने जो यूआरएल हम सपोर्ट करते हैं उनकी तो हमने हैंडलिंग की हुई है उसके अलावा अगर आपने कोई यूआरएल मांग लिया स्लैश लगाकर कुछ नया ही मांग लिया है तो उसके इस में हम आपको 404 दिखाते हैं जो मोस्ट ऑफ द वेबसाइट करती है हमने क्या किया हमने इस केस में इसको लाइक शेयर सब्सक्राइब दिखा दिया है ना कर दीजिएगा लाइक शेयर सब्सक्राइब है ना खैर अगर कोई सबमिट डिटेल्स पर आया तो हम बोल रहे हैं उसको किसी और लोकेशन पर भेज देते हैं किस लोकेशन पर भेज देते हैं मैं बोल दूंगा आर ड से हैडर लोकेशन स्ल तो देखिए एक हेडर हम सेट कर रहे हैं हेडर भी एक्सप्लीसिटली सेट कर रहे हैं पहले भी हमने सेट किया है जो कंटेंट टाइप वाला हेडर है वो हमने सेट किया है इस बार हम कौन सा हेडर सेट कर रहे हैं लोकेशन और हमने कहा कहां चले जाना अपने वापस होम पेज पर चले जाना स्लैश का क्या मतलब है होम पेज आपको और नया यूआरएल देना चाहते हैं वो भी आप दे सकते हैं टोटली अप टू यू है ना पर 302 का मतलब है कि आपको लोकेशन चेंज करनी है डायरेक्शन किसके लिए दी जा रही है ये डायरेक्शन सर्वर दे रहा है ब्राउजर को ये रिस्पांस उठाकर जब हम ब्राउजर के पास लेकर जाएंगे तो ब्राउजर को हमने बोला कि तुम अपनी लोकेशन चेंज करो यानी ये जो यूआरएल है ऊपर इसको चेंज करो और वापस होम पर चले जाओ तुम्हारा सबमिट डिटेल्स वाला काम जो है वो पूरा हो गया है ना तो इतना हमने चला लिया एक बार इसको रन करके देख लेते हैं हमने शायद जो टर्मिनल है उसको बंद कर दिया उसको वापस ले आते हैं है ना तो क्या करेंगे पहले सर्वर को किल करना पड़ेगा सर्वर को दोबारा स्टार्ट करना पड़ेगा वापस यहां आ जाते हैं वापस अपने होम पेज पर आ जाते हैं तो देखिए जैसे ही होम पेज पर आए हम तो यहां आ गया अच्छा सिर्फ फकॉन वाला आया है तो हम इसको दोबारा से रिफ्रेश कर लेते हैं हमारा होस्ट वाला भी आ गया जब आप बैक दबाते हो कई बार ये पेज अपने पास से ही लोड कर लेता है सर्वर के पास रिक्वेस्ट लेकर जाता नहीं है कम अभी देखिए हमने दोबारा किया तो स्लैश गेट वाला रिक्वेस्ट आ गया वैसे उस वाले सेक्शन में हमने कुछ चेंज किया नहीं है तो पुराने वाला कोड भी चल जाता अब मैं क्या करता हूं मैं यहां लिख देता हूं प्रशांत मेल है ना हमने दबा दिया सबमिट देखिए जैसे सबमिट दबाया ये वाला रिक्वेस्ट तो चला गया पर मैं वापस अभी भी इसी पेज पर हूं ऐसा लग रहा है कुछ हुआ नहीं एक बार यहां कर देख लेते हैं देखिए सबमिट डिटेल्स आया तो है पोस्ट के साथ सब में डिटेल्स आया पर उसके बाद देखिए इमीडिएट उसने वापस होम मांग लिया उसने इमीडिएट वापस होम क्यों मांग लिया क्योंकि हमने उसको बोला है रीडायरेक्ट करने के लिए एक बार यहां नेटवर्क रिक्वेस्ट में आकर देख लेते हैं अगर मैं यहां आकर दोबारा देखूंगा देखिए दिखा रहा है सबमिट डिटेल्स मैंने किया तो है पर सबमिट डिटेल्स का जो रिजल्ट है मेरे को मिला है 302 है ना सबमिट डिटेल्स का रिजल्ट मिला है 302 तो मैं क्या करूंगा मैं तो इसके पास लेकर गया था प्रशांत और मेल बट इसने मुझे बोल दिया कि भाई आप 302 पर चले जाइए 302 फाउंड पर चले जाइए और इसलिए मैं वापस होम पर चला गया हूं लोकेशन क्या सेट होकर आया है स्लैश होकर आया इसलिए दोबारा स्लैश पर आ गया डटा सारा क्लीन हो गया बट सर्वर के पास रिक्वेस्ट आ गई थी इसका दूसरा सबूत क्या है कि सर्वर के पास रिक्वेस्ट आ गई थी वैसे तो हमको लॉग में ही दिख रहा है बट हम यहां भी आकर देख सकते हैं कि देखिए क्या यहां पर यर . txt.gz पूरा ठीक से चल गया है कि एल्स इफ में हमने अगर लोअर केस सबमिट डिटेल से मैच हुआ या पोस्ट से मैच हुआ तो हमने क्या किया फाइल भी हमने राइट कर दिया स्टेटस कोड हमने 32 कर दिया और हेडर का लोकेशन हमने सेट कर दिया कि भाई आपको वापस जाना है इस लोकेशन पर है ना तो हमको ये भी समझ आ रहा है कि इस रिक्वेस्ट को रीडायरेक्ट कैसे करते हैं है ना फाइल हमने यहां पर राइट की रिस्पांस कोड हमने देखा कीजिएगा रिस्पांस कोड हमने सेट कर लिया लोकेशन हमने सेट कर लिया और जो रिटर्न हमको करना था हम वो जो आरएस हम एंड करते हैं वो तो हमने कर ही लिया यूजर डिटेल्स या हमने अभी जो बनाया उसमें यूजर नाम बनाया तो यूर t एकटी नाम से हमारी फाइल भी क्रिएट हो गई है इतना काम करने के बाद देखिए अब हम क्या कर रहे होंगे अब हम कर रहे होंगे एक प्रैक्टिस सेट तो यहां एक बार पॉज कर लीजिएगा देखिए ये क्या है प्रोग्रामिंग मुझे बहुत लोग बोलते हैं सर आपकी पूरी जो रिएक्ट है ना उसकी पूरी की पूरी वीडियो देख ली दो मिलियन व्यूज हो गए हैं अब तो पूरी की पूरी देख ली और बहुत अच्छे से समझ आ गई मजा आ गया सर तुमने क्या बनाया नहीं सर तो भी कुछ नहीं बनाया भाई ये सत्यनारायण की कथा नहीं है कि मैं बोलूं आप सुन ले आपको समझ आ जाए और उसके बाद आपका काम बन जाए नहीं ऐसा नहीं हो पाएगा आपको करना पड़ेगा जैसे हमारे बाबा रामदेव बोलते हैं ना कि करने की विद्या है वो योगा को बोलते हैं मैं प्रोग्रामिंग को बोल रहा हूं करने की विद्या है करने से होगा तो जो भी मैं प्रैक्टिस सेट दे रहा हूं उसको एक बार पॉज करना है अपने आप उसको ट्राई करना है कमेंट में ये भी बताइएगा कि प्रैक्टिस सेट टफ है आसान है ज्यादा चाहिए कम चाहिए हुआ नहीं हो पाया है ना तो जो भी फीडबैक है वो आप दे सकते हैं कमेंट सेक्शन में बट प्रैक्टिस सेट करना जरूर है प्रैक्टिस सेट क्या है एक बार मैं आपको समझा देता हूं पहले तो यहीं पॉज कर लीजिए समझने की भी कोशिश खुद कीजिए अदर वाइज मैं आपको समझा देता हूं एक बार ट्राई करिएगा वरना फिर हम यहां पर इसको सॉल्व कर रहे होंगे क्या है हमारा प्रैक्टिस सेट हम य बोल रहे हैं क्रिएट अ पेज दैट शोज अ नेविगेशन बार मिा ऑफ ऑफ मित्रा विद द फॉलोइंग लिंक्स यानी मिा टाइप का पेज मान लीजिए वो पेज का टाइटल आप मिंत्रा दीजिएगा जब भी कोई स्लैश दबाक आए तो आपको होम पेज में क्या-क्या लिखना है वहां एक आपको पूरा का पूरा लिंक जनरेट पूरा का पूरा नेविगेशन बार जनरेट करना है उसके अंदर कौन-कौन से लिंक होने चाहिए होम लिंक होना चाहिए मैन होना चाहिए वुमेन होना चाहिए किड्स होना चाहिए कार्ड होना चाहिए है ना ये पांच लिंक वहां पर यूजर को दिखाई दें पेज जैसे ही खुले तो ये पांच लिंक दिखाई दें लिंक कैसे बनेंगे आपको लिंक बनाने हैं और होना क्या चाहिए क्लिकिट ईच लिंक पेज शुड नेविगेट टू दैट पेज एंड वेलकम टू सेक्शन टेक्स्ट इज शोन देयर यानी अब हर एक लिंक पर मैं स्लैश मैं होम दबा उं तो मैं स्लैश होम पर चला जाऊं मैन दबाओ स्ल मैन पर चला जाऊं वुमेन दबाओ स्ल वुमन पर चला जाऊं और वहां जाकर इंडिविजुअली मुझे हर एक के अंदर एक वेलकम मैसेज दिखाई दे वेलकम टू होम वेलकम टू मेन वेलकम टू वुमेन इतना मुझे यहां पर दिखाई देना चाहिए है ना तो प्रॉपर नेविगेशन का है जितना हमने कोड किया है रिस्पांस का एक अच्छा सा प्रैक्टिस सेट है इसको एक बार ट्राई करिए पॉज कर लीजिएगा अभी यहीं पर एक बार इसको ट्राई कर लीजिए इसके बाद हम इसका का सॉल्यूशन करते हैं तो चलिए स्टार्ट करते हैं प्रैक्टिस सेट अपना सॉल्व करना है ना यहां क्या करेंगे लेक्चर फोर के अंदर ही मान लीजिए मैं एक फाइल बना लेता हूं इस फाइल का नाम हम रख लेते हैं प एटी प्रैक्टिस ड ज इसके अंदर हम क्या कर रहे होंगे जो हमारा प्रैक्टिस सेट का कोड है वो लिख रहे होंगे है ना तो यहां क्या करना है देखिए काफी सारी चीजें हम यहीं से उठा भी सकते हैं बट क्या करते हैं एक बार पूरा फ्रे ते हैं है ना सबसे पहले हम करेंगे कौंस एटीटीपी और आपको भी यही करना है वरना चीजें आप भूलते रहेंगे रिक्वायर एटीटीपी हो गया हमको क्या करना था एटीटीपी से सर्वर बनाना था तो मैं करूंगा कॉन्स्ट स सर्वर इज इक्वल टू एटीटीपी देखिए बहुत सारे लोगों को ऐसा भी लग रहा होगा सर ये ऑटो कंप्लीट नहीं होना चाहिए आपने कोपायलट लगाया हुआ है इसको बंद कर दीजिए मैंने एक पॉडकास्ट किया अभी रिसेंटली संच सर के साथ एआई और एलएलएम पर और स्टूडेंट्स की क्या अप्रोच होनी चाहिए आपको यूज करना चाहिए नहीं यूज करना चाहिए क्या अच्छी है बात है बुरी बात है आपकी जॉब कैसे बची रहेगी वरना ये आपकी जॉब खा जाएगा एक बहुत डिटेल पोस्ट पॉडकास्ट रिकॉर्ड किया है पहला पॉडकास्ट आप जाकर उसको चेक आउट करिएगा थोड़ी डिटेल कन्वर्सेशन है आराम से बैठ के सुनिए बट आपको समझ आ क्या अप्रोच आपकी होनी चाहिए है ना तो हम क्या करते हैं यहां सर्वर क्रिएट कर रहे हैं क्रिएट सर्वर मैं तो भैया यूज कर रहा हूं क्यों यूज कर रहा हूं आपको करना चाहिए या नहीं एक बार पॉडकास्ट सुन लीजिएगा है ना अभी यहां उतनी डिटेल में बात नहीं कर पाऊंगा एक डेढ़ घंटे में आराम से हमने वहां बैठकर आपको समझाया है है ना अब देखिए सारा तो हम इसका एक्सेप्ट नहीं करेंगे सर्वर इसने बना दिया सर्वर का ऑब्जेक्ट बन गया अब हम क्या करेंगे सर्वर डॉट लिसन अब हम 3001 पर चला रहे हैं तो 3001 पर ही चलाते रहते हैं 3001 पर चला देना साथ-साथ एक यहां पर कंप्लीशन का मैसेज डाल देते हैं सर्वर रन न एड्रेस एटीटीपी लोकल 3000 है ना इतना कोड इसने मेरे लिए लिख दिया अब मुझे सर्वर में क्या करना था वापस आ जाता हूं मैं सर्वर में हमको पहले पूरा ये नेविगेशन बना करर देना है अगर कोई होम पर आया है तो है ना तो मैं क्या करता हूं सबसे पहले य चेक कर लेता हूं इफ या तो यह भी हम कर सकते हैं कि आप चेक ही मत करो वो और कहीं पर भी आया है तो हमेशा उसको लिंक्स दिखाओ अगर वो स्पेसिफिक लिंक पर जाएगा तो उसको बेसिकली चीजें देखने के लिए मिल जाएंगे है ना तो हम पहले इसको लॉग कर लेते हैं जैसा य लॉग करना चाह रहा था कंसोल डॉट लॉग हम यहां पर क्याक करेंगे रिक्वेस्ट डट यूआरएल रिक्वेस्ट डॉट मेथड रिक्वेस्ट डट एडस ताकि हम देख पाए वैसे तो सही बताऊ तो हेडर्स की भी हमको बहुत ज्यादा जरूरत है नहीं अभी हम बस इतना ही लॉग कर लेते हैं ताकि हमको लॉगिंग किसलिए करते हैं डीबगिंग आप ठीक से कर पाए चीजों को आप देख पाए तो मैंने यूआरएल कर लिया मेथड कर लिया अब सबसे पहले हमको क्या करना है एक नेविगेशन बार बनाना है तो मैं क्या करूंगा रिस्पांस लिखना शुरू कर दूंगा रिस डट राइट एटीएमएल बनाना है सबसे पहले है ना तो यहां क्या कर रहे होंगे माफ कीजिएगा सिंगल इससे भी हम बना बना सकते हैं यहां बना लेते हैं एटीएमएल है ना इसी स्ट्रिंग में बनाते रहते हैं सारी चीजें ये मैंने कैप्स कर दिया ना जाने क्यों नेक्स्ट लाइन से शुरू कर लेते हैं और इसको यहां बंद कर लेते हैं अब यहां मेरे को जितना भी कोड लिखना है वो मैं लिख लेता हूं तो मैंने लिख लिया मैं सारा अपना एटीएल कोड उठाकर यहां पर डायरेक्टली लिख सकता हूं तो एटी एटी हमने लिख लिया हमने क्या कहा पूरा नेविगेशन हमको लिंक्स बनाने देखिए इसका एक आसान तरीका और क्या है मैं यहां पर एक फिलहाल टपरी ड एटी नाम की फाइल बना लेता हूं है ना इसके अंदर पहले डिफॉल्ट कोड जनरेट कर लो अब यहां पर मेरा आईडी मुझे यहां पर बहुत ज्यादा हेल्प कर रहा होगा इसका नाम मान लीजिए मैं लिख देता हूं म क्योंकि मिा वाला हम पेज बनाने की कोशिश कर रहे थे बाकी चीजें फिलहाल के लिए यहां से हटा देते हैं लैंग्वेज न लगा रहने देते हैं बाकी हम पूरा का पूरा कोड उठाकर फिर अपने कोड में डाल बडी में मेरे को क्या बनाना है पहले सेक्शन बना लेते हैं नेविगेशन जनरली कहां होना चाहिए हेड सेक्शन में होना चाहिए उसके बाद एक नेविगेशन टैग लगा लेते हैं ये सिमटिक टैग्स हम क्यों यूज कर रहे हैं अगेन आपको एटीएल का वीडियो देखना पड़ेगा सिमटिक टैग के लिए है ना उसके बाद यहां हमको पूरा का पूरा लिस्ट दिखाना है तो हम य क्या करेंगे एक अन ऑर्ड लिस्ट य स्टार्ट कर देते हैं एक एक लिस्ट आइटम हमको बनाना है एफ क्या होगा स्लश होम देखिए हमको क्या बनाना है लिंक बनाना है हर आइटम को लिंक बनाना है लिंक कैसे बना लिया एंकर टैग यूज कर लिया में आप क्या देते हैं किस लिंक पर जाना चाहिए तो मैंने बोला स्ल होम पर ले जाना इसका टेक्स्ट क्या दिखाना होम दिखाना मैं इसको डिलीट कर देता हूं और ऐसे ही मुझे मल्टीपल आइटम जो है व क्रिएट करने और जो यूल है इसको यहां पर बंद कर लेते हैं स्ल य है ना तो यूल यहां पर बंद हो गया अभी तो मैंने सारे होम बना थोड़ी बनाने थे क्या क्या बनाना था होम मेन वुमन किड्स कार्ड होम मेन वुमेन किड्स एंड कार्ट देखिए एक और बेसिक चीजें जो आप कर सकते हैं अपने कोड को इंप्रूव करने के लिए मान लीजिए मैं कार्ट में लिखना नहीं चाहता हूं आप क्या करिए आप यहां आइए google3 ही होता है इसको आप उठाकर काट को यहां डाल दीजिए देखिए क्या हुआ ये कार्ड दिख गई वहां पर भी कार्ड दिख जाएगी इनके हम लिंक भी चेंज कर देते हैं मान लीजिए इसका मैं कर देता हूं मैं लिंक को आप जनरली कैप्स में ना करें तो अच्छा होता है तो हम क्या करते हैं इसको भी स्मॉल में कर देते हैं मेन वुमेन किड्स एंड कार्ट अब कार्ट में ओबवियसली ये तो पूरा लिंक पड़ेगा ये मैंने बना लिया अभी ऐसा लग रहा है कि ये मेरा लिंक जो है वो ठीक लगना चाहिए इसको मैं पहले एक बार ओपन विद लाइव सर्वर करके देख लेता हूं अगेन ये बहुत सारी चीजें अगर आपको नहीं समझ आ रही है आपको कहां जाके देखनी पड़ेंगी ये आपको देखनी पड़ेंगी हमारे एचटीएमएल के वीडियो में तो देखिए लिंक तो ये लग रहा है मैं इन सबको क्लिक कर पा रहा हूं कार्ड भी देखिए मेरा आइकन बड़ा सुंदर सा दिख रहा है तो इतना कोड तो मेरा ठीक हो गया है अब इस कोड का मैं क्या कर सकता हूं हमको पेज में थोड़ी लिखना था हमको तो ये कोड कहां लिखना था इसको हम पूरे के पूरे को कर लेते हैं कॉपी इसको हम ले जाते हैं अपने प्रैक्टिस . जए में और यहां लाकर इसको पेस्ट कर देते हैं है ना हमने क्या किया यहां ंस डट राइट में ये पूरा का पूरा उठाकर यहां पर राइट कर दिया है ना ऐसे ही हम यहां पर भी कर रहे थे हम अलग-अलग लाइन में कर रहे थे अलग-अलग लाइन में करें एक बार में करें तो बेसिकली राइट आपका करते जाएगा और उसके बाद आखिर में हमको क्या करना है आखिर में हम कर देंगे रिपस डॉट एंड डट राइट हमने कर दिया अब हम कर देंगे रिपस ड एंड है ना अगर ये फॉर्मेटिंग फिर भी नहीं लग रहा है इसको जनरली आप इससे भी बोल सकते हैं फॉर्मेट करने के लिए फॉर्मेट सिलेक्शन अच्छा य बोल रहा है कौन सा फॉर्मेटर तो भा आप प्र यूज कर लीजिए अच्छ यह बोल रहा है ठीक ही फॉर्मेटेड है ठीक है तो यह मेरा जो फॉर्मेट है वो हो गया रिस्पांस मैंने एंड कर दिया एक बार ये जरा सर्वर में चलाकर देख लेता हूं इसको हम कर लेते हैं किल इस बार कौन फाइल चलाना है हमको प्रैक्टिस ड जस जो हमने बनाया यह चल गया 3001 पर इसको मैं बंद कर देता हूं कंप्लीट कोडिंग दिख रहा है 3001 पर अब देखिए मैंने रिफ्रेश किया तो क्या दिख गया मंत्रा दिख गया अभी ये कार्ट का जो सिंबल है ठीक से जा भी नहीं पाया य ठीक से नहीं दिखा यानी हमारा जो आईडिया था वो खराब हो गया फिलहाल इसको मैं क्या कर लेता हूं कार्टी कर लेता हूं है ना सर्वर से भेजने में ठीक से नहीं चल पाया मुझे लग रहा था रिफ्रेश हो जाएगा भाई रिफ्रेश नहीं होगा किल करके चलाना पड़ेगा है ना ये तो चल गया अब मैं होम दबा तो भी यही दिख रहा है मेन दबा देखिए तो मेरा चेंज हो रहा है वमन कार्ड सब पर रिस्पांस य दिख रहा है अब हमको यह काम करना है यह काम हमारा पेंडिंग है अब मैं क्या करूंगा अब मैं करूंगा अपनी राउटिंग जो हमने सीखा है तो क्या करेंगे इफ अगर आप कहां पर है अगर यूआरएल आपका होम है तो क्या करना है है ना तो हम बोलेंगे रिस्पांस डॉट राइट उस केस में क्या करना सीधे आप यहां पर एक हेडिंग दिखा देना क्या हेडिंग दिखा देना h1 अब देखिए मैं क्या आपको दिखाने की कोशिश कर रहा हूं आप पूरा h का स्ट्रक्चर स्किप भी कर सकते हैं ब्राउजर जो है वो फिर भी चला लेता है तो यहां हम बोल देंगे वेलकम टू होम और क्या करेंगे रिटर्न आड एंड बस इतना ही मुझे दिखाना था अगर आप होम पर आए हैं तो अगला क्या है एल्स इफ है ना रिक्वेस्ट ड य आरएल अगला क्या हो सकता है पहला हमने होम डाला था अगला डाला था हमने मेन बस यही आपको करते जाना है देखिए यही एक्सरसाइज थी कि ये कोड आप लिखना सीख जाए है ना ये हो गया मेरा मेन के लिए अब मैं इसको कॉपी वेस्ट कर लेता हूं वन किड्स कार्ट है ना तीसरा मेरा यूआरएल क्या है वमन अगला क्या है किड्स लास्ट क्या है कार्ट यहां वेलकम टू भी चेंज कर लेते हैं वेलकम टू होम में कर देते हैं मेन वुमेन किड्स एंड है ना ये सारे आ गए इफ एल्स इफ एल्स इफ में और उसके बाद मैंने ये डायरेक्टली डाल दिया कि भाई अगर इनमें से कोई भी एग्जीक्यूट हुआ होगा तो तो हम रिट करके बाहर ही निकल गए होंगे अगर इनमें से कोई भी एग्जीक्यूट नहीं हुआ तो इसका मतलब आपको यह दिखाना तो आ जाते हैं यहां पर फिर से क्या भूल गए किल करके स्टार्ट करना ि मैंने 3001 स्टार्ट किया तो बाय डिफॉल्ट तो यही आ रहा है अब मैंने होम पर दबाया तो देखिए हम कहां गए वेलकम टू होम वापस पेज पर गए मेन गए तो कहां गए वेलकम टू मेन वमन पर वेलकम टू वमन किड्स वेलकम टू किड्स कार्ट वेलकम टू कार्ट है ना तो जो हमने आपको प्रैक्टिस सेट दिया था वो काम यहां पर पूरा हो जा जाता है नेविगेशन के साथ हम अलग-अलग पेजेस पर जा पाए हमने पूरा नेविगेशन यहां पर एस्टेब्लिश किया और साथ-साथ वहां पर एक वेलकम सेक्शन भी ऐड किया उसके अलावा हमने वो तो देखा ही है कि कैसे हमने यूजर के रिक्वेस्ट के साथ हमने रिस्पांस में अपना भी जो उसने रिक्वेस्ट दिया था अभी वो पढ़ा नहीं है वो नेक्स्ट सेक्शन में पढ़ रहे होंगे कि कैसे उसकी रिक्वेस्ट को पढ़ना है उसम वो डाटा निकालना है जो प्रशांत और मेल उसने भेजा था वो तो हमने यहां पर लिया ही नहीं उसको लेकर फाइल में कैसे राइट करना है वो हम नेक्स्ट सेक्शन में देख रहे होंगे बट अभी कम से कम उसके बेसिस पर हमने फाइल भी राइट करना देख लिया और उसको रीडायरेक्ट करना भी देख लिया कि कैसे आप किसी को भी रीडायरेक्ट कर सकते हैं तो चलिए दोस्तों शुरू करते हैं हमारा अगला चैप्टर जिसका नाम क्या है पार्सिंग रिक्वेस्ट क्यों हम लास्ट चैप्टर में क्या करके आए थे हम लास्ट चैप्टर में रिक्वेस्ट रिस्पांस देख कर आए थे हमने रिस्पांस को रीडायरेक्ट किया था रिस्पांस को भेजा था यूजर से कुछ-कुछ इनपुट लिया था बट वो इनपुट हम पढ़ नहीं पाए थे हमने क्या किया था फाइल में जब हमको राइट करना था तो हमने कांस्टेंट एक बनाकर कांस्टेंट स्ट्रिंग बनाकर कोई भी कांस्टेंट स्ट्रिंग बनाकर उसको राइट कर दिया था बट जो यूजर ने फॉर्म भेजा है उसको पढ़ना कैसे है ये हमको नहीं समझ आया था तो इस बार हम क्या करेंगे सबसे पहले देखिए कुछ हमको थ्योरी समझना पड़ेगा इसके लिए तो सबसे पहले हम स्ट्रीम समझेंगे कि डाटा का जो स्ट्रीम्स होता है वो क्या होता है चंक्स क्या होता है बफर क्या होता है जब ये तीनों कांसेप्ट हमको समझ आ जाएंगे उसके बाद हम देखेंगे कि इन चंक्स को हमको रीड कैसे करना है फिर उन चंक्स को हमको बफर कैसे करना है और फाइनली उस पूरे को मिलाकर हम रिक्वेस्ट को कैसे पास पार्स कर रहे होंगे तो आज के पूरे जो चैप्टर हम यूज़ करने वाले हैं ये वाला जो चैप्टर हम यूज़ करने वाले हैं पढ़ने वाले हैं इसमें हम यही देख रहे होंगे कि पूरी रिक्वेस्ट को ठीक से पार्स कैसे करते हैं है ना लास्ट में हम थोड़ा सा मॉड्यूस का यूज़ भी देखेंगे कि कैसे भाई हमारी एक फाइल में बहुत ज्यादा बड़ा कोड हो गया है तो कैसे हम उसको डिवाइड कर सकते हैं अपने मॉड्यूस बना सकते हैं मॉड्यूस को इंपोर्ट करना हमने ऑलरेडी देख लिया था अब हम देखेंगे कि हम अपने मॉड्यूल कैसे बनाकर उनको कैसे इंपोर्ट करके इसको फर्द यूज कर सकते हैं ठीक है तो चलिए टाइम वेस्ट किए बिना शुरू करते हैं सबसे पहली जो चीज हमको समझनी है उसका नाम क्या है उसका नाम है स्ट्रीम्स है ना तो अगर स्ट्रीम्स को हम देखेंगे स्ट्रीम्स क्या होती है देखिए स्ट्रीम अगर सबसे पहले इंग्लिश वर्ड का आप मतलब समझने की कोशिश करें है ना जैसे हमने यहां क्या दिखाने की कोशिश की आपको एक बोट दिखाने की कोशिश की है स्ट्रीम क्या होता है जब जैसे पानी की लहरें आपकी तरफ आती है उसको बोला जाता है ना पानी की स्ट्रीम है नदी बह रही है हमारे यहां नहर जिसको बोलते हैं या कैनाल जिसको बोलते हैं वो जो बह रही है उसमें बोला था कि ये स्ट्रीम ऑफ वाटर है है ना यानी स्ट्रीम का मतलब होता है जब कंटीन्यूअस फ्लो हो किसी चीज का एक पर्टिकुलर डायरेक्शन में अगर एक पर्टिकुलर डायरेक्शन में कंटीन्यूअस फ्लो किसी चीज का हो रहा है तो उसको स्ट्रीम बोल सकते हैं है ना हम हवा को भी अगर हवा लगातार एक डायरेक्शन में चल रही है तो उसको भी आप स्ट्रीम बोलते हैं तो यहां पर डाटा को भी हम स्ट्रीम बोलते हैं देखिए समझना बहुत इंपॉर्टेंट है कि यहां इसको स्ट्रीम क्यों बोल रहे हैं बहुत लोग इस पे बहुत ज्यादा ध्यान नहीं देते कि हां स्ट्रीम नाम रख दिया तो स्ट्रीम है बट ये आपको समझना है कि इसको स्ट्रीम क्यों बोल रहे देखिए स्ट्रीम इसलिए बोल रहे हैं कि दो तरीके हैं मैं मान लीजिए हम बात करें कि आपको दिल्ली जाना है है ना या पानी हमारे यहां से मान लीजिए दिल्ली जाता है है ना आपको भी हमारे यहां से दिल्ली जाना है मैं जब हमारे यहां से बोल रहा हूं हमेशा दिमाग में आपका नेटिव प्लेस ही रहता है भले ही खुद दिल्ली में बैठे हो है ना तो नेटिव प्लेस मान लीजिए मुजफ्फरनगर है वहां से आपको दिल्ली जाना है दिल्ली से आपको मुंबई जाना है कुछ भी मान लीजिए है ना या हम कहीं नदी वाला एग्जांपल ले लेते हैं मान लीजिए हरिद्वार से आपको दिल्ली आना है तो आप कैसे आएंगे आप गाड़ी में बैठेंगे और सीधे कहां आ जाएंगे दिल्ली आ जाएंगे तो अगर मैं पूछूं कि आप किस तरह से आए है ना क्या आप स्ट्रीम की तरह आए या आप एक बार में आ गए तो आप तो एक बार में आ गया ऐसा तो नहीं हुआ ना कि पहले एक उंगली आई हो उसके बाद फिर आप और थोड़े से आए हो फिर नाक आ गई हो फिर कान आ गए हो ऐसा तो नहीं हुआ क्या वो आप पूरे के पूरे उठे और पूरे के पूरे गाड़ी में बैठकर ट्रेन में बैठकर बस में बैठकर कैसे भी आप पूरे के पूरे वहां पर पहुंच गए तो वो स्ट्रीम नहीं हुआ बट अगर मैं बात करूं पानी की कि नदी में पानी कैसे आ रहा है तो पानी कैसे आ रहा है थोड़ा-थोड़ा आ रहा है और लगातार आ रहा है है ना तो उसको आप क्या बोलेंगे कि पानी स्ट्रीम बना करा है अगर आप जो हमारा अ एग्जांपल है ह्यूमंस वाला उसमें भी अगर देखेंगे तो अगर बहुत सारे ह्यूमंस आ रहे हैं आप एक ग्रुप को ट्रैक कर रहे हैं तो आप बोल सकते हैं कि एक-एक करके एक-एक करके इंसान आए तो बोल सकता हूं स्ट्रीम ऑफ पीपल जो है वो रोड पर जाता रहता है है ना पर एक पर्टिकुलर पर्सन एक बार में ही आएगा तो यहां वही हमको पूरा एग्जांपल मान करर चलना है स्ट्रीम में यहां डाटा का क्या मतलब है देखिए जब मैं कोई चीज डाउनलोड करता हूं मैं कोई फाइल अपलोड करता हूं डाउनलोड करता हूं है नाना अभी मान लीजिए मैं youtube0 gb8 gb8 आसपास है ना एक पार्ट का अब मैं उसको अपलोड करता हूं youtube0 वीडियो पहुंचा दीजिए तो क्या 6gb डाटा एक बार में ये एक पैकेट में बंद करके एक बैग में बंद करके एक बार में ले जाया जा सकता है नहीं देखिए डाटा जिस तरह से ट्रेवल करता है इंटरनेट पर वो क्या होता है बहुत छोटे-छोटे छोटे-छोटे पीसेज में ट्रेवल करता है बट कंटीन्यूअस डायरेक्शन में ट्रेवल करता रहता है यानी जब मैं 6gb की फाइल अपलोडिंग के लिए लगाता हूं मान लीजिए ये मेरा वीडियो है है ना ये मैंने बहुत अच्छा सा वीडियो बनाया जिसको मैं इस के सर्वर पर है ना youtube0 घटिया मैंने बनाया ऐसा ना हो youtube0 बात पर ये वीडियो बैन कर दे बट ऐसा मैंने सिंबल बना है एक-एक करके अब जो डटा है मान लीजिए डटा क्या करेगा मेरे सिस्टम से जो youtube2 जाने जाना स्टार्ट करेगा तो पहले मान लीजिए 1 एब डाटा चला गया फिर एक एबी डाटा चला गया एबी में भी नहीं जाता उससे भी बहुत छोटे-छोटे पार्ट्स में जाता है बहुत छोटे-छोटे पार्ट्स दिखते रहते हैं इसी तरह आपको दिखता रहता है अपलोड हो रही है हो रही है हम कोई चीज डाउनलोड करते हैं तो क्या होता है इतने केबी डाउनलोड हो गई इतने एबी डाउनलोड हो गए इतने केबी डाउनलोड हो गई इसका मतलब क्या है यानी डाटा छोटे-छोटे पार्ट्स में लगातार मेरे तक आ रहा है तो सबसे पहली बात आपको यहां ये समझनी है कि इंटरनेट पर डाटा जब भी ट्रेवल करता है तो वो स्ट्रीम में ट्रेवल करता है स्ट्रीम मतलब कंटीन्यूअस फ्लो होता है डाटा का एक साइड से दूसरी साइड में तो यही हमने दिखाने की कोशिश की है नट जस में भी कि ब्राउजर से डाटा जब नट जस की तरफ जा रहा है या नट जस इंटरनली अपने सर्वर से कुछ बात कर रहा है है ना मान लीजिए अभी जब हम पढ़ेंगे आगे इसमें मंगो डीबी तो नोड को क्या करना पड़ेगा डाटा मंगो डीबी में डालना पड़ेगा डीबी से निकालना पड़ेगा तो पूरा का पूरा जो डाटा ट्रांसफर होता है वो किसकी फॉर्म में होता है वो स्ट्रीम की फॉर्म में होता है है ना तो सबसे पहली बात तो हमको स्ट्रीम समझ आ गई यही हम दिखाने की कोशिश कर रहे हैं यहां पर कि जो भी आपकी एप्लीकेशन बनी है और जो सॉकेट है सॉकेट यहां पर क्या होता है सॉकेट का मतलब आप मान लीजिए गेट या सॉकेट का अगर आप लिटरल मतलब भी देखें हमने अपनी लाइफ में सॉकेट शब्द कहां सुना है जबी भी आपको कोई शब्द का मतलब समझना हो ना पहले उसका जैसे मैं हिंदी में बोलता हूं ना शाब्दिक अर्थ यानी उस एग्जैक्ट वर्ड का क्या मतलब है पहले वो समझिए फिर आपको समझ आएगा कि वो वर्ड प्रोग्रामिंग के टर्म में यहां क्यों यूज किया गया देखिए सॉकेट वर्ड नया नहीं है सॉकेट वर्ड कंप्यूटर आने से बहुत पुराना है तो फिर कंप्यूटर्स ने किसी चीज के लिए सॉकेट नाम इस्तेमाल क्यों किया इसका मतलब कुछ कुछ कुछ प्रॉपर्टी उसकी सॉकेट जैसी रही होंगी तभी तो आप सॉकेट नाम इस्तेमाल करोगे है ना ऐसा मैंने इसका नाम साइकिल तो नहीं रखा है ना साइकिल क्यों नहीं रखा क्योंकि भाई साइकिल से इसकी प्रॉपर्टीज नहीं मिलती होंगी सॉकेट क्यों रखा क्योंकि सॉकेट से मिलती है सॉकेट पहले बात कर लेते हैं सॉकेट क्या होता है जहां हम बिजली का जो प्लग लगाते हैं है ना मान लीजिए मुझे कोई चीज ऑन करनी है है ना मैं जैसे ही उसको बिजली में लगाऊंगा फोन मुझे चार्ज करना है उस वो जो प्लग लगा होता है जिसमें फीमेल बेसिकली पिंस होते हैं उसको हम क्या बोलते हैं उसको हम बोलते हैं सॉकेट है ना कि सॉकेट में आपने लगाया सॉकेट यहां पर क्या काम करता है सॉकेट हमको किसी पर्टिकुलर कनेक्शन से जोड़ ड़ने का काम करता है देखिए इलेक्ट्रिक सर्किट आपकी आपकी जो बिजली की दीवार है आई मीन आपकी जो दीवार है वहां जो बिजली के तार पड़े हुए हैं वहां ऑलरेडी एक सर्किट बना हुआ है आप जैसे ही अपने फोन का जो चार्जर है वो जैसे ही उसको सॉकेट में लगाते हो तो क्या होता है आप भी उस बेसिकली नेटवर्क से कनेक्ट हो जाते हैं आप भी उस कनेक्शन में कनेक्ट हो जाते हैं सॉकेट भी आपका यही काम करता है कोई भी अगर कम्युनिकेशन हो रहा है अगर आप सर्वर के पास जाएंगे वहां से कम्युनिकेट करेंगे आप क्लाइंट के पास जाएंगे वहां कम्युनिकेट करेंगे हर जगह जो कम्युनिकेशन के लिए एकदम जो गेट बना हुआ है है ना जिसको जैसे हम डिफाइन करते हैं अभी लोकल होस्ट जब हम डिफाइन कर रहे थे हम क्या कह रहे थे लोकल होस्ट कोलन 3000 है ना तो ये पूरा बनकर क्या बनता है आपका आईपी एड्रेस और जब आप पोर्ट नंबर वगैरह सब मिला लेते हैं इसी को आप बोलते हैं सॉकेट है ना और सॉकेट एक्चुअली क्या काम करता है आई मीन इसको नहीं बोलते हैं इससे रिप्रेजेंट होता है सॉकेट पर सॉकेट क्या काम करता है आपका सॉकेट आपका जो एक्चुअल कम्युनिकेशन है उसका मान लीजिए दरवाजा है उसका गेटवे है उसी से डाटा जाता है उसी से डटा आता है तो हम यहां क्या दिखाने की कोशिश कर रहे हैं जब भी भी कम्युनिकेशन हो रहा है तो जनरली क्या होता है सॉकेट पे सॉकेट पे डाटा जा रहा है सॉकेट पे डाटा आ रहा है बट बीच में हमने क्या दिखा दिया हमने दिखा दिया ये डुप्लेक्स स्ट्रीम है डुप्लेक्स स्ट्रीम का तो कोई मतलब नहीं डुप्लेक्स स्ट्रीम का मतलब है दोनों साइड डाटा आ रहा जा रहा है है ना स्ट्रीम में जनरली एक साइड डाटा जाता है पर यहां पर क्या होगा आपको डाटा लगातार अपलोड भी करना है डाउनलोड भी करना है सर्वर से अगर आप कोई बातचीत कर रहे हैं फोन पे अगर मान लीजिए किसे बातचीत कर रहे हैं उन्होंने कभी वॉकी टॉकी चलाया हो वॉकी टॉ टॉकी में क्या होता है सिंगल स्ट्रीम होता है है ना आपने पुरानी पिक्चर देखी होंगी तो उसमें जब हीरो बात करता है बॉर्डर में हीरो बात करता है तो क्या बोलता है जभी भी वो अपनी बात कर लेते हैं कि भाई पाकिस्तानी जो है वो हमारे बॉर्डर तक पहुंच गए हैं ओवर तो पहले वाला हमेशा ओवर बोलता है बताने के लिए कि मेरी बात पूरी हो गई अब आप बात कर सकते हो यानी स्ट्रीम एक ही है डायरेक्शन उसकी बार-बार चेंज हो रही है पर एक ही चैनल है बात करने के लिए फिर दूसरा आदमी अपना मैसेज बोलता है हम अपनी फौज लेकर कौनी तक आ रहे हैं ओवर फिर क्या होता है फिर पहले वाला आदमी बोलता है तो वहां क्या मतलब है सिंगल स्ट्रीम है क्या जब आपने फोन पर बात करते हैं तब भी आप ऐसी करते हैं पहला अपना मैसेज बोलते हैं फिर ओवर फिर सामने वाला बोलेगा फिर ओवर और बार-बार उसका स्विच भी आपको चेंज करना पड़ता है कि आप सेंडिंग मोड में है या रिसीविंग मोड में फोन में ऐसा नहीं करना पड़ता ऐसा क्यों हो रहा है भाई फोन में लेक बगार में दो कनेक्शन बनते हैं एक कनेक्शन है जो आपसे डाटा उस फोन तक ले जा रहा है एक कनेक्शन है जो उस फोन की आवाज आपके फोन तक ला रहा है है ना इसलिए आप दोनों एक बार में बात कर पाते हैं तो इसी को हम क्या बोलते हैं इसको हम बोलते हैं डुप्लेक्स स्ट्रीम जब हम सर्वर से भी बातचीत कर रहे होते हैं हमको कुछ-कुछ डेटा लगातार भेजना होता है कुछ-कुछ डेटा सर्वर से रिसीव करना होता है तो इसलिए बोलते हैं डुप्लेक्स स्ट्रीम डुप्लेक्स का मतलब दो यानी दो स्ट्रीम एक बार में में बन रही है है ना अब यहां पर साथ-साथ बफर का भी जो जिक्र है वो आ रहा है इस इमेज को हम दोबारा आकर रिविजिट करेंगे बफर को समझने के लिए बफर से पहले हमको क्या समझने की जरूरत है बफर से पहले हमको समझने की जरूरत है चंक्स है ना देखिए चंक्स का क्या मतलब है ये बहुत इंपॉर्टेंट है जब मैंने बोला कि स्ट्रीम में डाटा जा रहा है तो स्ट्रीम का क्या मतलब है मान लीजिए मेरे पास 10gb डाटा है मैंने बोला या 6gb मेरे पास डाटा है तो कोई तो स्मॉलेट पार्ट होगा ना जो एक बार में ट्रेवल करेगा जैसे मैं जब इंसान वाला एग्जांपल भी ले रहा था तो मैं क्या बोल रहा था मैं बोल रहा था कि भाई ऐसा तो नहीं कि पहले आपकी उंगली चली गई है ऐसा तो नहीं कि पहले आपकी नाक चली गई है ऐसा तो नहीं कि पहले आपके कान चले गए हैं तो उस केस में भी मैं बॉडी पार्ट को एटलीस्ट आपका एक छोटा पार्ट मान रहा हूं कि एक बहुत बड़ी चीज ले जाने के लिए मुझे कुछ तो स्मॉलेट यूनिट तोड़ना पड़ेगा जिसको मैं एक-एक बार में लेकर जाऊं और बाद में मिलाकर बोलूं कि मैंने पूरी की पूरी चीज ट्रांसफर कर दी अगर एक बार में मान लीजिए मेरे पास एक ईंट का ढेर लगा हुआ है इधर है ना बहुत सारी ईटें हैं और मैंने आपको बोला भाई ये सारी की सारी ईटें उठाकर कहां रखनी है राइट हैंड पर पहुंचा नहीं है तो आप क्या करेंगे अगर आप अगर आप बहुत ज्यादा पावरफुल है जिमवे में जाते हैं तो हो सकता है आप बोले अरे सर ये तो मैं एक बार में उठा लूंगा सारी की सारी ईटें उठाए एक बार में उठाकर उधर रख दें बट मोर लाइक देन नॉट आप क्या करेंगे अगर आप थोड़ा सा मसल के साथ-साथ दिमाग भी चला रहे हैं कि यार मैं क्या करता हूं कुछ कुछ हिस्से ले जाता हूं देन डिपेंड्स ऑन योर पावर आप हो सकता है दोदो हीट बार में ले जाकर इधर रख दें है ना दो ईट आप ले जाकर इधर रख दें या हो सकता है एकएक ईट ले जाकर रख दें है ना तोड़ कर तो मत ले जाना है ना पता चला वो ईट किसी काम की ना रहे बट पॉइंट इज कि आप छोटे-छोटे चंक्स में इसी को चंक बोल रहे हैं कि जो छोटा पार्ट है जो आप एक बार में लेकर गए उसको चंक बोलेंगे तो जब डाटा ट्रांसफर हो रहा है मान लीजिए मैं यहां पर डिफाइन कर दूं कि यार एक बार में 1 केब डेटा तो जाना ही चाहिए उससे कम डेटा नहीं जाएगा है ना तो अपने व केब के पार्ट्स लगातार भेजना शुरू कर दिया और एक-एक सेकंड में आप हजारों पार्ट भेज रहे हैं तो मैं क्या बोलूंगा कि भाई स्ट्रीम ऑफ डाटा आ रहा है बट स्ट्रीम में भी इंटरनली सबसे छोटा यूनिट होना जरूरी है तो जिस चीज की आप स्ट्रीम बना रहे हैं उसी को हम बोल रहे हैं चंक्स है ना कि किसी भी चीज को चंक आप वैसे भी किसको बोलते हैं जैसे बाइट आप किसी चीज की लेते हैं उसको भी क्या बोला जाता है चंक है ना या चंक ऑफ चॉकलेट बोल देते हैं चंक ऑफ कोई खाना बोल देते हैं यानी एक स्मॉल पार्ट किसी बड़ी चीज का तो यहां पर भी क्या हो रहा है डेटा के आपने बहुत छोटे-छोटे पीसेज तोड़कर जब भेजना शुरू किया है तो उस पीस को हम बोल रहे हैं चंक और वो जो कंटीन्यूअस भेजने की प्रोसेस है जो भेजी जा रही है उसको हम क्या बोल रहे हैं स्ट्रीम तो यानी हम क्या बोल सकते हैं स्ट्रीम क्या होता है जो डाटा है वो किस तरह से फ्लो करता है इट इज अ स्ट्रीम ऑफ चंक्स है ना यानी एक लगातार फ्लो बना हुआ है छोटे-छोटे चंक्स का जिससे मेरा पूरा का पूरा डाटा ट्रांसफर हो जाता है तो हमको स्ट्रीम भी समझ आ गया स्ट्रीम क्या है और हमको चंक भी समझ आ गया चंक चंक क्या है अब एक ये जो हमारा लास्ट कांसेप्ट है ये हम समझने की कोशिश करेंगे बफर्स बफर्स से पहले बस मैं आपको ये दिखा देता हूं है ना बफर से पहले हम क्या देख लेंगे यहां जैसे हमने चंक दिखाने की कोशिश की है देखिए होता क्या है चंक्स का फायदा क्या है यहां पर और स्ट्रीम डाटा का फायदा क्या है कि जनरली आपकी मशीन क्या करने की कोशिश करती है आपका सर्वर क्या करने की कोशिश करता है मान लीजिए आपने 6gb की फाइल डाउनलोड करना स्टार्ट किया आपने 5gb की फाइल डाउनलोड करना स्टार्ट किया अभी 1gb डेटा आ चुका है अभी बाकी डेटा आ रहा है है ना फिर 1gb और डेटा आ गया स्ट्रीम आ रही है लगातार 11 केब के आप मान लीजिए 11 एब के चंक्स मेरे पास आ रहे हैं मैं लगातार उसको उठा उठाकर रख रहा हूं बट आपका सिस्टम क्या कर रहा है आपके सिस्टम ने लोकल में एक फाइल बनाना शुरू कर दिया आप जैसे ही डाउनलोड बटन दबाते हैं क्या होता है आपने डाउनलोड फोल्डर में जाकर देखेंगे तो वो थोड़ी धुंधली सी फाइल दिखाता है यानी थोड़ी सी जिसकी ओपेसिटी कम होती है वैसे ही फाइल दिखाता है दिखाता है कि ये प्रोसेसिंग में भी बन रही है बट फाइल बनना स्टार्ट हो जाती है यानी आपके कंप्यूटर ने क्या करना स्टार्ट कर दिया आपके सिस्टम ने क्या करना स्टार्ट कर दिया है वो उन पार्ट्स को ले लेकर एक जगह रखना स्टार्ट कर दिया कि भाई ये पूरे चंक्स जो आ रहे हैं इससे मुझे एक फाइनल फाइल बनानी है है ना या अगर हम youtube0 वीडियो youtube1 अभी जहां पर भी हो थोड़ा सा आगे आपको और थोड़ा सा ग्रे कलर दिख रहा होगा कि इतनी वीडियो इसने लोड कर लि यानी ये क्या कर रहा है ये भी वीडियो को चंक्स में लगातार क्या कर रहा है डाउन लोड कर रहा है youtube1 जो प्लेयर है वो क्या कर रहा है प्रोसेस करके आपको वीडियो दिखाते जा रहा है है ना तो इसका मतलब क्या है कि चंक्स में डाटा ट्रांसफर करने का एक अच्छा फायदा ये होता है कि जो प्रोसेसिंग है वो इमीडिएट स्टार्ट हो जाती है जैसे ही पहला चंक आया वो प्रोसेसिंग के लिए पुश कर दिया जाएगा अगला चंक आया वो प्रोसेसिंग के लिए पुश कर दिया जाएगा अगला चंक आया वो प्रोसेसिंग के लिए पुश कर दिया जाएगा प्रोसेसिंग का यहां पर क्या मतलब है यूज करना है ना तो ये अपलोड के लिए भी ट्रू है ये डाउनलोड के लिए भी ट्रू है अभी हम मोस्टली जो यूज केसेस अपनी लाइफ में करते हैं वो डाउनलोड के कर रहे होते हैं बट अपलोडिंग के लिए भी ट्रू होता है कि जैसे ही डाटा पहुंचना शुरू हुआ दूसरी मशीन पर चाहे आपकी ब्राउजर से सर्वर पर जा रहा है या सर्वर से आपके ब्राउजर पर आ रहा है दोनों ही केसेस में जो उसकी प्रोसेसिंग है वो इमीडिएट स्टार्ट हो जाती है जैसे ही मेरे पास पहला चंका था है ना तो हमको चंका मतलब समझ आ गया अभी यहां पर एक बफर और इंपोर्टेंट कांसेप्ट है जो हमको समझना है यहां बफर का क्या मतलब है देखिए जब बहुत सारा डाटा आता है आपके पास बहुत सारे चंस आ रहे हैं है ना तो होता ये है कि बीच में कई बार कुछ चंगस लूज हो जाते हैं नेटवर्क में है ना कहीं पर थोड़ी सी लाइट चली गई वैसे लाइट चली गई तो मैं ऐसे ही बोल रहा हूं पर कुछ स्टैटिक हो गया कोई पैकेट कोई दूसरा राउट भी ले सकता है कई बार हमें हमेशा सेम राउट नहीं आता है तो इंटरनेट पर क्या होता है जरूरी नहीं कि जिस ऑर्डर में आपने चीजें भेजी हैं एगजैक्टली उसी ऑर्डर में चीजें पहुंच रही हो बीच में एक दो पैकेट्स लॉस्ट भी हो सकते हैं उनका ऑर्डर भी आगे पीछे हो सकता है तो अगर मैं मान लीजिए यहां से कोई फाइल अपलोड करता हूं है ना और इसमें क्या हो मेरी ये जो एक सेकंड की वीडियो है ये थोड़ी देर बाद चली जाए बाद की वीडियो पहले आ जाए तो पूरी वीडियो ही खराब हो जाएगी यानी आप कोई भी फाइल बनाते हैं आप मान लीजिए एसए लिख रहे हैं कोई सेंटेंस आगे हो जाए कोई सेंटेंस पीछे हो जाए जो आपने अपलोड किया तो कोई बात ही नहीं फ फिर क्या मतलब हुआ उस बात का यानी जो डाटा है हमारा जो हम नॉर्मल फाइल भेज रहे हैं जो भी भेज रहे हैं उसमें सीक्वेंस जो है वो बड़ा इंपोर्टेंट है कि मेरे डाटा का क्या सीक्वेंस है ये मेरे लिए बड़ा इंपोर्टेंट होता है तो सीक्वेंस हमको फिक्स करना जरूरी है कि सीक्वेंस जो है वो मेरा ठीक होना चाहिए तो सीक्वेंस इंश्योर कैसे करेंगे जब आप छोटे-छोटे पार्ट्स में उसको स्ट्रीम में तोड़ करर भेज रहे हैं तो सीक्वेंस खराब हो जाता है तो इसलिए हम क्या करते हैं हर जगह पहले एक बफर बनाकर रखते हैं जहां पर भी डेटा यूज होने वाला है वहां पहले एक बफर बनाक रखते हैं बफर को आप क्या एग्जांपल मान सकते हैं मान लीजिए कैश है थोड़ी सी अ रुकने वाली जगह है है ना ये बफर क्या है ये जो आप लाइन लगाते हैं मान लीजिए किसी भी खिड़की के बाहर ये मान लीजिए वो लाइन है है ना तो इसमें क्या हो रहा है जो भी डाटा आता है रहेगा उसका एक नंबर होगा पर्टिकुलर नंबर कि भै इस इस नंबर पे बैठेगा है ना हर डेटा अपना नंबर लेकर आएगा मान लीजिए बोलेगा मेरा नंबर वन है मेरा टू है मेरा थ्री है मेरा फोर है जो भी नए आए हैं हो सकता है वो बोले फाइव की जगह मेरा नंबर सिक्स है मेरा नंबर फाइव है मेरा नंबर 10 है मेरा नंबर एट है ये इस सीक्वेंस में आए तो बफर क्या करेगा बफर पहली बात इनको पार्क करता रहेगा अभी भेजेगा नहीं प्रोसेसिंग के लिए अभी इनको भेजेगा नहीं बोलेगा जरा रुको सांस ले लो बेटा यहीं रुक जाओ है ना जब आपके आगे पीछे वाले सब आ जाएंगे तब आपको सीक्वेंस में भेजा जाएगा तो ये क्या करेगा 1 2 3 4 सीक्वेंस में आ गए बफर को बोलेगा तुम बाहर निकाल लो इन डाटा को निकाला जा सकता है मान लीजिए छोटा सा पार्किंग एरिया है है ना पहले डाटा यहां आकर पार्क होता है ये इनको सीक्वेंस में लगाता है कुछ गड़बड़ हुई है तो टीसीबी प्रोटोकॉल के जरिए बताता है कि भाई ये वाला जो अ अ एरिया है ये नहीं आ पाया बट बफर वैसे बेसिकली किस काम के लिए यूज़ होता है बफर इसलिए यूज़ होता है कि आप इनको पार्क करके एक बार में इकट्ठा कर सकें ऑर्डरिंग इनका ठीक कर सकें और उसमें भी अलग-अलग लेयर्स होते हैं ना बफर एक टीसीपी लेयर पे भी होता है जो ऑर्डरिंग वगैरह का ध्यान रखता है जो बफर हम यूज़ करेंगे वो किस लिए है जो बफर हम यूज़ करेंगे वो इसलिए है कि यार मेरे को एक के भी डाटा का मतलब ही समझ नहीं आ रहा इसका मतलब क्या था मेरी तो फाइल पूरी 5kb की थी मेरे को तो पूरा फाइल देखना है तो बफर क्या करेगा पहले आपके पांच के पांच चंक्स में अगर मान लीजिए डाटा है उनको इकट्ठा करेगा उनको फिर एक बार में 5kb का फाइल बनाने बनाएगा और आपको दे देगा है ना तो बफर क्या कर रहा है बफर लगातार डाटा को इकट्ठा करके एक फाइनल मीनिंगफुल वे बनाकर आपको देता है तो हमको तीनों चीजें समझ आ गई मैं दोबारा रिमाइंड करा रहा हूं स्ट्रीम का मतलब है लगातार डेटा का डाटा का बहना बहता क्या है चंक्स बहते हैं यानी छोटे-छोटे डटा के पार्ट्स बहते हैं और उनको सीक्वेंस में लगाना ऑर्डर में लगाना इकट्ठा करके मीनिंगफुल वे में किसी को देना उसको बोलते हैं बफर्स है ना तो ये तीनों कांसेप्ट जो है ये हमको समझ आ गए अब हम आ जाते हैं अपने कोड पर अब हम ये चंक्स रीड कैसे करेंगे हमने क्या बात की थी कि भाई अभी हम यूजर से हमने क्या लिया एक फॉर्म लिया फॉर्म में यूजर ने क्या दिया था प्रशांत जैन मान लीजिए अपना नाम दिया था और एक जेंडर दिया था अब हमको वो डेटा रीड करना स्टार्ट करना है तो वो डेटा हम रीड कैसे करेंगे देखिए नोड में हम जो भी काम कर रहे होते हैं ना हम अगला चैप्टर जो है वो भी मोस्टली इसी पर पढ़ रहे होंगे हम यहां मेनली सारा काम करते हैं इवेंट न इवेंट ड्रिवन प्रोग्रामिंग पर इवेंट ड्रिवन का क्या मतलब है यानी सिस्टम क्या करता है जभी भी कोई इवेंट हुआ है तो आपको नोटिफाई करता है कि भाई एक इवेंट हो गया आप नोटिफाई कर दीजिए इवेंट का नॉर्मल मतलब क्या है हम नॉर्मल क्या बोलते हैं शादी का इवेंट है पार्टी का इवेंट है किसी का कोई भी इवेंट है यहां इवेंट का ये मतलब है कि भाई कुछ हुआ है आप इस पर रिस्पॉन्ड कीजिए है ना आगे चलके अगेन मैं कह रहा हूं नेक्स्ट चैप्टर पूरा हम इसी पर ध्यान देंगे कंसंट्रेट करेंगे कि जो नोड है वो सिंगल थ्रेडेड वे में चलता है तो इतना अच्छे से इतना अच्छा परफॉर्मेंस कैसे चल पा रहा है एक बार हमने पहले भी इस पर थोड़ा सा डिस्कशन किया था बट उसको डीप में समझेंगे कि ऐसा हो कैसे पाता है तो अभी हम क्या करते हैं आप आपको ये समझना है कि हर चीज ना यहां पर इवेंट के बेस में हो रही होती है जब भी कोई नया इवेंट होगा तो सिस्टम आपको नोटिफाई करेगा कि भाई कुछ इवेंट हुआ है आप जाग जाइए है ना और वो इवेंट हम हम सुनते कैसे हैं हमको बेसिकली सर्वर पर इवेंट सुनना है कि जब भी डटा आ जाए मेरे पास हम यहां क्या बोलने की कोशिश कर रहे हैं जब भी फॉर्म का डटा आ जाए तो मुझे बता दीजिएगा देखिए जस्ट बिकॉज रिक्वेस्ट आ गई है है ना अगर हम यहां अपना कोड कंपेयर करें हमने क्रिएट सर्वर बनाया और साथ में इसको क्या दिया है साथ में इसको ये अपना फंक्शन पास किया है कि भाई जब भी कोई रिक्वेस्ट आएगी तो हमारा फंक्शन कॉल कर देना उसने कहा मैं रिक्वेस्ट यहां डाल दूंगा रिस्पांस यहां डाल दूंगा हमने कहा ठीक है है ना अब हम ये चेक कर रहे हैं कि भाई अगर पोस्ट रिक्वेस्ट हुआ है यानी वो कुछ डेटा लेकर आया तो मुझे यहां डेटा पढ़ना है तो मैं रिक्वेस्ट ऑब्जेक्ट से डेटा निकाल लेता हूं पर देखिए अभी हुआ क्या है रिक्वेस्ट आप तक पहुंच गई है ब डेटा हो सकता है अभी आ रहा हो धीरे-धीरे है ना अगर वो कोई फाइल अपलोड कर रहा है तो रिक्वेस्ट तो जब पहला आपके पास चंक पहुंचा पहला बाइट आपके पास पहुंचा बोलेगा रिक्वेस्ट आ गई उसके जो हेडर्स हैं जो चीजें हैं वो सारी रिक्वेस्ट की आपके पास आ जाएंगी बट डाटा भी हो सकता है धीरे-धीरे आ रहा हो तो हमने तो देखिए बहुत छोटा सा डाटा भेजा एक नाम भेजा एक जनर भेजा इतना फर्क नहीं पड़ता बट हमको हैंडलिंग किस हिसाब से करनी है हमको हैंडलिंग इसी तरह से करनी सीखनी है कि जो रिक्वेस्ट है वो जो साथ में डेटा लाई है वो कितना भी बड़ा हो सकता है तो हमको एक-एक जो चंक है वो पढ़ना पड़ेगा और एक-एक चंक पढ़ पढ़ के हमको अपना काम करना पड़ेगा है ना अगेन देखिए ये सब काम अभी हम क्यों कर रहे हैं क्योंकि हम डायरेक्टली नोट जस में काम कर रहे हैं तो यहां हमको बहुत सारी चीजें हाथ से करनी पड़ेंगी बहुत जल्दी हम कहां मूव कर रहे होंगे एक्सप्रेस जेएस पर मूव कर रहे होंगे बहुत सारा जो कोड है ये जो हम हाथ से लिख रहे हैं टफ तरीके से लिख रहे हैं बहुत ज्यादा आसान हो जाएगा फिर सर आप ये पढ़ाई क्यों रहे हो एक्सप्रेस जस ही पढ़ा दो बेटा आपको ये समझ ही नहीं आएगा कि इंटरनल एक्सप्रेस जस पहली बात तो आपको क्या एडवांटेज दे रहा है और इंटरनली चीजें किस हिसाब से चल रही है बहुत बार डीबगिंग करने में कभी एरर आ जाती है आपको अगर अंदर की अंडरस्टैंडिंग ही नहीं है डाटा किस हिसाब से चल रहा है तो उससे आपको बड़ा नुकसान होता है तो इसलिए पहले थोड़ा टफ वाला तरीका पढ़ रहे हैं फिर आसान वाला तरीका पढ़ेंगे है ना तो अभी हमको क्या करना है हमको स्ट्रीम समझ आ गया चंक समझ आ गया बफर समझ आ गया अभी पहले हम ये इंटरेस्टेड है कि भाई एक-एक करके चंक मुझे देना स्टार्ट करो मैं चंक जो है वो पढ़ना स्टार्ट करूंगा तो आप यहां क्या बोलते हैं आप पहले यहां सिस्टम को बोलते हैं कि भाई जब भी कोई नया चंक आ जाए तो मुझे बता देना तो आप क्या बोल रहे हैं रिक्वेस्ट डॉट ऑन डाटा है ना यानी आप बोल रहे हैं कि भाई रिक्वेस्ट में ऑन यानी ऑन का मतलब होता है मैं लिसन करना चाहता हूं कब लिसन करना चाहता हूं जब भी नया डाटा आ जाए आपने इसको बोला कि भाई जब भी नया टा आ जाएगा तो मुझे बता देना वो कहेगा बता तो मैं दूंगा पर कैसे बताऊं आपको क्या देना पड़ेगा जबी भी हम चाहते हैं सामने वाला हमको कुछ बताए तो हम क्या करते हैं उसको एक कॉल बैक देते हैं तो यहां आपको क्या देना पड़ेगा एक कॉल बैक देना पड़ेगा कॉल बैक में आपको क्या मिलेगा जो चंक आप चाह रहे हैं वो चंक ही आपको दे देगा तो देखिए यहां पर जो सिंटेक्स है वो क्या है ना सिंगल ब्रैकेट हम हटा सकते हैं क्योंकि सिंगल आर्गुमेंट है हम बोल रहे हैं जभी भी डेटा हो जभी भी आपके पास डेटा अवेलेबल हो तो मुझे बता देना है ना जभी भी आपके पास डाटा अवेलेबल हो जाए तो मुझे बता देना फिलहाल हम क्या कर क्या कर देते हैं इसको लॉग कर देते हैं कसोल डलॉग ये जो चंक हमको मिला है इस चंक को लॉग करके देखते हैं कि अ मेरे को दे क्या रहा है है ना तो अब होना क्या चाहिए मैं ये बोल रहा हूं भाई जभी भी आपके पास पोस्ट रिक्वेस्ट आए है ना यूआई से पोस्ट रिक्वेस्ट आपके पास आए सबमिट डिटेल्स अ वाले यूआरएल पर आए तो आप क्या करना मेरा एक ये लिसन मैंने तुरंत रजिस्टर कर दिया कि मैं एक लिसन रजिस्टर कर रहा हूं मैं सुन रहा हूं जबी भी कोई इवेंट आपके पास पूरा हो जाएगा तो मुझे बता दीजिएगा जब भी पहला चंक डाटा आपके पास आ जाए तो मुझे बता दीजिएगा मैं उस डाटा को उठाऊंगा लॉक कर दूंगा देखिए गलती हमने कर दी हम हमने यहां लेक्चर फोर को ही एडिट करना स्टार्ट कर दिया से होगा क्या बाद में आपके नोट्स खराब हो जाएंगे यहां हम बना लेते हैं लेक्चर फाइव है ना ये लेक्चर को भी हम एक्चुअली बोल देते हैं चैप्टर है ना चैप्टर फाइव और यहां हम देख के रहे हैं पार्सिंग रिक्वेस्ट है ना पार्सिंग रिक्वेस्ट कर रहे हैं और ये जो फोर हम बना रहे हैं यूर जए जो हमने एडिट करना स्टार्ट किया इसकी हम कॉपी बना लेते हैं इसके अंदर है ना यूर जए की मैं कॉपी बना लेता हूं यहां पर और यहां जो मैंने चेंजेज किए इनको मैं हटा देता हूं क्योंकि ये आपके पुराने चैप्टर के नोट्स अगर कोई पुराने चैप्टर के नोट्स पढ़े तो वो चेंज नहीं होने चाहिए कि हमने पुराने चैप्टर में क्या चेंजेज किए थे ठीक है इसको मैंने कर दिया बंद हम आ जाते हैं यूजर जस देखिए हो ही रहा था कि एक नाम गड़बड़ होने की वजह से ऑर्डरिंग गड़बड़ हो रही थी तो मैंने थोड़ा सा पॉज करके सारे नाम चेंज कर दिया आपका टाइम वेस्ट भी ना हो और ये भी हो जाए है ना चलिए तो आप भी अगर पुराने वाले नोट्स भी ढूंढ रहे हैं तो आपको कहां मिलेंगे चैप्टर के अंदर मिलेंगे तो हमने चैप्टर टू से चैप्टर फाइव तक कर दिया यूजर के अंदर हम आ गए और यूजर के अंदर हमने क्या बोल दिया था यूजर के अंदर हमने इसको बोल दिया कि भाई जभी भी आपके पास रिक्वेस्ट आए है ना रिक्वेस्ट के अंदर जभी भी नया डटा का चंका है तो हमको बता दीजिएगा तो अब क्या करते हैं इसको रन कर लेते हैं है ना एक बार चला कर देखते हैं अभी हम फोर के अंदर हैं हम आ जाते हैं कहां पर चैप्टर फाइव के अंदर और हम कैसे चलाएंगे नोड यूर ड जए हमने नाम इसका यूजर रखा है यूजर रख लीजिए पप रख लीजिए इस बात से कोई भी फर्क नहीं पड़ता इसको भी हम थोड़ा सा बड़ा कर लेते हैं अच्छा ऊपर थोड़ा ज्यादा बड़ा हो गया है ना तो सर्वर मेरा चल चुका है एक बार ये जो सर्वर है इसको मैं रन करके देख लेता हूं 3001 पे अभी क्या आ रहा है तो देखिए वही जो कोड हमने पहले लिखा हुआ था क्या हुआ हम होम पर गए तो उसने बोला भाई आप अपना नाम दीजिए जेंडर बताइए और सबमिट कर दीजिए तो चलिए मैं नाम दे देता हूं प्रशांत जैन और जेंडर में दे देता हूं मेल है ना यहां पर देखिए गेट वाली अभी रिक्वेस्ट आई है फवी कन ये बेसिकली आइकन मांगने की कोशिश करता है उसकी अभी रिक्वेस्ट आई है देखिए जैसे ही मैं सबमिट करता हूं सो सबमिट करते क्या हुआ अगर हम फिर से यहां आकर देखेंगे अपने टर्मिनल में देखिए इस बार फिर से क्या हुआ है फिकन के बाद आई हमारे पास सबमिट डिटेल्स की रिक्वेस्ट है ना सबमिट डिटेल्स आ गई पोस्ट के साथ बहुत अच्छी बात है हमारे पास रिक्वेस्ट आई होगी देखिए जैसे ही रिक्वेस्ट आया उसके बाद जब हमने यहां प्रिंट किया तो क्या प्रिंट हुआ ये ये बोल रहा है जो आपको चंक भी मिला है एक टाइप का बफर टाइप का कुछ अंदर इसने ऑब्जेक्ट बनाया हुआ है और ये इसने डाटा दे दिया आपको कि भाई ये कुछ-कुछ बाइट्स आए हैं ये आपका डाटा है उसके बाद हमने उसको रीडायरेक्ट कर दिया गेट पर तो दोबारा गेट पर चला गया है है ना अब एक एक चेंज जो हम कर लेते हैं इस केस में वो क्या है सबसे ऊपर जहां हम लॉक कर रहे हैं अ यहां हेडर्स हम लॉक करना बंद कर देते हैं हेडर्स की हमको जरूरत नहीं है उससे क्या हो रहा है हमारा आउटपुट जो है बहुत ज्यादा सिर्फ बढ़ रहा है मैं इसको अगर अ बंद कर करके दोबारा से चलाता हूं ए और फिर से एक बार आपको नाम भेज कर दिखा देता हूं मैंने भेज दिया इसमें नाम और मैंने भेज दिया जेंडर है ना मैंने भेज दिया नाम और मैंने भेज दिया जेंडर तो देखिए यहां क्या दिखा अी यहां हमने सर्वर स्टार्ट किया सबमिट डिटेल्स का इमीडिएट आया रिक्वेस्ट पोस्ट के साथ और ये डाटा जो चंक हमने यहां प्रिंट कर दिया है ना तो यानी इसने क्या किया इसने हमारा जो रजिस्ट्रेशन था यहां पर ये रजिस्ट्रेशन मान लिया है कि भाई आप ये इवेंट लेसन करना चाहते हो मैं समझ गया जैसे ही उसके पास पहला डाटा का चंक आया उसने हमको ये चंक मिल दिया औरक को हमने लॉक कर दिया पर देखिए इस लॉक करने से हमारा फायदा तो कुछ नहीं हुआ ये तो कुछ जब्रश में आ रहा है डटा यानी कुछ नंबर्स आ रहे हैं हमने तो क्या भेजा था हमने तो अपना नाम भेजा था और हमने अपना जेंडर भेजा था हमको तो उसी तरह से डाटा चाहिए जैसा हमने भेजा था है ना अगर मैं आपको इसको इंस्पेक्ट करके दिखाऊं हम तो डाटा ठीक भेज रहे हैं अगर हम यहां नेटवर्क टैब में आ जाएंगे और इसको एक बार हम फिर से सबमिट करेंगे इस बार मान लीजिए मैं क्या दे देता हूं नाम दे देता हूं मान लीजिए मैं मीरा है ना मीरा जैन जनर दे देते हैं फीमेल उसके बाद मैंने सबमिट किया अब मैं सबमिट डिटेल्स में आकर देखूंगा तो तो देखिए पेलोड हमने क्या भेजा है हमने तो ठीक भेजा हमने यूजर नेम मीरा जैन भेजा है हमने जेंडर फीमेल भेजा है बट यहां क्या प्रिंट हुआ यहां देखिए फिर से कुछ जब्रश प्रिंट हुआ है ना यानी अलग-अलग कुछ डाटा प्रिंट हो रहा है हमारा फाइनल डाटा तो प्रिंट नहीं हो रहा है तो ये हम कैसे करेंगे है ना इसके इसमें हम आ जाते हैं नेक्स्ट स्टेप पर नेक्स्ट स्टेप हम इसका कैसे कर रहे होंगे रीडिंग चंक तो हमने कर लिया अब हमको इसको डालना पड़ेगा एक बफर में है ना यानी हम क्या बोलेंगे कि भाई जरूरी नहीं कि डाटा एक ही चंक में आ जाए हो सकता है बहुत सारे चंक आ रहे हो तो चंक ले लेकर आप एक बफर में उनको पार्क कर देंगे जैसे भी हमने बफर समझा था और उस बफर में जब डाटा पूरा हो जाएगा उसके बाद हम उस बफर को कन्वर्ट करने की कोशिश करेंगे मीनिंगफुल डाटा में तो देखिए ये हम कैसे कर रहे हैं बफर हमने क्या किया है पहले देखिए मैंने क्या करना शुरू किया मैंने यहां पर पहले हम डेट कोड को समझ लेते हैं उसके बाद सेम कोड हम लिखने की कोशिश करेंगे मैंने क्या बोला सेम जो हमने रिक्वेस्ट डॉट ऑन डटा चंक लगाया था वो हमने लगाया है ना और हमने बोला जभी भी कोई चंक आएगा तो उसको मैं क्या करूंगा कंसोल लॉग कर दूंगा बट साथ-साथ मैंने क्या किया है देखिए मैंने यहां पर एक एरे बनाया है बॉडी का है ना उसमें बोल रहा हूं अब जब भी कोई चंक आएगा तो बॉडी डॉट पुश ये क्या है एरे का मेथड है पुश यानी एरे में हम वो ऐड करते जा रहे हैं हम क्या बोल रहे हैं जैसे ही मेरे पास चंक आ रहा है आप एरे में ऐड करते रहिए ये रिक्वेस्ट डॉट ऑन ये हमेशा इंश्योर करेगा कि हमको सीक्वेंस में भी मिल रहा हो है ना तो वो सीक्वेंस वाला जो बफर है वो पहले ही बन चुका है अभी जिस लॉजिकल लेवल पर हम बफर बना रहे हैं हमको बस ये डाटा इकट्ठा करना है एक साथ बनाकर इसका कुछ लॉजिकल मतलब निकालना है तो हम क्या कर रहे हैं इसको ऐड करते जा रहे हैं इस बॉडी में जब सारा डाटा बॉडी में ऐड हो जाएगा हमको कैसे पता चलेगा कि चंक्स आने बंद हो गए जो वो डाटा भेज रहा था वो बंद हो गया उसके लिए हम एक और इवेंट रजिस्टर करेंगे जो हम बोलेंगे रिक्वेस्ट डॉट ऑन एंड एंड कब कॉल होगा एंड तब कॉल होगा जब वो बोलेगा भाई जितने चंक आने थे आ चुके ने बोला है सारा डाटा आ गया है तो वो एंड कॉल करेगा तो एंड के केस में हम क्या कर रहे हैं हम इस बफर से अपना एक पास्ट बॉडी बनाने की कोशिश कर रहे हैं ताकि हमको पता चल जाए क्या डाटा फाइनली उसने भेजा है है ना तो हम यही कोशिश कर लेते हैं क्या करेंगे सबसे पहले तो हमको एक एरे बनाना पड़ेगा जिसमें हम ये चंक्स को स्टोर कर सके तो मैं एरे कैसे बना रहा हूं मैं य लगा लेता हूं कंस्ट बॉडी एमटी अब आप बताइए किसी को ये कंफ्यूजन हो रहा हो कि सर आपने तो कंस्ट बनाया है फिर उसके बाद बाद हम इसमें डाटा कैसे चेंज करेंगे देखिए यहां कॉन्स्ट बनाने का मतलब सिर्फ इतना है कि इस बॉडी को अब मैं कोई नया एरे असाइन नहीं करूंगा है ना क्योंकि मैंने इसको कॉन्स डिक्लेयर कर दिया है पर बॉडी के अंदर अगर मुझे चेंज करना है इस एरे के अंदर मुझे एलिमेंट्स ऐड करना है वो मैं बिल्कुल कर सकता हूं है ना तो मैं यहां क्या करूंगा कसोल डलॉग चंक आया इस चंक को हम क्या करेंगे मैं बोल दूंगा बॉडी डॉट पुश क्या कर दीजिए ये चंक इसके अंदर डाल दीजिए चंक क्या है चंक है ना तो अभी क्या करेगा जितनी बार भी ये कॉल होगा पहला डाटा आया दूसरा आया 1000 डाटा आया वो 1000 का पूरा का पूरा यहां एरे बना लेगा है ना जिसको मैं बॉडी बोल रहा हूं मैं कुछ भी बोल सकता हूं बॉडी बोल लीजिए मेरा रिक्वेस्ट बोल लीजिए है ना कुछ भी बोल लीजिए जनरली इसको बॉडी बोला जाता है मैंने बॉडी बोल दिया इसके बाद हम क्या करेंगे अगला इवेंट हमको ये पता करना है कि चंक्स आने कब बंद हो गए यानी पूरी रिक्वेस्ट आ गई है तो मैं क्या बोलूंगा ऑन एंड कि एंड पे भी मुझे बताना वो कहेगा बताना क्या है किसको बताना है तो फिर से एक फंक्शन हम पास करेंगे देखिए हम यहां क्या कर रहे हैं फंक्शन ही अलग से बनाकर आप उनका नाम भी यहां पर पास कर सकते हैं उनका रेफरेंस भी पास कर सकते हैं बट क्योंकि फंक्शंस हमको और कहीं नहीं चाहिए हम क्या यूज कर रहे हैं मॉडर्न जावास्क्रिप्ट वाला सिंटेक्स यूज कर रहे हैं डायरेक्टली फंक्शन यहीं बनाकर पास कर देना हमने बोला एंड होगा तो मुझे डायरेक्टली बता देना एंड में हमने आर्गुमेंट क्यों नहीं लिया एंड में हमने आर्गुमेंट इसलिए नहीं लिया क्योंकि चंक्स तो आ चुके ये बस एक सिग्नल है कि भाई पूरा डाटा आ गया जाओ है ना ये वो है जब आपको बस में बिठाकर घर वाले बाहर से बाय करते हैं तो बाय में कुछ मिलता थोड़ी है बाय इज अ सिग्नल कि बस अब बेटा निकल लो हो गया है ना तो यहां क्या हुआ हमारे पास एंड सिग्नल आ गया कि जितने चंक्स आने थे आ चुके अब हम क्या करेंगे यानी मेरे पास जितने भी चंक्स थे वो सब बॉडी में इकट्ठे हो गए हैं अब मैं बॉडी में क्या करूंगा इस एरे को इस एरो को मैं डाल दूंगा इस बफर क्लास में जो ऑलरेडी इन्होंने हमको बना कर दिया मैं क्या बोलूंगा बफर डॉट ककट बॉडी है ना क्या बोल रहे हैं हम बफर डॉट ककट कॉन कट क्या करता है कनकटहलु है ना इन सबको जोड़कर एक कर दीजिए कॉन्कैटिनेट कर दीजिए मुझे क्या चाहिए मुझे तो फाइनल एक रिक्वेस्ट का ऑब्जेक्ट चाहिए मैंने तो एक ही रिक्वेस्ट का ऑब्जेक्ट भेजा था आपने उसको चंक में तोड़ा पर मेरे को चंक्स नहीं चाहिए मुझे तो फाइनल डेटा चाहिए चंक्स तो मुझे समझ ही नहीं आ रही मैंने लॉग भी करके देख लिए मुझे तो आप फाइनल डाटा दे दीजिए उसने कहा ठीक है भाई फाइनल डटा दे देते हैं तो बफर ड ककेट क्या करेगा आपको फाइनल डाटा दे देगा उस डाटा को हम एक बार स्ट्रिंग में कन्वर्ट कर लेते हैं जो भी इसने दिया और उसको हम पार्स करके देखते हैं तो मैं क्या बोल रहा हूं उसको मैं बोल रहा हूं टू स्ट्रिंग है ना और इसको हम बोल देते हैं कॉन्स्ट पास्ड बॉडी वैसे एक्चुअली ये पास्ट बॉडी नहीं है है ना पर हम इसको फिलहाल पास्ट बॉडी बोल देते हैं कंसोल डॉट लॉग या इसका हम नाम चेंज कर देते हैं इसका नाम मैं रख देता हूं फुल बॉडी है ना ये क्या हुआ है पूरी बॉडी अभी मेरे पास आ गई है इसको हमने कर दिया कंसोल ठीक है अब एक बार इसको फिर से चलाकर देख लेते हैं इस केस में अब बेसिकली क्या प्रिंट होगा इसको हम करेंगे कंट्रोल सी फिर से एक बार रन करेंगे है ना एक बार मैं क्या करता हूं यह जो पुराना टा है हमको कंफ्यूज ना करे इसको एक बार क्लियर कर लेते हैं एक बार इसको बड़ा कर लेते आपको दिखाने के लिए और क्या करते हैं अब य अपना नोड सर्वर स्टार्ट करते हैं तो नोड यूजर ड जस फिर से यही आ गए 3 में फिर से बोलता हूं मान लीजिए मीरा जैन फीमेल सबमिट है ना अब देखिए क्या हुआ जब मैंने बोला मीराज जन फीमेल सबमिट सबसे पहले यहां पर रिक्वेस्ट आई सबमिट डिटेल्स पर एक पोस्ट रिक्वेस्ट आई है उसके बाद देखिए मेरा चंक प्रिंट हुआ ये कहां से प्रिंट हो रहा है चंक हमारे पहले वाले मेथड से प्रिंट हो रहा है जहां हमने कंसोल लॉग चंक किया था तो ये मेरा चंक प्रिंट हो गया बफर के नाम से जो भी है ना उसके बाद देखिए सीधे क्या प्रिंट हुआ यूजर नेम मीरा प्लस जैन एंड जेंडर इक्वल टू फीमेल यानी एक ही चंक में उसने हमारा डाटा भेज दिया क्योंकि हमारा डाटा बहुत कम था तो उसने एक ही चंक में भेज दिया तो हमने हमारा बेसिकली एरे में भी एक ही चंक रहा है ना बहुत ज्यादा कॉम्प्लिकेट ये हुआ नहीं बट हमको फिर भी पूरा तरीका फॉलो करना है हमको थोड़ी पता है कि एक ही चंक में आएगा कितने भी चंक में आ सकता है उसके बाद बफर डॉट कॉन कट हमने बोला एक ही पार्ट को हमने बोला जोड़ दो और उसको स्ट्रिंग में कन्वर्ट कर दो उसने इसको स्ट्रिंग में कन्वर्ट कर दिया फुल बॉडी मैंने जब लॉक किया तो यहां देखिए जो हमने दो डाटा भेजे थे दोनों के दोनों आ गए जो हम यहां नेटवर्क टैब से देख रहे थे हमने क्या भेजा था यूजर नेम मीरा जेंडर फीमेल भेजा था वही यहां पर मुझे दिख गया यूजर नेम मीरा प्लस जन इसने इसको प्लस की तरह रिप्रेजेंट किया है स्पेस को एंड एंड मतलब अब ये यूआरएल पैरामीटर की तरह भेज रहा है ना इसको भी हम देखेंगे से फर्द हमको यूज बल ऑब्जेक्ट कैसे निकालना है अभी तो एक स्ट्रिंग हमको यहां पर मिल गया है बट यहां इसने बोला एंड जेंडर इक्वल टू फीमेल यानी जितना भी डाटा है सारा एंड लगा लगा कर के पूरा का पूरा डाटा इसने हमको दे दिया है ना उसके बाद ये बोल रहा है फिर से गेट रिक्वेस्ट आई है क्योंकि हमने उसको रीडायरेक्ट कर दिया था होम पेज पर तो उसकी रिक्वेस्ट आई आइकन मांगने दोबारा आया है ना तो एक और लॉजिकल स्टेप हमारा हो गया है हमने क्या देख लिया हमने देख लिया कैसे हमको चंक के ऊपर इवेंट लगाना है कैसे हमको रिक्वेस्ट पूरी हो जाए इसके लिए इवेंट लगाना है और कैसे हमको उसको कंबाइन करके एक फाइनल स्ट्रिंग बॉडी बनाना है है ना तो ये दो काम हमारे हो गए इसके बाद हम क्या करेंगे देखिए नीचे हमने आपको आपके नोट्स में भी दिखाया हुआ है अगर हम प्रशांत डाल रहे थे तो क्या आपको दिखेगा यहां नीचे दिख जाएगा प्रशांत एंड जेंडर मेल दोनों ही चीजें आपको दिख जाएंगी तो ये हो गया बफरिंग कैसे करना है चंक्स का बफरिंग भी हमने कर लिया अब हम करेंगे एक्चुअल पार्सिंग यानी मेरे पास फाइनल बॉडी तो आ गई है बट आप इसकी पार्सिंग कैसे करेंगे तो देखिए ये जो हमारे पास डाटा आया है इसको हम किस क्लास से कर रहे होंगे यूआरएल सर्च पैरामीटर से तो ये क्या क्लास करती है देखिए जनरली आप जब आप आर्गुमेंट कहां भेज रहे होते हैं जब आप यहां यूआरएल के अंदर आर्गुमेंट भेजते हैं तो ये क्या होते हैं एनकोड हो जाते हैं एनकोड मतलब यहां आप स्पेस नहीं भेज सकते बहुत सारी चीजें स्पेशल कैरेक्टर्स नहीं भेज सकते उन सबकी इनकोडिंग कर दी जाती है जब आप उनको वापस यूज करना चाहते हैं तो उनकी डिकोडिंग की जाती है इसी तरह से जो हम पोस्ट में भेज रहे हैं ये एनकोड होकर जा रहा है हमको इसको पहले डिकोड करना पड़ेगा यूज करने से पहले तो डिकोड करने के लिए हम क्या करेंगे ये जो फुल बॉडी है इसको आप किसको पास कर देंगे इसको आप बोलेंगे भई ये मुझे यूआरएल में पैरामीटर मिला है यूआरएल सर्च पैरामीटर को मैं पास कर देता हूं वो मुझे परम्स का ऑब्जेक्ट बना कर देगा है ना अब ये जो कंसोल लॉग है इसको हटा सकते हैं इसकी जरूरत नहीं है है ना अब मैं क्या करूंगा यह चलिए लगा रहने देते हैं ताकि हम दोनों चीज़ें दि दिखा पाए कि क्या मिला था क्या हमने उसको चेंज किया है ना मैं क्या करूंगा यह जो फुल बॉडी है यह पास कर दूंगा किसको यूआरएल सर्च परम्स को देखिए दिखाने लग गया यूआरएल सर्च परम्स को मैंने क्या पास कर दिया फुल बॉडी पास कर दिया और यहां मैं क्या करूंगा इसको एक आर्गुमेंट में ले लूंगा मान लीजिए इसको बोल देता हूं परम्स हमको मिल गए पैरामीटर्स इसने हमको दे दिए अब इन पैरामीटर्स से यानी यह क्या करता है यह जो यल सर्च पैरामीटर है यह ढूंढ ढूंढ कर इनको निकाल रहा होगा यानी यूज़र नेम ही अलग कर लेगा यह जो मीरा जैन नाम है यह अलग कर लेगा जेंडर अलग कर लेगा यानी की वैल्यू की की वैल्यू पेयर में इन सबको तोड़ लेगा पर ये की वैल्यू पेयर मुझे मिलेंगे कैसे की वैल्यू पेयर मिलने का एक जो तरीका है एक तरीका ये है जो बेसिकली नॉर्मल तरीका है उसके बाद एक क्विक तरीका भी देखेंगे क्विक तरीका कैसे कर सकते हैं बट फिलहाल हम क्या कर रहे हैं यहां पर एक लूप लगा रहे हैं फॉर कांस्टेंट की वैल्यू यानी हमने बोला भाई क्या करना है इस एरे में इनको तोड़ लेना पैरामीटर्स के अंदर क्या है ये एरे ऑफ अरेज होता है है ना तो हम बोल रहे हैं एक-एक करके एक-एक एरे देना वो की वैल्यू में तोड़ देना ऑफ पैरामीटर डॉट एंट्रीज डॉट एंट्रीज बना कर देंगे तो एरे ऑफ एरे मिल जाएगा तो मैं यहां क्या करता हूं लूप लगा लेता हूं फॉर कंस्ट की कॉमा वैल्यू की वैल्यू मेंही हम तोड़ना चाह रहे हैं क्या करेंगे इसको सॉरी ऑफ पैम डॉट दोबारा से फो लिख दिया पम्स डॉट एंट्रीज अब ये क्या करेगा इस लूप में एक-एक करके हमको ये की वैल्यू की वैल्यू देना स्टार्ट कर देगा बट ये की वैल्यू हमको कहीं स्टोर भी तो करनी है है ना तो मैं क्या करता हूं यहां अगेन एक अपना जावास्क्रिप्ट का ऑब्जेक्ट बना लेते हैं मैं इसको बोल देता हूं रिक्वेस्ट बॉडी अब ये फाइनली मेरी रिक्वेस्ट बॉडी है है ना या जेसन बॉडी बोल देते हैं इसको फॉर मोर क्लेरिटी है ना कुछ वैसे तो ऑब्जेक्ट है य बॉडी ऑब्जेक्ट भी जेसन भी नहीं बोलना चाहिए जेसन भी गलत है बॉडी ऑब्जेक्ट है ना अभी इनिशियली तोय एमटी है अब मैं क्या करूंगा जैसे जैसे मुझे की वैल्यू मिलती रहेगी मैं क्या करता रहूंगा इसको ये जो भी हमने नाम रखा है जेसन ऑब्जेक्ट बॉडी ऑब्जेक्ट उसके अंदर ही की वैल्यू हम डालते रहेंगे है ना तो मैं क्या करूंगा मैं लिख दूंगा बॉडी ऑब्जेक्ट हम क्या यूज कर रहे हैं ब्रैकेट नोटेशन क्योंकि की हमको डायरेक्ट ली नहीं पता है कि हमको एक वेरिएबल में मिली है तो हम क्या करेंगे उसके लिए ब्रैकेट नोटेशन यूज़ करेंगे यहां ब्रैकेट नोटेशन हमने लगा लिया की और वैल्यू हमने यहां पर इकट्ठे कर लिए बाद में यहां क्या कर देंगे कसोल डलॉग बॉडी ऑब्जेक्ट है ना कसोल डलॉग बॉडी ऑब्जेक्ट को आप बना दीजिए तो देखिए यहां हमने क्या किया फुल बॉडी तो हमको लास्ट टाइम ही मिल गई थी अब हमने पहले उसको यूआरएल सर्च पैरामीटर में दिया कि भाई तुम अपने आप इसको डिकोड करो तुम एक-एक करके हमको की वैल्यू देना स्टार्ट करो और उन की वैल्यू को हम एक अपने जेसन के ऑब्जेक्ट में रख लेते हैं है ना ठीक है चलो भाई इतना काम हो गया एक बार उसको फिर से रन करके देख लेते हैं फिर से हमने रन किया फिर से यहां आते हैं फिर से सेम नाम देते हैं मीरा जैन जेंडर इज फीमेल सबमिट देखिए इस बार यहां अच्छा हमने कुछ तो गड़बड़ कर दिया क्या बोल रहा है ये अच्छा हमने डायरेक्ट यूआरएल सर्च पैरामीटर लिख दिया हमने न्यू नहीं लिखा ऑब्जेक्ट बनाना है तो न्यू तो लिखना पड़ेगा है ना तो हमने न्यू नहीं लिखा इसकी वजह से गड़बड़ हो हो गई क्रैश हो गया है फिर से हमको रीस्टार्ट करना पड़ेगा देखिए सब जो हमको हर बार रीस्टार्ट करना पड़ रहा है चीजें करनी पड़ रही है सारी प्रॉब्लम दूर हो जाएंगी धीरे-धीरे है ना बेबी स्टेप में हम करेंगे अभी परेशान नहीं होना है कि ये तो इस तरह से हो रहा है मैं जो सही तरीका है आपको पढ़ाने का सही तरीका है सीखने का पहले थोड़ा सा पेन होना चाहिए उसके बाद ठीक होना चाहिए तो वही मैं यहां कराने की कोशिश कर रहा हूं है ना तो ये हो गया मीरा जैन फीमेल फिर से सबमिट करते हैं देखिए इस बार क्या हुआ पहले आपका ये प्रिंट हुआ यूजर नेम इक्वल टू मीरा प्लस जन एंड जेंडर इक्वल टू फीमेल बट उसके बाद हमारा जो ऑब्जेक्ट बना जावास्क्रिप्ट का वो भी प्रिंट हो गया इसमें देखिए ठीक से आ गया यूजर नेम कोलन उसके बाद मीरा स्पेस जन स्पेस आ गया ठीक से इसने इसको पार्स कर लिया उसके बाद जेंडर आ गया जेंडर फीमेल दोनों चीजें जो हम चाह रहे थे वो यहां पर आ गई देखिए यह जो काम हमने किया है यहां इतनी लाइंस में इसको एक आसान तरीका भी है करने है ना इसको इसका आसान तरीका क्या है मैं फिलहाल इसको कमेंट कर देता हूं है ना ताकि आपको ये पता रहे कि ये भी स्टैंडर्ड तरीका होता है जो बहुत जगह होता है मैं दूसरा क्या करूंगा मैं यूज कर लेता हूं बॉडी ऑब्जेक्ट आपके पढ़ाई के फ्लो को ब्रेक करने के लिए माफी चाहता हूं बट एक बार क्विकली आपको दिखाना चाह रहा हूं जहां पर हम बहुत ज्यादा एफर्ट कर रहे हैं हमारा पोर्टल नॉलेज ग a जहां पर आपको मिलेगी बेस्ट एजुकेशन कोर्सेस एआई ड्रिवन फॉर्म में इमीडिएट डाउट सॉल्विंग बहुत सारी चीजें यहां पर आपको मिलने इस पर बहुत ज्यादा मेहनत हम कर रहे हैं तो अगर आप लिंक चेक करेंगे नीचे नलेज गट . a तो यह पोर्टल आपको दिखाई देगा बहुत सारे नए-नए एफर्ट्स हम यहां पर करते रहते हैं जैसे अभी बच्चों के लिए एकदम फ्री हमने गेट रैंक प्रोडक्टर बनाया था जो कि यहां पर बहुत अच्छा 48000 से ज्यादा देखिए लाइव बच्चों ने हमको ये चेक किया है अगर आप यहां पर हमारे कोर्सेस भी देखेंगे तो जो हमारे मोस्ट पॉपुलर कोर्सेस हैं वो आपको दिखेंगे गेट नेट पीएसयू अगर आप एग्जाम्स निकालना चाहते हैं उनके लिए बहुत सारे कोर्सेस हैं प्लेसमेंट स्पेसिफिकली अगर आप सर्विस बेस कंपनीज का प्रिपरेशन कर रहे हैं फोस टीसीएस उसके लिए हमारे यस सर के बहुत सारे को कोसेस हैं और अगर आप स्किल्स कोडिंग में देखेंगे तो यहां पर अगेन ये लिस्ट जो है वो ग्रोइंग है बहुत सारे कोर्सेस आपको यहां पर दिखेंगे बट जैसे हमारा मन स्टैक या डीएसए का एक पैकेज है या डीएसए या मन स्क नॉर्मली भी अगर आप यहां पर देखना चाह रहे हैं अगर मैं मनक में आऊं यानी जो हम अ बेसिकली नॉर्मली सीरीज में भी पढ़ रहे हैं आपने देखा होगा उसको और इन डेप्थ अगर आप देखना चाहते हैं 100 आवर्स से भी ज्यादा का रिकॉर्डिंग है ये अगेन लाइव कोर्स हमने पहले चलाया था उसके भी रिकॉर्डिंग आप वन ईयर टू ईयर के लिए बहुत सारे अवेलेबल एड ऑनस हैं हमारे पास यहां पर जिसमें कि अगर आपको एक वन टू वन मेंटर चाहिए आपकी सारी प्रॉब्लम्स सॉल्व करने के लिए जॉब सपोर्ट यानी मोस्ट अप टू डेट जॉब्स आप यहां पर देखना चाहते हैं रिज्यूमे अगर आप चाहते हैं पर्सनली मैं आपका रिज्यूमे रिव्यू कर रहा हूं मॉक इंटरव्यू अगर आप चाहते हैं बहुत ही देखिए इकोनॉमिकल प्राइस में आप वो ले सकते हैं अगेन रेजूम एंड मॉक इंटरव्यू आर अनलिमिटेड इंटरव्यू सिर्फ लाइक 90 पैसे पर डे में है ना जिस इंटरव्यूज को मैं नॉर्मली 10 15000 चार्ज कर रहा होता हूं वो सब आप यहां पर देख सकते हैं बहुत ही अच्छे कोर्सेस अगर आप इसको बेसिकली चेक करना चाहते हैं अपनी स्किल्स को अपग्रेड करना चाहते हैं अगेन एंड ये थोड़ा जो लिस्ट है आपको दिख रहा होगा बट एआई रिलेटेड और बहुत सारे कोर्सेस यहां पर ऐड होने वाले हैं तो वो भी आप यहां पर चेक कर सकते हैं बैक टू स्टडी इ इक्वल टू ऑब्जेक्ट डॉट फ्रॉम एंट्रीज आप क्या बोल सकते हैं ऑब्जेक्ट डॉट फ्रॉम एंट्री जिससे क्या आप बोल रहे हैं कि भाई एंट्रीज से आप जराय मेरे को निकाल कर दे दीजिएगा कि बेसिकली क्या क्या मुझे यहां से मिला है एंट्रीज कहां है ये मुझे ऑलरेडी एंट्रीज दे रहा था तो मैं क्या कर सकता हूं यहां पर पास कर सकता हूं फैम्स मैं बोल रहा हूं भाई फैम्स में से एंट्रीज निकाल लेना एंट्रीज से एक ऑब्जेक्ट बना देना ऑब्जेक्ट मुझे डायरेक्टली दे देना तो जो काम हम यहां करने की कोशिश कर रहे थे वो काम आप यहां एक लाइन में भी कर सकते हैं एक बार पहले टेस्ट कर लेते हैं है ना यकीन नहीं करना चाहिए किसी का भी ट्रस्ट बट हमारे देख लिया कि डाटा की पार्सिंग हो गई और हमको फाइनल आउटपुट जिस भी फॉर्म में चाहिए था जिस भी तरह से चाहिए था वो आउटपुट हमको मिल रहा है यूआरएल सर्च पैरामीटर वाला तरीका हमने देख लिया मेनली कि उससे हम कैसे फॉर लूप लगाकर चीजों को निकाल सकते हैं फाइनल जो भी मेरा कंसोल लॉग है उसको हम आउटपुट कर सकते हैं अब क्या हमको यही करना था जो रिक्वेस्ट थी उसको पास करके लॉग करना था क्या नहीं भाई हमको काम ये करना था कि हमको तो ये फाइल में राइट करना था फाइल में आप अभी भी कांस्टेंट चीज राइट कर रहे हैं तो वो भी फिक्स कर लेते हैं देखिए ये हमने यहां पर किया हुआ है है ना तो हमको यहां पर एक्चुअली क्या करना है जो फाइल राइटिंग का काम हमको करना था ये हमको इसके अंदर ही कर लेना चाहिए जहां हमको ये फाइनल एंड मिला है है ना ये देखिए हम सारा काम कहां कर रहे हैं इसको मैं थोड़ा सा आपको नीचे करके एक नंबर छोटा करके दिखा देता हूं ये सारा काम हमने कहां किया है अभी जो हमने काम किया है ये सारा काम किया हमने रिक्वेस्ट डॉट एंड में यानी ये हो गया ए सिंक इसको अभी थोड़ा डीप में और नेक्स्ट चैप्टर में हम समझ रहे होंगे बट आपको ये बात समझनी है कि यहां ये काम पहले हो जाता है है ना जो आपका कॉल बैक है ये तो बाद में आ रहा होगा जब चंक्स खत्म आने खत्म हो जाएंगे तब आ रहा होगा तो मुझे जो फाइल में राइट कर रहा हूं ये भी मुझे कहां रखना पड़ेगा ये फाइल राइटिंग में उठा लेता हूं और फाइल राइटिंग में मैं रख देता हूं यहां पर कि अब भाई फाइल में ये राइट करना है यूर . txt.gz चेक कर लेते हैं फाइल में क्या पड़ा हुआ है यूर t एकटी में तो देखिए अभी भी प्रशांत जन पड़ा हुआ है जो कांस्टेंट था वही पड़ा हुआ है अब मैं य क्या करता हूं फिर से भेजता हूं मीरा जन फीमेल देखिए जैसे ही मैं क्लिक करूंगा देखते हैं फाइल का जो कंटेंट है वो चेंज हो रहा है या नहीं मैंने इसको किया सबमिट अच्छा नहीं कुछ तो हमने गड़बड़ कर दिया है अच्छा हमने सर्वर किल तो किया शायद स्टार्ट नहीं किया उसके बाद वापस आ जाते हैं हीरा जैन है ना फिर से देखिए जैसे ही मैं सबमिट करूंगा क्या होगा अब देखिए यहां पर सडन जो मेरा फाइल का कंटेंट है वो चेंज हो गया फाइल के कंटेंट में क्या आ गया यूजर नेम कलन मीरा जैन जेंडर फीमेल यानी हमने देखिए इतना काम सक्सेसफुली कर लिया है क्या काम कर लिया है अगर हम वापस आकर देखेंगे हमको कैसे ये रिक्वेस्ट बॉडी पढ़ना है इसमें हमने सारे कांसेप्ट भी समझे स्ट्रीम ऑफ डटा आ रहा है स्ट्रीम ऑफ चंक्स आ रहे हैं एक्चुअली एक-एक चंक को कैसे पढ़ना है वो देख लिया चंक को इकट्ठा कैसे करना है वो देख लिया वो इकट्ठा करके बफर में डालकर पूरी बॉडी कैसे निकालना है वो देख लिया उस बॉडी को पार्स कैसे करना है यूआरएल सर्च पैरामीटर से वो देख लिया और पार्ट्स करके फाइनल ऑब्जेक्ट कैसे बनाना है वो देख लिया वो ऑब्जेक्ट हमने दोबारा उसके बाद उस फाइल में राइट कर दिया जिस फाइल में हम राइट करना चाह रहे थे तो जो काम हमने लास्ट चैप्टर में शुरू किया था वो हम यहां ठीक से उसको पूरा कर पाए क्या कर पाए फाइनली उसको एक फाइल में राइट कर पाए यूजर जो भी रिक्वेस्ट करेगा वही यहां फाइल में आ जाएगा देखिए अब मैं यूजर दोबारा से बन जाता हूं यहां पर जाकर इस बार मैं दे देता हूं प्रशांत जैन है ना और जेंडर दे देता हूं मेल अब मैं जैसे ही इसको सबमिट करूंगा तो क्या होगा देखिए सडन चेंज हो गया मेरे जो फाइल का टेक्स्ट है प्रशांत मेल आ गया तो देखिए इतना काम अब हम कर पा रहे हैं नोट जस में हमने अपना सर्वर बना लिया क्लाइंट से जो रिक्वेस्ट आया उसको एक फाइल ऑपरेशन में बेसिकली कैसे डालना है और फाइल ऑपरेशन के साथ कैसे राइट करना है इतना काम हम सक्सेसफुली अपने अपने पास कर पा रहे हैं है ना तो ये अच्छी प्रोग्रेस है अभी हमने बहुत ज्यादा टाइम नहीं लगाया नोड में है ना पर अब इसके बाद क्या होगा हम बहुत जल्दी बहुत कॉम्प्लिकेटेड चीजें करना स्टार्ट कर देंगे बेसिक चीजें कैसे करना है ये हमने सीख लिया है तो ये हो गया पासिंग रिक्वेस्ट अभी यहां एक चीज हमको और देखना है जिसका नाम है यूजिंग मॉड्यूस मॉड्यूस कैसे यूज करना है सबसे पहले तो इसकी नीड ही समझेंगे कि मॉड्यूस यूज करने की नीड क्या है यहां पर अगर हम देखें है ना तो देखिए मैं चैप्टर फाइव में हूं अभी हमने सारा कोड किसके अंदर लिखा हुआ है यूर . जए एक ही फाइल है इसके अंदर लिखा हुआ है है ना चाहे कुछ भी कोड है सारा का सारा कोड यहीं पर आ रहा है हम क्या कर सकते हैं हम इस कोड को छोटे-छोटे पार्ट्स में तोड़ना स्टार्ट कर सकते हैं कैसे अगर मैं य पहले सबसे पहले app.js बना लेता हूं देखिए यूजर तो अपना काम कर रहा है यूजर वाला काम कर रहा है यहां सबसे पहले हम क्या करते हैं पड जए बना लेते हैं मैंने बना लिया प डॉट जेएस है ना मैं बोलूं यार एक्चुअल सर्वर बनाने का जो मेन काम है वो सबका होना चाहिए वो तो app.js में होना चाहिए तो मैं क्या करता हूं यहां से जो ये जो एटीटीपी वाला काम था ये मैं app.js में ले जाता हूं जो सर्वर बनाने वाला काम है ये मैं app.js में ले जाता हूं है ना क्रिएट सर्वर उसको उसके बाद मैं यहां पर क्या करूंगा लास्ट में जो सर्वर बनाकर हमको पोर्ट वगैरह लगाना होता है यह भी सब काम ये सब काम क्या है ये तो सर्वर बनाने का काम है है ना अभी क्रिएट सर्वर को मैं एमटी छोड़ देता हूं इतना मैंने बना लिया अब देखिए अगर बस क्रिएट सर्वर में मेरे पास क्या आ जाए वो फंक्शन आ जाए जो एक्चुअली रिक्वेस्ट को हैंडल करेगा तो बाकी पूरा काम पोर्ट नंबर वगैरह जो सेटअप वाला काम है वो पूरा का पूरा काम हमने app.js में निकाल दिया है और हम रन भी हर बार . जस कर पाएंगे है ना तो मुझे क्या करना है यूजर ये ये जो हैंडलर है बस ये चाहिए है ना तो इसको मैं एज अ मेथड कहीं और से इस्तेमाल कर लेता हूं यहां क्या पास करना है मुझे एक फंक्शन ही तो पास करना है वो फंक्शन अगर मुझे मिल जाए तो फंक्शन मैं यहां पर पास कर सकता हूं है ना तो मैं क्या करूंगा वापस यूर जए में अभी जाकर देखूंगा अब देखिए जो कोड हमने यहां लिखा हुआ था इस सब की यहां पर कोई जरूरत नहीं है है ना यहां पर क्रिएट सर्वर की कोई जरूरत नहीं है अभी देखिए हम यहां क्या कर रहे हैं बाकी अभी फाइल के ऑपरेशन वगैरह सब यहीं पर हैं ये जो मैंने फंक्शन बनाया इसको मैं क्या करता हूं एक हैंडलर में डाल देता हूं मान लीजिए इसका नाम मैंने रख लिया रिक्वेस्ट हैंडलर इज इक्वल टू देखिए ये हम कर सकते हैं एनोनिमस फंक्शन बनाने के बाद भी हम क्या कर सकते हैं उसको कभी भी ये ब्रैकेट अभी एक्स्ट्रा हो गया बस यहां पर कोई भी एनोनिमस फंक्शन बनाने के बाद हम उसको क्या कर सकते हैं किसी भी वेरिएबल में डाल सकते हैं अब इसका नाम हो गया रिक्वेस्ट हैंडलर अभी भी हम फंक्शन ऐसे ही बनाते आ रहे हैं मॉडर्न सिंटेक्स में तो मैंने क्या किया देखिए जो हम फंक्शन पास कर रहे थे क्रिएट सर्वर को ये हमने अलग से निकाल लिया जब हमने पहली बार बनाया था क्रिएट सर्वर तब भी हमने फंक्शन अलग बनाया हुआ था बाद में अंदर मूव किया था अब मैंने फिर से उसको बाहर ले गया मैं और मैंने बोला भाई रिक्वेस्ट हैंडलर तो अलग से बनेगा यूजर यूजर की जो रिक्वेस्ट हैंडल कर रहा है ये अलग से बनेगा ये अपनी रिक्वेस्ट लॉक करेगा अपनी जो राउटिंग है वो करेगा है ना यहां पर रिक्वेस्ट ड यूआरएल को हैंडल करेगा यहां पर टूल ओवर केस को करेगा फाइल राइटिंग करेगा सारा जो एक्चुअल काम है वो ये कर रहा होगा है ना और यह मेरा हो गया रिक्वेस्ट हैंडलर तो हम क्या कर सकते हैं इस रिक्वेस्ट हैंडलर को हम कर सकते हैं एक्सपोर्ट अब है ना जैसे हम नॉर्मल अपने रिएक्ट में हम चीजों को एक्सपोर्ट करते आए थे अगर रिएक्ट आपने देखा है तो जैसे वहां पर भी आप कंपोनेंट्स को एक्सपोर्ट करते हैं यहां पर भी आप नॉर्मल फंक्शन को एक्सपोर्ट कर सकते हैं य एक्सपोर्ट करने का सिंटेक्स क्या है एक्सपोर्ट हम करेंगे यहां से देखकर देखिए आप क्या कर सकते हैं आप लिख सकते हैं मॉड्यूल डट एक्सपोर्ट इक्वल टू रिक्वेस्ट हैंडलर जो आपके पास य ऑब्जेक्ट है उसको आप दे देंगे तो मैं क्या य लिख दूंगा मॉड्यूल डॉट एक्सपोर्ट आप मेरे मॉड्यूल से क्या एक्सपोर्ट कर दीजिए रिक्वेस्ट हैंडलर है ना या मैं मान लीजिए इसका नाम क्या कर देता हूं यूजर रिक्वेस्ट हैंडलर वैसे सिर्फ यूजर वाली रिक्वेस्ट हैंडल नहीं कर रहा है सारी कर रहा है बट फिर भी मान लीजिए क्योंकि यूजर फाइल में मैंने इसका नाम क्या रख दिया मॉड्यूल ड एक्सपोर्ट यूजर रिक्वेस्ट हैंडलर तो इसने बोला जिसको भी भाई मेरा हैंडलर यूज करना है कर सकता है मुझे नहीं पता आप ये सर्वर में यूज करते हो कहां यूज करते हो मेरे को तो रिक्वेस्ट रिस्पांस का अगर ऑब्जेक्ट मिलेगा तो मैं उसके हिसाब से पूरा का पूरा काम जो है वो कर दूंगा अब app.js के पास चैलेंज है कि भैया यूजर वाला आपको काम जो है वो यूज़ करना है तो वो यूज़ आप कैसे करते हो आपको क्या लिखना पड़ेगा आपको लिखना पड़ेगा रिक्वायर दोबारा जो हमने रिक्वायर पहले पढ़ा था बट हमने येय भी देखा था कि अगर हमको बिल्ट इन मॉड्यूस हैं कोर मॉड्यूस हैं तो तो हम डायरेक्टली इस्तेमाल कर सकते हैं बट अगर अपना मॉड्यूल है तो हम रिलेटिव पाथ देकर उसको इस्तेमाल करते हैं तो मैं यहां क्या करूंगा मैं फिर से लिखूंगा रिक्वायर मुझे रिलेटिव पाथ देना है कि वो कहां पर है तो मैं बोलूंगा डॉट स्लश डॉट स्लैश में देखिए खुद ही दिखा रहा है कि यूर . जए फाइल आपकी पड़ी हुई है वही चाहिए क्या आपको मैंने कहा हां चाहिए देखिए जब हमने रिक्वायर देखा था हमने ये भी देखा था कि डॉट जए आपको नहीं लगाना होता है डॉट जए बाय डिफॉल्ट होता है वो खुद से लगा लेता है तो मैंने बोला भाई यूजर से जो भी निकाल रहे हो वो यहां रख लेना है ना और मैं क्या करता हूं कांस्टेंट अब यहां वो नाम रख लेते हैं तो मान लीजिए मैं रख लेता हूं वहां से क्या निकालना है यूजर रिक्वेस्ट हैंडलर आपको लेकर आना है यूजर रिक्वे जब आप यहां इसको इंपोर्ट कर रहे हैं एक तरह से रिक्वायर क्या है ये इंपोर्ट है जब मैं इंपोर्ट कर रहा हूं यूजर फाइल को यूजर वाले मॉड्यूल को उस मॉड्यूल से आपको क्या मिलेगा यूज़र रिक्वेस्ट हैंडलर मिल जाएगा और इस यूजर रिक्वेस्ट हैंडलर को मैं कहां पास कर दूंगा डायरेक्टली उठाकर यहां पर पास कर दूंगा तो जो चीज उसने यहां से एक्सपोर्ट किया था यूज़र रिक्वेस्ट हैंडलर वो मैंने यहां पास कर दिया एक बात आपको ये दिखाने की बताने की जरूरत है कि ये जो नाम है जरूरी नहीं कि सेम हो यहां मैं इसका नाम क्या कर सकता हूं यहां मैं किसी भी नाम से इसको इंपोर्ट कर सकता हूं या मैं इसको रिक्वेस्ट हैंडलर नाम से इंपोर्ट कर सकता हूं तो यहां पर आकर रिक्वेस्ट हैंडलर बन जाएगा ये बोल सकता है भाई आपने यूजर रिक्वेस्ट हैंडलर एक्सपोर्ट किया होगा बट मेरे को तो मैं जिस कांटेक्ट में यूज़ कर रहा हूं मेरे लिए तो सारी रिक्वेस्ट में मैं आप ही को देने वाला हूं तो मैंने तो रिक्वेस्ट हैंडलर बना लिया रिक्वेस्ट हैंडलर मैंने आपको दे दिया मेरा काम हो गया अभी हम क्या करेंगे अब app.js को ही आप रन कर रहे होंगे और यूर . जए अपने आप यूज हो जाएगी जब भी क्रिएट सर्वर करने की कोशिश करेगा एक बार ये चलाकर देख लेते हैं इसको मैंने कर दिया किल भाई हम बोल तो रहे हैं क्या इंटरेस्ट बट वेरीफाई ये चल भी रहा है या नहीं चल रहा है नोड एड देखिए वैसे ही बोल रहा है अभी सर्वर रनिंग है ना एक बार फिर से मैं यहां पर कुछ नाम डालकर देख लेता हूं मेरा जन फीमेल सबमिट कुछ हुआ कुछ नहीं [संगीत] हुआ लॉगिंग तो नहीं हुई है ना यानी कुछ तो गड़बड़ हुई है एक बार यहां पर चेक कर लेते हैं यूर ड जए में क्या दिखा रहा है सॉरी यूर t में क्या दिखा रहा है प्रशांति दिखा रहा है यानी कुछ तो गड़बड़ हो गई एक बार ये चेक कर लेते हैं रिक्वेस्ट हैंडलर में इसका मतलब जो चीज है वो आई है या नहीं आई है कंसोल भी हमको कुछ नहीं दिख रहा है वापस आ जाते हैं यहां ये कोई एरर बता रहा है क्या बता रहा है अच्छा सॉरी ये हमने एक्सपोर्ट लिखा है इसको हमको क्या लिखना होता है एक्सपोर्ट मॉड्यूल डॉट एक्सपोर्ट शायद ये नोट्स में भी गलत हो गया व विल फिक्स इट है ना क्या होना चाहिए मॉड्यूल डॉट एक्सपोर्टस इक्वल टू यूजर रिक्वेस्ट हैंडलर है ना उसके बाद क्या है यहां यूजर रिक्वेस्ट हंडर है अगेन इसको मैं दोबारा से रिक्वेस्ट हडर कर लेता हूं जस्ट टू शो कि नाम अलग रखा जा सकता है एक बार फिर से इसको किल करके चला लेते हैं आई थिंक एस वाला गलती हो गया था फिर से सबमिट करके देखते हैं मीरा हां देखिए इस बार सबमिट किया तो इस बार ही ठीक से चल गया क्या बोल रहा है इस बार फाइनली यूजर नेम मीरा जैन फीमेल्स अब यहां पर आ गया है यूर t एकटी के अंदर जाके देखेंगे तो देखिए यहां भी यूजर नेम मीरा जैन आ गया यानी जो काम हम पहले कर पा रहे थे सिर्फ यूजर ड जए से अभी हम यहां से भी कर पाए बट हमने क्या सीख लिया हमने साथ-साथ सीख लिया कि कैसे हम कोई भी जो कोड है उसको अलग ले जा सकते हैं देखिए अभी यूजर ड जए बहुत अच्छा कोड नहीं लिखा हुआ है आपको क्या करना चाहिए शायद एक हैंडलर अलग से लगाना चाहिए जो सिर्फ राउटिंग करता हो यानी स्लैश के लिए क्या हैंडलिंग करना है अगर कोई पोस्ट रिक्वेस्ट आया तो उसके लिए क्या हैंडलिंग करना है एक फाइल को सिर्फ ये करना चाहिए और इंटरनली मान लीजिए स्लैश की हैंडलिंग के लिए एक अलग फाइल होना चाहिए है ना होम हैंडलर उसके अलावा सबमिट रिक्वेस्ट हैंडलर एक अलग होना चाहिए वो ये ये क्या कर रहा होगा यूजर ड जए भी इसका मान लीजिए हम नाम रख देंगे टड जए या हैंडल जए व्हाट एवर ये इन सबको इंटरनली काम करा रहा होगा बट मेरा मोटिव यहां क्या था दिखाने का आपको ये दिखाने का था कि आप ड डॉट एक्सपोर्ट्स वाला जो सिंटेक्स है ये आप सीख जाए किस तरह से इसको एक्सपोर्ट करना है किस तरह से अपने मॉड्यूल को इंपोर्ट करना है दोनों चीजें हमको आ जानी चाहिए ठीक है तो ये हो गया कि हमको मॉड्यूल को यूज़ कैसे करना है है ना कैसे हमको इसको एक्सपोर्ट करना है दोनों चीज हमने देख लि यहां बस क्या आ जाएगा s आ जाएगा तो कैसे हमको इसको एक्सपोर्ट करना है और कैसे हमको उसको रिक्वायर लगाकर जो अगर हमारा लोकल मॉड्यूल है तो कैसे उसको इंपोर्ट करना है अब यहां पर क्या है इसके और भी सिंटेक्सेस हैं अगर आप मॉड्यूल यूज कर रहे हैं तो आप यहां पर क्या लगा सकते हैं देखिए मैंने इसका मतलब हर जगह गलती किया होगा ये जहां-जहां भी एक्सपोर्ट लगाया ना यहां हर जगह एक्सपोर्ट्स हमको लगाना पड़ेगा है ना तो यहां पर हम क्या बोल रहे हैं आप लिख सकते हैं मॉड्यूल डॉट एक्सपोर्ट और यहां पर मल्टीपल चीजें भी अगर आपको एक फाइल से एक्सपोर्ट करनी है आप वो भी कर सकते हैं अभी तक हम क्या कर रहे थे अपने कोड में हम सिर्फ एक ही चीज एक्सपोर्ट कर रहे थे एक ही फाइल एक्सपोर्ट कर रहे थे अगर मैं यहां हू है ना आप यहां क्या कर सकते हैं एक्सपोर्ट्स के अंदर ये जो हमने डायरेक्टली वैल्यू दिया है यहां आप इसको एक ऑब्जेक्ट भी बना सकते हैं और उस ऑब्जेक्ट में मल्टीपल चीजें भी अगर आपको एक्सपोर्ट करनी है तो वो भी आप कर सकते हैं जैसे हमने यहां दिखाया कहां हम हम नोट्स में देख रहे हैं क्या कि मैं मैं यहां से एक हैंडलर भी मान लीजिए एक्सपोर्ट कर रहा हूं साथ में एक एक्स्ट्रा भी एक्सपोर्ट कर रहा हूं है ना मैं ऐसी कुछ भी एक्स्ट्रा नाम दिखाने की कोशिश कर रहा हूं बट आपको मल्टीपल अगर हैंडलर एक ही फाइल के अंदर बनाना है मल्टीपल चीज एक्सपोर्ट करनी है तो वो यहां पर पॉसिबल है उसके बाद क्या है अगर अलग-अलग आप इनको लगाना चाहते हैं अलग-अलग भी आप लगा सकते हैं मॉड्यूल एकपो हैंडल म.प. एक्ट्रा ना क्या एक्चुअली ऑब्जेक्ट्स के अलग-अलग सिंटेक्सेस है है ना तो आप ये भी यूज कर सकते हैं और यहां पर जो अगर शॉर्टकट आप यूज करना चाहे मॉड्यूल ड एक्सपोर्ट्स आप हटा सकते हैं आपको मॉड्यूल लिखने की जरूरत नहीं आप सीधे क्या लिख सकते हैं एक्सपोर्ट ड हैंडलर इज इक्वल टू दिस एंड एक्सपोर्ट एक्स्ट्रा इ इक्वल टू दिस है ना ये शॉर्टकट है जो हमको कौन प्रोवाइड कर रहा है जो हमारा नोड है वो प्रोवाइड कर रहा है कि आपको हर बार ये पूरा ना लिखना पड़े मॉड्यूल एक्सपो डॉट आपका नाम जो भी है आप सीधे एक्सपोर्ट ड नाम लिख दीजिए वो भी आपका चल जाएगा ठीक है तो ये हो गया हमारा मॉड्यूस हमको कैसे यूज करना है यहां पर क्या होगा यहां पर आ जाएंगे हम प्रैक्टिस सेट पर है ना देखिए सबसे इंपॉर्टेंट पीस होता है बहुत सारे बच्चे यहीं पर वीडियो छोड़ देते हैं कि बस हमारा काम हो गया प्रैक्टिस सेट पर हम पहुंच गए हमने जो कांसेप्ट देखने थे वो देख लिए काम हो गया देखिए काम हुआ नहीं काम अब शुरू हुआ है अब एक्चुअली समझ आएगा जब आप अपने हाथ से कर रहे होंगे साथ-साथ देख रहे होंगे एक नया एक्सरसाइज कर रहे होंगे तो आपको समझ आएगा कि हम को चीजें कितनी समझ में आई है और कितनी समझ में नहीं आई है तो प्रैक्टिस सेट क्या है अगर आप लोग खुद एक बार पढ़ के देखना चाह रहे हैं तो एक बार इस वीडियो को यहीं पॉज कर लीजिए पहले खुद से एक बार पढ़ के समझने की कोशिश कीजिए है ना क्योंकि ये भी इंटरव्यू में बाकी चीजों में बहुत बड़ा फैक्टर होता है कि आप प्रॉब्लम को पढ़ के समझ पा रहे हैं या नहीं या समझ के आपको कुछ चीजें जो नहीं समझ आई है आपके मन में करेक्ट क्वेश्चंस हैं या नहीं वो क्वेश्चंस अभी आप रख लीजिए अपने पास है ना उसके बाद आपको जब मैं इसको एक्सप्लेन करूंगा तो मोस्ट ली क्वेश्चन आंसर हो जाएंगे तब भी आंसर नहीं हुए तो आप कमेंट सेक्शन में डेफिनेटली हमको बता सकते हैं तो एक बार देख लेते हैं हम टास्क क्या है टास्क है क्रिएट कैलकुलेटर एक कैलकुलेटर बनाना है बहुत अच्छी बात है क्रिएट अ न्यू नट जस प्रोजेक्ट नेम कैलकुलेटर पहले एक नया प्रोजेक्ट बनाना है हमको कैलकुलेटर नाम से चलिए बहुत अच्छी बात है ऑन द होम पेज राउट यानी जब कोई होम पेज पर आ रहा है उसके शो अ वेलकम मैसेज एंड अ लिंक टू कैलकुलेटर पेज होम पेज पर हमको क्या दिखाना है वेलकम मैसेज दिखाना है और साथ में एक लिंक होना चाहिए गो टू कैलकुलेटर समथिंग लाइक दैट ठीक बात है जब उस लिंक पर कोई क्लिक करे और स्लैश कैलकुलेटर पेज पर जाए तो डिस्प्ले अ फॉर्म विद टू इनपुट फील्ड्स एंड अ सम बटन तो हमको क्या दिखाना है वहां पर दो इनपुट फील्ड दिखाने हैं और एक सम का बटन दिखाना है यानी एक फॉर्म हमको भेजना है जब भी कोई स्लैश कैलकुलेटर प जा रहा है तो एक फॉर्म हमको बनाकर भेजना है उसको जिसमें दो इनपुट फील्ड हो और एक सम उसके बाद क्या करना है व्हेन द यूजर क्लिक्स द सम बटन अब जब वो सम बटन दबाए दे शुड बी टेकन टू अ कैलकुलेट रिजल्ट पेज यानी तीसरा राउट हमारा आ गया तीसरा पाथ हमारा आ गया कैलकुलेट रिजल्ट ये भी हमको हैंडल करना है और इसको क्या करना चाहिए दोनों नंबर्स का सम अब यहां इस पेज पर शो करना चाहिए हम कैसे करेंगे मेक श्यर द रिक्वेस्ट गोज टू द सर्वर ये बेसिक बात है ये तो हमको करना ही है क्रिएट अ सेपरेट मॉड्यूल फॉर एडिशन फंक्शन ये बोल रहा है मॉड्यूल भी यहां बनाना है आपको ये एडिशन बनाने के लिए कैलकुलेट रिजल्ट में आप जो भी कर रहे हैं इसके लिए आपको एक अलग से मॉड्यूल बनाना है क्रिएट अनदर मॉड्यूल टू हैंडल इनकमिंग रिक्वेस्ट्स इनकमिंग रिक्वेस्ट्स हैंडल करने के लिए एक अलग मॉड्यूल बनाना है ऑन द कैलकुलेट रिजल्ट पेज पास द यूज़र इनपुट यूज़ द एडिशन मॉड्यूल टू कैलकुलेट द सम एंड डिस्प्ले द रिजल्ट ऑन अ न्यू एसटीएमए पेज यानी ये कैलकुलेट रिजल्ट जो है ये सब यह काम कर रहा होगा कि उसको पास भी करना है रिक्वेस्ट वहां से दो दो जो नंबर्स आए वो निकालने भी हैं उनको ऐड भी कराना है उनको ऐड करके फाइनली जो रिजल्ट है उसका एक एटीएमएल रिस्पांस बनाकर यूजर को देना भी है तो यह सारे काम यहां हमको करने हैं तो हम यहां क्या ये कहां कर रहे होंगे सारे के सारे काम हम प्रैक्टिस सेट के अंदर इस क्रिएट कैलकुलेटर के अंदर क्रिएट कैलकुलेटर के अंदर कर रहे होंगे इसमें एक चीज बस हमारी छूट जाने वाली है जो नहीं होगी जो लास्ट स्टेप हमने दिया है डिस्प्ले द रिजल्ट ऑन न्यू एटीएमएल पेज ये हम कैसे कर पाएंगे इसी के लिए हम पूरा नेक्स्ट चैप्टर कर रहे होंगे तो हम यहां तक पहले पूरा का पूरा प्रैक्टिस सेट एक बार ट्राई करिए लास्ट चीज अभी हमको अटक जाएगी लास्ट चीज नहीं हो पाएगी वो हम बेसिकली देखेंगे अगले वाले चैप्टर में कि कैसे हम वो कर पाएंगे और उसी के बेसिस पर वापस आकर ये जो प्रैक्टिस सेट है इसको हम पूरा कर रहे हैं तो दोस्तों चलिए स्टार्ट करते हैं हमारा सोल्यूशन टू द प्रैक्ट तो इसने सबसे पहले क्या बोला नया नोड जस प्रोजेक्ट बना लीजिए कैलकुलेटर के नाम से तो यहां हम क्या कर लेते हैं इस प्रोजेक्ट नंबर फाइव के अंदर ही चैप्टर नंबर फाइव के अंदर एक नया पहले फोल्डर बना लेते हैं इसका नाम मैं रख लेता हूं कैलकुलेटर है ना कैलकुलेटर हम करने वाले हैं चैप्टर नंबर फव के अंदर ही हम कर रहे हैं इसके अंदर हम क्या बना लेंगे जो हमारा फाइल हमको बनाना है पड जस वो बना लेते हैं है ना तो मैंने बोल दिया प डॉट अच्छा मैंने कॉमा लगा दिया गलती से इसको कर लेते हैं रिनेम एड जस पड जस आ गया अब अभी यहां हमको सर्वर बनाना है तो कैसे बनाएंगे जो बाकी चीजें हैं वो तो अभी तक हमको याद हो जानी चाहिए कंस्ट एटीटीपी इ इक्वल टू रिक्वायर एटीटीपी एटीटीपी हमने रिक्वायर कर लिया इसके बाद क्या करेंगे एटीटीपी डॉट क्रिएट सर्वर यहां ये क्या देगा इसको भी फंक्शन देना है कोई बात नहीं ये रिटर्न क्या करेगा मुझे कांस्टेंट रिटर्न करेगा विद द नेम सर्वर है ना यानी इसने मुझे एक ऑब्जेक्ट रिटर्न कर दिया सर्वर नाम का अब मैं क्या करूंगा सर्वर स्टार्ट कर रहा हूंगा मान लीजिए मैं क्या सबसे पहले पोर्ट डिक्लेयर कर लेता हूं कंस्ट कोट मेरा क्या होना चाहिए वापस 3000 पर मान लीजिए आ जाते हैं एक बार देख लेंगे सिस्टम में कहां चल रहा है 3000 उसके बाद हमको क्या करना है सर्वर डॉट लिसन क्या हम करते थे है ना ये तो मेरा पड जस खुला हुआ है यूर ज पुराना हम बंद कर देते हैं यूर बंद कर देते हैं एड जस किसका बना हुआ है अच्छा यह हमारे पुराने वाले का बना हुआ है इसको भी अभी हम बंद कर सकते हैं इसकी हमको जरूरत नहीं है इसको भी हम बंद कर देते हैं है ना लेसन में हमको क्याक देना है पोर्ट देना है एक तो और दूसरा एक कंप्लीशन पर जैसे ही स्टार्ट करता है हमको एक फंक्शन रन करने का मौका देता है तो यहां हम क्या करेंगे वही कसोल डलॉग ताकि हमको हर बार सक्सेसफुली पता चल जाता है कि सर्वर स्टार्ट हो गया है यहां मैं क्या लिख दूंगा द हमने पिछली बार क्या लिखा हुआ था सर्वर रनिंग ऑन एड्रेस तो इसी को मैं कॉपी कर लेता हूं यहां से है ना यहां हम कर लेते हैं सर्वर रनिंग ऑन एड्रेस एटीटीपी कोलन लोकल होस्ट और 3001 की जगह हम क्या लिख देंगे डॉलर डबल स्लैश डॉलर क्यों नहीं चल रहा है क्योंकि हमने बैक टेक्स नहीं लगाए बैक टेक्स लगा लेते हैं अ देखिए अब वाला जो कोड है ये मैं थोड़ा स्पीड से कर रहा हूंगा है ना क्योंकि हम एक्सपेक्ट कर रहे हैं कि सारी चीजें हम करके आए हैं अगर आपको कुछ चीज वापस जाकर देखनी है तो आप देख सकते हो बट थोड़ा सा स्पीड से करेंगे ताकि हम ये देख पाए कि प्रैक्टिस सेट में हमको चीजें कैसे करनी है तो देखिए इतना तो बन गया मेरा सर्वर जो है वो स्टार्ट हो जाएगा बस अभी मैंने कोई फंक्शन नहीं दिया है है ना कोई बात नहीं अभी पहले वापस आकर देख लेता हूं और क्या बोला इसने इसने राउटिंग वाली तो बोली है बट इसने बोला है सेपरेट मॉड्यूल बनाना है एडिशन फंक्शन के लिए और सेपरेट मॉड्यूल बनाना है इनकमिंग रिक्वेस्ट हैंडल करने के लिए है ना तो मैं क्या करता हूं सबसे पहले इनकमिंग रिक्वेस्ट हैंडलर यहां पर बना लेता हूं है ना मैं यहां क्या बना लेता हूं एक नया बना लेते हैं इसको हम बोल लेते हैं मान लीजिए इसका नाम मैं मान लीजिए हैंडलर ही रख देता हूं हैंडलर डॉट जस ठीक है हैंडलर ड जस बन गया ये क्या करेगा यहां पर एक हम नया हैंडलर बना लेते हैं कंस्ट मान लीजिए इसका नाम मैं रिक्वेस्ट हैंडलर रख देता हूं रिक्वेस्ट हैंडलर यह क्या करेगा एक फंक्शन हम बनाने की य कोशिश कर रहे हैं जो क्या लेता हो रिक्वेस्ट और रिस्पांस दो ऑब्जेक्ट लेता हो बस इतना ही हमको करना था साथ साथ यहां क्या कर देंगे एक्सपोर्ट्स डॉट हमने देखा था सिंटेक्स अभी क्या कि डायरेक्ट एक्सपोर्ट यूज कर सकते हो एक्सपोर्ट्स डॉट रिक्वेस्ट हैंडलर इ इक्वल टू रिक्वेस्ट हैंडलर है ना एक बार चलाकर देखते हैं इससे चल जाना चाहिए अब ये जो रिक्वेस्ट हैंडलर है ये हम कहां इंपोर्ट कर लेंगे app.js के अंदर जाकर एड जस में यहां क्या लगा लेते हैं रिक्वायर क्या करना है लोकली एक्सपोर्ट करना है हैंडलर मॉड्यूल जो है वो मुझे एक्सपोर्ट करना है कंस्ट रिक्वेस्ट हैंडलर और ये जो रिक्वेस्ट हैंडलर है अभी मुझे यहां मिला है इसको मैं यूज़ कर लेता हूं यहां पर है ना तो देखिए इतना अभी तक बेसिक वायरिंग हमने कर लिया है इतना कर लिया है यहां मैं क्या कर लेता हूं इसके अंदर पहले डायरेक्टली इसको लॉग कर लेते हैं कल डलॉग कसोल डलॉग क्या-क्या प्रिंट करना है रिक्वेस्ट डॉट अग हमा रिक्वेस्ट का ऑब्जेक्ट आ गया एक तो हमको करना है यूआरएल एंड रिक्वेस्ट डॉट मेथड ये दोनों चीजें हमने लॉक कर ली अभी सिर्फ बेसिक वायरिंग हमने कि एक बार इतना टेस्ट करके देख लेते हैं कि कुछ कोड अभी फटा तो नहीं है देखिए जभी भी आप थोड़ा भी बड़ा पीस ऑफ कोड लिख रहे हो आपको लगातार ये सब टेस्टिंग करते रहना चाहिए क्योंकि शुरुआत में अगर बेसिक गलती हुई हो बाद में पकड़ना मुश्किल हो जाता है अभी आपके दिमाग में है मैंने क्या-क्या चेंजेज किए अभी अगर हमने कोई गलती कर दि है तो यहीं पर पकड़ी जाएगी कहां जाना है हमको कैलकुलेटर के अंदर जाना है उसके बाद क्या चलाना है नोड app.js चलाना है ये बोल रहा है सर्वर रनिंग ऑन एड्रेस 3000 3001 की जगह 3000 पर भी हमारा सर्वर जो है वो चल गया है यहां आकर देख लेते हैं अभी देखिए रिक्वेस्ट में हमने कुछ किया तो है नहीं बट देखिए यहां क्या हुआ ये एक्चुअली अभी आया नहीं है सर्वर रनिंग ऑन एड्रेस ही आया आना क्या चाहिए किया था मेरा जो मैंने चलाया है अ कहां है सॉरी जो हैंडलर ड जए में हमने कंसोल लॉक किया है ये आना चाहिए था अगर ये रिक्वेस्ट हैंडलर ठीक से यहां पर प्लग इन हुआ है तो कम से कम ये दोनों चीजें लॉक होनी चाहिए थी ये चीजें लॉक ठीक से नहीं हुई है तो एक बार पहले चेक कर लेते हैं कि हमने यहां पर क्या गलती की है अच्छा देखिए हमने यहां किया ये है कि हमने handler.js को यहां से जब एक्सपोर्ट किया तो नया वाला सिंटेक्स यूज करके किया यानी हमने इसको ऑब्जेक्ट बना करर किया है इसका मतलब क्या है मॉड्यूल ड एकपो रिक्वेस्ट हैंडलर यानी ये पूरा एक ऑब्जेक्ट बनकर जा रहा है सिंगल हमने डिफॉल्ट एक्सपोर्ट नहीं किया पर जब हमने इसको इंपोर्ट किया तो डिफॉल्ट एक्सपोर्ट मानक कर लिया है ना तो हमको क्या करना है यहां मान लीजिए मैं इसको क्या कर लेता हूं नेम ड एक्सपोर्ट करना है हमको तो मैं इसको डिस्ट्रक्चर कर लेता हूं अभी अगर मैंने इसको डिस्ट्रक्चर कर लिया एक बार फिर से रन करके देखते हैं देखिए इस बार आ गया स्लैश गेट रिक्वेस्ट आपके पास है ना क्योंकि ये सर्वर लगातार ट्राई कर रहा है तो स्लैश गेट रिक्वेस्ट तुरंत आपके पास आ गया है तो हमको हमने जितना भी वायरिंग किया था इतना हमको काम ठीक से समझ आ गया ये कैसे काम चल रहा है ये हमको समझ आ गया देखिए इसलिए क्या है लगातार टेस्ट करते रहना जरूरी है कहीं अगर हमने कुछ मिस किया है तो वो इमीडिएट पकड़ा जाए तो अभी इतना काम मेरा जो ठीक से है वो चल रहा है यानी ये जो रिक्वेस्ट है ये लॉग ठीक से होना स्टार्ट हो गई है तो अगर मैं यहां वापस आ जाऊं तो जो पहला काम था ये हो गया अब क्या करना है होम पेज पर ये बोल रहा है शो अ वेलकम मैसेज एंड अ लिंक टू द कैलकुलेटर पेज तो यहां हमको एक वेलकम मैसेज दिखाना है है ना फिलहाल सबसे पहले हम कंपेयर कर लेते हैं इफ रिक्वेस्ट ड यह देखिए जो पुराने वाला कोड है इसी से हम अभी फिलहाल ले लेते हैं यह बारबार हमको काफी ज्यादा टाइप करना पड़ेगा क्या करना एक हमको हेडर सेट करना है कि कंटेंट टाइप एचटीएमएल होना चाहिए एचटीएमएल करना है कंप्लीट कोडिंग का जो हमको एक्सरसाइज करना है यह भी हमको करना है बॉडी के अंदर हम क्या करेंगे य वेलकम ना तो इतना मैं य से कॉपी कर लेता हूं हैंडलर में आ जाते हैं आपको कॉपी पेस्ट नहीं करना है मैं आपका टाइम बचाने के लिए कर रहा हूं कंटर टाइप हमने बोल दिया कि भाई एटीएल होगा यह हमने दे दिया य कंप्लीट कोडिंग टाइटल की जगह हम क्या बोल देते हैं प्रैक्टिस सेट है ना प्रैक्टिस सेट होने वाला है यहां हेडिंग में हम क्या दे देंगे वेलकम टू कैलकुलेटर अभी हमने य सब बंद भी नहीं किया बंद भी करना है वैसे जो हमने लास्ट टाइम किया था वो करना भी गलत नहीं था हम क्या कर सकते हैं इसको हम तोड़ लेते हैं बैक टिक में ताकि य सारा काम एक बार में हो पाए है ना य हम अपना सिर्फ एचटीएमएल कोड ठीक से लिख पाए बंद कर देता हूं बैक टिक राइट दिस है ना अभी देखिए बॉडी हमने बंद किया है साथ साथ हमको क्या बंद करना पड़ेगा एचटीएमएल और बॉडी भी एक्चुअली अभी बंद नहीं हुआ है बॉडी भी यहां बंद करना पड़ेगा है वेलकम टू कैलकुलेटर उसने बोला था होम पर आपको वेलकम भी दिखाना है बट साथ साथ और क्या दिखाना है साथ साथ आपको ये भी बताना है कि आपको एक लिंक देना है कैलकुलेटर पेज के लिए तो मैं क्या करूंगा उसके लिए टग दे देते हैं अन इसके लिए मुझे इसलिए अच्छा तरीका लगता है कि पहले एटीए में कोड लिख ले उसके बाद य लाकर उसको कॉपी पेस्ट कर है ना एचर क्या होगा उसका क्या लिंक होगा मैं इसका लिंक दे देता हूं मान लीजिए स्लश कैलकुलेटर और यहां लिंक दे देते हैं गो टू कैलकुलेटर है ना इतना एक बार चला कर देख लेते ठीक चला रिस्प डट राइट कर दिया रेस्प डट राइट करने के बाद आप क्या करते हैं हमेशा रिपस ड राइट करने के बाद हम कर रिटर्न आरस डॉट एंड है ना इतना हमने कर लिया एक काम मैं एक्स्ट्रा कर लेता हूं जो अभी तक हमने किया नहीं है अगर कोई ऐसे पाथ पर आ रहा है जो हमको नहीं पता है ना यहां देखिए इफ के अंदर तो हमने आड एंड कर दिया अगर कोई ऐसे पाथ पर आ रहा है जो हमको नहीं पता तो मैं य क्या कर देता हूं य एरर मैसेज उसको डाल देते हैं उस केस में हैना य हम क्या देंगे प्रैक्टिस सेट वेलकम टू कैलकुलेटर की जगह बोल देते हैं 404 पेज डज नॉट एजिस्ट है ना और य इसकी जगह हम स्लैश लगा देते हैं और यहां इसको मैसेज दे देते हैं गो टू हो है ना ये एक्चुअली आपकी प्रैक्टिस सेट में था नहीं मैं ऐसे ही आपको करा रहा हूं यहां पर इतना हमने कर लिया अब एक बार दोबारा से अपना सर्वर चलाकर देख लेते हैं इतना अभी ठीक से चल रहा है या नहीं किल कर देते हैं दोबारा इसको चलाते हैं देखिए सर्वर यहां पर रन हो गया है यहां पर हम आ जाते हैं दोबारा 3000 पर ही हमको चलाना था देखिए रिफ्रेश हो गया अपने आप क्या लिखा गया यहां पर वेलकम टू कैलकुलेटर लिखा गया एंड गो टू कैलकुलेटर भी लिखा गया लिंक भी बन गया अभी अगर मैं इसको क्लिक कर रहा हूं तो ये कहां ले गया देखिए कैलकुलेटर की अभी हमने हैंडलिंग नहीं की है तो क्या बोल रहा है फ पेज डज नॉट एजिस्ट गो टू होम तो हम होम से कैलकुलेटर पर जाना है कैलकुलेटर से होम पर जाना है इतना काम हमने यहां पर इसको ठीक से कर लिया अभी अगर मैं स्लश कैलकुलेटर की जब मैं स्लश कुछ भी बज भी ऐड करूंगा तो हमेशा क्या बोलेगा पेज डज नॉट एजिस्ट इसकी हैंडलिंग इसने ठीक से कर ली है पहले हमने हैंडलिंग कभी ठीक से नहीं की हुई थी वापस आ जाते हैं तो हमने क्या काम कर लिया राउट वेलकम मैसेज शो कर दिया अब क्या बोल रहा है ऑन कैलकुलेटर पेज डिस्प्ले अ फॉर्म विथ टू इनपुट फील्ड एंड द सम बटन अगला काम करते हैं क्या करना है अब कैलकुलेटर में कैलकुलेटर का हैंडलिंग करना यह हुआ मेरा पहला हैंडलिंग इसके बाद मैं क्या बोलूंगा बोलूंगा एल्स रिक्वेस्ट डॉट य आरल अगर क्या हो आपका स्ल कैलकुलेटर य हमने क्या बोला था हमेशा यहां पर क्या कर लो य सजेस्ट नहीं कर रहा है टू लोअर केस आई थ होता है चला देख लेते पता चल जाए लोर केस अब क्या होगा अगर कैलकुलेटर पर आए हैं तो क्या करना है सबसे पहले तो यह उठाकर कॉपी कर लेते हैं इतना तो करना ही है है ना कॉपी कर लिया पेस्ट कर लिया यानी क्या करना है कंटेंट टाइप हमको बताना है एटीएमएल पेज ही हम देने वाले हैं प्रैक्टिस सेट यहां क्या बोलेंगे ऊपर हम बोल देते हैं यर इज द कैलकुलेटर है ना हमको इस बार एंकर टैग नहीं दिखाना है हमको क्या देना है इनपुट फील्ड देना है तो एक इनपुट फील्ड बना लेते हैं इनपुट टाइप टेक्स्ट प्लेस होल्डर दे देते हैं फर्स्ट नंबर है ना साथ में और क्या देना पड़ेगा नाम देना पड़ेगा नाम भी दे देते हैं इसका क्या फर्स्ट यह बन गया हमारा पहला इनपुट फील्ड और उसके बाद बना लिया हमने दूसरा इनपुट फील्ड इसका नाम दे देते हैं इसमें प्लेस होल्डर दे देते हैं सेकंड नाम और यहां नाम दे देते हैं सेकंड यह नेम हम क्यों दे रहे हैं यह नेम हम इसलिए दे रहे हैं कि फॉर्म में लगक जाएगा बट फॉर्म तो बनाया नहीं भाई फॉर्म भी तो बनाना था पहले यहां बना लेते हैं फॉर्म है ना और ये इनपुट फील्ड्स कहां आएंगे इस फॉर्म के अंदर आ रहे होंगे देखिए मैं हर लाइन प अगर यहां राइट राइट राइट राइट लिखता तो बहुत ज्यादा मुश्किल हो जाती रेड राइट इसलिए जो बैक टिक वाला तरीका है सही है कि यहां से यहीं से हम पूरा का पूरा एचटीएमएल इसको भेज देते हैं तो ये बना लिया और एक लास्ट हमको बनाना है बटन है ना ब या इनपुट टाइप सबमिट भी आप उसको बोल सकते हैं इनपुट टाइप सबमिट और यहां बटन का हम नाम क्या दे देते हैं नाम दे देते हैं सम आई थिंक वैल्यू से देते हैं लेट चेक है ना बेसिक चीजें में कई बार भूल जाता हूं पहले इतना एक बार बनाकर देख लेते हैं अभी ओबवियसली ये फॉर्म चल वगैरह नहीं रहा है या फॉर्म में वो दोनों चीजें भी डाल ही देते हैं एक्शन हमको क्या देना है इसने बोला था कौन से पेज पर लेकर जाना जैसे ही कोई सम पर क्लिक करता है तो कैलकुलेट रिजल्ट पर ले जाना तो मैं बोलूंगा एक्शन कहां ले जाना है तुमको कैलकुलेट रिजल्ट पर ले जाना है और साथ-साथ मेथड क्या होना चाहिए मेथड होना चाहिए पोस्ट ठीक है अब एक बार स्लैश कैलकुलेटर को चलाकर देख लेते हैं सर्वर किल करेंगे सर्वर दोबारा स्टार्ट करेंगे वापस यहां आ जाएंगे वापस आएंगे गो टू कैलकुलेटर जब करेंगे तो देखिए कहां आ गए हम हेयर इज द कैलकुलेटर में आ गए फर्स्ट नंबर एंटर करने के लिए बोल रहा है सेकंड नंबर एंटर करने के लिए बोल रहा है सम बटन बोल रहा है अभी क्या करो यह भी एक बार लोकली हमको चेक करना है टेस्ट करना है कैसे करेंगे टेस्ट यहां मैं नंबर डाल देता हूं मान लीजिए मैंने दिया फ एंड सि है ना अब सम दबाया तो देखिए यहां से रिक्वेस्ट गई हम आ तो गए ओबवियसली 404 पर क्योंकि कैलकुलेट रिजल्ट हमने हैंडल नहीं किया था बट एक बार जो कैलकुलेट रिजल्ट गया इसमें देख लेते हैं हमारा जो चीजें जानी थी हमारा जो रिक्वेस्ट जाना था वो ठीक से गया भी या नहीं तो अगर मैं पेलोड में देख रहा हूं तो देखिए पेलोड में दिख गया फर्स्ट फाइव चला गया सेकंड सक्स चला गया दोनों चीज ठीक से हमारी चली गई है ना तो ये जो सेकंड वाला काम था हमारा यह भी हमारा काम पूरा हो गया यानी हैंडलिंग ऑफ स्लश कैलकुलेटर भी हमारी पूरी हो गई वापस आ जाते हैं उसके बाद अब क्या करना है लास्ट हैंडलिंग हमारी बची हुई है न द यूजर क्लिक्स द सम बटन अब उसने सम बटन दबा दिया दे शुड बी टेकन टू कैलकुलेट रिजल्ट पेज विच शोज द सम ऑफ टू नं अब यहां पर हमको दो नंबर का सम दिखाना है और साथ साथ इसने यह भी बोला था कि इसके लिए भी अलग आपको मॉड्यूल जो है वो क्रिएट करना है है ना तो मैं क्या करता हूं य मान लीजिए नया मॉड्यूल हम क्रिएट कर लेते हैं सम ड जस य क्या करेगा सम कर रहा होगा इसको हम क्या देंगे इसको हम दे देते हैं रिक्वेस्ट ही दे देंगे है ना तो मैं बना लेता हूं कंस्ट सम रिक्वेस्ट हैंडलर इज इक्वल टू रिक्वेस्ट रिस्पांस इसको दोनों चीजें हम दे देते हैं भई ये तुम्हारा काम है करना और यहां क्या करेंगे एक्सपोर्ट करना है तो हम बोल देंगे एक्सपोर्ट्स डॉट सम रिक्वेस्ट हैंडलर सेम ही नाम दे देते हैं इज इक्वल टू सम रिक्वेस्ट हडर इसको हम क्या करेंगे हैंडलर में इंपोर्ट कर लेंगे इंपोर्ट का मतलब रिक्वायर तो बोलूंगा रिक्वायर क्या नाम हमने रखा है हमने फाइल का नाम रखा है सम है ना और यहां से लेना क्या है कंस्ट सम रिक्वेस्ट हैंडलर गलती नहीं करेंगे इस बार य क्या है नेम इंपोर्ट है नेम एक्सपोर्ट है तो हमको क्या करना पड़ेगा इसको डी स्ट्रक्चर करना पड़ेगा डी स्ट्रक्चर कर लिया अब मैं क्या बोलूंगा यहां एक और एल्फ लगा देते हैं एलस इस बार तीसरा रिजल्ट क्या है तीसरा पेज क्या है जो मुझे हैंडल करना है उसके अंदर आप पहले सम रिक्वेस्ट हैंडलर को कॉल कर लेते यहां एलसीएफ में आप क्या लगाएंगे ये जो कंडीशन हमने लगाई थी यही लगा देते हैं सबसे पहले तो है ना सिर्फ क्या होगा कैलकुलेटर की जगह हम यहां क्या चेक कर रहे होंगे कैलकुलेट रिजल्ट है ना कैलकुलेट रिजल्ट मैंने कर दिया कैलकुलेट रिजल्ट आएगा टू लोवर केस में मैच हो जाएगा और क्या मैच करेंगे हम पिछली बार हमने और क्या मैच किया था साथ में मैच कर लेंगे रिक्वेस्ट डॉट मेथड होना चाहिए आपका पोस्ट टाइप का आप पोस्ट टाइप के हैं तो ही यहां पर चल पाएंगे है ना तो ही यहां आना चाहिए तो मैं क्या करूंगा आपको सम हैंडलर में पास कर दूंगा और यहां मैं क्या पास कर देता हूं रिक्वेस्ट एंड रिस्पांस कि भाई ये हैंडलिंग तुम करो ये हैंडलिंग हमको नहीं करनी आईडियली इनके लिए भी आपको छोटे-छोटे हैंडलर बनाने चाहिए फिर यहां रिक्वेस्ट हैंडलर में क्या हो जाएगा बस आप यूआरएल मैच करेंगे उस हैंडलर को पास कर देंगे यानी ये मान लीजिए मैनेजर हो जाएगा देखिएगा किसका काम आया उसको पास कर देगा किसका काम आया उसको पास कर देगा यहां भी इसने क्या चेक कर लिया तीसरे वाले में अच्छा कैलकुलेट रिजल्ट आया लो सम रिक्वेस्ट हैंडलर तुम इसको हैंडल करो अदर वाइज मैं 404 तो यहां पर हैंडल कर ही रहा हूं ठीक है तो हमको दोबारा से जाना है सम रिक्वेस्ट हैंडलर में यहां हम क्या करते हैं सबसे पहला काम यह करो कि कंसोल लॉग कर लो और यहां लिख दो इन सम रिक्वेस्ट हैंडलर क्या करना है सबसे पहले वायरिंग चेक करनी है कि वायरिंग हमारी ठीक हुई भी है या नहीं और ये जो रिक्वेस्ट है यहां क्या प्रिंट कर लेते हैं साथ में रिक्वेस्ट डॉट य आरएल प्रिंट कर लेते हैं ठीक है फिर इसको किल करते हैं फिर इसको रन करते हैं वापस आ जाते हैं यहां भी वापस आ जाते हैं फिर से इस बार सम दबाते हैं 404 नहीं आना चाहिए पाथ हमने ऐड कर दिया है सम दबाया अभी भी देखिए क्या आया 404 आया यानी कुछ तो हमने गड़बड़ कर दी कैलकुलेट रिजल्ट या तो हमने ठीक से नहीं लिखा हैंडलर में आ जाते हैं कैलकुलेट रिजल्ट तो ठीक ही लग रहा है रिक्वेस्ट ड url.py यहां हमको रिटर्न करना पड़ेगा है ना ये रिटर्न सम रिक्वेस्ट हैंडलर हमको करना पड़ेगा ताकि ये कहां ना जाए 404 में ना जाए है ना देखिए नीचे क्या हुआ वायरिंग हमारी ठीक हुई है ये हमने ध्यान नहीं दिया क्योंकि ये तो प्रिंट हो ही गया है इन सम रिक्वेस्ट हैंडलर यानी वहां हम चले गए थे बट बाद में इसने 404 इसलिए प्रिंट कर दिया क्योंकि आपने यहां से रिटर्न नहीं किया था चलिए यहां भी एक गलती पकड़ी गई बहुत अच्छी बात है अब आ जाते हैं सम में अब हमको यहां काम स्टार्ट करना है यहां हमको क्या-क्या करना था देखिए सबसे पहले तो हमको डाटा के चंक्स चाहिए हमको क्या करना है हमको नंबर्स चाहिए ये जो दो नंबर आ मैं सम कैसे कैलकुलेट करूंगा ये दो नंबर आए जब दो नंबर मुझे मिलेंगे तभी तो सम कैलकुलेट हो पाएगा तो सबसे पहले वो चाहिए तो मैं क्या बोलूंगा रिक्वेस्ट डॉट ऑन तुमने पिछली बार किया था क्या डाटा जब भी आपके पास आए चंक आपके पास आएंगे चंक आप कहां डालेंगे बॉडी एरे में देखिए सारा काम हम ये पहले करके आए हैं है ना साथ-साथ आपको देखना है कि आप कर पाए तो ठीक किया क्या नहीं कर पाए तो क्यों नहीं कर पाए है ना चीज को रिवाइज कीजिए तभी आगे बढ़ी है ना वीडियो देखना है दोबारा देखिए बट इतना काम आप अब कर पाने चाहिए बॉडी मैं क्या करेंगे बॉडी डॉट पुश इस बार यहां पर लॉग करने की जरूरत नहीं है बॉडी डॉट पुश पुश चक है ना ये हमने बना लिया अब देखिए वैसे सिंगल लाइन है तो हमको कीजिएगा हमको यह सब ब्रैकेट वगैरह भी लगाने की जरूरत नहीं है मैं क्या कर सकता हूं क्योंकि सिंगल लाइन बॉडी है मेरी मैं इसको इस तरह से भी लिख सकता हूं कि चंक मिलेगा चंक को आप पुश कर दीजिएगा बॉडी के अंदर ठीक है अगला हमको क्या करना है रिक्वेस्ट डॉट ऑन जब भाई एंड हो जाए तब क्या करें तब आप ये जो च को उठाकर कहां डाल रहे होंगे बफर में है ना बफर डॉट एक बार दोबारा से आप चेक कर लीजिए यूजर में हमने क्या किया था बफर डॉट ककट कॉन कट फंक्शन यूज करेंगे बॉडी लगाएंगे टू स्ट्रिंग कर देंगे तो यहां पर भी हम वही करते हैं बफर डॉट कॉन कट बॉडी हमारे पास है डॉट टू स्ट्रिंग ये हमको क्या मिल गया बॉडी एटीआर बोल देते हैं इसको है ना स्ट्रिंग मिल गया इसको हमको किसको पास करना है न्यू यूआरएल सर्च परम्स यहां पास कर देंगे बॉडी एसटीटीआर कंस्ट पम्स ये क्या करेगा ये इसको अगेन दोबारा ये ये जरूरी नहीं है कि सिंटेक्स इमीडिएट आपको याद रहे आपको बस पता होना चाहिए किस तरह से यूज कर सकते हैं इससे हमको पैराम्स मिल गया इस बार लंबे वाला तरीका नहीं करेंगे सीधे छोटे वाला तरीका कर लेंगे क्या मान लीजिए बोल देता हूं मैं बॉडी ओ बीजे कैसे मिलेगा ऑब्जेक्ट डॉट फ्रॉम एंट्रीज पर अब मेरे को क्या मिल गया होगा दोनों नंबर मिल गए होंगे जिनका नाम होना चाहिए फर्स्ट एंड सेकंड उनको मुझे ऐड करना है है ना य रिजल्ट कैलकुलेट कर लेते हैं कांस्टेंट रिजल्ट इ इक्वल टू बॉडी ओबी ज डॉट फर्स्ट अभी यहां पर एक गलती होने वाली है आप देखिएगा अभी समझ आएगा एंड बॉडी ओबी ज डॉट सेकंड कुछ लोग गेस करिएगा हम य क्या गलती अभी कर रहे य और मैं क्या करता हूं कसोल डट लॉग साथ में क्या लग कर देंगे रिजल्ट को हम लॉग कर देते हैं फ और सि का फिलहाल रिजल्ट क्या आ जाना चाहिए 11 आ जाना चाहिए चलिए देख लेते हैं एक बार किल किया दोबारा से स्टार्ट किया वापस आए फ और सि य पहले से पड़ा हुआ है सम मैं दबा देता हूं सम मैंने दबा दिया देखिए यहां पर क्या प्रिंट हो गया ए प्रिंट हो गया है है ना यानी कुछ तो गड़बड़ है फर्स्ट और सेकंड या तो ठीक से नहीं आए हैं और हम क्या लॉक कर देते हैं बॉडी ऑफ से पहले लॉक कर देते हैं फिर से रन करते हैं फिर से सम करते हैं तो देखिए क्या हुआ बडी बॉडी ओबीजी भी जो है वो अच्छा एमटी आ यानी कु कुछ तो हमने गड़बड़ कर दिया यहां पर एक बार चेक कर लेते हैं बफर डॉट [संगीत] ककट एंड पे हम आए तो है है ना चलिए एक बार हमको य जो चंक है इससे पहले एक बार बॉडी ओबीजी से पहले भी और भी हमको लगाने पड़ेंगे जो बॉडी स्ट्रिंग था इसको भी एक बार करके देख लेते हैं बॉडी स्ट्रिंग क्या आया था बॉडी स्ट्रिंग भी नहीं आया है तो अब तो कुछ गड़बड़ है बॉडी स्ट्रिंग भी नहीं आया है यह डाटा या तो ठीक नहीं लगा है देखिए डीबगिंग करना भी वैसे अगले से अगला चैप्टर जो है वहा हम सीरियस डीबगिंग कैसे करनी है वो देखेंगे अभी मैं वैसे ही डीबगिंग कर रहा हूं जैसे मैं आपके साथ मुझे करना चाहिए एक कंसोल डॉट लॉग यहां लगा लेते हैं फिर यह चक कॉल ही नहीं हुआ क्या देख चंक तो कॉल हुआ था है ना और बॉडी में हमने इसको पुश भी किया है बॉडी के अंदर हमने पुश भी कर दिया अच्छा देखिए पुश में मैंने कौन स ब्रैकेट लगा दिए गलती से हार्ड वाले ब्रैकेट लगा दिए पुश तो क्या है एक मेथड है तो हमको पुश कैसे करना पड़ेगा गोल ब्रैकेट से करना पड़ेगा फिर से चला लेते हैं इसको फिर से एक बार देखते हैं सम अच्छा देखिए अभी आगे आगे तक मोस्ट मोस्टली चीजें सही हो गई है है ना पर अभी रिजल्ट आ गया 56 ये हमको ठीक करना है ये जो हमने बाकी चीजें करी थी इनको मैं हटा देता हूं देखिए हमने बहुत सारे स्टेप्स लिखने के बाद टेस्टिंग की इसलिए समझ आया कि गलती तो पहले स्टेप में हो गई थी हमको क्या करना चाहिए था लगातार एक-एक स्टेप में टेस्टिंग हम कर सकते अभी देखिए फाइनल देखते हैं प्रॉब्लम क्या हुई है फाइनल प्रॉब्लम ये हुई है कि जो फर्स्ट और सेकंड है ये क्या है फर्स्ट और सेकंड स्ट्रिंग्स है तो हमने जब इनको ड करने की कोशिश की तो फाइनल रिजल्ट क्या आ गया 56 आ गया तो हमको क्या करना पड़ेगा इनको पार्स करना पड़ेगा टू नंबर्स है ना वो हम कैसे करेंगे देखिए इन दोनों को हम क्या कर सकते हैं रैप कर सकते हैं किसमें नंबर क्लास में नंबर फंक्शन में मान लीजिए मैं इसको बोल देता हूं कि भाई यह भी एक नंबर है है ना और साथ-साथ यह भी एक नंबर है इन पार्सेंट आप चलाना चाहे पार्सेंट चला सकते हैं नंबर चलाना चाहे नंबर चला सकते हैं जेसन पार्सिंग भी कर सकते हैं बहुत सारे तरीके हैं है ना एक बार इसको हम फिर से चलाकर देख लेते हैं फिर से सम किया देखिए इस बार प्रिंट क्या हुआ है प्रिंट 11 हुआ है यानी पार्सिंग भी ठीक से हो गई रिजल्ट भी ठीक से आ गया अभी मुझे क्या करना है मैं चाह रहा था कि मैं यहां पर क्या करूं साथ-साथ इसको जो रिस्पांस है वो भी जो हमको रिटर्न करना है वो रिटर्न कर दो तो देखिए मैं फिलहाल यहां करने की कोशिश करता हूं जल्दी से बट आपको ठीक से बाद में समझाएंगे ये य चल कैसे रहा है है ना तो मैं जो हमने अभी पड जस में या हैंडलर ड जस में लिखा है थोड़ा सा कोड यह फिर से हम कॉपी कर लेते हैं टू सेंड एटीएम रिस्प वापस आ जाते हैं सम के अंदर है ना यहां मैं क्या करता हूं यह मैं लिख देता हूं इसको थोड़ा छोटा कर लेते हैं है ना ताकि आपको पूरी चीज यहां पर दिख पाए देख हम क्या करने की कोशिश कर रहे तो मैंने क्या बोला रिपस ड राइट एटी टाइप का हम भेजने वाले हैं 404 नहीं भेजेंगे हम बोलेंगे योर रिजल्ट इ या योर सम इज य हमको क्या देना है नंबर देना है डॉलर लगा लेते हैं य एंकर टैग की हमको जरूरत नहीं है और नंबर क्या है हमारा फाइनल रिजल्ट है रिजल्ट में यहां पर डाल लेता हूं देखिए क्या कोई गड़बड़ है क्या यहां पर देखिए गड़बड़ य रिजल्ट तो हमने डिक्लेयर किया था एंड के अंदर है ना और हम इसको भेजने की कोशिश कर रहे हैं बाहर ये एंड वाला जो फंक्शन है ये तो यहां से शुरू हुआ यहां खत्म हो गया हम रिस्पांस भेज रहे हैं उसके बाद है ना इसमें उसके अलावा भी ये गड़बड़ है अभी कि ये जो एंड है ना ये फंक्शन एक्चुअली बाद में चलेगा ये फंक्शन पहले चल रहा होगा हम अगले पूरे चैप्टर में बहुत ध्यान से देख रहे होंगे ऐसा क्यों है ए सिंग कोड का क्या मतलब होता है तो अभी इसको समझने की जरूरत नहीं है अभी बस मेरी ये बात मान लीजिए कि ये जो हमको लिखना है है ना मैंने बोला था लास्ट स्टेप आपका नहीं हो पाएगा दैट इज टोटली फाइन अगर ये नहीं हो पाया तो आपको क्या करना है ये कंसोल लॉक जो हमने रिजल्ट किया है ये रिस्पांस आप इसके अंदर ही भेज देंगे और यहां पर हम दूसरा क्या बोल देंगे रिटर्न आरस डॉट एंड है ना कि रिस्पांस आप एंड कर दीजिए और यह आप रिस्पांस जो है वो भेज दीजिए एक बार फिर से इसको चलाकर देख लेते हैं सी नोड सर्वर ये है हमारा कैलकुलेटर सम मैं दबाता हूं जैसे ही मैंने किया सम देखिए क्या लिखा गया योर सम इज 11 वापस चलते हैं मैं इस बार फाइ और सिक्स की जगह क्या कर देता हूं यहां फ या 51 और 99 कर देता हूं 51 और 99 कसा होना चाहिए 150 सम किया देखिए रिजल्ट आ गया 150 ये देखिए एक अच्छे लेवल का प्रोजेक्ट टाइप है बेसिक अगर आपने नोड में इतना चलाना सीख लिया है बहुत सारी चीजों की अभी तक हमने जितना भी पढ़ा है देखिए अच्छा खासा टाइम लग गया हमको प्रैक्टिस सेट करने में बट हमने जितना भी पढ़ा है उसका एक बहुत अच्छा रिवीजन बहुत अच्छी एक्सरसाइज है अगर आप इतना कर पा रहे हैं तो इसका मतलब वेल एंड गुड अगर आप यहां तक पहुंच गए हैं सिर्फ एक चीज हमको समझ नहीं आई अभी जो हमने अंदर एंड के अंदर मूव किया इसका क्या सिग्निफिकेंट है ये एगजैक्टली हमने ऐसे ही क्यों किया ये हम आगे चलके और समझ रहे होंगे अगले चैप्टर में बट अगर आपको प्रैक्टिस सेट में इतना समझ आ गया इससे पहले स्टेप तक भी आप पहुंच गए थे तो बहुत अच्छी प्रोग्रेस आपकी हो रही है चलिए दोस्तों स्टार्ट करते हैं हमारा अगला चैप्टर जिसका नाम क्या होने वाला है इवेंट लूप इवेंट लूप का क्या मतलब है क्या-क्या हम यहां पर देख रहे होंगे इवेंट ड्रिवन प्रोग्रामिंग जो अभी हम थोड़ी सी करके आए उसको डीप में समझेंगे बाकी थोड़ा सा जावास्क्रिप्ट का हम इंटरनल समझने की कोशिश करेंगे जावास्क्रिप्ट सिंगल थ्रेडेड क्यों है किस तरह से चलता है जो इसका 8 टजन होता है और ये लिब यूवी जिसकी हम बात कर रहे हैं इनमें क्या डिफरेंस है किस हिसाब से कौन क्या काम करता है किसकी क्या रिस्पांसिबिलिटी है फिर नट का रन टाइम ओवरऑल कैसे काम करता करता है कुछ एग्जांपल्स लेकर देखेंगे ताकि हमको अच्छे से कोड वाला जो चीज पार्ट है वो समझ आ पाए सिंक के सिंक वाला है ना इवेंट लूप उसके बाद देखेंगे उसमें इवेंट लूप का क्या पार्ट है और लास्ट में हम देख रहे होंगे एसिंक प्रोग्रामिंग या एसिंक्रोनस प्रोग्रामिंग क्या होती है ब्लॉकिंग कोड क्या होता है अभी जो हम लास्ट एक्सरसाइज में चेंज करके आए यानी हमने उस जो अपना कोड था उसको ऑन के अंदर लिख दिया उससे क्या एडवांटेज हुआ क्या डिसएडवांटेज हुआ बेसिकली ओवरऑल अंडरस्टैंडिंग बहुत ज्यादा इस चैप्टर से हमारी इंप्रूव होने वाली है जो हमारा कोड है वो भी थोड़ा सा आगे बढ़ेगा बट काफी सारे अंडरस्टैंडिंग यहां पर क्लियर होने वाली है कांसेप्ट क्लियर होने वाले हैं और अगर यह आपको एक बार क्लियर हो गए तो बहुत अच्छे से आपको समझ आने वाला है कि जावास्क्रिप्ट या नोट जो है वो किस तरह से किस केस में काम करती है और जो अभी आपको बहुत बार कॉल बैक कॉल बैक के अंदर हम बहुत सारी चीजें लिखते रहते हैं ठीक से समझ नहीं आता है क्या हो रहा है वो सब कुछ बहुत अच्छे से यहां पर आज समझ आने वाला है इस बात की गारंटी देता हूं इस तरह से आपको इवेंट लूप रन टाइम वगैरह किसी ने आज तक कौन सा मेथड यूज किया था उसके लिए हम यूज कर रहे थे रिक्वेस्ट पर ऑन मेथड है ना हमने लिखा रिक्वेस्ट डॉ ऑन एक बार हमने लिया था वहां पर डाटा है ना और दूसरी बार क्या लिया था एंड यानी हम बोल रहे थे कि भाई ये दो इवेंट जब भी हो तो आप हमको बता दीजिएगा कि ये दो इवेंट हुए है ना या इन नॉर्मल चीज में अगर हम बात करें तो होता क्या है यूजर से भी अगर कुछ हो रहा है यूजर ने क्लिक किया वहां पर भी कुछ हो रहा है यूआई के अगर कांटेक्ट में बात करें अगर यूजर ने अपने बटन पर क्लिक किया है ना तो क्या होगा उसके लिए एक इवेंट लिसन है यानी एक कान लगा हुआ है देखिए क्या दिखा रहा है एक इवेंट लिसन है जो सुन रहा है कि यूजर जब भी क्लिक करेगा तो मुझे पता पता चल जाएगा और वो इवेंट जाता कहां है वो इवेंट एक क्यू के अंदर चला जाता है यानी सारे इवेंट बैठकर वेट कर रहे हैं कि जब मेरे इवेंट का नंबर आएगा तब बेसिकली मैं भी कुछ ना कुछ कोड एग्जीक्यूट कर रहा हूंगा इस इवेंट के प्रति कुछ ना कुछ अपनी प्रतिक्रिया दे रहा हूंगा इस इवेंट के प्रति मैं कुछ रेस्पों कर रहा हूंगा रिएक्ट कर रहा हगा ठीक है ये हमारा रिएक्ट वो वाला रिएक्ट नहीं है नॉर्मल मैं इंग्लिश वर्ड रिएक्ट की बात कर रहा हूं है ना इसी तरह से हमारे चंक के लिए भी हो रहा है हमारे चंक्स की डेटा की स्ट्रीम आ रही है हमने यहां किस तरह के लिए लिसन लगाया हमने बोला भाई जब भी कोई डाटा आएगा है ना जब भी आपके पास एक चंक आ जाएगा तो मुझे बता देना हमने लिसन लगा दिया लिसन के साथ हमने क्या पास किया था एक कॉल बैक पास किया था यहां ऑन डाटा के साथ हमने क्या पास किया था कॉल बैक पास किया था वो कॉल बैक कहां आ जाएगा इस क्यू के अंदर आ जाएगा और वो क्यू उसके बाद कहां पर जाएगा इवेंट लूप के पास जाएगा एग्जीक्यूट होने के लिए जब ये इवेंट जो हमारा है इवेंट भी इवेंट लूप के पास जाएगा उसका जितने भी इवेंट हैंडलर हैं इवेंट लूप एक-एक करके उन इवेंट हैंडलर को एग्जीक्यूट कर रहा होगा हैंडलर क्या है यहां पर जो कॉल बैक हम पास करें यानी ऑन में मान लीजिए हमने क्या किया था चंक को बॉडी के अंदर पुश किया था ये सब जो हम काम कर रहे हैं ये कहां हो रहा है ये इवेंट हैंडलर के अंदर हो रहा है इवेंट र का क्या मतलब हुआ उस इवेंट के प्रति आपका रिएक्शन या आपका आप जो भी उसके लिए काम करना चाह रहे हैं वो तो दो चीजें हुई एक होगा हमारा इवेंट और एक होगा हमारा इवेंट के लिए रिस्पांस तो क्या होगा इसी को बोलते हैं इवेंट ड्रिवन प्रोग्रामिंग कि कहीं पर कोई इवेंट होगा और बाकी लोग उसको रिस्पॉन्ड कर रहे होंगे याना जैसे क्लास में होता है ना जैसे टीचर के आने की आवाज होती थी जब हम स्कूल में थे क्या होता था टीचर के आने की आवाज होती थी सब बच्चे शांत हो जाते थे यानी सब बच्चे लिसन कर रहे थे एक इवेंट कौन सा कि टीचर के आने की आवाज आएगी जैसे ही टीचर के आने की आवाज आएगी हम एकदम रिएक्ट करेंगे हम एकदम शांत बैठ जाए ंगे जैसे ही घंटी बजेगी छुट्टी की घंटी बजेगी क्या होता था सब लोग लिसन कर रहे हैं कि घंटी की छुट्टी की घंटी कब बजेगी जैसे ही छुट्टी की घंटी बजेगी हम तुरंत बाहर निकल जाएंगे वैसे मुझे पता नहीं आजकल स्कूल्स में घंटी बजती है कुछ और होता है और घंटी बजती होगी ऐसा मैं एज्यूम कर रहा हूं है ना तो घंटी बजी तो आप तुरंत क्या करेंगे आपके इसका मतलब छुट्टी हो गी फिर टीचर की बात कोई नहीं सुनता फिर उसके बाद होमवर्क कोई नोट नहीं करता जैसे ही उसने कहा छुट्टी हो गई तुरंत निकल के भागना है तो हमारा उस समय जो इवेंट हैंडलर है ये क्या हुआ कि भाई बैक पैक करो निकलो वैसे बैकपैक तो हम घंटी बजने से पहले ही कर लेते थे है ना सब लोग एंटीसिपेशन में बैकपैक कर लेते थे और यहां इवेंट क्या हुआ घंटी बजना इवेंट हुआ तो नोड में जब हम रन टाइम चलाते हैं मोस्ट ऑफ द चीजें इवेंट ड्रिवन चल रही होती है इसका क्या एडवांटेज है ये भी हम बाद में समझेंगे बट मतलब ऐसा नहीं हो रहा है कि बार-बार कोई स्कूल के बाहर से आ रहा है आपका हाथ पकड़ के ले जा रहा है यानी आपको एग्जीक्यूट करा रहा है सिंक में एग्जीक्यूट करा रहा है कि चलो भाई छुट्टी हो गई घर चलो वो तो अपना इवेंट बता देगा कि भाई ये काम हो गया चंक आ गया है या सारे चंक्स एंड हो गए हैं उसके बाद आपको जो इस परे रिस्पॉन्ड करना है आप करिए इटस टोटली अप टू यू ठीक है तो ये तो हुआ इवेंट ड्रिवन जो अभी हम करके आए थे एक चीज जो यहां हमको समझनी है वो क्या है कि जो हमारा जावास्क्रिप्ट है और जो हमारा नोड रन टाइम है वो क्या होता है सिंगल थ्रेडेड होता है तो ये बेसिकली चल किस तरह से रहा है तो देखिए ये हमने पहले भी जब एकदम स्टार्टिंग में डायग्राम बनाया था वहां भी समझा था यहां हम इसको थोड़ा सा और एक डीप में समझने की कोशिश ये कर रहे हैं कि सिर्फ रिक्वेस्ट्स के लिए ट्रू नहीं है ये रिक्वेस्ट के साथ-साथ अगर हम क्या लगा रहे हैं हम यहां इवेंट्स भी लगा रहे हैं किसी भी तरह का अगर हम काम दे रहे हैं और बहुत सारे तरह के काम हो सकते हैं उन सब काम को एग्जीक्यूट करने वाला यहां एक ही इंसान है वो क्या है वो है ये इवेंट लूप और इवेंट लूप के पास सिंगल थ्रेड है ये बहुत बार हम बोल चुके हैं सिंगल थ्रेड सिंगल थ्रेड का हमेशा मतलब यही याद रखना है सिंगल यूनिट ऑफ एग्जीक्यूशन यानी एक बार में सिर्फ एक काम हो सकता है अगर सिस्टम में एक थ्रेड है भी जब हम नॉर्मल सिस्टम चलाते हैं आप कंप्यूटर चला रहे हैं आप इस समय अगर फोन में भी आप देखें वीडियो भी देख रहे हैं साथ-साथ आपका सिग्नल भी कनेक्टेड है कोई whatsapp-web बेसिकली नॉर्मल काम करने वाले छोटा-छोटा काम करने वाले तो होता क्या है मल्टीपल चीजें एक बार में चल रही है परट जो हमारा नोड का रन टाइम है वो एक बार में सिर्फ एक पर चलता है यानी एक बार में उसको सिर्फ एक कंप्यूटर का कोर चाहिए जो एक्चुअली चीजें एग्जीक्यूट कर रहा होगा एक बार में उसको सिर्फ एक बेसिकली चीज चाहिए यहां पर एक ही यूनिट ऑफ एग्जीक्यूशन इसकी बन रही होगी ठीक है तो अगर हमने देख लिया कि एक यूनिट ऑफ एग्जीक्यूशन है तो सारी चीजें हमेशा क्या करेंगी एक क्यू बनाकर वेट करेंगी चाहे यूजर की कोई रिक्वेस्ट आई हो चाहे कोई इवेंट आया हो यानी सिर्फ बाहर एक्सटर्नल रिक्वेस्ट की बात नहीं हो रही है सारे काम आपका पूरा जो भी काम हो रहा है वो सारे के सारे काम इवेंट लूप कर रहा है और कोई लाइन बनाकर कर रहा है है ना उसको डीप में समझेंगे आगे चल के कैसे बट इवेंट लूप ऐसा कैसे कर पाता है देखिए इवेंट लूप ऐसा इसलिए कर पाता है जो हमने पहले भी बात की थी कि इसके पास बहुत बड़ा एक क्या होता है थ्रेड पूल होता है क्या बोलते हैं इसको थ्रेड पूल और ये किसका थ्रेड पूल है ये है वर्कर थ्रेड्स का वर्कर थ्रेड्स है ना मेरी राइटिंग थोड़ी गंदी है बट हम क्या बोलने की कोशिश कर रहे हैं वर्कर थ्रेड्स का थ्रेड पूल है यानी ये तो हमारा मेन है ये तो राजा है जो बीच में बैठा हुआ है है ना ये मैनेजर है उसके अलावा यहां बहुत सारे लोग हैं जो अपने अपना सिंगल सिंगल थ्रेड लेकर बैठे हुए हैं और बहुत सारे काम ये पैरेलली कर सकते हैं तो ये नोड क्या करता है जो इवेंट लूप है क्या करता है बोलता है जो भी इंपॉर्टेंट काम है मेन एग्जीक्यूशन वाला काम है वो तो मैं करूंगा उसके अलावा कोई भी इनपुट आउटपुट वाला काम है फाइल में जाकर कुछ लिखकर आना है डेटाबेस से जाकर कुछ लेकर आना है कुछ ज्यादा कंप्यूटेशन वाला काम है कुछ बेसिकली कैलकुलेशन आपको बहुत मोटा करना है वो सब मैं क्या करूंगा वर्कर थ्रेड्स को पास करता रहूंगा और वो भी कैसे करूंगा जब मैं कोई काम वर्कर थ्रेड को दूंगा मान लीजिए मैंने बोला हम जो भी लिखकर आए थे मीरा जैन और जेंडर फीमेल हमको ले जाकर फाइल में लिखना है तो हम क्या करेंगे उसके लिए रजिस्टर कॉल बैक करेंगे कि भाई एक काम करो ये डाटा जाकर फाइल में लिख देना और जब लिख दो तो मुझे बता देना अभी हमने जो फंक्शन यूज किया था वो था सिंक है ना उसको हम चेंज करेंगे सिंक में काम नहीं करना चाहिए जब हम सिंक में कर रहे हैं तो क्या होगा इवेंट लूप ब्लॉक हो जाएगा पूरा का पूरा यानी जिस टाइम पर हम फाइल में राइट करने गए थे और फाइल राइटिंग जनरली काफी सो स्लो प्रोसेस होता है उस समय अगर और कोई भी काम पेंडिंग आए हुए होंगे तो वो सब क्या हो जाएंगे वो सब ब्लॉक हो जाएंगे वो सब रुक जाएंगे क्योंकि जब तक एक काम होगा देखिए अगर एक बार में एक ही काम हो सकता है और एक काम आपने बहुत बड़ा उठा लिया तो क्या होगा बाकी सारे काम उसके वेट करते रहेंगे कि भाई जब ये काम पूरा होगा तब हमारा नंबर आएगा तो हम देखेंगे हम क्या गलती कर रहे थे बट बेसिकली हमको यहां पर ये समझना है इवेंट लूप एक बार में एक काम करता है और मोस्ट ऑफ द काम ये पॉन ऑफ कर देता है यानी छोटे वाले लोगों को दे देता है वर्कर थ्रेड को दे देता है बोलता है जाओ तुम ये काम करके लाओ और जब काम पूरा हो जाएगा तो वापस आकर मुझे बता देना वापस आकर मुझे बता देना है कि ये काम पूरा हो गया उसके बाद फिर से जो करना है वो मैं करूंगा तो ये क्या करता है एक रजिस्टर कॉल बैक करता है इनको काम देता है और ये काम जब भी पूरा कर लेते हैं तो ऑपरेशन कंप्लीट का एक कॉल बैक जो है वो वापस इवेंट लूप को देते हैं कि लो भाई ऑपरेशन कंप्लीट हो गया और वो जाता कहां है वो एक्चुअली वापस चले जाता है फिर से उसी क्यू में यानी इवेंट लूप के पास तो सिर्फ एक ही क्यू है यहां पर है ना जो भी काम आ रहा है वो सब लोग वहीं से वेट कर रहे हैं लेफ्ट से वेट कर रहे हैं जब ये भी अपना काम पूरा कर देगा ये भी एक यूनिट ऑफ काम यहीं जाकर ऐड कर देगा कि भाई तुम भी यहीं चले जाओ तुम भी लाइन में लग जाओ जब तुम्हारा नंबर आएगा तो तुम भी एग्जीक्यूट हो जाना अब वो लाइन लिटरली लाइन नहीं है देखिए लाइन तो कहीं पर भी लाइन नहीं होती आप रेलवे स्टेशन पर भी जाते हैं तो वहां महिला की लाइन अलग होती है बुजुर्गों की लाइन अलग होती है तो यहां पर भी ऐसा ही है कुछ काम थोड़े ज्यादा इंपोर्टेंट है कुछ काम थोड़े कम इंपोर्टेंट है तो लाइन तो लगी हुई है बट उसके बाद भी कुछ की प्रायोरिटी ज्यादा होती है कुछ की कम होती है है ना वो भी अभी हम आगे समझेंगे बट आपको मेन ये समझ आना चाहिए इवेंट लूप जो है वो एक सिंगल थ्रेड है सारा काम उस एक ही थ्रेड से हो रहा है जिसको भी काम कराना है उस एक ही थ्रेड से कराना है जो भी मेन काम है और जो बाकी काम है वो भी यही डिसाइड करेगा कि वो वर्कर थ्रेड से कब कराना है और वो वर्कर थ्रेड को देता रहेगा और बोलेगा वर्कर थ्रेड को कि जब भी काम हो जाएगा तो वापस आकर मुझे बता देना ठीक है उसके बाद ये काम ये हमको और समझना है एक बार बड़ा इंपॉर्टेंट कि ये दो बेसिकली हमारे कंपोनेंट होते हैं v8 इंजन के बारे में तो हम शुरू से पढ़ते आ रहे हैं ये लिब यूवी का नाम हमने नहीं सुना है लिब यूवी क्या है तो देखिए v8 इंजन क्या है ये तो हमको पता है कहां से निकाला है chrome's में यूज़ होता है जावास्क्रिप्ट टू नेटिव मशीन कोड ये कन्वर्ट करता है क्योंकि ये क्या है देखिए v8 इंजन हर मशीन के लिए अलग होता है मैं दोबारा रिमाइंड करा दूं पहले हमने देखा था कि अगर मेरे मैक पर चल रहा है तो भी तो अलग चल रहा है मेरे पास एक विज का लैपटॉप है वहां चल रहा है तो अलग चल रहा है मेरे फोन पर चल रहा है तो अलग चल रहा है यानी v8 के अलग-अलग वर्जंस हैं बट सेम जावास्क्रिप्ट का कोड उस मशीन के लिए कैसे एग्जीक्यूट कराना है क्योंकि हर मशीन का जो कोड है वो अलग होता है हर मशीन पर चलाने के लिए कोड जो है वो अलग होता है उसका ऑपरेटिंग सिस्टम अलग है उसका हार्डवेयर भी अलग है है ना तो अलग-अलग तरह से एग्जीक्यूट होता है पर सेम हमको कभी फील क्यों नहीं होता क्योंकि हमारा तो सेम कोड सेम वेबसाइट हम किसी भी पे भी जाके खोलते हैं खुल जाती है वो इसलिए क्योंकि v8 टीम ने v8 को अलग-अलग तरह से लिखा है कि मैं जावास्क्रिप्ट तुमको कैसे भी दूं तुमको वो उस मशीन पर एग्जीक्यूट करानी है तो v8 का जो मैक पर v8 इंस्टॉल होगा वो अलग होगा जो विज पर होगा अलग हो होगा linux.com मशीन पर कैसे चलेगा वो सब लिव यूवी अपने आप हैंडल करती है और लिव यूवी का मेन काम क्या है हैंडल्स एसिंक्रोनस आईओ ऑपरेशंस यानी ये वो है जो इवेंट लूप के नीचे बैठा हुआ है वो जो हम कह रहे हैं मल्टीपल वर्कर थ्रेड बनाकर बैठा है और आपके सारे एसिंक एसिंक्रोनस का एगजैक्टली क्या मतलब है आगे चलके हम देखेंगे बट सारे आपके काम करता है वापस लाकर आपको देता है वैसे इसी को एसिंक्रोनस बोलते हैं कि आप आपने अगर किसी को कोई काम बोला तो आप उसका वेट नहीं कर रहे हैं आपने उसको काम बोला और चले गए जब वो काम पूरा कर लेगा तो वापस लाकर आपको बता देगा अगर आप किसी को काम बोले और वेट करते रहे उसका मुही ताकते रहे कि पहले काम करो उसके बाद ही मैं आगे जाऊंगा तो वो होगा सिंक्रोनस अगर मैं किसी को काम बताऊं और भूल जाऊं बोलू जब काम पूरा हो जाए तो वापस आकर मुझे बता देना मेरा एक कॉल बैक कॉल कर देना तो वो होगा एसिंक्रोनस तो ये एसिंक्रोनस आईओ ऑपरेशंस बनाता है है ना एसिंक्रोनस आईओ ऑपरेशंस आप इसके साथ एग्जीक्यूट कर सकते हैं वो जो अभी हम पीछे भी देख रहे थे ना जो वेंट लूप के पास ही नीचे बैठा हुआ था यानी यह सारा काम हैंडल करने की जिम्मेदारी किसकी है ये सारा काम हैंडल करने की जिम्मेदारी लिब यूवी लेता है है ना दिस प्रोवाइड्स इवेंट ड्रिवन आर्किटेक्चर यानी जो अभी हमने इवेंट ड्रिवन पढ़ा वो भी ये लव्यू भी प्रोवाइड करता है है ना और ये क्या-क्या काम कर रहा होता है हमारे फाइल सिस्टम नेटवर्किंग एंड टाइमर्स नॉन ब्लॉकिंग अक्रॉस प्लेटफॉर्म यानी ये सारे के सारे काम कौन कर रहा होता है हमारे लि व्यू भी कर रहा होता है तो अगर हम नोड का रन टाइम देखेंगे नोड के रन टाइम में मेनली ये दो ही चीजें एजिस्ट करती हैं क्या एजिस्ट करता है एक तो v8 इंजन जो जावास्क्रिप्ट को लगातार मशीन कोड में कन्वर्ट करके चलाता है और लिब यूवी जो कि एक c+ प की एसिंग लाइब्रेरी है ये बाकी सारा काम चाहे इवेंट लूप का काम है चाहे थ्रेड पूल है ये सारा का सारा काम एक्चुअली हो रहा ता है लिब यूवी में यानी एक्चुअल जो मास्टर है यहां पर वो ट नहीं एक्चुअल जो मास्टर है वो लिव यवी है v8 सिर्फ इतना काम कर रहा है कि लि यूवी जो भी इसको कोड देगा बेसिकली मशीन पर एग्जीक्यूट करने के लिए वही एग्जीक्यूट कर रहा होगा सिर्फ जावास्क्रिप्ट के कोड को मशीन पर एग्जीक्यूट कराना सिंगल रिस्पांसिबिलिटी है v8 की और बाकी सारा जो काम है वो यहां पर लिब यूवी कर रहा होता है ठीक है हमको इनका डिफरेंस भी समझ आ गया तो हम देखना स्टार्ट करते हैं जो नोड रन टाइम है वो किस तरह से काम जो है वो करता है है ना तो देखिए यहां पर कुछ एनीमेशंस हैं जो किससे लिए हमने फेबरी लाउ एंड एंड्रू एंड्रू हु 368 है ना इन्होंने बहुत अच्छा सा ब्लॉक बनाकर ये एनिमेशन बना नहीं है हमारे यूज़ के लिए ताकि बेसिकली सबके यूज के लिए ताकि हम लोग इसे ठीक से समझ पाएं तो एक बार समझने की कोशिश करते हैं देखिए यहां पर आपको क्या दिखाने की कोशिश कर रहे हैं सबसे पहले लेफ्ट में हम कोड देखते हैं देखिए लेफ्ट में कोड क्या है एक कंसोल लॉग हमारे पास लिखा हुआ है स्टार्टिंग नोट जैस है ना उसके बाद इन्होंने एक डीबी क्वेरी लिखी हुई है अभी डीबी क्वेरी हमको नहीं देखना है कि हम कैसे करते हैं अभी हमको क्या समझना है ये एक इनपुट आउटपुट ऑपरेशन है यानी इस पूरे को आपको अंदर घुस के नहीं देखना है झांक के नहीं देखना आपको बसे समझना है एक इनपुट आउटपुट ऑपरेशन है उसके बाद फिर से कंसोल लॉग यहां पर लिखा हुआ है तो जो सेकंड ऑपरेशन है हमारा ये क्या है ये हमारा एक ए सिंक ऑपरेशन है यानी यहां यहां पर वही जो हमारी लिब यूवी है वो काम करने वाली है क्या काम करने वाली है काम हम उसको दे देंगे बोलेंगे जब तुम्हारा काम हो जाएगा तो हमको बता दीजिएगा तो इसका आउटपुट यहां दिखाने की कोशिश कर रहे हैं कि किस तरह से कोड चलने वाला है आपको अभी तक जब हम ऐसी डायरेक्ट निगाहों से कोड देखते हैं तो हमको लगता है पहले ये लाइन चलेगा है ना अगर कोई पूछेगा हम क्या बोलेंगे नंबर वन पे ये लाइन चलेगा फिर टू पर ये लाइन चलेगा और थ्री नंबर पर ये लाइन चलेगा है ना क्योंकि जिस सीक्वेंस में लिखे हैं उसी सीक्वेंस में चलेंगे ये बात तो आपकी ठीक है बट इनका जो रिजल्ट है वो उसी सीक्वेंस में नहीं आने वाला है कैसे सबसे पहले हम बोलेंगे स्टार्टिंग नोट जैस है ना तो ये क्या हुआ v8 इंजन के पास आएगा सबसे पहले क्या स्टार्टिंग नोट जस अभी यहां पर जब हम एनिमेशन में देखेंगे आया देखो कंसोल लॉग आया तो यहां पर हमारे पासस आउटपुट में आ गया लिखा हुआ स्टार्टिंग नोट जस ये बात बिल्कुल ठीक है उसके बाद जब डीबी क्वेरी चलेगी तो क्या होने वाला है डीबी क्वेरी जैसे ही चलेगी तो ये तो हमारा एसिंक ऑपरेशन है तो इसके लिए हम क्या करने वाले होंगे इसके लिए हम डीबी क्वेरी को लेंगे और सीधे ले जाकर डाल देंगे लिब यूवी में तो देखिए पहली लाइन चली अभी यहां एरो दिखा रहा है पहली लाइन चली अब जैसे ही दूसरी लाइन यहां पर चलेगी डीबी क्वेरी चलेगी तो क्या होगा अभी पहली लाइन चली इसके बाद अब चलेगी अच्छा अभी यहां पर पहली लाइन हमने दिखाई है है ना कि पहली लाइन जब भी चल रही है तो क्या हो रहा है कंसोल लॉग आ रहा है और आउटपुट में हमारे हमको क्या दिख रहा है नट जेएस जो है वो दिख जा रहा है तो पहली लाइन तो हमको समझ आ रही है बाय डिफॉल्ट है ना अगर अगली लाइन हम देखेंगे देखिए जैसे ही कंट्रोल अगली लाइन पर जाता है डीबी क्वेरी आती है डीबी क्वेरी चली जाती है लिब यूवी के अंदर है ना कहां चली जाती है लिब यूवी के अंदर चली जाती है वो अपने आप कुछ एग्जीक्यूट अभी कर ही नहीं रही है उसको तो पता है ये एसिंक ऑपरेशन है तो लिब यूवी के पास वो भेज देगा बोलेगा जब तुम्हारा काम हो जाएगा तो मुझे बता देना v8 ने अभी यहां पर कोई काम नहीं किया इसको सीधे कहां पास कर दिया लिब यूवी के पास पास कर दिया तो ये जो क्वेरी एग्जीक्यूटेड मेरा जो कोड लिखा हुआ है यह भी आउटपुट में नहीं आया है ना उसके बाद क्या होगा कोड आगे बढ़ जाएगा अभी लिव यूवी अपना काम कर रहा है पर जो लेफ्ट में कोड है वो आगे बढ़ जाएगा कहां बिफोर क्वेरी रिजल्ट पर ये क्या करेगा आगे बढ़ जाएगा लिब यूवी अभी पैरेलली अपना काम कर रहा है क्योंकि लिब यूवी के पास क्या है लिब यूवी के पास वर्कर थ्रेड है वो काम अपने अपने थ्रेड में कर रहे हैं हमारा जो v8 इंजन वाला जो मेन थ्रेड है वो आगे बढ़ जाएगा कंसोल लॉक पर आएगा और देखिए इसलिए सेकंड आउटपुट हमारा यहां पर क्या आ गया है सेकंड आउटपुट हमारा आ गया है बिफोर क्वेरी रिजल्ट क्वेरी एग्जीक्यूटेड नहीं आया अभी बिफोर क्वेरी रिजल्ट जो है वो पहले आ गया है तो बिफोर क्वेरी रिजल्ट यहां पर गया है ना अभी लिव यूवी अभी भी अपना काम कर रहा है अब क्या होगा अब मान लीजिए लिव यूवी का काम भी पूरा हो जाता है तो लिव यूवी उसके बाद क्या कर रहा होगा उसको उठाकर डाल रहा होगा यहां इवेंट q में है ना जो हमने देखा था वो क्या करेगा हमेशा q में डाल देगा इवेंट q से वो फिर से आएगा कॉल बैक यानी v8 इंजन में एग्जीक्यूट होने के लिए और उसके बाद मेरा तीसरा जो आउटपुट है वो यहां पर आ रहा होगा क्या क्वेरी एग्जीक्यूटेड है ना तो ये हमको समझ आना चाहिए क्या हुआ देखिए इवेंट लूप ने इसको घुमाकर कहां डाल दिया v इंजन डाल दिया इवेंट लूप का काम क्या है इवेंट लूप का काम है जब भी कोई भी काम एग्जीक्यूट करने के लिए हो तो उसको एग्जीक्यूट करना v8 के के पास जब भी कोई काम है बेसिकली इवेंट क्यू में जब भी कोई काम है तो उसको v8 से एग्जीक्यूट करना है ना तो ये भी हालांकि जो एनिमेशन है वो 100% ट्रू नहीं है इवन जब कंसोल लॉक चल रहा है ना तो वो भी कहां आएगा पहले इवेंट क्यू में आएगा इवेंट क्यू से इवेंट लूप उसको एग्जीक्यूट करेगा v8 इंजन के पास और उसके बाद वो एग्जीक्यूट हो रहा होगा उसके बाद आउटपुट उसका यहां पर आ रहा होगा पर मोटा-मोटा हमको क्या समझ आया कि कैसे v8 और लिब यूवी दोनों भाई भाई की तरह साथ मिलकर काम करते हैं एगजैक्टली जावास्क्रिप्ट को जब भी कन्वर्ट करना है तो वो काम ट कर रहा होता है बट जब भी कोई भी काम अगर ए सिंक हमको करना है वर्कर थ्रेड से कराना है तो उसकी जिम्मे रिब्यू भी ले लेता है और जब उसका काम पूरा हो जाता है तो क्या करता है वापस सीधा ट के पास नहीं आता जब उसका काम पूरा हो जाता है तो वो सारा वो जो जो भी उसने कॉल बैक दिया है वो कॉल बैक एग्जीक्यूट एग्जीक्यूशन के लिए डाल देता है इवेंट कू में और इवेंट क के पास फिर से जब भी मौका लगता है तो उसको यहां पर सॉल्व कर रहा होता है देखिए अगर आपको ये समझना है इससे और डीप में अभी हमने थोड़ा सा कर्सरी लेवल पर कवर किया है कि जावास्क्रिप्ट किस तरह से काम करती है मैं एक वीडियो लिंक करता हूं है ना हमारे इस वीडियो के नीचे लिंक होगा या आप खुद भी चैनल पर जाकर सर्च कर सकते हैं हमने एक वीडियो बनाया हाउ जावास्क्रिप्ट वर्क्स के नाम से है ना आधे घंटे का वो वीडियो है अगर आपने वो पहले नहीं देखा है आपको वो जरूर देखना चाहिए उस वीडियो में हमने एक-एक स्टेप बताया जावास्क्रिप्ट में बहुत खोलकर उसका पूरा रन टाइम और बहुत अच्छे से एनीमेशंस है वहां पर जिनसे बताया कि किस तरह से ये जो जावास्क्रिप्ट में इवेंट लूप है वो एगजैक्टली किस तरह से काम करता है मोस्टली पूरा वो वीडियो आप ही मान लीजिए इवेंट लूप के बारे में ही है है ना पर वो थोड़ा सा ब्राउजर के पॉइंट ऑफ व्यू से कंसंट्रेटेड है ब्राउजर में इवेंट लूप कैसे काम करता है बट सेम ही चीज है चाहे आप ब्राउजर में लगाएं चाहे यहां लगाएं इवेंट लूप बेसिकली इवेंट लूप की तरह ही काम जो है वो कर रहा होता है है ना तो अगर आपको इवेंट लू वहां समझ आ गया तो यहां भी समझ आ जाएगा यहां समझ आ गया तो वहां आपको और डीप में समझ आ जाएगा तो ये हुआ कि हमारा जो एंड्राइड रन टाइम है वो बेसिकली किस तरह से काम कर रहा होता है अब यहां एक बात हम और कर लेते हैं ये जो इवेंट लूप है हमने बोला था कि भाई सबकी प्रायोरिटी बराबर नहीं होती है ना मेट्रो में जाते हैं तो अगर आप लड़के हैं और आप थोड़े जवान उम्र के हैं तो आपको खड़े ही रहना पड़ेगा है ना हालांकि समय धीरे-धीरे चेंज हो रहा है लड़कियां भी आजकल मोस्टली अपने आप चूज करके मैंने देखा खड़ी हो जाती है बट मैं आपको बताने की कोशिश कर रहा हूं कि प्रायोरिटी चीजों की अलग-अलग अलग-अलग होती है तो यहां भी क्या है ये जो इवेंट लूप है हमारा जो लग रहा है इसकी एक प्रायोरिटी है कि मैं किस-किस प्रायोरिटी में चीजों को एग्जीक्यूट कर रहा हूं और ये वो प्रायोरिटी है ये हमने कहां से लिया है जो ऑफिशियल वेबसाइट है नोट जस की वहां पर ये लिखा हुआ है कि ये मैं किसकिस प्रायोरिटी में चीजों को एग्जीक्यूट करता हूं है ना तो देखिए ये मैं क्यों पढ़ा रहा हूं क्या इसको बिना पढ़े हम अपना काम नहीं कर सकते नोट जस का बिल्कुल कर सकते हैं बट इससे आपको थोड़ा सा अंदाजा लग जाता है थोड़ी सी बात समझ आ जाती है कि कौन सी चीज कब एग्जीक्यूट होने वाली है कौन सा कोड में कहां लिखूंगा तो पहले एग्जीक्यूट होगा बाद में एग्जीक्यूट होगा है ना ये क्रिटिकल नहीं है ये याद रखने की जरूरत नहीं है एक-एक स्टेप इसका याद रखने की रट्टा मारने की जरूरत नहीं है बट एक बार आपको अंडरस्टैंडिंग क्लियर हो जाती है कि क्या चीजें कैसे चल रही है है ना तो इसके नोट्स मत बनाने की कोशिश करिएगा याद करने की कोशिश मत करिएगा एक बार समझने की कोशिश करिएगा कि हम यहां क्या बताने की कोशिश कर रहे हैं तो हम कह रहे हैं सबसे पहले अगर कोई भी टाइमर हैं टाइमर्स हैं तो वो एग्जीक्यूट होंगे टाइमर्स के कॉल बैक्स हैं तो वो एग्जीक्यूट होंगे मतलब अगर हम यहां देखेंगे दिस फेज एग्जीक्यूट्स कॉलबैक शेड्यूल बाय सेट टाइम आउट और सेट इंटरवल ये दो मेथड हमने देखे हैं पहले भी दो फंक्शन हमने देखे हैं तो अगर आपने कोई भी चीज सेट टाइम आउट या सेट इंटरवल से करी है तो सबसे पहले इवेंट इवेंट अगर क्य में बहुत सारे लोग लगे हुए हैं तो सबसे पहले पूछेगा आप में से टाइमर वाले हैं क्या कोई जिनको टाइमर का एग्जीक्यूशन करना है कोई बोलेगा हां मुझे टाइमर का एग्जीक्यूशन एग्जीक्यूशन मतलब क्या टाइमर सेट करना नहीं आपने मान लीजिए 1000 का सेट टा टाइम आउट लगाया था य पर है ना आपने लिखा सेट टाइम आउट फंक्शन ऐसे ही लिखते थे ना आपने लिख दिया 1000 मिली सेकंड बाद एग्जीक्यूट होना चाहिए कुछ आपने कॉल बैक दे दिया कि भाई ये मेरा एग्जीक्यूट कर देना तो वो बोलेगा भाई किसी का टाइम पूरा हो गया कोई वो वाला है क्या तो वो आ जाओ क्योंकि समझ रहा है यार आपने बोला था एक सेकंड बाद एग्जीक्यूट करना अगर ये लाइन में खड़े रहेंगे तो इनका काम डिले हो जाएगा तो हो सकता है काम जो है इफेक्ट हो तो सबसे पहली प्रायोरिटी किसकी है सबसे फर्स्ट प्रायोरिटी जो मिलेगी वो मिलेगी टाइमर्स को यानी अगर कोई भी टाइमर पेंडिंग है तो सबसे पहले वो एग्जीक्यूट होगा सेकंड नंबर किसका आएगा जब कोई भी टाइमर पेंडिंग नहीं है तो आएगा पेंडिंग कॉल बैक्स का नंबर पेंडिंग कॉलबैक्स क्या है एग्जीक्यूट्स आई कॉल बैक्स डेफरड टू द नेक्स्ट लूप आइट एशन है ना ये भी हम आगे पढ़ेंगे आती कहां पे है पर कई बार क्या होता है बहुत ज्यादा आईओ इकट्ठे हो गए हैं तो क्या बोलता है बोलता है नहीं मेरे को दोबारा टाइमर्स तक जाना है मुझे जो इंपोर्टेंट काम है पहले वो करने हैं तुम एक काम करो तुम वापस चले जाओ तुम एक काम करना नेक्स्ट साइकिल में एग्जीक्यूट हो जाना तो अगर कोई ऐसा है जो पिछली साइकिल का एग्जीक्यूशन बचा है यानी ये इवेंट लूप क्या है ये एक बार इसमें नहीं घूमता है तो पूरा दिन ऐसे ही घूमता रहेगा जब तक चलेगा जब तक चलेगा ये सारे काम ऐसे ही बार-बार बार-बार ही एग्जीक्यूट करता रहेगा एक डायरेक्शन में तो अगर पहली डायरेक्शन पहली बार चलते हुए उसने बोला था नहीं मुझे बहुत टाइम हो गया ये सब आईओ का काम करते हुए मुझे और काम भी देखने हैं तुम बाद में आना तो अगर कोई पेंडिंग वाला है तो पहले उसका एजीक्यू एग्जीक्यूशन हो जाएगा है ना उसके बाद क्या है आइडल प्रिपेयर यूज्ड ओनली इंटरनली तो ये इंटरनल इसके कुछ यूजजी में नहीं जाएंगे बट ये इंटरनली यूज होता है कुछ-कुछ इंटरनल इसको काम करने है तो वो काम कर रहा होगा उसके बाद आ जाता है मेन पोल पोल क्या करता है रिट्रीव्स न्यू आईओ इवेंट्स कि अगर कोई नए आईओ इवेंट किसी ने लगाने की कोशिश की है शेड्यूल करने की कोशिश की है तो वो होंगे उसके अलावा एग्जीक्यूट्स आईओ रिलेटेड कॉल बैक्स ऑलमोस्ट ऑल विद एक्सेप्शन ऑफ कॉल क्लोज कॉल बैक्स यानी अब जो भी किसी ने मान लीजिए आईओ पूरा कर दिया जो हमारा लिब यूवी है वो क्या बोल रहा है आपने उसे डेटाबेस से क्वेरी एग्जीक्यूट करने के लिए कहा था उसने कर दी फाइल में कुछ राइट करने के लिए कहा था उसने कर दिया बहुत सारे काम पेंडिंग हो गए हैं और वो कहां भेज रहा है हमने देखा था वो इवेंट इवेंट क्यू जो है उसमें भेज रहा है अब ये इवेंट क्यू में से जो भी काम है पोल स्टेज में वो सब वो एग्जीक्यूट कर रहा होगा सिर्फ क्या छोड़कर अगर कोई क्लीनअप वाला काम है कहीं सिर्फ मेमोरी क्लीन करना है कनेक्शन को बंद करना है अगर सिर्फ इस टाइप के काम है तो बोलता है तुमको मैं बाद में भी कर सकता हूं तुम सिर्फ ऑप्टिमाइजेशन वाले काम हो तुम थोड़ी देर रुक जाओ तुमको बाद में करूंगा पहले बाकी सारे काम एग्जीक्यूट कर लेता हूं उसके अलावा द वंस शेड्यूल टाइमर्स एंड सेट इमीडिएट नोड विल ब्लॉक हियर व्हेन अप्रोपो के टाइम पर एक बार दोबारा से जाकर चेक कर लेगा कि कोई अगर टाइमर्स थे तो उनको दोबारा एक बार टाइमर से टाइमर्स को मैं एग्जीक्यूट कर लेता हूं किसी में अगर सेट इमीडिएट दिया हुआ है तो वो भी मैं एग्जीक्यूट कर लेता हूं है ना इनको छोड़कर बेसिकली बाकी एग्जीक्यूट करता है उसके बाद आता है चेक सेट इमीडिएट कॉल बैक्स आर इन्वोक्ड र यानी कई बार आप सेट इमीडिएट फंक्शन यूज कर सकते हैं हमने पहले नहीं पढ़ाया पर सेट इमीडिएट भी होता जहां पे बोलते हैं कि भाई इसको इमीडिएट एग्जीक्यूट कर देना तो अगर वो है ऐसा कोई भी पेंडिंग है तो उसके बाद सेट इमीडिएट वाला एग्जीक्यूट होने वाला है देखिए इनकी प्रायोरिटी टाइमर्स से कम है है ना तो टाइमर्स की प्रायोरिटी ज्यादा है सेट सेट इमीडिएट की प्रायोरिटी कम है उसके बाद कोई भी ऐसा है जो सेट इमीडिएट वाले हैं तो वो एग्जीक्यूट हो रहे होंगे लास्ट में हो रहे होंगे क्लोज कॉलबैक्स यानी कहीं पर भी अगर आपने क्लीन अप करने की कोशिश की है बहुत सारी चीजें आप ये बोल रहे हैं कि भाई ये रिसोर्स में यूज़ कर रहा था इसको बंद कर दीजिए उस फाइल को वहां बंद कर दीजिए नेटवर्क कनेक्शन को बंद कर दीजिए मेमोरी क्लीन अप कर दीजिए यानी जो भी साफ सफाई वाले काम है अगर कोई ऐसा भी हो रहा है तो उसके बाद क्लोज कॉल बैक्स पे आएगा और वापस घूम कर चला जाएगा टाइमर्स के पास ठीक है तो आपको यहां पर मोटा-मोटा ये समझ आना चाहिए कि इवेंट लूप इन सारे कामों में जो छह काम है इनमें बार-बार बार-बार घूमता रहता है और बार-बार बार-बार इनको एग्जीक्यूट करता रहता है तो टाइमर्स की प्रायोरिटी ज्यादा होती है उसके बाद कॉलबैक्स फिर आइडल फिर पोल फिर चेक फिर क्लोज कॉलबैक्स इसी को ये बार-बार करता रहता है और जो भी आएंगे वो सब कहां आएंगे वो एक क्यू में यहां पर आते रहेंगे और हर बार ये पहले क्यू में पूछेगा ये वाले को जैसे अगर आप लोगों में से कभी किसी ने फ्लाइट लिया हो फ्लाइट में आप जाते हैं तो क्या पूछते हैं सबसे पहले बोर्डिंग के टाइम पर कि रो ए से रो डी वाले कौन-कौन से हैं सबसे पहले वो आ जाइए तो वहां सब लोग लाइन बनाकर बैठे हैं सब लोग वेट कर रहे हैं बट उसके बाद क्या है उनकी प्रायोरिटी ज्यादा उससे पहले बोलेगा बिजनेस क्लास वाले कौन है वो आ जाइए फर्स्ट क्लास वाले कौन है वो आ जाइए उनके बाद आपका नंबर आएगा तो यहां पर भी यही है टाइमर्स वाला फर्स्ट क्लास है पेंडिंग कॉल बैक्स बिजनेस क्लास है बाकी सब हम इकॉनमी वाले अलग-अलग अलग-अलग सीट वाले हैं कि आपको किसकिस सीट पर बैठना है बट इवेंट लूप आपके लिए क्या कर रहा होता है इवेंट लूप आपके लिए इन सबको लगातार एग्जीक्यूट कर रहा होता है क्योंकि वो सिंगल है हमने बाद बार मैं याद दिला रहा हूं सिंगल थ्रेड है एक बार में एक ही काम कर सकता है तो वो बेसिकली अपना इस तरह से लाइन बनाकर इन सब चीजों को एू कर रहा होता है है ना इसी चीज के लिए एक ये दूसरा बेसिकली डायग्राम है समझने के लिए यहां भी क्या है आपको दिखा रहा है इवेंट लूप कैसे एग्जीक्यूट हो रहा है पहले टाइम आउट इंटरवल वाले काम करेगा फिर नेटवर्क डिस एंड चाइल्ड प्रो प्रोसेसेस वाले काम करेगा सेट इमीडिएट करेगा क्लोज इवेंट्स करेगा है ना यहां हमने चार ही क्यों दिखाए छह के बजाय क्योंकि देखिए एक तो ये इंटरनल है माफ कीजिएगा जो हम इससे पहले देख रहे थे उसमें जो जो पोल सॉरी जो आइडल प्रिपेयर वाला स्टेट था वो इंटरनल था और जो बेसिकली क्लोज कॉल बैक्स से यानी वे सिर्फ क्लीन अप वाले काम का है सेट इमीडिएट वाले काम है है ना तो अगर हम यहां पर दोबारा आकर देखें तो हम क्या-क्या दिखा रहे हैं जो टाइमर वाले काम है वो हो गए जो पोल वाले काम है पेंडिंग कॉल बैक वाले काम है वो हो गए सेट इमीडिएट हो गया और क्लीन अप वाले काम हो गए है ना तो वैसे छह स्टेट्स हैं आप मोटा-मोटा जिस भी तरह से समझना चाहे इसको समझ सकते हैं अब हमने आज ज्ञान तो बहुत ले लिया है ना हमको 152 मिनट हो गए करते हुए हमने बहुत सारा ये समझ लिया कि अ ये सिंगल थ्रेडेड का मतलब क्या है इवेंट लूप का मतलब क्या है सब चीजों का मतलब क्या है तो हमने समझ लिया अब एक बार वापस आकर ये समझते हैं कि जो हमने कोड लिखा था उसमें हमको क्या चेंजेज की जरूरत थी है ना हमने काम एक बार इसमें कर लिया है जो जो हमने एक्सरसाइज किया था प्रैक्टिस सेट किया था उसम एक बार कर लिया फिर भी मैं आपको य समझाने की कोशिश करता हूं कि मैं य क्या बोल रहा था है ना इसके लिए हम क्या करते हैं जो हमने प्रैक्टिस सेट किया था उसको हम बना लेते हैं चैप्टर नंबर सिक्स के अंदर तो एक नया चैप्टर य बना लेंगे क्या चैप्टर सिक्स इसका नाम क्या रख देंगे इवेंट लूप और इवेंट लूप प हम क्या करने वाले हैं जो पाच का कैलकुलेटर था नाना इस कैलकुलेटर को मैं ले आता हूं उठा करके इसको मैंने कॉपी कर लि और चैप्टर सिक्स के अंदर लाकर कर लिया पेस्ट है ना इसी के अंदर मैं आपको एक चीज दिखा रहा हूंगा क्या जब हम सम के अंदर गए है ना बाकी सबको हम बंद कर देते हैं क्लोज ऑल है ना अच्छा हल ही कर दिया मैंने क्लॉज अदर्स करना जब हम सम के अंदर गए तो देखिए सम के अंदर क्या हो रहा है हमने जो रिस्पांस रिटर्न किया ये कहां किया है एंड के अंदर किया है अगर मैं रिस्पांस बाहर रिटर्न कर रहा होता है ना अभी के लिए मान लीजिए हमको यहां पर रिजल्ट नहीं बताना था है ना रिजल्ट तो हम नहीं बता पा रहे हैं य मैं बस ये बोल देता हूं योर सम इज 78 है ना पहले एक बार समझने की कोशिश करते हैं क्या हो रहा है या मैं ये जो रिजल्ट हमने बनाया है ना इससे अच्छा तरीका है मैं क्या करता हूं ये जो रिजल्ट है इसको हम बाहर डिक्लेयर कर लेते हैं बॉडी के पास जैसे हमने बाकी चीजें डिक्लेयर की है रिजल्ट भी कर लेते हैं और कंस्ट की जगह इसका जो डिक्लेरेशन है वो हम लेट कर देते हैं लेट रिजल्ट इज दिस रिजल्ट हम यहां पर सेट कर देंगे है ना और रिजल्ट उसके बाद यहां पर यूज कर लेते हैं इसमें तो हमको कोई दिक्कत नहीं होनी चाहिए है ना वेरिएबल हमने ऊपर डिक्लेयर कर लिया है बॉडी भी तो हमने अंदर से एक्सेस किया था इसी तरह से हमने रिजल्ट को भी एक्सेस करके यहां से सेट कर दिया और उस हमने यहां पर सेट कर दिया उसके बाद ठीक है अब एक बार मैं आपको चलाकर दिखाता हूं इसमें क्या प्रॉब्लम होने वाली है इसको हम क्ल कर लेते हैं सर्वर को हमको कैलकुलेटर में ही आना है पर भाई हमको अब आना है चैप्टर सिक्स में ठीक है कैसे चलाएंगे एड ज से चला रहे होंगे आप ड ज से चला लिया बोल रहा है लोकल हो 3000 प आपका सर्वर चल गया है तो उसको हम वापस ले जाते हैं होम पेज पर अच्छा कैलकुलेटर पेज पर आ गया होम पर भी ले जा सकते हैं होम पर ले जाते हैं ठीक है होम पर आ ग देखिए नीचे हमारे पास रिक्वेस्ट जो है वो आ रही है है ना अच्छा होम की अभी रिक्वेस्ट नहीं आई अभी रिफ्रेश कर देता हूं देखिए अब रिक्वेस्ट आ गई जो हमारा नया वाला कोड है वो यहां पर लोड हो गया है मैंने बोला गो टू कैलकुलेटर तो ये कैलकुलेटर पे आ गया कोई दिक्कत नहीं है अब मैं यहां पर कर देता हूं 5 9 है ना फाइव और नाइन का सम हमको करना है मैंने बोल दिया सम करने के लिए क्या बोल रहा है योर सम इज अनडिफाइंड ऐसा क्यों बोल रहा है यार ये कि योर सम इज अनडिफाइंड ये अब समझने की कोशिश करते हैं यानी रिजल्ट तो सेट हो जाना चाहिए था मैंने 5 और 9 बोला तो रिजल्ट तो यहां पर सेट हो जाना चाहिए था है ना तो फिर रिजल्ट सेट क्यों नहीं हुआ और देखिए मैंने जब जब यहां पर कंसोल लॉक किया है तो रिजल्ट आया भी है 14 है ना तो ये आया भी है 14 सम ऐसा नहीं है कि ये एग्जीक्यूट ही नहीं हुआ देखिए 14 यहां पर दिख रहा है आराम से तो 14 आया तो था तो जब मेरा आउटपुट आया तो आउटपुट में यहां अनडिफाइंड क्यों बोल दिया इसने 14 क्यों नहीं बोला देखिए यही ए सिंक वाली बात हमको समझनी है हो क्या रहा है जब यहां पर कोड एग्जीक्यूट होगा हमारा ये रिक्वेस्ट हैंडलर एग्जीक्यूट होना शुरू हुआ है यहां आएगा यहां आएगा यहां आएगा देखिए जैसे ही ये हमने ऑन वाला तरीका लगाया तो हम क्या बोल रहे हैं यहां एक इवेंट को हम लेसन कर रहे हैं हमने बोला जब भी भाई तेरे पास डाटा होगा तो हमको बता देना ऐसे बता देना यह हम कॉलबैक मेथड पास कर रहे हैं इस मेथड को हमारे इस फंक्शन को हमारे कॉल कर देना तो देखिए एक तरह से क्या है ये फंक्शन अभी तुरंत एग्जीक्यूट नहीं हुआ है ये फंक्शन कब एग्जीक्यूट होगा जब डटा आ जाएगा हम आगे बढ़ जाएंगे उसके बाद हमने क्या बोला कि भई जब डेटा खत्म हो जाए एंड आ जाए तो उसके बाद इसको एग्जीक्यूट कर देना उसने कहा ठीक है उसके बाद मैं इसको एग्जीक्यूट कर दूंगा उसके बाद क्या करना है उसके बाद हमने कहा एक काम कर हेडर भी सेट कर दे और ये जो रिपस डॉट राइट है यहां रिस्पांस भी राइट कर दे और रिस्पांस एंड कर दे तो देखिए अभी क्या हुआ है अभी अगर डाटा नहीं आया तो ना ये एग्जीक्यूट हुआ है ना ये एग्जीक्यूट हुआ है पहले क्या एग्जीक्यूट हो गया है पहले ये एग्जीक्यूट हो गया तो पहले जब ये एी क्यूट हुआ उस समय तक रिजल्ट अनडिफाइंड ही था रिजल्ट आपने सेट ही बाद में किया य जब बाद में कॉल होगा तब सेट हुआ अब इसको प्रूफ कैसे करेंगे सर य तो आप बोल रहे हैं ट्रस्ट तो हम आपको करते हैं बट वेरिफिकेशन भी जरूरी है कैसे करेंगे वेरिफिकेशन देखि काम करते हैं य हम सब में सीक्वेंस लगा देते य लगा देता हूं कसोल डट लग चंक केम ठीक है य हमने लगा दिया चक केम उससे पहले य हम लगा देते हैं ये देखिए इन सम रिक्वेस्ट हैंडलर तो हमारे पास पहले से ही है इसको हम दे देते हैं नंबर वन सबसे पहले अगर नॉर्मली कोड एग्जीक्यूट हो रहा होता तो ये होता उसके बाद नंबर टू चंक केम आता है ना तीसरा क्या होता यहां बोल देते हैं नंबर थ्री रिक्वेस्ट एंड ड है ना या रिक्वेस्ट एंड इवेंट एग्जीक्यूटेड बोल देते इसको एंड इवेंट गेम है ना एंड इवेंट आ गया और के बाद यहां सबसे लास्ट में क्या आएंगे नंबर फोर सेंडिंग द रिस्पांस क्या बोल देंगे सेंडिंग द रिस्पांस ये चारों चीजें हमने बोल दी अब हमको सीक्वेंस समझ आ जाना चाहिए क्या चीज किस हिसाब से एग्जीक्यूट हो रही है है ना वापस आ जाते हैं नीचे इसको किल कर लेते हैं दोबारा स्टार्ट कर लेते हैं है ना यहां आ गए वापस आ गए फ और नान का फिर से सम करते हैं मैंने फिर से सम किया अब देखिए जो मेरा सीक्वेंस आया वो क्या-क्या आया सबसे पहले बोल रहा है सबसे पहले मैं आया हूं इन सम रिक्वेस्ट हैंडलर में कैलकुलेटर रिजल्ट बिल्कुल सही बात है सबसे पहले यहीं पर आएंगे है ना वन के बाद देखिए सबसे पहले क्या प्रिंट हुआ सबसे पहले फोर प्रिंट हो गया वन के बाद यानी ना टू प्रिंट हुआ है ना थ्री प्रिंट हुआ है सबसे पहले क्या प्रिंट हो गया फोर प्रिंट हो गया क्यों क्योंकि अगेन हमको ये समझना है ये कॉल बैक्स हैं ये हम इमीडिएट एग्जीक्यूट नहीं कर रहे हैं हम उसको बोल रहे हैं ये काम हो जाएगा तो ये कर लेना है ना ये इस तरह से है कि आप अपने घर में मम्मी आपको बोलते हैं मान लीजिए कि ये लो एटीएम कार्ड एटीएम कार्ड से पैसे निकालो और जब पैसे निकाल लो तो उसके बाद वापस आते हुए दही ले आना है ना तो पैसे अभी आपके पास है नहीं कि आप इमीडिएट दही ला सकते हो वैसे तो अगर आपका जो दुकानदार है वो एटीएम कार्ड एक्सेप्ट करता है तो ला सकते हो बट मैं समझाने की क्या कोशिश कर रहा हूं यहां पर काम है जो किसी काम के खत्म होने पर डिपेंडेंट है हम यहां क्या बता रहे हैं जब डाटा आ जाएगा उसके बाद ये एग्जीक्यूट करना ये बार-बार आपको सिंटेक्स से घबराना नहीं सिंटेक्स को समझना है ये फंक्शन है ये इमीडिएट कोड हमने नहीं दिया एक फंक्शन पास किया है जिसको अभी हमने एग्जीक्यूट नहीं किया हमने बोला है बाद में इसको एग्जीक्यूट कर देना जब आपको जब आपके पास डेटा आ जाएगा तब इसको एग्जीक्यूट कर देना जब हमारा डाटा एंड हो जाएगा तब इसको एग्जीक्यूट कर देना उसके बाद हम आगे बढ़ गए यही ए सिं प्रोग्रामिंग है क्या यहां ये क्या हो रहा है एसिंक हो रहा है हम ये बोल रहे हैं एसिंक्रोनस चलेगा यानी बाद में चलेगा एसिंक्रोनस का मतलब क्या है बाद में चलेगा तो यहां मैं क्या बोल रहा हूं कि ये कोड तब चलेगा जब डाटा आ जाए ये कोड तब चलेगा जब एंड हो जाए तो इसलिए क्या हुआ ये दोनों कोड इमीडिएट नहीं चले ये उसके बाद सीक्वेंस में था तो ये चल गया ये एसिंक नहीं है तो सिंक में हमने लिखा हुआ है डायरेक्टली लिखा हुआ है तो फोर चल गया उसके बाद जब चंक आया तो चंक चल गया जब एंड आया तो एंड चल गया है ना इनमें भी कोई सीक्वेंस जरूरी नहीं यहां सीक्वेंस जरूरी है कि पहले डटा आएगा तभी एंड हो पाएगा बट ये जरूरी नहीं जो पहले लिखा है वो पहले आए वो जो बाद में लिखा है वो बाद में आ मैं इनका ऑर्डर अगर चेंज भी कर दूं इससे कोई फर्क नहीं पड़ेगा मैं इसको एंड को पहले लगा दूं और इस वाले को बाद में लगा दूं अगर मैं फिर भी चलाकर देखूंगा सम चलाऊंगा देखिए अभी भी क्या हुआ वन आया फोर आया पहले चंक आया उसके बाद एंड इवेंट आया तो ये किस बेसिस पर चलेंगे ये इवेंट कब आ रहा है जब इवेंट आएगा तभी हम रिएक्ट करेंगे जब टीचर आएगा तभी तो अपनी सीट पर शांति से बैठेंगे उसके अलावा तो दंगा करेंगे शैतानी करेंगे चिल्लाए तो ये भी वही हो रहा है जब इवेंट आएगा तब ये वाला कोड चलेगा तो यही ए सिं कोड का गेम है इसीलिए हमने जो रिस्पांस भेजा था कहां भेजा था हमको कहां भेजना चाहिए था अगर हम फाइव में कैलकुलेटर के अंदर जाकर देखेंगे इसको ठीक से चलाने के लिए हमने क्या किया था अगर मैं आ जाऊंगा सम के अंदर तो हमने बोला कि यार ये जो रिस्पांस भेजने वाला काम है ना ये हमको अभी डायरेक्टली जहां रिक्वेस्ट वाला हमने मेथड लिखा है हैंडलर वहां नहीं लिखना है हमने रिस्पांस भेजने वाला काम कहां लिख दिया था हमने ऑन के अंदर ही लिख दिया था कि भाई जब फाइनल डाटा आ जाए जब एंड हो जाए जब मैं कैलकुलेट करूंगा मेरा फाइनल सम मैं रिस्पांस भी तभी भेजूंगा तब तक क्या करेगी रिक्वेस्ट वेट करती रहेगी यानी अगर रिक्वेस्ट मेरे पास आ गई रिक्वेस्ट का हैंडलर मैंने बंद कर दिया रिस्पांस अभी गया नहीं है रिस्पांस कब जाएगा रिस्पांस तब जाएगा जब एंड आ जाए मेरे पास मैं उसके बाद अपनी कैलकुलेशन कर चुका हूं जब मैं अपनी कैलकुलेशन कर चुका हूं उसके बाद मैं हेडर लगाकर रिस्पांस भेजूंगा जबकि यहां हमने जो नए कोड में लिखा हमने क्या लिखा ये काम तुम बाद में कर लेना यानी हमने कहा बॉडी में तुम पुश कर देना उसके बाद कैलकुलेट रिजल्ट करना तुम बाद में है ना पर एक काम करो जो रिस्पांस है वो अभी डाल दो तो अगर रिस्पांस आपने अभी डाल दिया तो बात ही खत्म हो गई उसके बाद तो आप कुछ कर ही नहीं सकते है ना तो यही हमने यहां आपको नोट्स में दिखाने की कोशिश की है कि अगर आपने ये अ बेसिकली डायरेक्ट लिख दिया अगर डायरेक्टली नहीं लिखा है तो क्या आता रहेगा वरना ये आता रहेगा कि भाई जो नीचे आपने रिस्पांस भेजा है वो पहले चला जाएगा ये वाला रिस्पांस बाद में आएगा यानी इस केस में क्या होता 404 चला जाता जो हम यहां अपने कोड में चलाने की कोशिश कर रहे थे पहले जो हम चलाने की कोशिश कर रहे थे हमने क्या किया था 404 लगा दिया था है ना हैंडलर में अगर हम आएंगे तो ये 404 वाला कोड नीचे था है ना तो अगर यहां पर आपने रिटर्न नहीं किया तो क्या होगा यह कोड पहले चल जाएगा उसको मिल जाएगा 404 और आपने जो रिस्पांस भेजा है वो अभी आता जब प्रोसेसिंग हो जाती उसके बाद आता बट उसकी वेट ही नहीं होगी सबसे पहले आपका यही वाला रिस्पांस जो है वो चला जाएगा ठीक है तो यहां हमने समझा ए सिं कोड कैसे हम एसिंग कोड किस तरह से लिख रहे हैं और वो किस सीक्वेंस में किस तरह से वो एग्जीक्यूट होता है और एग्जीक्यूट कौन करा रहा है देखिए जो भी कॉल बैक्स हैं वो कहां से आई होंगी वो आई होंगी लिब यूवी के थ्रू हमने देखा था लिब यूवी के थ्रू आएंगी इवेंट कू के अंदर इवेंट क्यू से जाएंगे इवेंट लूप के पास और इवेंट लूप के पास कब जाएंगी जब उन छह प्रायोरिटी में से उनकी प्रायोरिटी का नंबर आएगा तो इवेंट लूप के पास वो जाएंगे और उसके बाद आगे काम उनका चल जाएगा है ना तो ए सिं कोड में हमने प्रॉब्लम दिखाई और साथ-साथ आपको दिखाई कि आपको कैसे फिक्स करना है जो हेडर स्टेटस कोड और एंड आप डालने की कोशिश कर रहे हैं वो आप कहां डालेंगे वो आप वहीं पर डाल रहे होंगे यानी अपने जो एंड मेथड जब तक आपका एंड ये हुआ नहीं कॉल बैक आपका एंड नहीं हुआ तो आपको जो रिस्पांस भेजने का काम करना है वो भी कहां करना है कॉल बैक के अंदर ही आपको ये काम भी करना है है ना ये हुआ बेसिकली हमारा एसिंग कोड अब एक चीज हमको यहां पर और समझनी है एक काम हमने यहां भी यहां पर क्या किया हुआ है जो फाइल लिखने वाला हमारा काम है है ना हम आ जाते हैं पुराने वाले में सिर्फ चैप्टर सिक्स में हम बात नहीं कर रहे हैं चैप्टर सिक्स में हमने कैलकुलेटर तो लगा ही लिया है अगर कैलकुलेटर के अलावा हम इससे पहले देखते हम पहले यहां पर क्या कर रहे थे प और यूर जए में है ना हम इन की भी एक कॉपी बना लेते हैं क्या करता हूं मैं चैप्टर सिक्स में एक नया जो फंक्शन है वो बना लेता हूं क्या एक नया फोल्डर बना लेता हूं जिसका नाम मैं रख लेता हूं यूजर जिसमें यूजर वाला हम काम कर रहे होंगे है ना इसको इसके अंदर डाल लेते हैं कैलकुलेटर को बंद कर लेते हैं और यूजर के अंदर ये जो हमने ऐप और यूजर वाली फाइल थी अच्छा मूव नहीं करनी है हमको कॉपी करनी है कॉपी पेस्ट है ना आप समझ रहे हैं मैं हर बार नए चैप्टर में इसलिए कर रहा हूं नए फोल्डर्स में इसलिए कर रहा हूं ताकि आपको पुराने वाला चेंज ना मिले हर बार हम नई जगह पर चेंज कर पाए तो देखिए ये जो हमने पहले लिखा था इसमें क्या था यहां तो हमने कुछ भी नहीं लिखा ये तो सिर्फ सर्वर स्टार्ट करने का कोड था यूजर में आ जाते हैं यूजर क्या कर रहा था इसको थोड़ा सा छोटा कर लेते हैं अगर होम पेज पर आप आए थे तो कंप्लीट कोडिंग लिखा आ रहा था एक बार इस वाले प्रोजेक्ट को फिर से चला लेते हैं आप भूल ना गए हो इससे पहले जो हम काम कर रहे थे है ना कैलकुलेटर से बाहर आ जाइए यूजर के अंदर चलिए और क्या करिए नोड app.js इस समय हमने पोर्ट 3001 पर चलाया हुआ था 3001 पर ये चल गया यहां हम क्या बोलते थे नाम बोलते थे मेल फीमेल सबमिट करते थे अब फाइल बन जाती थी अभी तो फाइल बनी नहीं है क्योंकि एक बार भी नहीं गया है है ना अब मैं यहां क्या करता हूं यहां आपको एक चीज दिखाता हूं हो क्या रहा है देखिए ये वाला कोड फिलहाल हम डिलीट कर सकते हैं आपके पुराने वाले में है ही है है ना देखिए यहां हमने क्या किया ये जो फाइल राइट करने के लिए हमने कोड लिखा है ना यहां स्पेसिफिकली हम मेथड यूज़ कर रहे हैं फंक्शन यूज कर रहे हैं राइट फाइल सिंक यानी हम इवेंट लूप को हम जो हमारा इवेंट लूप है उसको क्या बोल रहे हैं उससे बोल रहे हैं कि ये काम किसी और को मत देना ये काम तुमको ही करना है ये मुझे पता है इनपुट आउटपुट का काम है पर ये काम वर्कर थड को मत देना तुम ही करो वो बोलेगा मेरे पास इतने काम है इतने सारे कॉल बैक्स मेरा वेट कर रहे हैं इतनी सारी इनकमिंग रिक्वेस्ट मेरा वेट कर रही है आपने बोला नहीं तुम ही करो वो बोलेगा भैया फाइल राइट करने का काम इनपुट आउटपुट का काम मेरी नॉर्मल स्पीड से 1000 गुना स्लो होता है आप बोल रहे हो नहीं तुम ही करो तो होगा क्या बाकी सारे लोग जो भी इवेंट लूप से अपना कोड एग्जीक्यूट कराने की कोशिश कर रहे हैं सब लोग वेट करेंगे अब जब तक आपका काम पूरा नहीं होगा सब लोग वेट कर रहे होंगे तो ये तरीका तो बहुत अच्छा नहीं है है ना हम क्या हमको क्या करना चाहिए राइट फाइल सिंक तो नहीं यूज़ करना चाहिए तो हम उसकी जगह क्या यूज़ करना चाहिए हम इसकी जगह यूज़ करेंगे जो हमने यहां आपको दिखाया तो देखिए ये क्या कर रहा है राइट फाइल सिंक ये ब्लॉक कर देता है सब कुछ यानी दिस ब्लॉक्स एवरीथिंग जब तक ये अपना काम पूरा करके नहीं आएगा तब तक आपका पूरा इवेंट लूप ब्लॉक्ड रहेगा तो ये अच्छी बात नहीं है आपका मेन थ्रेड ब ब्लॉकड रहेगा हमको आईडियली हमेशा इवेंट लूप को जल्दी से जल्दी खाली करना है हमारी जो पूरी कोशिश है वो यही होनी चाहिए कि जो भी काम है वो ज्यादा से ज्यादा जो वर्कर थड हैं वो कर रहे हो क्योंकि उनकी कोई लिमिट नहीं है वो अपना काम अपनी स्पीड से कर सकते हैं और सबसे इंपॉर्टेंट बात आप ये करते हुए किसी और को ब्लॉक नहीं कर रहे हैं कोई और आपका वेट नहीं कर रहा है तो ये काम करना बिल्कुल भी रिकमेंडेटरी आप इससे अगला मेथड यूज कर रहे होंगे जिसका नाम क्या है राइट फाइल ये क्या है ये ए सिंक ऑपरेशन है तो राइट फाइल सिंक की जगह जो नॉर्मल देखिए उसने राइट फाइल ए सिंक अलग फंक्शन नहीं बनाया क्योंकि वो बोल रहा है फाइल तो बाय डिफॉल्ट ही ए सिंक में मैं राइट करूंगा अगर आपको सिंक में करानी है तो मैं आपको एक अलग मेथड दे रहा हूं कि अगर कोई बहुत छोटा काम है बहुत अर्जेंट काम है आप ये करना चाह रहे हैं तो आप कर लीजिए अदर वाइज काम तो ए सिंक में ही होगा तो जब आप राइट फाइल बोल रहे हैं तो बोल रहा है ए सिंक में काम होगा और ए सिंक में काम कैसे होगा आपको फाइल का नाम देना पड़ेगा आपको टेक्स्ट देना पड़ेगा जो आप लिखना चाह रहे हैं बट साथ-साथ आपको क्या करना पड़ेगा एक और आर्गुमेंट देना पड़ेगा जो एक और फंक्शन होगा जो क्या लेगा एक एरर फंक्शन वाला आर्गुमेंट लेगा यहां एक कॉलबैक लेगा जिसको एरर मिलेगी कि लिखने में मुझे कोई एरर तो नहीं आई देखिए एरर हैंडलिंग हम अभी नहीं करेंगे एरर हैंडलिंग पर हम एक पूरा चैप्टर कर रहे होंगे और यहां भी ऐसे कोई एरर आने के चांसेस भी नहीं है तो मैं यहां क्या लिख देता हूं यहां बस मैं लिख देता हूं console.log डाटा रिटन सक्सेसफुली यानी देखिए कॉलबैक कब एग्जीक्यूट हो रहा है यह कॉलबैक तब एग्जीक्यूट हो रहा है जब यह फाइल में हमारा काम कर रहा है यानी लिब यूवी कब इसको कॉल करेगा कॉल भी क्या करेगा कब इसको इवेंट क्यू में ऐड कर देगा जब वो जाकर वर्कर थ्रेड में गया उसने वो फाइल राइट कर दिया यूड t एकटी उसके बाद वही लाकर हमको दे देगा कि लो भाई ये तुम्हारा काम तुमने बोला था ये काम हो गया है इसको अब इवेंट लूप एग्जीक्यूट कर देगा इवेंट लूप के पास जब भी टाइम होगा वो एग्जीक्यूट करके आपको बता देगा कि भाई आपका काम हो चुका है तो ऐसा हो सकता है काम हो चुका हो परट अभी ये एग्जीक्यूट ना हो इसको एग्जीक्यूट होने में थोड़ा टाइम लग जाए बेस्ड ऑन मेरा इवेंट लूप कब खाली होगा तो राइट फाइल भी एक्चुअली हमें ऐसे ही करना चाहिए तो देखिए पिछली बार भी हमने क्या किया था अगर इससे पहले हम देखेंगे हमने ये राइट तो कर दिया था बट उसके बाद जो हमको ये लोकेशन और रिस्पांस भेजना था ये हमने कहां भेज दिया था ये हमने पहले ही भेज दिया था यहीं पर है ना ये आप पहले भेज चुके थे एंड आपने बाद में किया यानी जो एंड के अंदर कोड है तो बाद में चलने वाला है तो हमने पहले ही उसको बोल दिया कि भाई तू 302 मेन होम लोकेशन पर चला जा तब तक फाइल राइट भी नहीं हुई है क्या होगा अगर इसमें कोई एरर हो गई तो आपने तो क्लाइंट को पहले ही भेज दिया तेरा काम हो गया ये हमारा क्या था हमारा सक्सेसफुल रिस्पांस था कि जब भी फाइल राइट हो जाएगी हम उसको वापस भेज देंगे होम पर तो हमने रिस्पांस स्टेटस कोड भी सेट कर दिया हेडर सेट कर दिया रिस्पांस एंड कर दिया बट हमने उसको ये बोला नहीं क्या कि भाई तेरा हुआ अभी नहीं हु काम तो हुआ ही नहीं काम के लिए तो हम वेट कर रहे थे तो आइली इसकी भी सही जगह क्या थी हमको कहां करना चाहिए था जब मेरे पास डेटा आ चुका हो जब मेरे पास एंड आ चुका हो जब मैं उसके बाद उसको काम कर चुका हूं जब मैं उसके बाद फाइल भी राइट कर चुका हूं जब मैंने फाइल भी राइट कर दिया मुझे तब उसके लिए रिस्पांस भेजना चाहिए कि भाई तेरी फाइल सक्सेसफुली राइट हो गई है अगर कोई भी एरर आएगा तो मैं उसको ही बोलूंगा कि नहीं तेरी फाइल सक्सेसफुली राइट नहीं हुई तो हम य क्या बोलेंगे रिटर्न आरस डट एंड है ना कि भाई तुम रिटर्न कर लो रिपस डॉट एंड कर लो ये हमने बना दिया अब देखते हैं इसमें भी एक कोई हमने गड़बड़ की है क्या है ना आप में से जो लोग थोड़ा सा इसको नोटिस कर रहे हैं एक बार देखिएगा कि यहां पर अभी कोई गड़बड़ है क्या ओनली काम हमने अभी यहां क्या किया है राइट फाइल कर दिया है और वो पूरा काम हमने एसिंग कर दिया यानी अब हम इवेंट लूप को बोल रहे हैं कि ठीक है तुमको अगर ये काम खुद नहीं करना तो तुम लिव यूवी का जो हमारा वर्कर थ्रेड्स है बहुत सारे उनसे आप ये काम करा सकते हो एक बार इसको फिर से स्टार्ट कर लेते हैं फिर से मैंने इसको स्टार्ट कर लिया यहां मैं नाम दे देता हूं मान लीजिए प्रशांत जैन जनरल दे देता हूं फीमेल अब देखिएगा यहां देखिएगा लेफ्ट में है ना अभी यहां पर सिर्फ app.js फाइल है और यूर ड जए फाइल है अब मैं जैसे ही इसको सबमिट करूंगा तो क्या हो जाना चाहिए देखिए यूर t एकटी फाइल इमीडिएट यहां पर अपीयर हो गई अभी यहां पर देखिए अभी भी कुछ एरर्स हैं है ना जो जो कि मैं बात कर रहा था आपने नोटिस किया क्या देखेंगे हमने क्या गड़बड़ की है बट अगर मैं यूर t एकटी में आकर देखूं तो देखिए जो डाटा मैंने भेजा था वो डेटा यहां पर आ गया बट सर्वर मेरा क्रैश हो गया सर्वर मेरा बंद हो गया अभी अगर मैं दोबारा वापस होम पेज पर जाऊंगा अभी तो उसने पुराना पेज लोड कर लिया बट अगर मैं रिफ्रेश करूंगा तो सर्वर बंद हो चुका है सर्वर बंद क्यों हो चुका है एक बार ये समझते हैं ना वापस आ जाते हैं अपने कोड पर अब देखते हैं यहां हमने क्या गड़बड़ की यह क्या बोल रहा है यह बोल रहा है आप हेडर सेट करने की कोशिश कर रहे हैं बाद में जब ऑलरेडी ये मर चुका है और ये बाद में कब बोल रहा है बाद में आपने कब किया है बोल रहा है लाइन चैप्टर नंबर सिक्स यूजर में लाइन नंबर 40 आपने बाद में किया लाइन नंबर 40 क्या है ये तो हेडर हमने तो तुरंत ही कर दिया था जब फाइल एग्जीक्यूट हो रहा है तो अब क्या दिक्कत है अब देखिए दिक्कत ये है हमने यहां अभी भी क्या नहीं किया देखिए एल्स इफ अगर मेरा काम हो गया था मैंने उसके बाद भी ये रिस्पांस फिर भी भेज दिया दिया है है ना क्योंकि ये तो बाद में चलेगा ड एंड अभी चला ही नहीं पहले ये चल जाएगा और ये बेसिकली चल जाएगा क्योंकि एल्स इफ पूरा हुआ एल्स इफ के बाद ये आएगा यानी हम उसको ये भी भेज चुके हैं इसलिए आपने देखा यूआई पर जब हमने काम कर दिया था तो हम रीडायरेक्ट नहीं हुए थे 302 पर एक बार मैं आपको दोबारा कोड चलाकर दिखा देता हूं हम एक्चुअली लग रहा था कि हमको रीडायरेक्ट होना है बट हम रीडायरेक्ट हुए नहीं अगर मैं यहां कर दूं इस बार मेरा जैन फीमेल सबमिट तो देखिए हम कहां आए हम आए लाइक शेयर सब्सक्राइब पर जबकि हमने रिस्पांस क्या दिया था हमने तो बोला था 302 होम पर चले जाना बट वो नहीं चला वो क्यों नहीं चला क्योंकि वो हमने मूव कर दिया इसके अंदर पहले जब हमने बाहर मूव किया हुआ था तो दिक्कत क्या थी तब वो हमारे फाइल राइटिंग का ही वेट नहीं कर रहा था तो वो पहले ही 302 कर दे रहा था अब जब हमने कहा अंदर चले जाओ तो क्या दिक्कत है तो ये बाहर वाला कोड पहले ही एग्जीक्यूट हो जा रहा है तो हमको आईडियली क्या करना चाहिए दो तरीके हैं इसको फिक्स करने के पहला तो आप इसमें इसको डालें एल्स के अंदर कि भाई अगर मैं ऊपर मैच हो चुका हूं तो तुम्हारा काम नहीं है तुमको तभी आना है जब एक भी मैच नहीं हुआ हो है ना जब मेरा पाथ मैच नहीं हुआ है तभी आपको एग्जीक्यूट होना है एक तो ये फिक्स है एक बार ये चलाकर देख लेते हैं मैंने फिर से चला लिया जेएस फिर से मान लीजिए मीरा जैन को मेल कर देते हैं इस बार है ना वैसे मीरा जैन फीमेल है पर मेरा जन को अभी हम फीमेल यहां पर लिखा हुआ है अभी मैंने मेल कर दिया अब मैं इसको सबमिट कर रहा हूं देखिए जैसे ही सबमिट करूंगा ये जेंडर मेल आ गया यानी ठीक से राइट हो गया और डटा रिटर्न सक्सेसफुली भी आ गया हम वापस होम पेज पर भी आ गए और यहां पर सारा काम ठीक हो गया यानी जो हम चाह रहे थे वो हो गया इसका दूसरा तरीका क्या है करने का कि हम अंदर यहां से रिटर्न कर दें यानी जब ये रिपस डट ऑन लगाया यहां पर एक रिटर्न स्टेटमेंट लगा दें या इसके बाद एक रिट रिटर्न स्टेटमेंट लगा दें बेसिकली आपको दूसरा रिस्पांस जो है वो एग्जीक्यूट नहीं होने देना है क्योंकि आप ये बोल रहे हो भाई मेरा रिस्पांस अभी एग्जीक्यूट होगा वेट करो ए सिंक होगा बाद में होगा जब मेरा मन करेगा तब उसके बाद में उसको यहां पर एग्जीक्यूट करर होगा है ना तो इसकी हेल्प से हमने अपना कोड क्या कर लिया अपना कोड एकदम फिक्स कर लिया है जो हम राइट फाइल सिंक यूज़ कर रहे थे जो कि गलत प्रैक्टिस थी वो भी हमने फिक्स कर लिया है और कुछ-कुछ आज के चैप्टर चैप्टर में हमने कोशिश की है समझने की कि हम किस तरह से जो मेरा ए सिं कोड है जो मेरा सिंक कोड है उसको हम एडजस्ट कर सकते हैं उसको हम चला सकते हैं ठीक तरीके ठीक तरीके से ताकि जो वो काम जिसके बाद होना है वो काम उसी के बाद हो जब मेरे पास पूरा डाटा रिसीव हो जाए मैं प्रोसेसिंग उसके बाद शुरू करूं जब मेरा काम पूरा प्रोसेस हो जाए मैं उसके बाद उसको राइट करने के लिए दूं उसके बाद मेरा वर्कर थ्रेड उसको राइट करके वापस आकर मुझे बताए कि आपका काम राइट हो गया है जब ये पूरा काम हो गया तभी मैं यूजर को बोलूं कि हां तुम्हारा काम ठीक से सक्सेसफुली हो गया है अभी तुम रीडायरेक्ट कर सकते हो अब मैं तुमको रिस्पांस दे देता हूं सर्वर क्या करता है क्लाइंट रिक्वेस्ट को रोक कर रखता है जब तक उसको जो पूरा काम उसके लिए करना है वो काम पूरा नहीं हो गया है क्लाइंट की रिक्वेस्ट ऐसी नहीं होनी चाहिए क्लाइंट की रिक्वेस्ट आई चली गई उसके बाद आप फिगर आउट कर रहे हैं कि मुझे इसके लिए क्या करना था क्योंकि अगर एरर हो गई गड़बड़ हो गई तो यूजर को कैसे बताएंगे बाद में सर्वर कम्युनिकेशन इनिशिएटिव भी कम्युनिकेशन इनिशिएटिव कभी भी कम्युनिकेशन इनिशिएटिव उसको रेस्पों कर सकता है वो भी इमीडिएट अगर एक बार आपने रिस्पांस भेज दिया उसके बाद फिर से कोई चांस नहीं है उसको रिस्पांस भेजने का ठीक है तो आपको क्या करना है क्लाइंट को रोक कर रखना है ये हम रोक कर रख रहे हैं हम बोल रहे हैं जब मेरा डेटा पूरा फाइनली राइट हो जाएगा उसके बाद ही मैं उसका रिस्पांस जो है वो राइट कर रहा हू ठीक है तो ये हमने देख लिया ब्लॉक बकिंग कोड और बेसिकली नॉन ब्लॉकिंग कोड हमको किस तरह से बनाना है अब हम आ जाते हैं अपनी एक्सरसाइज पर इस बार हमने एक्सरसाइज कैसी बनाई है थोड़ी सी डिफरेंट बनाई है आपकी अंडरस्टैंडिंग के लिए तो हम यहां क्या कर रहे हैं इस बार हमने अपनी एक्सरसाइज का नाम दिया है रन एंड ऑब्जर्व है ना ये जो नोट्स है आप ये डाउनलोड कर सकते हैं आपको खुद से लिखना है इस टाइप का कोड आप खुद से भी लिख सकते हैं स्क्रीन पर पॉज करके है ना वरना नीचे आप देख रहे होंगे notes.com king.in करके लिंक होगा वहां आप जाएंगे हमारे जितने भी अभी तक कोर्सेस हुए हैं सबके लगातार जो भी नोट्स हैं वो वहां पर अवेलेबल होते हैं तो आप वहां से भी ये नोट्स जो है वो देख सकते हैं इस नोट्स में डायरेक्टली टेक्स्ट लिखा हुआ होगा आप इसको कॉपी करके पेस्ट करना चाहे वो भी कर सकते हैं जैसा मैंने कहा अग अदर वाइज टाइप भी करेंगे तो बहुत ज्यादा कोड नहीं है आप टाइप करके इसको यूज़ करना चाहे तो भी कर सकते हैं आप इसको बिना टाइप करे समझना चाह रहे हैं वो भी कर सकते हैं पर रन एंड ऑब्जर्व पूरी सीरीज में चलने वाला आपको करना क्या है इस कोड को आपको पहले मेंटली रन करना है यानी ड्राई रन जिसको बोलते हैं ड्राई रन करना है फिर कंपाइलर से भी रन करके आप एक बार एग्जीक्यूट करके देख सकते हैं क्या फाइनल रिजल्ट जो है वो आने वाला है अभी जो फाइनल रिजल्ट है आपका वो मैंने अपने पीछे छुपाया हुआ है जहां मैं खड़ा हुआ हूं है ना ताकि आपको इमीडिएट ना दिखे कुछ लोगों को हो सकता है थोड़ा-थोड़ा चमक भी गया हो कि क्या पहले चलेगा क्या बाद में चलेगा बट आपको आपको आईडियली करना क्या आपको इसको पॉज करना है आपको उसको देखना है कोड को पॉज कर देखिए अपने आप करिएगा वरना क्या होगा सिर्फ आप मेरी बातों से समझ जाएंगे पहले एक बार अपने आप देखने की कोशिश कीजिए आपके हिसाब से क्या काम पहले होगा क्या काम बाद में होगा है ना और एक बात मैं और बता दूं इसके जो रिजल्ट्स है वो भी एकदम 100% एक्यूरेट नहीं है यानी इसमें ऑर्डरिंग रन टाइम पर चेंज भी हो सकती है हो सकता है जब आप चलाए तो ऑर्डर थोड़ा सा डिफरेंट आए बहुत सारे केसेस में मैं चलाऊं तो डिफरेंट आए हमको यहां समझना क्या है हमको यहां समझना ये है कि किस तरह से हम फिर भी इसको चलाकर देख सकते हैं क्या कोड सिंक्रोनस चलेगा क्या एसिंक चलेगा क्या कब चलेगा बाद में चलेगा ठीक है ये हम देखने वाले हैं ठीक है तो हम देखते हैं इसमें कि किस किस तरह से एग्जीक्यूशन होने वाला है एक तो ये ना मेरी टीशर्ट जो है इसमें है ग्रीन कलर और ये ग्रीन कलर जो है मेरा स्टूडियो जो है कर रहा है गायब है ना मिस्टर इंडिया दिखता था ना दिख रहा होगा आपको मेरी छाती के आर पार पीछे वाला जो कंटेंट है वो दिख रहा है है ना ग्रीन कलर य कर रहा है रिम चलिए कोई बात तो हमको यहां पर क्या करना है रन एंड ब्जर्व में हम देख रहे थे किस तरह से कोड चलेगा तो देखिए अगर हम देखना स्टार्ट करें इसने क्या किया पहले रिक्वायर लिया है एस है ना उसके बादय क्या बोल रहा है पहला लॉग स्टेटमेंट है स्टार्ट ऑफ द स्क्रिप्ट है ना तो ये तो देखिए सिंक लग रहा है तो सबसे मुझे लग रहा है सबसे पहले तो वन नंबर ही आना चाहिए अगर कोई लिखवा रहा है तो उसका सिंक्रोनस ब्लॉक है उसके बाद इसने बता ही दिया है ना हमने थोड़ा सा बता हेल्प भी कर दिया है कसोल डॉ लॉग रीडिंग फाइल सिंक्रोनस उसके बा ये बोल रहा है भाई मैं फाइल सिंक्रोनस रीड कर रहा हूं तो फिर टू भी आ जाना चाहिए अभी तो कंसोल लॉग ही हुआ है फिर हमने फाइल को रीड किया सिंक्रोनस वे में रीड किया है ना आईडियली ये क्या है गलत है ऐसा नहीं करना चाहिए बट इसने कर लिया तो क्या हो रहा होगा इवेंट लू पूरा वेट कर रहा होगा इस टाइम पर उसके बाद क्या हुआ सिंक्रोनस रीड कंप्लीट फिर आना चाहिए थ्री सिंक्रोनस रीड कंप्लीट हो गया उसके बाद मैं बोल रहा हूं फोर रीड फाइल एस कनसली फिर फोर आएगा देखिए उसके बाद इसने क्या किया उसके बाद पहले आ गया है फाइ नंबरिंग भी हमने सही वाली दे दिया यानी एक्चुअल जो आंसर है उसमें भी क्या होना चाहिए यहां देखिए 1 2 3 4 5 6 ही सही आंसर है क्योंकि यहां जो ऑर्डरिंग है वही आपके हिसाब से दी हुई है कि जब ये फोर चल जाएगा उसका बाद पहले फाइव चलेगा क्योंकि हमने उसको बोल दिया कि भाई फाइल रीड करना और जब रीड हो जाए पूरा तो मेरा ये जो माफ कीजिएगा जब फाइल पूरा रीड हो जाए तो मेरा ये जो कॉल बैक है ये आप एग्जीक्यूट करना तो क्या होगा फोर के बाद पहले चल जाएगा फाइव और जब फाइल एसिंक्रोनयसली रीड हो गई है उसके बाद चलेगा ये है ना फाइल हमने राइट तो करके देखा है अभी रीड करके नहीं देखा ये सब भी हम कर रहे होंगे बट आपको सिंटेक्स मोटा-मोटा देखकर समझ आ जाना चाहिए कि वही सिंटेक्स है काम किस तरह से चल रहा होगा तो अगर हम यहां ऑब्जर्व करने की कोशिश करें किस तरह से कोड चलेगा पहले वन फिर टू फिर थ्री फिर फोर फिर फाइव फिर सिक्स मैं हल्का सा हट जाता हूं आपको दिखा देता हूं यही वाला जो स्टेटमेंट है यही हमने यहां पर लिखा हुआ है ठीक है इसके बाद क्या करेंगे एक और रन ऑब्जर्व करेंगे इस बार इवेंट लूप सीक्वेंस के लिए हम देख रहे होंगे है ना अगेन मैं इस बार पूरी एक्सरसाइज नहीं करूंगा आपको बता रहा हूं यहां पर ब पॉज कर लीजिए एक बार पहले खुद इसको चलाकर देखिए इस बार नंबर्स गड़बड़ हो सकते हैं ना मैं ऐसे हाथ लगा लेता हूं इस बार नंबर्स गड़बड़ हो सकते हैं ऊपर नीचे एग्जीक्यूशन होगा बट आपको बताना है कि आपके सबसे सही ऑर्डर ऑफ एग्जीक्यूशन क्या है चलिए अब स्टार्ट करते हैं इसको सॉल्व करना कैसे बता रहे हैं हम इवेंट लूप का सीक्वेंस कैसे चलेगा सबसे पहले चलेगा स्टार्ट ऑफ द स्क्रिप्ट है ना तो वन आना चाहिए बिल्कुल ये वन भी वन जैसा नहीं लग रहा मेरा है ना वन आना चाहिए उसके बाद मैंने क्या बोला माइक्रो टास्क क्य प्रॉमिस डॉट रिजॉल्व माइक्रो टास्क क्य हमने बोला है माइक्रो टास्क क्यू रिजॉल्व होगा है ना ये मैं अगेन यहां पर बता देता हूं जो वीडियो मैंने बोला था हाउ जावास्क्रिप्ट वर्क्स व जाकर आप चेक कर सकते हो उसमें अगेन टास्क माइक्रो टास्क सबको बहुत क्लियर हमने बताया बट यहां पर हम बता रहे हैं प्रॉमिस चला है यहां पर है ना तो ये तो देखिए ए सिंक लग रहा है बाद में चलेगा तो इमीडिएट तो नहीं चलने वाला उसके बाद टाइमर क्यों आ गया कि उसके बाद टाइमर चलना चाहिए है ना तो ये भी एसिंक है ये भी बाद में चलना चाहिए फिर आयो हमने रीड फाइल बोल दिया ये भी एसिंक है जब फाइल रीड हो जाएगी तब चलेगी तो ये भी नहीं चलना चाहिए फिर चेक क्यू है ना हमने बोला इमीडिएट यानी चेक क्यू क्या होता है सेट इमीडिएट हमने कर दिया सेट इमीडिएट भी अभी हमने देखा था कि भाई ये भी इमीडिएट एग्जीक्यूट कर दो पर है तो ए सिंक इमीडिएट तो यह भी नहीं चलेगा फिर हमने बोला प्रोसेस डॉट ऑन एग्जिट यह क्या है यह क्लोज़ कू टाइप का ऑपरेशन नहीं क्लीन अप टाइप का ऑपरेशन है तो ये भी अभी नहीं चलेगा सबसे पहले उसके बाद क्या चल जाएगा सेवन चल जाएगा तो वन के बाद आ जाएगा सेवन है ना वन के बाद चल गया सेवन उसके बाद देखिए माइक्रो टास्क क्यू जो होती है उसकी प्रायोरिटी मैक्सिमम होती है सबसे पहले माइक्रो टास्क क्यू चलता है तो यहां उसके बाद आया टू है ना आपको बहुत सारे लोगों ने हो सकता है लगाया हो कि टाइमर पहले आएगा बट उसके बाद पहले आता है माइक्रो टास्क माइक्रो टास्क के बाद क्या आएगा टाइमर टाइमर की प्रायोरिटी उससे भी ज़्यादा है एक्चुअली जो माइक्रो टास्क है ना वह इवेंट क्य में आता ही नहीं है वह एक दूसरी क्यू में आता है जिसको माइक्रो टास्क क्य बोलते हैं जिसकी प्रायोरिटी इवेंट क्य से भी ज्यादा होती है माइक्रो टास्क कू में जो भी है बाकी सारे इवेंट क्यू वाले छूट जाएंगे पहले माइक्रो टास्क क्यू चलेगा है ना अगेन मैं बार-बार बोल रहा हूं व वीडियो आप चेक कर सकते हैं अगर आपको इसका आईडिया नहीं है तो उसके बाद चल गया नंबर थ्री नंबर थ्री के बाद क्या चलेगा देखिए जो हमने इमीडिएट बोला है वह चलेगा है ना सेट इमीडिएट तो यहां चलेगा फाइव उसके बाद जो आई ऑपरेशन चल रहा है वह चल रहा होगा और क्लीनअप वाला सबसे बाद में चलेगा देखिए जो फाइव और फोर है कई बार इनका जो ऑर्डर है वो चेंज हो सकता है डिपेंडिंग ऑन फाइल ऑपरेशन ने कितना टाइम लिया और सेट इमीडिएट ने कितना टाइम लिया य हम ये मान कर चल रहे हैं कि फाइल ऑपरेशन रीड करने में राइट करने में थोड़ा सा टाइम लेता है इसलिए फाइव वाला पहले चल गया फव क्य पहले एंटर कर गया होगा फोर बाद में चला होगा है ना पर मोटा-मोटा क्या है अगेन यहां जो ऑर्डरिंग है जो रिजल्ट है वो इतना ज्यादा इंपॉर्टेंट नहीं है एगजैक्टली इंपॉर्टेंट ये कि आपको समझ आए कि इन सब चीजों की प्रायोरिटी अलग-अलग है हालांकि इसमें ये भी मैटर अभी कर रहा है कौन सा आपने पहले लिखा है कौन सा बाद में लिखा है क्योंकि उसी बेसिस पर उनका काम खत्म हो रहा होगा उसी बेसिस पर वो क्यू में एंटर कर रहे होंगे तो प्रायोरिटी तो तभी आएगी ना जब आप लाइन में जाकर खड़े हो आप अगर घर बैठे हैं तो तो आपका टिकट में प्रायोरिटी पहले नहीं होगा क्योंकि आप घर बैठे हुए हैं तो प्रायोरिटी किसकी होगी जो क्यू में उस समय होगा उस समय जिसकी रायटी होगी उस हिसाब से ही चलेगा बट मोटा-मोटा मैं एक्सपेक्ट कर रहा हूं कि आपको ये समझ आ गया होगा कि जो इवेंट लूप है वो प्रायोरिटी जो है वो किस तरह से सेट कर रहा होता है है ना ऑलराइट तो चलिए दोस्तों स्टार्ट करते हैं हमारा चैप्टर नंबर सेवन ये वाला थोड़ा सा छोटा थोड़ा सा स्वीट और क्रिस्प चैप्टर होने वाला है हमारा पर हमारी एसिस्टिंग जो दो-चार प्रॉब्लम्स अभी चल रही हैं यानी अब देखिए हमने बेसिक कोड लिखना सीख लिया है नोड में अभी अब हम क्या कर रहे होंगे नेक्स्ट दो तीन चैप्टर्स में उसको थोड़ा सा सिंपलीफाई करने की कोशिश कर रहे होंगे यानी बहुत जल्दी हम एक्सप्रेस जेएस भी यूज़ करना स्टार्ट करेंगे अभी हम एनपीएम और उसको कुछ-कुछ टूल्स यूज़ करना स्टार्ट करेंगे यानी हमारा डेवलपमेंट थोड़ा सा इजी हो जाए बग्स फाइंड करना आसान हो जाए अभी आने वाले अगले दो-तीन चैप्टर्स में हम वही सब कर रहे होंगे तो आज के चैप्टर में हम क्या कर रहे हैं आज हम समझेंगे ये जो एनपीएम है इसका नाम हो सकता है आपने पहले सुना हो जिसको बोलते हैं नोड पैकेज मैनेजर इसका क्या मतलब है किस तरह से काम करता है और हम ऐसे कौन-कौन से पैकेजेस इंस्टॉल कर सकते हैं अ इमीडिएट जिससे हमारा काम करने का जो तरीका है आसान हो जाए है ना और बाकी हमारे पास जो जो भी टूल्स हैं वो आज हम देख रहे होंगे ठीक है तो टूल्स पर हमको बात करनी है सबसे पहले कौन से टूल पर हम बात कर रहेेंगे देखिए कोई भी टूल इंस्टॉल करने से पहले पहले हम क्या करेंगे एक मटेरियल आइकन इंस्टॉल करेंगे ऐसी बोनस है आपके लिए है ना ये क्या कर सकते हैं किसी ने एक एक्सटेंशन हमारा बनाकर रखा हुआ है जो वीएस कोड हम यूज कर रहे हैं देखिए चैप्टर सिक्स तक यहां पढ़ा हुआ है अगर हम ये एक्सटेंशन वाले टैब पर आएंगे एक्सटेंशन क्लिक करेंगे यहां करर आपको कुछ सर्च नहीं करना है आप बस आइकन सर्च कीजिए है ना ये देखिए पहले से मैंने खोल कर भी रखा है यहां पर दिखा रहा है कि क्या मटेरियल आइकन थीम है ना मटेरियल आइकन थीम आपको जैसे ही दिखता है देखिए 25 मिलियन लोगों ने इसको इंस्टॉल किया हुआ है है ना तो एक बार इसको इंस्टॉल कर लेते हैं और देखते हैं क्या फर्क पड़ेगा एक बार मैं आपको दोबारा ये खोल कर दिखा दूं अभी देखिए अगर मैं चैप्टर सिक्स में था हम मान लीजिए यूजर को देख रहे थे या कैलकुलेटर को देख रहे थे दोनों को हम देख लेते हैं तो देखिए हमारे आइकन जो है वो कुछ कुछ इस तरह से दिखाई देते हैं अब मैं क्या करने वाला हूं मैं जैसे ही इसको इंस्टॉल करूंगा है ना और इसको बोलूंगा कि हां भाई आप मटेरियल थीम थीम आइकन को इस्तेमाल करना स्टार्ट कर दीजिए तो देखिए यहां क्या हुआ हमारे जो आक है वो चेंज हो गए थोड़े-थोड़े अच्छे दिखने लगे हैं देखिए गिट इग्नोर के सामने गिट का आइकॉन आ गया है पीडीएफ के सामने एडोबी का आइकॉन आ गया है जो पीडीएफ का आइकॉन होता है वो आ गया है हमारी जितनी भी जेएस फाइल्स हैं उनके सामने जेएस के आइकंस आ गए हैं अभी जैसे हम धीरे-धीरे एनपीएम को यूज करना स्टार्ट करेंगे और टाइप्स ऑफ फाइल्स हमारे प्रोजेक्ट में बढ़ने वाली है नंबर ऑफ फाइल्स भी हमारे प्रोजेक्ट में बढ़ने वाली है तो थोड़ा सा एक तो सुंदर लगता है आप ये भी बोल सकते हैं और क्विक ग्लांस में आपको समझ आ जाता है कि ये किस टाइप की फाइल है क्या करने की कोशिश कर रही है है ना तो एक तो ये बहुत छोटा सा बोनस हुआ कि हमने ये एक एक्सटेंशन इंस्टॉल कर लिया जिससे हमारा जो काम है थोड़ा सा अ अ समझने में थोड़े से हमको आसानी होगी कोई भी पैकेज कोई भी फोल्डर अगर हम देख रहे हैं कोई भी प्रोजेक्ट अगर हम देख रहे हैं तो उसको हमें देखने में बेसिकली इंस्टॉल करने में आसानी होगी अगला काम क्या करेंगे देखिए अगला काम हम करने वाले हैं एनपीएम इट ये कमांड है जो हम रन करने वाले हैं अब ये करेगी क्या देखिए अभी तक हमने जो भी कोड लिखा है हमने क्या किया अगर मान लीजिए मुझे यूजर ऐप बनाना था मैं नोड के अंदर यूजर बना रहा था तो मैंने क्या किया डायरेक्टली यूजर पैकेज के अंदर जाकर एक जेएस फाइल बनाया और उसको नोड कमांड लिखा नोड वो जेएस फाइल दिया नोड को बोला जो फाइल है रन कर दीजिए तो एसेंशियली अभी तक हमने कोई प्रोजेक्ट बनाया ही नहीं है अभी तक हम क्या कर रहे हैं अभी तक हम छोटी-छोटी डायरेक्टली फाइल्स के बेसिस पर काम कर रहे हैं और एक फाइल जो हमारी चल जाती है उसी फाइल को हम बाकी फाइल से भी कनेक्ट कर देते हैं यानी app.js के अंदर ही हमने मान लीजिए यूज़र फाइल को भी इंक्लूड कर लिया था और यूजर फाइल भी उसी के अंदर आ गई तो अब हम क्या करने की कोशिश करेंगे अब हम करने की कोशिश करेंगे एक प्रॉपर पैकेज बनाना एक प्रॉपर प्रोजेक्ट बनाना और वो प्रोजेक्ट हम कैसे बना रहे होंगे एनपीएम की हेल्प से बना रहे होंगे तो ये आपको इंस्टॉल करने की जरूरत नहीं है इनिशियली जब हमने नोड इंस्टॉल किया था तो एनपीएम ऑटोमेटिक उसके साथ इंस्टॉल हो जाता है एनपीएम का अगेन दोबारा मतलब क्या है एनपीएम का मतलब है नोड पैकेज मैनेजर ये जो एनपीएम बोल रहे इसका मतलब क्या है नोड पैकेज मैनेजर और ये काम क्या करता है हमारे लिए प्रोजेक्ट्स बनाना उसको मेंटेन करना एक्सटर्नल बहुत सारे अगर हमको पैकेजेस हैं यानी पैकेजेस का यहां पर क्या मतलब है लाइब्रेरीज आप मान लीजिए या पीसेज ऑफ कोड जो किसी ने ऑलरेडी बना करर रखा हुआ है बहुत किसी भी काम के लिए बहुत सारे कोड ऑलरेडी लिखे हुए हैं जैसे हम कोर मॉड्यूस की बात कर रहे थे या मान लीजिए एक्सटर्नल मॉड्यूस हैं जो हम इंस्टॉल कर रहे होंगे तो वो भी किसकी हेल्प से हम इंस्टॉल करेंगे सब एनपीएम की हेल्प से इंस्टॉल करेंगे एनपीएम की रिपोजिटरी भी होती है रिमोट रिपोजिटरी जहां पर उसने वो सारा डाटा सारे पैकेजेस सेव करके रखे हुए हैं आप जब भी एनपीएम को बोलेंगे कि भाई मुझे वो पैकेज अपने प्रोजेक्ट में इंस्टॉल करना है तो वहां से जाएगा उसको डाउनलोड करके आपके सिस्टम पर लेकर आएगा उसको इंस्टॉल करेगा आपको यूज करने के लिए अवेलेबल कराएगा तो सबसे पहले जो हम कमांड चला रहे हैं एनपीए इट ये क्या करता है हम इसको बोल रहे हैं कि इनिश इइ कर दीजिए इट का यहां पर क्या मतलब है इनिश इज द प्रोजेक्ट है ना तो हम यहां क्या करते हैं सबसे पहले चैप्टर नंबर सेवन का अपना फोल्डर बना लेते हैं फोल्डर जो हम बना रहे हैं इसका नाम क्या रख लेंगे इसका नाम रख लेंगे चैप्टर सेवन एनपीएम एंड टूल्स है ना देखिए एनपीएम स्मॉल में क्यों लिखा है क्योंकि एनपीएम जो टीम है वो उसका नाम स्मॉल में लिखती है एनपीएम जनरली कमांड मानी जाती है तो इसलिए हमने इसका नाम स्मॉल में लिख लिया अभी हमने नया फोल्डर बनाया इसके अंदर कुछ भी नहीं है ये जो तीन फाइल्स यहां पर दिखा रहा है तो बाहर पड़ी हुई है हमारी गेट इग्नोर फाइल है हमारे जो नोट्स हैं जो आप लोग डाउनलोड करते हैं वो है और हमारा रीड मी एक फाइल पड़ा हुआ है तो सबसे पहले चैप्टर सेवन के अंदर हम क्या करते हैं जो अभी तक हम करते आए थे एक नॉर्मल चीज यहां पर पहले मैं एक app.js नाम की फाइल बना ले app.js मैंने बना लिया इसका कोड कहां से आएगा जो हमारे पास यहां चैप्टर सिक्स में हमने app.js वगैरह लिखे हुए थे इससे हम कॉपी कर लेते हैं जो सर्वर बनाने का स्टैंडर्ड कोड है है ना वो मैंने चैप्टर 7.7 में भी आकर डाल दिया अभी कि भाई सर्वर बनाने का पर यूजर नाम का भी कोई बेसिकली मॉड्यूल हमने नहीं बनाया उसको हटा देते हैं और यहां रिक्वेस्ट हैंडलर की जगह हम क्या दे देंगे अभी एक अपना रिक्वेस्ट हैंडलर बना देता हूं मैं सिंपल रिक्वेस्ट रिस्पांस यहां पर ये एनोनिमस फंक्शन पास कर देंगे और फिलहाल बस यहां पर मैं कर देता हूं कंसोल लॉग रिक्वेस्ट कि भाई आपके पास जब भी रिक्वेस्ट आए आप उसको लॉग कर लीजिएगा बाकी क्या है एकदम सिंपल कोड है जो सर्वर बनाने वाला कोड हमने किया है वो यहां पर कोड है ठीक है इसके बाद क्या करेंगे कमांड लाइन में आ जाएंगे कमांड लाइन में देखिए अभी मैं कहां पर हूं माफ कीजिएगा इसको एक बार क्लियर कर लेते हैं है ना कमांड लाइन में देखिए हम कहां पर हैं चैप्टर नंबर सेवन के अंदर ही है ना मैं अभी यहां पर चैप्टर नंबर सेवन में आ गया हूं इसके बाद देखिए अब सबसे पहले हम यहां पर क्या करेंगे अगर मैं नॉर्मल डीडीआईआर अगर आप विंडोज पर हैं तो चलाकर देख रहे हैं मैं एलएस चला रहा हूं तो लोकल फाइल मुझे पता चल गया app.js नाम का लोकल फाइल यहां पर है एक मौजूद है अब यहां पर आप सबसे पहले चला रहे होंगे एनपीएम इट ये इट का क्या मतलब है जैसे हमने बनाया इट का मतलब है इनिशियलिज्म में बाद में क्या चेंज होगा अभी यहां पर सिर्फ एक app.js नाम की फाइल है अब मैंने इसके अंदर चला दिया एनपीए मिनट और एंटर दबाया तो देखिए अभी यहां पर क्या बोल रहा है दिस यूटिलिटी विल वॉक यू थ्रू क्रिएटिंग अ पैकेज ड जसन फाइल यानी ये फाइनली एक पैकेज डड जसन नाम की फाइल बनाने वाला है उस फाइल के अंदर क्या होगा यह अभी हम समझेंगे है ना बट देखिए क्या है बाकी ये बोल रहा है अलग-अलग आप ये कर सकते हैं पैकेज इंस्टॉल करने के लिए आप एनपीएम इंस्टॉल कमांड जो है उसका आप इस्तेमाल कर सकते हैं ये सबसे पहले पूछ रहा है पैकेज का नाम बता दो क्या होगा अभी तो उसने हमारा जो चैप्टर नेम था उसको स्पेसेस वगैरह हटाकर उसको हा फन लगा दिया उसी का एक इसने अच्छा सा पैकेज यहां पर बना दिया है है ना मैं यहां पर इसका नाम कर देता हूं कि नहीं नहीं आप इसका नाम कर दीजिए एनपीएम टेस्ट मैं तो एक नया पैकेज बनाने वाला हूं एनपीएम टेस्ट के नाम से कह रहा है वर्जन देखिए जो भी चीज डिफॉल्ट चाहिए हर चीज की एक डिफॉल्ट वैल्यू दे रहा है अगर आप डिफॉल्ट वैल्यू ही एक्सेप्ट करना चाहते हैं हां वर्जन 1.0.0 ही होना चाहिए तो सिर्फ एंटर दबा दीजिए क्या कोई डिस्क्रिप्शन देना चाहते हैं दे देते हैं दिस मान लीजिए दिस प्रोजेक्ट इज बीइंग क्रिएटेड्रॉअर्नेविगेटर से जाने वाला है पर मेरा जो स्पेसिफिक पैकेज है तो किसी गेट रप में नहीं है इसको भी मैं एंटर दबा देता हूं कोई कीवर्ड्स है क्या जिनसे फाइंड आउट किया जाएगा बहुत सारी चीजें पूछ रहा है ऑथर का नाम पूछ रहा है मान लीजिए हम क्या दे देते हैं कंप्लीट कोडिंग है ना यह भी हमने दे दिया कोई लाइसेंस है क्या पब्लिकली आपको इसको डिस्ट्रीब्यूटर हम एंटर दबा देते हैं देखिए इसने क्या बोला इसने बोला मैं फाइनली राइट फाइल राइट करने जा रहा हूं कोई दिक्कत है क्या आप इसमें बोल दीजिए यस य ये एकदम ओके तो देखिए जैसे ही हमने एंटर दबा दिया इसके बाद अब क्या हो जाना चाहिए हमने एंटर दबा दिया अगर यहां पर आएंगे तो मेरी एक फाइल क्रिएट हो जानी चाहिए व्हिच इज तो देखिए जैसे ही हमने यहां पर यस लिखकर एंटर किया या यस डिफॉल्ट भी था मैं डायरेक्टली एंटर भी कर सकता था तो यहां पैकेज ड जसन नाम की एक फाइल बन गई और देखिए क्योंकि ये कुछ नोड का पैकेज ड जेसन नाम का फाइल है यहां पर देखिए जेएस वाला एक साइन दिखा रहा है अलग से है ना तो धीरे-धीरे हमारे ये जो आइकंस हैंको इनसे हमको चीजें आइडेंटिफिकेशन के अंदर आएंगे आपको दिखेगा आपने जो एक प्रोजेक्ट बनाकर उसकी जो भी डिटेल्स अभी यहां पर एंटर की थी कमांड लाइन में वो सब इसने यहां पर फाइल में लिख दी है तो आपको अगर कहीं पर यह काम करना है एनपीए इनेट करने की बज आप डायरेक्टली पैकेज जसन फाइल हाथ से भी क्रिएट कर सकते हैं अपने पुराने प्रोजेक्ट से उठाकर उठाकर कॉपी पेस्ट कर सकते हैं उसमें जो बेसिक डिटेल्स चेंज करनी है वो भी कर सकते हैं एनपीए मिनट क्या है ये बस ये फाइल बनाने का एक तरीका है आप बोलेंगे सर बस एक ये फाइल बन गई तो प्रोजेक्ट बन गया क्या जी हां अगर हम नोड का कोई भी पैकेज बना रहे हैं नोड का कोई भी प्रोजेक्ट बना रहे हैं दिस फाइल मींस एवरीथिंग ये जो पैकेज ड जसन फाइल है हमारे प्रोजेक्ट की सारी की सारी डिपेंडेंसीज जो है वो इसी के अंदर होने वाली है है ना तो ये आपका आपका पैकेज ड जसन बन गया तो आप ये मान कर चलिए आपका जो प्रोजेक्ट है वो ब बनकर तैयार है हैना तो जो एनपीएम नेट है वो क्या कर रहा है वो यही काम कर रहा है पूरी ये फाइल बनाने में हमारी यहां पर हेल्प कर रहा है अगली क्या देखेंगे अगली जो हमारी एनपीएम की दूसरी हम चीज देख सकते हैं वो है एनपीएम के अंदर स्क्रिप्ट्स यानी एनपीएम किस चीज को सपोर्ट करता है बहुत सारी स्क्रिप्ट्स को सपोर्ट करता है तो देखिए जब हम ये पैकेज ड जसन अपना फाइल खोल करर देख रहे हैं इसके अंदर ऑलरेडी यहां पर देखिए स्क्रिप्ट्स नाम का एक सेक्शन है है ना जेसन फाइल है स्क्रिप्ट्स नाम का एक सेक्शन है जिसके अंदर यहां भी क्या पड़ा हुआ है सिर्फ एक टेस्ट नाम की स्क्रिप्ट पड़ी हुई है है ना कि टेस्ट नाम से है और उसके लिए क्या कमांड चलाना है देखिए वो एगजैक्टली यहां पर लिखा हुआ है हम यहां पर एक कमांड और ऐड करने की कोशिश करते हैं तो मैं यहां पर कॉमा लगाता हूं और बोलता हूं एक कमांड और ऐड कर दीजिए जिसका नाम होना चाहिए स्टार्ट है ना मैं अपना सर्वर स्टार्ट करने के लिए नई स्क्रिप्ट लिख रहा हूं और मैं बोल रहा हूं जब भी मैं लिख ये स्टार्ट कमांड चलाने की कोशिश करूं स्टार्ट स्क्रिप्ट चलाने की कोशिश करूं आपको क्या करना है आपको देना है नोड app.js जो मैं अपना सर्वर चलाने के लिए करता था वो मैंने यहां नाम दे दिया नोड एड ज और मैंने बोल दिया कि भाई यहां से आप स्टार्ट कर सकते हैं तो देखिए मैं यहां इस फोल्डर में हूं मुझे अगर अपना जो सर्वर है वो चलाना था तो अभी तक हम क्या चला रहे थे मैं यहां लिख सकता था नोड एडॉट जस सर्वर मेरा स्टार्ट हो गया देखिए 3001 पर आ गया है इसको अगर मैं यहां खोल लूंगा है ना इसको अगर मैं यहां पे ओपन कर लेता हूं तो देखिए मेरी रिक्वेस्ट प्रिंट हो जा रही है यानी मेरा सर्वर तो ठीक से स्टार्ट हो रहा है अभी हम इसकी जगह दूसरा भी लिख सकते हैं व्हिच इज एनपीएम स्टार्ट है ना एनपीएम की हमने एक स्क्रिप्ट लिख ली है एनपीएम को हम बोल रहे हैं कि भाई स्टार्ट कर दीजिए और यहां पर आप एंटर दबा देंगे तो देखिए अभी भी वही काम हुआ इसने क्या बोला एनपीएम टेस्ट स्टार्ट बेसिकली ये टेस्ट रूप में चला रहा है 1.0.1 को है ना प्रोडक्शन की तरह नहीं चल रहा है इसने कहा कमांड जो मुझे चलानी थी वो थी न app.js और यहां मैंने कमांड चला दी है है ना तो आगे चलके हम देखते हैं अलग-अलग तरह के प्रोजेक्ट्स हो सकते हैं अलग-अलग तरह की स्टार्ट कमांड हो सकती है आपको चलानी हो बट आप हमेशा क्या कर सकते हैं स्टार्ट यहां पर आकर लिख सकते हैं हो सकता है आपकी एंट्री पॉइंट फाइल app.js ना हो कुछ और हो है ना या आप स्टार्टिंग में कुछ और पैरामीटर्स देकर चलाना चाहते हो जो हम आगे देखेंगे बेसिकली आपकी जो भी प्रोजेक्ट चलाने की कमांड है ये जनरली स्टैंडर्ड है कि आप उसको स्टार्ट कमांड लाकर ऐड कर दें तो अगर किसी का भी रैंडम नोड प्रोजेक्ट है जो आप चलाने की कोशिश कर रहे हैं तो आप जनरली कैसे चलाते हैं उसको नोड के साथ नहीं चलाते हैं आप चलाते हैं एनपीएम स्टार्ट करके और ये अज्यू करते हैं कि स्टार्ट करने के लिए जो भी स्क्रिप्ट चलानी है वो उसने यहां पर स्टार्ट में लिख दी होगी अब देखिए जो स्टार्ट है ये एक स्पेशल कीवर्ड है है ना ताकि जिस वजह से हम एनपीएम स्टार्ट डायरेक्टली लिख पा रहे हैं अगर हमें नॉर्मल भी और कोई स्क्रिप्ट भी ऐड करनी है तो हम क्या कर सकते हैं एक और स्क्रिप्ट ऐड कर देते हैं मान लीजिए मेरा थोड़ा फन करने का मन है मैं क्या बोल रहा हूं कि यार ये जो नोड app.js मैंने लिखा है ना इसे स्टार्ट करने का कोई और तरीका होना चाहिए एनपीएम स्टार्ट नहीं होना चाहिए मैं बोलना चाहता हूं खुल जा सस कुछ भी आप बोल सकते हैं अपने मेरे नाम से प्रोजेक्ट स्टार्ट होना चाहिए कुछ भी होना चाहिए है ना मैंने ये भी कमांड दे दिया तो ये भी ऐसे ही चलना चाहिए अब मैं एनपीएम स्टार्ट की जगह क्या दे देता हूं एनपीएम खुल जा सिम सिम यही कमांड मैंने लिख दी हालांकि और मेरे लिए काम बढ़ ही गया है मैं नोड जस लिखता तो शायद आसान रहता बट मेरा मन है मेरा प्रोजेक्ट है मैं जो वन करे करूं है ना माय लाइफ माय रूल्स जैसे चलता है वो तो मैंने बोल दिया एनपीएम खुल जा सिम सिम एंटर दबाया तो देखिए क्या बोल रहा है नहीं चलेगा क्यों नहीं चलेगा ये बोल रहा है कि भई ये खुलजा सिम सिम जो है ये कोई मेरे को सपोर्टेड कमांड नहीं लग रही है खुलजा सिम सिम अननोन कमांड है तो इसके लिए मेरे को क्या करना होता है स्टार्ट तोत एक स्पेशल कमांड थी बाकी कोई भी स्क्रिप्ट आपको चलानी है तो आपको आपको यहां पर लिखना पड़ता है एनपीएम रन तो उसके अलावा अगर स्टार्ट के अलावा आप लिख रहे हैं या कुछ रिजर्व कीवर्ड्स है उनके अलावा आप लिख रहे हैं तो आप लिखेंगे एनपीएम रन उसके बाद अपनी स्क्रिप्ट का नाम लिखेंगे खुलजा सिम सिम तो मैं अब एनपीएम रन खुल जा सिम सिम करूंगा तो देखिए क्या हुआ मेरा प्रोजेक्ट फिर से स्टार्ट हो गया है तो यहां एनपीएम स्स के अंदर क्योंकि मैंने एक और स्क्रिप्ट यहां पर ऐड कर दिया आप जो नाम से चाहे यहां पर स्क्रिप्ट ऐड कर सकते हैं मैंने कर दिया खुल जा सिम सिम के नाम से तो अब मैं जब भी अपना प्रोजेक्ट प्रोजेक्ट चलाऊंगा मैं चला सकता हूं एनपीएम रन लज सिमस ठीक है तो हमको एनपीएम स्क्रिप्ट्स का भी मतलब समझ आ गया हमको जो भी कस्टम स्क्रिप्ट ऐड करनी है वो देखिए हम यहां पर ऐड कर सकते हैं स्टार्ट नाम जो है वो थोड़ा सा स्पेशल है स्टार्ट तो रिकमेंडेटरी कोई भी अलग कमांड्स भी हैं जो आप चलाने की कोशिश कर रहे हैं तो वो सब आप यहां पर कस्टम स्क्रिप्ट्स में आकर अपनी जो कमांड्स है वो ऐड कर सकते हैं उसके बाद आपको पूरी पूरी कमांड याद रखने की जरूरत नहीं है डायरेक्टली आप उनको यूज़ जो है वो कर सकते हैं है ना ये हुआ स्क्रिप्ट्स अब देखिए एक बार पैकेजेस समझते हैं जिस मेन वजह से एनपीएम का जन्म हुआ और जिस मेन वजह से हमने एनपीएम को यहां पर हम एनपीएम को यूज़ कर रहे हैं तो देखिए जैसे हमने बात की थी एनपीएम क्या करता है एनपीएम के पास बहुत सारे पैकेजेस होते हैं और एनपीएम है क्या वैसे ट जस का पैकेज मैनेजर ही है ये है ना और इसके पास क्या होता है अगर आप भी मान लीजिए कोई ऐसे डेवलपर हैं जो कोई लाइब्रेरी बनाकर लोगों को देना चाहते हैं है ना आप अपना प्रोडक्ट उस तरह से डिस्ट्रीब्यूटर करना चाहते हैं जैसे आप का एक पैकेज बनाकर दे रहे हैं जिसको कोई भी चाहे तो यूज कर सकता है ना मोस्टली यहां पर फ्री होते हैं वैसे मोस्टली आपके प्स भी फ्री होते हैं तो उस हिसाब से आप बना सकते हैं रियू जबल कोड या लाइब्रेरी यहां से इंस्टॉल कर सकते हैं पैकेज जसन जो फाइल हमारी है ये क्या करती है हमारे पूरे पैकेज का मेटा डाटा जो है वो देती है वर्जनिंग देती है हम यहां पर अब एनपीएम कमांड यूज करके अलग-अलग पैकेजेस को लोकली इंस्टॉल कर सकते हैं उसके एग्जांपल्स क्या है रिएक्ट अगर हमको यूज करना है देखिए रिएक्ट का हमने बहुत पॉपुलर वीडियो किया हुआ है है ना आप अगर रि का पूरा कोर्स कर रहे हैं तो वहां पर भी एनपीएम यूज़ होता है वहां आप कौन सा पैकेज इंस्टॉल कर लेते हैं लोकली रिएक्ट पैकेज इंस्टॉल कर लेते हैं हम अभी नेक्स्ट चैप्टर में एक दो चैप्टर बाद क्या कर रहे होंगे एक्सप्रेस इंस्टॉल कर रहे होंगे क्योंकि हमको तो सर पूरा मं स्टैक पढ़ना था आपने बोला था पूरा मं स्ट्रैक पढ़ाएंगे भाई पूरा पढ़ाएंगे तो नोड के साथ-साथ अब हम एक्सप्रेस भी यूज कर रहे होंगे तो एक्सप्रेस जेएस भी एक पैकेज है जिसको हम डायरेक्टली यहां पर लगा सकते हैं लोडश भी एक पैकेज है बहुत सारे बेसिकली पॉपुलर पैकेजेस हैं जो आप यूज कर सकते हैं यहां एक जो मैं रिपोजिटरी की या रजिस्ट्री की बात कर रहा था ये भी आपको पता होना चाहिए देखिए बहुत सारे लोग जनरल मान लीजिए एक लाइब्रेरी टाइप की चला रहे हैं ना लाइब्रेरी मतलब जैसे आपकी स्कूल में लाइब्रेरी होती थी मैं उस लाइब्रेरी की बात कर रहा हूं या वेयरहाउस आप मान लीजिए बहुत सारी चीजें जहां पर रखते हैं तो उन्होंने एक ऐसी रजिस्ट्री बनाई हुई है कि भाई यहां पर ये रजिस्ट्री आपको भी अगर अपना पैकेज चाहते हैं आपकी कोई भी इंस्टॉल कर सके तो आकर मुझे यहां पर नाम लिखवा दीजिए तो जैसे हमने डीएनएस की बात की थी उसी तरह से ये भी चलता है कि यहां पर आपका नाम लिखा होगा आपका पैकेज यहीं पर होगा इनके पास होगा पूरा का पूरा और उसके बाद कोई भी आपका पैकेज इंस्टॉल करना चाहता है तो वो रजिस्ट्री से इंस्टॉल कर सकता है तो क्या होता है पब्लिक स्टोरेज टाइप की चीज होती है फॉर ओपन सोर्स पैकेजेस है ना तो वहीं से हम ये सब चीजें इंस्टॉल कर रहे होंगे जब हम एक्सप्रेस इंस्टॉल करेंगे अभी एक नया पैकेज है जो हम इसी चैप्टर में इंस्टॉल करने वाले हैं जो हमारी हेल्प करेगा तो वो सब हम एनपीएम पैकेजेस से इंस्टॉल करते हैं एक यहां पर और इंपॉर्टेंट बात क्या है समझने की कि जब हम पैकेजेस इंस्टॉल करते हैं तो उसके कई सारे तरीके हो सकते हैं है ना उसकी कमांड क्या है कमांड अगर आपको एनपीएम पैकेज इंस्टॉल करना है तो कमांड होती है एनपीएम इंस्टॉल एनपीएम इंस्टॉल नाम की कमांड है आप बोलते हैं एनपीएम इंस्टॉल कर दीजिए उसके बाद जो भी पैकेज का नाम है वो दे देते हैं कहां मिलेगा कैसे लेकर आना है सब आपको कुछ देने की जरूरत नहीं है वो खुद से पब्लिक जो हमने देखा भी रजिस्ट्रीज में जाएगा वहां जाकर वो नाम ढूंढेगा और लाकर आपको दे देगा आप नॉर्मल कमांड चलाते हैं तो नॉर्मली पैकेज इंस्टॉल हो जाते हैं बट कुछ स्पेशल कमांड भी हम चला सकते हैं जैसे कि आप हान ईन सेव चला सकते हैं साथ में ये क्या देता है एड्स द पैकेज टू प्रोजेक्ट्स डिपेंडेंसीज इन पैकेज ज यानी ये तो नॉर्मल जो हम चलाते हैं वही होता है बट अगर आप सेव डेव कर रहे हैं तो सेव डेव क्या है एड्स द पैकेज टू द प्रोजेक्ट डेव डिपेंडेंसीज ओनली यूज्ड इन डेवलपमेंट यानी देखिए बहुत सारी डिपेंडेंसीज ऐसी हो सकती हैं जो हमको जब फाइनल क्लाइंट के ब्राउजर पर चीज चल रही है तब नहीं चाहिए ये बस मेरे डेवलपमेंट के लिए मुझे चाहिए जो एक्चुअली पैकेज अभी हम देखने वाले हैं वो इसी टाइप का है देखिए अभी हमको क्या करना पड़ रहा है मैं जब भी एक भी लाइन का चेंज करता हूं मुझे जाकर सर्वर किल करना पड़ता है रीस्टार्ट करना पड़ता है तो किसी ने एक ऐसा पैकेज बना लिया जिसका नाम है नोड मन जो अभी हम इसके बाद इंस्टॉल कर रहे होंगे यूज़ कर रहे होंगे कि अगर आपने नोड मन इंस्टॉल कर लिया है तो नोड मन मन का मतलब मॉनिटर है कि वो क्या कर रहा है अपने आप मॉनिटर कर रहा है चेंजेज और जैसे ही चेंजेज मॉनिटर होते हैं वो अपने आप सर्वर में वो चेंजेज ऐड कर देता है बट क्या जब मैं प्रोडक्शन में चीज डालूंगा तो क्या वहां पर रन टाइम पर कोई चेंज कर रहा होगा नहीं वहां तो बार मैं एक बार मैंने कोड डाल दिया तो डाल दिया जब मैं उसके बाद पूरा दोबारा से कोई बड़ा चेंज कर लूंगा फिर एक बार अपडेट कर रहा हूंगा ये लगातार एक-एक लाइन में लिख रहा हूंगा ऐसा प्रोडक्शन में तो होता नहीं है तो वहां पर नोड मन की जरूरत नहीं है तो अगर इस टाइप के पैकेजेस हैं जो आप सिर्फ डेवलपमेंट के टाइम पर चाहते हैं तो उनमें आप सेव डेव कर सकते हैं इससे क्या होता है आपका स्पेस बच जाता है फाइनल जब आपकी ऐप शेप होती है तो उसमें वो पैकेज वहां पर नहीं जाता वो पैकेज सिर्फ आपके डेवलपमेंट के टाइम पर ही रहता है इसी तरह से देखिए हाज है ये भी बड़ा इंपॉर्टेंट है ये किस लिए होता है कई बार आप ये चाह रहे हैं कि यार ये जो पैकेज मैं इंस्टॉल करने वाला हूं ना ये सिर्फ मेरे इस प्रोजेक्ट में इंस्टॉल मत करिएगा ये मेरे मशीन पर ही ग्लोबली इंस्टॉल कर दीजिए यानी ये पूरे मशीन पर हर जगह अवेलेबल होना चाहिए मैं अगर 10 प्रोजेक्ट कर रहा हूं तो बार-बार मुझे इसको ना लगाना पड़े मेरी कमांड लाइन में हर जगह एनवायरमेंट में अवेलेबल हो जाए तो अगर आप माइनस g करते हैं तो क्या करता है इंस्टॉल्स पैकेज ग्लोबली ग्लोबली का यहां ये मतलब नहीं कि आपके दोस्त के कंप्यूटर पर भी इंस्टॉल हो जाएगा ग्लोबल का बस यह मतलब है कि आप जिस फोल्डर के अंदर हैं सिर्फ उस फोल्डर के अंदर इंस्टॉल नहीं होगा आपकी पूरी मशीन पर वो अवेलेबल रहेगा है ना उसके अलावा सेव एग्जैक्ट आप कर सकते हैं अगर एक स्पेसिफिक वर्जन आप इंस्टॉल करना चाहते हैं फोर्स आप कर सकते हैं कि कुछ प्रॉब्लम हो रही है आपको पता है कि नहीं आप सही काम कर रहे हैं एनपीएम आपको रोक रहा है कि यार शायद कुछ गड़बड़ हो सकती है आप इसको बो बोल सकते हैं नहीं मुझे पता है मैं क्या कर रहा हूं फोर्सफुली आप ये मेरा काम कर दीजिए ऐसे और भी बहुत सारे ऑप्शन होते हैं ना इसमें से कुछ ऑप्शन जो है वो हम यहां पर यूज कर रहे होंगे तो सबसे पहले हम कौन सा पैकेज इंस्टॉल करने वाले हैं सबसे पहले हम इंस्टॉल करने वाले हैं नोड मन जिसका मैंने बताया ये हमारी किस किस लिए हेल्प करता है ये हमारी हेल्प करेगा कि हम जो भी बेसिकली नोड में कोड लिख रहे हैं और लगातार हम कोड लिख सक और हमारा जो सर्वर है वो ऑटो अपडेट हो जाए हमको हर बार किल करके उसको स्टार्ट ना करना पड़े तो कैसे चलाएंगे देखिए इंस्टॉल करने के लिए यही कमांड हम चलाएंगे एनपीएम इंस्टॉल मेरे को इस सिर्फ नाम पता होना चाहिए नोड मन हान हाई फन सेव हम चलाने वाले हैं ताकि ये सिर्फ डेव डिपेंडेंसी मेरी बने है ना अब देखिए ऊपर देखते रहिएगा अभी यहां पर हमारे पास क्या-क्या है जो मेरी पैकेज ड जसन फाइल है नेम वर्जन डिस्क्रिप्शन यहां पर पड़ा हुआ है मेन उसके अलावा स्क्रिप्ट्स पड़ी हुई है ऑथर और लाइसेंस पड़ा हुआ है इसके अलावा और अभी यहां पर कुछ नहीं है ठीक है मैं अभी अपना सर्वर जो है ये किल कर लेता हूं अब मैं यहां पर लिखता हूं एनपीएम इंस्टॉल नोड मन जो उसका नाम था बाकी एक दो हाई फन सेव सिंगल हाई फन डेव ये मैं ऑप्शन भी यूज़ करने की कोशिश कर रहा हूं कि भाई सेव डेव यहां पर सिर्फ डेवलपमेंट डिपेंडेंसी आप इसको इंस्टॉल करें मैंने इसको एंटर दबा दिया अब देखिए क्या होगा ये इसको इंस्टॉल करने की कोशिश करेगा इंस्टॉल इसने अपने हिसाब से कर दिया है ये इंस्टॉल करने का क्या मतलब है देखिए दो-तीन काम इसने यहां पर कर दिया इंस्टॉल करते ही एक तो यहां पर ये नया सेक्शन आ गया मेरा डेव डिपेंडेंसीज ये सेक्शन अभी तक नहीं था तो इसने यहां पर एक सेक्शन ऐड कर दिया कि डेवलपमेंट के टाइम की डिपेंडेंसीज हैं नोड मन पैकेज होना चाहिए और उसका वर्जन इसने यहां पर क्या दे दिया है 3.1.7 अब ये पब्लिक रजिस्ट्री में गया होगा इंटरनेट पर अगर मैं इंटरनेट बंद कर दूं तो ये कमांड नहीं चलने वाली है ना तो ये कमांड चलाने के लिए इंटरनेट चाहिए मैं 3.1 से वर्जन वहां जो भी रजिस्ट्री में इस समय लेटेस्ट इंस्टॉल्ड होगा वहां से ये उठा लाया और मेरे प्रोजेक्ट में लाकर ऐड कर दिया कि भई ये 3.1.7 है अब इसने सिर्फ इंस्टॉल क्यों नहीं किया यहां फाइल में लिखना क्यों जरूरी है क्योंकि देखिए अगर मैं ये पैकेज अपना अभी अ गिट अप पर डालूंगा आप इसको अपने सिस्टम पर मान लीजिए जाकर इंस्टॉल कर रहे हैं तो आपको कैसे पता चलेगा कि किस-किस पैकेज की यहां पर जरूरत है तो इसलिए ये एक पैकेज . जसन में सब कुछ मेंटेन किया जाता है कि जब आप प्रोजेक्ट की शेयरिंग कर रहे हैं ना तो आप सिर्फ पैकेज . जसन फाइल शेयर करेंगे आपको एक्चुअल नड मन का जो कोड है वो शेयर करने की जरूरत नहीं वो इतना बड़ा कोड मैं क्यों शेयर करूं ये फाइल जहां पर भी जाएगी आप वहां जाकर एनपीएम इंस्टॉल सिर्फ कमांड चलाएंगे एनपीएम इंस्टॉल के बाद नाम नहीं सिर्फ एनपीएम इंस्टॉल तो वो क्या करता है वो अपने आप पहले ढूंढता है पैकेज ड जसन फाइल फिर वहां पर आएगा देखेगा कौन सी डेव डिपेंडेंसीज हैं कौन सी नॉर्मल डिपेंडेंसीज हैं उन सब डिपेंडेंसीज का कोड जाकर प्रोजेक्ट के लिए ले आएगा है ना तो ये क्या कर रहा है ये हमारे लिए काम आसान कर रहा है कि हमारा प्रोजेक्ट शेयरिंग आसान हो जाए और देखिए साथ-साथ इसने मेरे चैप्टर सेवन के अंदर एक नोड मॉड्यूस नाम का फोल्डर भी यहां पर बना दिया है अगर मैं नोड मॉड्यूस नाम का फोल्डर देख रहा हूं तो इसके अंदर देखिए कितनी सारी चीजें पड़ी हुई है तो ये बहुत सारी डिपेंडेंसी जो एसिस्टिंग डिपेंडेंसीज होंगी वो होंगी पर देखिए नोड मन भी यहां पर आ गया है और कुछ डिपेंडेंसीज होंगी जो नोड मोन ने अपनी डिपेंडेंसी डिक्लेयर करी हुई है यानी नोड मोन एज अ पैकेज बोल रहा है कि मैं तो आ रहा हूं पर भैया मेरे मुझे चलने के लिए चार चीजें और चाहिए जैसे मान लीजिए शाहरुख खान को आपको पिक्चर साइन करनी है तो शाहरुख खान क्या बोलता है कि भाई मेरे 10 लोग हैं जो साथ में चलेंगे एक छाता रखने वाला है एक मेरा शेफ है एक मेरा जिम ट्रेनर है मैं जहां भी पिक्चर की लोकेशन पर जाऊंगा मेरे साथ ये 10 के 10 लोग ट्रेवल करेंगे ये मेरी डिपेंडेंसी है इन पर इनके बिना मैं अपना काम नहीं कर सकता तो इसी तरह से नोड यहां पर बोल रहा है कि कुछ कुछ इसमें से पैकेज वो हो सकते हैं जो नोड मन ने बोला है कि भाई ये मेरी डिपेंडेंसी है मुझे यूज करने के लिए मुझे अपना काम करने के लिए इन सब पैकेजेस की जरूरत है तो वो सब काम आपको करने की जरूरत नहीं है जब आपने बोला नमन को इंस्टॉल कर दो तो उसके साथ-साथ की जो जो डिपेंडेंसीज है प्रोड्यूसर क्या बोलेगा अरे करो यार अगर आप हर चीज के लिए बारबार प्रोड्यूसर से जाकर पूछेंगे सर शाहरुख खान एक आदमी और मांग रहे हैं सर शाहरुख खान खाने के लिए ये मांग रहे हैं वो बोलेगा यार करते रहो जब मैं उसको 50 करोड़ 60 करोड़ 70 करोड़ अपनी पिक्चर के लिए दे रहा हूं तो बाकी भी हो जाएगा यार और शाहरुख खान मैं ऐसे ही नाम बोल रहा हूं कोई भी एक्टर आप मान सकते हैं तो यहां पर आपको ये बात समझनी है कि जब आपने बोला नोड मन इंस्टॉल कर दीजिए तो जो उसकी ट्रांजिटिंग डिपेंडेंसी इनको बोला जाता है आपकी डिपेंडेंसी नोड मन है नोड मन की अब जो भी डिपेंडेंसी है वो सभ यहां पर आकर इंस्टॉल करने वाला है देखिए इसने क्या बोला जब हमने बोला नोड मन इंस्टॉल कर दीजिए इसने बोला मैंने 29 पैकेजेस ऐड किए हैं यानी नोड की कुछ और डिपेंडेंसीज होंगी उन डिपेंडेंसीज की हो सकता है कुछ और डिपेंडेंसीज हो तो सब की सब पूरा डिपेंडेंसी ट्रीज आप एक तरह से मान लीजिए आकर इंस्टॉल कर देगा 29 पैकेजेस आपने तो एक पैकेज मांगा था 29 पैकेजेस इसने आपके लिए यहां पर इंस्टॉल कर दिए जो ये नोड मॉड्यूल फोल्डर में है पर देखिए इस नोड मॉड्यूल फोल्डर की कोई वैल्यू नहीं है आपको ये बात समझनी है मैं जब चाहूं इस नोड मॉड्यूल फोल्डर को उठाकर डिलीट कर दूं है ना मैंने डिलीट कर दिया अब क्या होगा देखिए कुछ नहीं होगा मैं दोबारा जाकर जब एनपीएम इंस्टॉल चलाऊंगा मैं एनपीएम इंस्टॉल दोबारा चला सकता हूं एंटर करूंगा तो क्या करेगा दोबारा मेरी फाइल में आएगा दोबारा डेफ डिपेंडेंसीज ढूंढेगा दोबारा देखिए इस बारही बोल रहा है मैंने 30 पैकेजेस ऐड कर दिए यानी हो सकता है एक पैकेज हमारा पहले से कुछ पड़ा हुआ था है ना एक पैकेज कुछ और पहले से पड़ा हुआ था ये 30 पैकेज इसने दोबारा ऐड कर दिए तो अगर आपको अपना प्रोजेक्ट अपने फ्रेंड के साथ शेयर करना है गिट पर चेक इन करना आप गिट अप पर देखेंगे आपको नट मॉड्यूस नाम का फोल्डर मिलेगा ही नहीं क्योंकि वो इस गिट इग्नोर ने पहले ही यहां पर डाला होगा गिट इग्नोर क्या करती है कोई भी फोल्डर जो चेक इन नहीं होना चाहिए उसको आप गिट इग्नोर में डाल सकते हैं तो कुछ स्टैंडर्ड फोल्डर यहां पर पड़े हुए होते हैं तो नोड मॉड्यूस एक्चुअली चेक इन होने ही नहीं वाला देखिए मैं गिट वाला पैनल खोलूंगा तो यहां पर दिखा ही नहीं रहा कि नोड मॉड्यूस के अंदर कुछ चेंज हुआ है या नोड मॉड्यूस नाम का कोई फोल्डर जो है वो ऐड हुआ है उसको ये समझ आ रहा है कि इसको गिट पर डालने की जरूरत नहीं है अगर मेरी पैकेज . जसन फाइल जो है वो चली गई है तो दैट इज गुड इनफ जिसको भी चाहिए वो पैकेज . जन से पूरा का पूरा नोड मॉड्यूल फोल्डर जब भी चाहे बना सकता है तो देखिए नोड मन तो हमने इंस्टॉल कर लिया है ना ये डेबिट डिपेंडेंसी में ऐड हो गया ये भी हमने देख लिया है ना ये भी हमने समझ लिया कि जो एनपीएम इंस्टॉल कमांड है ये क्या करती है पूरा का पूरा जो हमारा नोड मॉड्यूल फोल्डर है उसको रीक्रिएट कर देती है अब ये नोड ये जो नोड मन है ये चलेगा कैसे देखिए अब हम क्या करेंगे जो हमारी स्टार्ट स्क्रिप्ट थी उस उसके अंदर जाकर क्या बोलेंगे कि हमको नोड से ऐप रन नहीं करना है हमको नोड मन से करना है है ना कि डायरेक्ट नोड से नहीं चलाइए नोड मन से आप जस्ट चलाइए मैं नॉर्मली भी यहां पर अब चलाने की कोशिश करूंगा तो मैं नमन app.js चलाऊंगा है ना अच्छा देखिए अभी मैं नमन app.js चला रहा हूं तो चल नहीं रहा क्यों क्योंकि हमने इसको एज अ ग्लोबल इंस्टॉल नहीं किया मैंने क्योंकि इसको ग्लोबल इंस्टॉल नहीं किया तो मेरे टर्मिनल पर ये अवेलेबल नहीं है ये सिर्फ मेरे प्रोजेक्ट के अंदर अवेलेबल है मैं अगर एक बार इसको ग्लोबली इंस्टॉल करने की कोशिश करूं तो कैसे होगा जो इंस्टॉलेशन का कमांड था वो मैं एज इट इज यूज करता हूं साथ में नज भी लगा देता हूं कि भाई ग्लोबल इंस्टॉलेशन कर इसको मैं एंटर दबाता हूं अब देखिए दोबारा क्या कर रहा है दोबारा बोल रहा है काइंड ऑफ इसने इंस्टॉल कर दिया है अभी ये क्या होना चाहिए ग्लोबली अवेलेबल जो है वो हो जाना चाहिए एक बार फिर से हम चलाकर देखते हैं अब देखिए इस बार जब मैंने नम app.js चलाया तो इसको कमांड लाइन में मेरी मिल गया क्योंकि मैंने इसको - g लगाकर इस बार क्या कर लिया है ग्लोबली इंस्टॉल कर लिया आपने पूरे सिस्टम पर तो जो जो टर्मिनल्स मेरे चल रहे हैं मेरा आईडी चल रहा है हर जगह ही अवेलेबल हो गया इसने क्या बोला नोड मन 3.1.7 वर्जन है वो हमको यहां अपनी पैकेज फाइल में भी दिख रहा है टू रीस्टार्ट एनी टाइम एंटर आरएस अगर आपको रीस्टार्ट करना है तो आप आरएस दबा सकते हैं वरना ये अभी जो पैकेज है जो सर्वर है वो इसने यहां पर इंस्टॉल कर दिया है ना ये कह रहा है बाकी मैं क्या देख रहा हूं मैं सारे के सारे पाथ के चेंजेज देख रहा हूं और मैं इनमें से कोई भी फाइल अगर चेंज होगी ड जए m 32 पर चला दिया तो ऐसा कोई भी चेंज जो मैं प्रोजेक्ट में कर रहा हूं करिए वही रहा है सर्वर बंद कर रहा है सर्वर स्टार्ट कर रहा है सर्वर बंद कर रहा है सर्वर स्टार्ट कर रहा है पर ये सारा काम मुझे मैनुअली करने की जरूरत नहीं है ये सारा काम ऑटोमेटिक ये मेरे लिए कर रहा है और क्योंकि मैंने इसकी स्क्रिप्ट ही चेंज कर दी है तो मेरे को एक्चुअली नोड मन वाली कमांड भी नहीं चलानी है मैं तो जो पहले चला रहा था वही चलाऊंगा यानी एनपीएम स्टार्ट एनपीएम स्टार्ट चलाया तो ऑटोमेटिक नट की जगह नट मन चला रहा है तो देखिए आपको आप अगर किसी और का प्रोजेक्ट चला रहे हैं तो आपको ये सोचने की जरूरत ही नहीं है कि इसने नट लगाया होगा नोड मन लगाया होगा और भी हो सकता है चार पैकेजेस आते हो उसने कोई और पैकेज तो यूज नहीं किया भैया मैं तो एनपीएम स्टार्ट करता हूं आप अपने पैकेज में आप अपने प्रोजेक्ट के अंदर जो भी स्टार्ट कमांड डालना चाहते हैं वो स्टार्ट के अंदर आप डाल दें तो मेरा काम जो है वो यहां पर हो जाएगा ठीक है तो उम्मीद कर रहा हूं ये दोनों चीजें हमको बहुत अच्छे से समझ आई ऑलराइट तो चलिए दोस्तों स्टार्ट करते हैं हमारा अगला चैप्टर जिसका नाम क्या है एरर्स एंड डीबगिंग तो बेसिकली हम यहां पर क्या करने वाले हैं पहले हम समझेंगे किस-किस टाइप की एरर होती हैं हम किस-किस टाइप की एरर को एनकाउंटर कर सकते हैं और अगर वो एरर आ रही है हमको लग रहा है कि मेरे कोड में कोई प्रॉब्लम है जो एक्सपेक्टेड आउटपुट है वो नहीं आ रहा है या मेरा कोड कहीं बार-बार क्रैश कर रहा है सर कुछ प्रॉब्लम आ रही है मेन सर [संगीत] हम क्या देखेंगे एक बार समझने की कोशिश करेंगे कि किस-किस टाइप की एरर्स होती है है ना देखिए बात करना एक चीज है पर एक्चुअल समझ कब आता है जब हम इन एरर्स के टाइप देखेंगे इनको अपने आईडी में चलाकर देखेंगे वीएस कोड में चलाकर देखेंगे फिर भी एक बार देख लेते हैं कौन-कौन से टाइप के एरर हैं देखिए एक नॉर्मल हो सकता है सिंटेक्स एरर एक होता है मेरा लॉजिकल एरर और एक होता है रन टाइम एरर इनका मतलब क्या-क्या है सिंटेक्स एरर का क्या मतलब है जो एकदम सिंपल एरर है यानी मान लीजिए जो हमारी अगर मैं लोकल लैंग्वेज की बात करूं तो आपने अगर ग्रामर में कोई मिस्टेक कर दी यानी यहां पर मैंने क्या कोड के स्ट्रक्चर में अगर मैं ने कोई मिस्टेक कर दिया जिसकी वजह से या तो कोड मेरा कंपाइल ही नहीं हो पा रहा है या रन नहीं हो पा रहा है तो उसको क्या बोलेंगे सिंटेक्स एरर जैसे कि देखिए सेमी कोलर मिसिंग हर जगह जावास्क्रिप्ट में माना नहीं जाता सिंटेक्स एरर बहुत जगह नोड उसको चला देता है बट आपने मान आपने मान लीजिए ब्रैकेट कोई मिस कर दिया है गड़बड़ लिख दिया है यह सब क्या होगा सिंटेक्स एरर होगा लॉजिकल एरर की बात करें तो ये क्या होगा द कोड रंस बट द इट प्रोड्यूस इनकरेक्ट रिजल्ट्स ड्यू टू फॉल्टी लॉजिक यानी मेरा कोड तो सब रन हो रहा है बट मैंने जो लॉजिक फॉर्मूला लगाया वही गलत लगा दिया है ना मान लीजिए ट्रायंगल का एरिया निकालना था हाफ बेसिकली बेस हाइट नहीं लगाया या बेस इनटू हाइट मल्टीप्लाई कर दिया रिजल्ट गलत आ रहा है स्क्वायर की जगह कहीं क्यूब निकाल दिया है ना तो ऐसी बहुत सारी चीजें हो सकती हैं जो आपने लॉजिक में गड़बड़ कर दी है जिसकी वजह से क्या हो रहा है आपका आउटपुट सही नहीं आ रहा है देखिए वो भी एरर ही माना जाएगा क्योंकि आपका जो एक्सपेक्टेड आउटपुट था वो तो नहीं आया सिमिलरली एक होती है रन टाइम एरर ये क्या है एन एरर दैट अकर्स वाइल द प्रोग्राम इज रनिंग ऑफ एन ड्यू टू इनवैलिड ऑपरेशंस य कुछ इस तरह के इनवैलिड ऑपरेशंस कर रहा हूं जो अभी आगे चलके हम देखेंगे किस टाइप के होते हैं जिसकी वजह से जावास्क्रिप्ट ने कहा यार आप बहुत ही कुछ गलत कर रहे हो जो हमारा जो जावास्क्रिप्ट का रन टाइम है बोल रहा है भैया ये नहीं चल पाएगा वो क्रैश करके चला गया बोला कुछ ना कुछ गड़बड़ है आपके कोड तो अभी हम इन सबके एग्जांपल्स देखते हैं थ्योरी से ऐसे डायरेक्टली समझ नहीं आता है तब हमको बेटर थोड़ा सा समझ आएगा देखिए सिंटेक्स एरर तो हम डायरेक्टली समझ सकते हैं सिंटेक्स एरर्स को हमको चलाने की जरूरत नहीं है क्या मतलब है मान लीजिए मैं कंसोल लॉग लिखने की कोशिश कर रहा था मैंने कंसोल लॉग लिखते लिखते क्या किया बाद में जो मुझे ब्रैकेट और सेमीकलन लगाना था देखिए सेमीकलन तो फिर भी ऑप्शनल है पर ब्रैकेट भी नहीं लगाया तो अगर आप ब्रैकेट भी नहीं लगाएंगे तो आपका आईडी आपको बोलने लगेगा कि कुछ गड़बड़ है और आपका कोड रन नहीं कर पाएगा है ना उनको साथ साथ मान लीजिए एक बार आईडी पर भी चलाकर देख लेते हैं लगाकर देख लेते हैं कि ऐसा हो भी रहा है या नहीं हो रहा है है ना ट्रस्ट बट वेरीफाई मैं बोल ही रहा हूं या ऐसा होता भी है तो पहले एक नया चैप्टर बना लेते हैं चैप्टर ए है ना नाम एजेक्ट क्या देंगे एरर्स एंड डीबगिंग ठीक है कि हमारे एरर्स क्या-क्या है और डीबगिंग हमको कैसे करनी है तो इसके अंदर क्या करेंगे देखिए एक तो हमको हमको इनेट करना चाहिए आईडियली तो हम क्या करते हैं व्यू में जाकर टर्मिनल को खोल लेते हैं टर्मिनल कहां पर है मेरा ये टर्मिनल पुराने वाला सर्वर अभी भी चला हुआ है इसको हम किल कर देते हैं अब आ जाते हैं हम अपने चैप्टर नंबर ए के अंदर हमको ए के अंदर आना है हमको चैप्टर नंबर एट के अंदर आना है इसके अंदर हम करेंगे एनपी मिनट अभय पूछेगा नाम क्या होना चाहिए इसका नाम रख देते हैं एरर्स एंड डी बकिंग वर्जन वन डिस्क्रिप्शन नहीं देते एंट्री पॉइंट इक्सड जस नहीं है पड जस होने वाला है जो हम अभी बनाएंगे है ना टेस्ट कमांड गेट रेपो कीवर्ड्स ऑथर कुछ नहीं देते हैं सब कुछ बोल देते हैं ओके यस तो देखिए क्या करेगा मेरा पैकेज ड जसन फाइल इसने बना दिया मैं अपने सेवन से उठाकर यहां app.js जो था मेरा वो भी ले आता हूं app.js भी मैंने लगा लिया अब देखिए एक तरह से मैं कर सकता हूं रिक्वेस्ट मेरे पास आई तो मेरा जो मन करे मैं वो करूं मैं रिक्वेस्ट करूं ही ना तो मैं क्या करता हूं अपना सारा कोड जो टेस्ट वाला मुझे कोड लिखना है वो मैं यहां भी लिख सकता हूं इसके लिए हम क्या करते हैं यहां पर एक नया पैकेज बना लेते हैं एक नया फाइल बना लेते हैं जिसका नाम मैं मान लीजिए रख लेता हूं सिंटेक्स ड जए मैं देखिए पुरानी चीजों की प्रैक्टिस कर रहे हैं हम साथ-साथ यहां क्या करेंगे सिंटेक्स ड जस के अंदर हम यहां पर क्या करने वाले हैं सिंटेक्स ड जस के अंदर एक फंक्शन लिख लेते हैं मैं लिख लेता हूं कंस्ट टेस्टिंग सिंटेक्स है ना इ इक्वल टू नॉर्मल बिल्कुल एमटी एक फंक्शन लिख लेते हैं इसको एक्सपोर्ट कर लेते हैं एक्सपोर्ट सॉरी मॉड्यूस डॉट एक्सपोर्ट्स मॉड्यूल डॉट एक्सपोर्ट्स इ इक्वल टू टेस्टिंग सिंटेक्स ठीक है मॉड्यूल ड एक्सपोर्ट हमने टेस्टिंग सिंटेक्स लिख लिया इसके बाद क्या करेंगे टेस्टिंग सिंटेक्स मेरा हो गया इसको हम क्या करते हैं इंपोर्ट कर लेते हैं कहां पर app.js में तो मैं कर लेता हूं रिक्वायर डॉट स्ल कहां से लेना है सिंटेक्स से लेना है नाम क्या रख लीजिए सिंटेक्स ही रख लीजिए और मैं क्या करूंगा इसको यहां पर कॉल कर देते हैं नाम हमने वहां जो दिया था वही दे देते हैं टेस्टिंग सिंटेक्स है ना और यहां पर इसको मैं कॉल कर लेता हूं टेस्टिंग सिंटेक्स यहां पर कॉल हो जाना चाहिए और कुछ नहीं करेंगे रिक्वेस्ट को लॉक कर दे रिक्वेस्ट में भी क्या करते हैं रिक्वेस्ट ड यरल लॉक कर देते हैं ताकि बहुत ज्यादा लॉग ना आए और रिक्वेस्ट डॉट मेथड लॉक कर देते बस ये दो चीज लॉक कर दो टेस्टिंग सिंटेक्स को कॉल कर दो यहां पर एक बार क्या करते हैं पूरा वायरिंग चेक करने के लिए कंसोल लॉक लगा देते हैं और यहां मैं लिख देता हूं आई एम इनसाइड टेस्टिंग सिंटेक्स एक्चुअली मैंने जितना भीभी ये सब लिखा है इसका कोई बहुत ज्यादा मतलब है नहीं है ना मतलब क्यों नहीं है क्योंकि अभी तक मैंने सिंटेक्स टेस्ट करना शुरू नहीं किया मैं तो आपको प्रोजेक्ट सेटअप वगैरह ही सिखा रहा हूं ए के अंदर आगे एनपीएम इंस्टॉल भी कर लेते हैं एनपीएम इंस्टॉल नोड मन अब वो सेव डव आप लिख भी सकते हैं नहीं भी लिख सकते हम टेस्टिंग के लिए बना रहे हैं छोड़ देते हैं क्या होगा एस नॉर्मल डिपेंडेंसी ऐड हो जाएगा कोई आफत नहीं आने वाली यह हो गया मेरा एनपीएम इंस्टॉल भी हो गया उसके बाद हमको क्या करना है हमारा कमांड भी चेंज करना था यहां आकर एक स्टार्ट कमांड ऐड कर देते हैं जो हम सबको प्रीच कर रहे हैं कि ये सही प्रैक्टिस है हमको करना भी चाहिए है ना नोड मन उसके बाद क्या करना है हमको पड जस ठीक है यह सारा काम हमने कर लिया अब एनपीएम स्टार्ट करके देखते हैं सब कुछ ठीक से चल रहा है या नहीं देखिए एनपीएम स्टार्ट मेरा हो गया ये बोल रहा है सर्वर 3002 प हमने स्टार्ट कर दिया हमने पोर्ट नंबर चेंज कर दिया था 3002 3002 पर इसको खोल लेते हैं देखिए कॉल हुआ मेरा स्लश गेट भी आ गया आई मा इनसाइड टेस्टिंग सिंटेक्स आ गया शायद हमने गल गलत लिख दिया वहां पर आई एम की जगह क्या लिख दिया आई मा लिख दिया तो आई एम इनसाइड टेस्टिंग सिंटेक्स अब देखिए जैसे ही मैंने ये चेंज किया ये बोल रहा है सर्वर रीस्टार्ट हो गया है रीस्टार्ट हो गया दोबारा मैं चलाकर देख लेता हूं क्ल करता हूं दोबारा चलाकर देख लेता हूं देखिए इस बार टेक्स्ट जो है वो करेक्ट आ गया आई एम इनसाइड टेक्स सिंटेक्स आ गया है ना तो मेरा नोड मन भी ठीक से चल रहा है अब हमको जो देखना था वहां पर आ जाते हैं हम तो भाई सिंटेक्स एरर्स देखने के लिए आए थे तो अगर मैं कंसोल लॉक देखिए मैंने किया ही हुआ है इसका अगर मैं ब्रैकेट हटा दूं तो देखिए क्या हो रहा है जैसे ही मैंने ब्रैकेट हटाया और उसने सर्वर रीस्टार्ट करने की कोशिश की इसने क्या बोल दिया यहां पर देखिए सर्वर क्रैश कर गया है कह रहा है नोड मन पप इज क्रैश वेटिंग फॉर फाइल चेंजेज बिफोर स्टार्टिंग अब जब जब तक फाइल चेंजेज नहीं होते तब तक मैं दोबारा स्टार्ट नहीं करूंगा दिक्कत क्या है सिंटेक्स एरर आपका आया है मिसिंग ब्रैकेट आफ्टर आर्गुमेंट लिस्ट यानी यहां पर ब्रैकेट आपको लगाना जरूरी है तो अगर ऐसी कोई भी गलती होगी जो सिंटेक्स एरर है तो आपका कोड जो है वो वहीं पर रुक जाने वाला है वहीं पर पॉज हो जाने वाला है और कौन-कौन सी एरर्स यहां पर हम बता रहे हैं देखिए यहां पर अब हमने क्या किया स्ट्रिंग डिफाइन किया बट स्ट्रिंग का ब्रैकेट नहीं लगाया यहां पर अब क्या करना चाहिए था ये डबल कोट से स्ट्रिंग को क्लोज करना चाहिए था ये नहीं किया लेट न्य = 5 यहां पर क्या प्रॉब्लम है एक बार खुद खुद सोचते रहिएगा साथ में कि यहां क्या-क्या प्रॉब्लम्स हैं देखिए न्यू एक कीवर्ड है न्यू नाम का वेरिएबल जो है वो डिक्लेयर नहीं कर सकते हमने यहां डिक्लेयर करने की कोशिश की ये भी नहीं चलेगा लास्ट क्या है कांस्टेंट डिक्लेयर करने की कोशिश की बट उसकी वैल्यू नहीं दी आप कांस्टेंट डिक्लेयर करते हुए इसका मतलब उसको बोल रहे हैं कि भाई इसकी वैल्यू मैं अभी यहां पर दे रहा हूं इसको दोबारा चेंज मत होने देना बट आपने दी भी नहीं वैल्यू तो इस बात का क्या मतलब हुआ तो ये सब किस चीज के एग्जांपल्स हैं ये सब हमारे सिंटेक्स एरर्स के एग्जांपल है कि भाई ये अगर आपने गलती कर दी तो जनरली बहुत जल्दी पकड़ी जाती है सिंटेक्स एरर्स ये बोला जाता है जैसे बोलते हैं सबसे सस्ते एरर्स यही होते हैं क्यों क्योंकि सबसे पहले पकड़े जाते हैं आपका सर्वर स्टार्ट होते ही या पकड़े जाते हैं दिक्कत उन एरर्स को पकड़ने में होती है जो मिलते भी नहीं है यहां तो जो मेरा लाइन नंबर वगैरह है अगर आप थोड़ा सा मैसेज पढ़ने की आदत डालें तो देखिए यहां पर क्या है जब इसने मुझे एरर दिया है लोग लाल देखते ही बस छोड़ देते हैं है ना सर समझ नहीं आ रहा सर हो नहीं रहा भाई देख लो सब कुछ वो आपको बता रहा है वहीं पर क्या बताया इसने आपको लाइन भी बता दी जहां इसको लग रहा है कि एरर है है ना साथ-साथ आपको लाइन नंबर भी बता रहा है आपको देखना है आपकी लाइन नंबर यहां से यहां पर कौन सा देखिए ये तो सब इंटरनल इंटरनल इंटरनल है सिर्फ ये मेरी फाइल लग रही है मुझे यूजर प्रशांत जैन वर्कस्पेस इसमें क्या बोल रहा है ड जए में लाइन नंबर टू पर है आप एड जए में आइए लाइन नंबर टू पर देखिए आपको मिल जाएगा क्या आपने गड़बड़ किया तो एग्जैक्ट लाइन नंबर भी बता रहा है वो लाइन आपको लिखकर भी बता रहा है एरर क्या है वो भी बता रहा है है ना आपकी एरर क्या है सारी चीजें बता रहा है कि भाई सिंटेक्स एरर है मिसिंग ब्रैकेट है तो ये सब चीजें अगर आप एक बार देखना शुरू करेंगे थोड़ा सा पेशेंस थोड़ा सा टाइम है ना आजकल रील चलाने का टाइम हो गया है ना तो पेशेंस नहीं है बिल्कुल भी थोड़ा सा पेशेंस लगाकर खुद देखना है है ना मैंने देखा मैं बच्चों को कोई प्रॉब्लम देता हूं कि अच्छा आप ये प्रोजेक्ट कर लीजिए कोई काम है उनको बता दिया इस तरह से करना है 30 सेकंड बाद मेरे पास मैसेज आ गया सर नहीं हो पा रहा सर आप हेल्प कर दीजिए सर ये एरर आ रही है यानी अपने आप ट्राई करने का मन ही नहीं है कोशिश भी नहीं कर रहे तो देखिए पूरा चैप्टर इसीलिए है कि अपने आप ट्राई करेंगे है ना योगा की तरह जैसे बाबा रामदेव बोलता है ना मैं भी बोलता हूं और एक्सरसाइज में करने की विद्या है तो ये पूरा जो एरर फाइंडिंग है करने की विद्या है आपको समझना चाहिए कि मैं किस तरह से अपनी एरर्स खुद से रिजॉल्व कर सकता हूं तो ये तो हुई हमारी सिंटेक्स एरर्स सिंटेक्स एरर्स के बाद क्या आती है सिंटेक्स एरर्स के बाद आती है रन टाइम एरर्स है ना रन टाइम एरर पहले समझ लेते हैं थोड़ी सस्ती है लॉजिकल एरर सबसे मुश्किल है पकड़ना रन टाइम एरर क्या है रन टाइम एरर हमने बोला रन टाइम एरर होता है कि भाई आपने कोई ऐसी गलती की जो सिंटेक्स की तो गलती नहीं है बट उसके बाद भी गलती है कोई इंस्ट्रक्शन ऐसा है जो फॉल्टी है इसका एग्जांपल क्या हो सकता है देखिए सिंटेक्स तो ऐसा है कि मैं आपको कुछ ऐसे बताने की कोशिश कर रहा हूं कंप्यूटर को कुछ ऐसा बोल रहे हैं जो उसको समझ ही नहीं आ रहा है ना जैसे मैं आपको बोलता हूं चिंक पिलाका है ना जैसे बहुत सारी मूवीज में दिखाते हैं ना वो जंगली वगैरह बोलने वाले वो हमने बाहुबली देखी थी उसमें भी वो कुछ कुछ बोलते थे तो वो क्या बोल रहा है वो कुछ बोल रहा है आपको समझ नहीं आ रहा तो कंप्यूटर सिंटेक्स है तो उसने तभी बोल दिया भाई आप क्या बोल रहे हो सम नहीं आ रहा है कुछ गड़बड़ है आप देख लीजिए है ना रन टाइम एरर ये है कि आप जो उसको करने के लिए बोल रहे हो ना वो बहुत खराब है जैसे मैं आपको बोलूं चल भाई छत पर चलते हैं और छत पर जाकर आपको बोलूं कि एक काम कर नीचे कूद जा तो आप बोलोगे भाई क्या आदमी है क्या बोल रहा है क्या मैंने जो बोला वो गलत है क्या मैंने जो इंग्लिश यूज की वो गलत है जो भाषा यूज की वो गलत है नहीं भाषा तो गलत नहीं है तो फिर गलत क्या है भाई आप जो बोल रहे हो करने के लिए वो पॉसिबल नहीं है या मैंने कर दिया तो बहुत गड़बड़ हो जाएगी रन टाइम एरर उसी टाइप की चीज है जैसे कि मैंने डायरेक्टली लिख दिया कंसोल लॉग x है ना x मैंने डिक्लेयर ही नहीं किया है ये बोलेगा भाई ये रेफरेंस रर x है क्या मुझे बताया तो है नहीं आपने है ना तो ये उस समय नहीं पकड़ा जाएगा कंपाइल टाइम पर जब कोड रन हो रहा होगा तब पकड़ा जाएगा और तब क्या होगा सर्वर आपका क्रैश कर जाएगा तो इसका भी हम एग्जांपल्स एक दो चलाकर देख लेते हैं ताकि हमको और अच्छे से समझ आए है ना और हम टेस्ट भी कर ले सर सही बोल रहे हैं नहीं बोल रहे तो यहां पर एक पैकेज और बना लेते हैं साथ-साथ पुरानी प्रैक्टिस भी हमारी हो रही है है ना एक सेकंड मैंने बना लिया चैप्टर नंबर सेवन के अंदर सेवन को आप बंद कर दें हमको बनाना है एट के अंदर क्या बनाएंगे नया पैकेज हम देख रहे हैं इस समय रन टाइम है ना सिंटेक्स पहला बनाया था इस बार बना लिया रन टाइम से इतनी हमको आदत हो जानी चाहिए क्या यह बारबार करने की रन टाइम बनाना है एमटी फंक्शन बनाएंगे और इसको क्या करेंगे मॉड्यूल डॉट एक्सपोर्ट्स इक्वल टू रन टाइम को क्या करते हैं वहां पर इंपोर्ट कर लेते हैं जाकर जैसे सिंटेक्स लिखा है ऐसे रन टाइम लिख देते हैं और रन टाइम को यहां पर चला लेते हैं है ना जहां टेस्टिंग सिंटेक्स लिखा था यहां रन टाइम लगा देंगे और रन टाइम इस तरह से चल जाएगा टेस्टिंग वाले को मान लीजिए फिलहाल मैं कमेंट कर देता हूं वैसे अभी तो हमने वहां से एरर हटा दिया बट अगर वहां कोई सिंटेक्स एरर है तो वो हमको ना बॉदर करे रन टाइम पर हम आ जाए देखिए इतने सारे मैंने चेंजेज किए ये कितनी बार सर्वर को बारबार रीस्टार्ट कर चुका अभी आप चाहे तो ऑटो ऑफ बंद भी कर सकते हैं बहुत बार जब आपने इस टाइप की चीज लगाई हुई हो अगर आप ऑटो सेव में कहने की बात कर रहा हूं ऑटो सेव आप बंद कर सकते हैं कि जब मैं सेव करूं तभी ये रि स्टार्ट हो बट एनीवे इट डट मैटर अभी सर्वर जो है वो स्टार्ट हो गया 302 पर एक बार फिर से चलाकर देख लेते हैं मैंने बंद किया चलाया तो देखिए गेट तो चल गया कुछ हुआ ही नहीं कुछ हुआ क्यों नहीं क्योंकि रन टाइम के अंदर कुछ लिखा ही नहीं अभी एक बार करके देख लेते हैं जो हमने बोला था console.log x है ना कि x लॉग कर दो देखिए क्या होगा x इसने लॉग करने की कोशिश की आ गया रेफरेंस एरर x इज नॉट डिफाइंड कि भाई x आपने डिफाइन ही नहीं किया तो मैं लॉग क्या करूं तो ये है मेरी रन टाइम एरर और क्या है देखिए मैंने नम इक्वल 10 एक वेरिएबल बनाया उसके बाद नम को एज अ फंक्शन कॉल कर लिया है ना क्या करने की कोशिश कर रहा हूं मैं लेट लगा दीजिए कौंस लगा लीजिए कुछ भी लेट नम इ 98 उसके बाद मैं बोल रहा हूं नहीं नम को जरा फंक्शन की तरह कॉल कर दो तो क्या होगा देखिए नीचे जब ये इसको चलाने की कोशिश करेगा जैसे ही मेरा ब्राउजर इसको कॉल देगा क्या होगा फिर से क्रैश हो गया बोल रहा है नम इज़ नॉट अ फंक्शन तो ये क्या है ये जो आपने बोला उसमें गड़बड़ नहीं है ये फंक्शन कॉल करने के सिंटेक्स में भी कोई गड़बड़ नहीं है ये वेरिएबल डिक्लेयर करने के सिंटेक्स में भी कोई गड़बड़ नहीं है गड़बड़ यह है कि आप वेरिएबल को फंक्शन बनाकर कॉल करने की कोशिश कर रहे हो जो उसको तभी बाद में समझ आएगा जब वह रन कर रहा होगा है ना तो इस टाइप की जो भी एरर्स हैं रन टाइम एरर्स हैं एक रन टाइम एरर का एग्जांपल हमने ऑलरेडी देखा जो हम आपने देखा होगा जहां हम रेनस डॉ एंड करने के बाद भी रिस्पांस में कुछ लिखने की कोशिश कर रहे थे वो भी क्या था वो भी एक रन टाइम एर थी वो बोल रहा है भैया रिस्पांस तो जा चुका आप मुझे ंस ड एंड बोल चुके हो उसके बाद रिस्पांस में फिर से मुझे बोल रहे हो कि हेडर ऐड कर दे डॉट राइट कर दे तो ये सब नहीं हो सकता तो ये भी किस टाइप के एग्जांपल्स हैं रन टाइम एरर के आपके एग्जांपल्स हैं और हमने यहां पर आपके नोट्स में क्या-क्या एग्जांपल दिया आप देख सकते हैं जेसन स्ट्रिंग देखिए क्या किया इनवैलिड जेसन स्ट्रिंग दे दी है ना उसको पास करने के लिए जो स्ट्रिंग दी वो इनवैलिड दे दी विद सिंगल कोट्स दे दी क्या होना चाहिए जेसन में हमेशा डबल कोट्स होना चाहिए तो ये भी खराब हो गया दूसरा यहां पर क्या किया हम मान लीजिए फाइल रीड करने की कोशिश कर रहे हैं हमने राइट फाइल सिंक देखा था राइट फाइल देखा था ऐसे इसी तरह क्या होता है रीड फाइल सिंक और रीड फाइल भी होता है तो वहां पर हमको क्या दिख रहा है कि भाई रीड फाइल सिंक और रीड फाइल में हमने जो फाइल रीड करने की कोशिश की वो फाइल ही एजिस्ट नहीं करती तो हमको बोल रहा है फाइल नॉट फाउंड आपकी एरर हो गई है तो इस टाइप की जो भी एरर्स हैं जो ये सबसे ज्यादा कॉमन जो एरर्स होती हैं वो सब आपकी रन टाइम एरर्स होती हैं और लास्ट हमारी कौन सी है लास्ट हमारी है लॉजिकल एरर्स लॉजिकल एरर सबसे ज्यादा इंटरेस्टिंग सबसे ज्यादा मजेदार हैं क्योंकि इनको पकड़ना सबसे ज्यादा मुश्किल होता है तो यहां आपको अपने आप अब ट्राई करते रहना है देखिए पहली एरर है है ना हमने हालांकि यहां कमेंट में लिख दिया है कि बाद में आपको समझ आ जाए बट अगर आप खुद से देखने की कोशिश करेंगे देखिए मैंने क्या किया x = 5 अब मैं चेक कर रहा हूं कि अगर x10 हो तभी ये प्रिंट हो है ना तो तब तो ये प्रिंट होना नहीं चाहिए एक बार चेक कर लेते हैं है ना क्या चेक कर लेते हैं अब एक लॉजिकल वाला भी हम बना लेते हैं तो जहां हमने रन टाइम बनाया इसी को मैं कॉपी पेस्ट कर लेता हूं इसको रिनेम करके कर देता हूं क्या लॉजिकल लॉजिकल में आ जाते हैं वापस आ जाते हैं लॉजिकल के अंदर लॉजिकल का नाम भी मैं क्या कर देता हूं लॉजिकल कर देता हूं यहां भी लॉजिकल यहां भी लॉजिकल और प में वापस जाएंगे तो यहां भी रन टाइम के बाद कॉल कर लेंगे लॉजिकल को और रन टाइम के साथ-साथ इंपोर्ट कर लेंगे लॉजिकल को है ना देखिए क्योंकि लगातार अपने आप सेव कर रहा है तो बहुत सारे एरस तब देता जा रहा है जब मैं कोड चेंस ही कर है ना यह हो गया हमने रन टाइम वाले को क्या कर लिया है रन टाइम वाला भी बारबार हमको एरर देता रहेगा तो मैं य क्या कर लेता हूं वापस जाकर प के अंदर रन टाइम वाले को भी फिलहाल हम कमेंट कर देते हैं कि रन टाइम भी नहीं चलाए तो सिंटेक्स और टाम रन टाइम को फिलहाल बंद कर देते हैं पैकेट जसन को बंद कर देते हैं यहां के रिफ्रेश करते हैं अभी देखिए क्या हो रहा है नम इज नॉट अ फंक्शन लॉजिकल के अंदर भी अच्छा हमने क्योंकि कॉपी पेस्ट किया था तो यहां भी नम वाला कोड लिखा हुआ है इसको यहां से हटा देते हैं वापस आ जाते हैं फिर इसने इसने रीस्टार्ट कर दिया अभी क्या होगा गेट रिक्वेस्ट आ जाएगी यहां से तो अ ये पॉज करेगा क्योंकि हमने कुछ किया नहीं है अब जो हमने कोड यहां लिखा था वो यहां पर मैं आके लिख लेता हूं अपने लॉजिकल के अंदर मैंने क्या लिखा है मैंने पहले एक वेरिएबल डिक्लेयर किया कंस्ट नम इक्व 5 इफ नम इक्वल ट 10 तो आप क्या करिए कसोल डलॉग नम प्रिंट कर दीजिए है ना एल्स कसोल डलॉग नम इज नॉट है हमने ये प्रिंट कर दिया यहां आकर मैं क्या करता हूं अपनी रिक्वेस्ट दोबारा भेज देता हूं देखिए क्या बोल रहा है ये अच्छा मैंने कॉनस दे दिया एक्चुअली यहां पर इसको मैं लेट दे देता हूं फिर से रन कर लेते हैं फिर से रन किया तो देखिए यहां पर 10 प्रिंट हुआ जबक नम तो मेरा फ था प्रिंट क्या होना चाहिए था नम इज नॉट 10 देखिए बेसिक चीज आप में से बहुत सारे लोगों ने स्पॉट कर ली होगी य हमने डबल इक्वल टू या ट्रिपल इक्वल टू की जगह सिंगल इक्वल टू दे दिया है तो ये कंपैरिजन की जगह क्या हो गया ये असाइनमेंट हो गया गलती से पर देखिए जब ये कोड चल रहा होगा ना तो बाद में समझ नहीं आता कई बार कि यार ये कंडीशन चल क्यों नहीं रही है ये कंडीशन चल क्यों नहीं रही है ऐसे ये कोड यहां पर कैसे जा रहा है हर केस में यहां कैसे यहां कैसे चला जा रहा है यहां क्यों नहीं जा रहा है है ना अब ये तो बेसिक सा एग्जांपल है बहुत ज्यादा कॉम्प्लिकेटेड भी कई बार लॉजिकल एरर्स हो जाती हैं है ना तो एक लॉजिकल एरर ये है अगली लॉजिकल एरर अगर हम देखेंगे तो अगली लॉजिकल एर हमारे पास क्या है हमने एक एरे बनाया हुआ है है ना एक एरे है उसके बाद हमने उसको प्रिंट करने की कोशिश की है बट यहां पर हमने क्या गड़बड़ कर दी हमने लेस दन इक्वल टू लेंथ के लिए चला दिया क्योंकि लेस दन इक्वल टू लेंथ के लिए चला दिया तो एक एलिमेंट हमेशा बाद में अनडिफाइंड प्रिंट हो रहा होगा तो कई बार समझ ही नहीं आता कि एक्स्ट्रा एलिमेंट कहां से ऐड हो गया हर बार आप प्रिंट भी नहीं कर रहे होते कहीं डाटा लगा कर भेज रहे हैं कुछ और कर रहे हैं उसके बेसिस पर समझ नहीं आता क्या हो रहा है सिमिलरली अगर आप यहां पर देखेंगे रिजल्ट क्या आ रहा है 105 जबकि आना चाहिए था 15 ऐसा क्यों क्योंकि एक स्ट्रिंग है एक नंबर है उनको ऐड किया तो उसने क्या किया अप कास्ट कर दिया जो आपका नंबर था पहले उसको कन्वर्ट कर दिया स्ट्रिंग में और स्ट्रिंग और स्ट्रिंग को ऐड करके कॉन्कैटिनेट कर दिया ऐड करने की ज और आपको रिजल्ट मिल गया 105 जबकि आप एक्सपेक्ट कर रहे थे 15 है ना तो देखिए हमने लॉजिकल एरर्स वगैरह देख तो ली कि लॉजिकल एरर होती क्या है अब मान लीजिए मेरे कोड में कोई एरर आ रही है यहां तो हमने एरर से स्टार्ट किया अभी मुझे पता चलेगा कि यार सब ठीक से चल नहीं रहा है कोई लॉजिकल एरर शायद आ रही है अब मैं उसको फिक्स कैसे करूं उसको पकडू कैसे तो देखिए वहां पर आता है हमारा डीबगर तो अब हम देखेंगे कि डीबगर को हमको कैसे यूज़ करना है डीबगर का मतलब क्या है और ये टूल हमको कैसे हेल्प करेगा हमारी लॉजिकल एरर्स पकड़ने के लिए है ना तो वापस आ जाते हैं हम अपनी आईडी पर है ना यहां पर देखिए लॉजिकल में हमने एक लॉजिकल एरर करा हुआ है हमको आ जाना है अपने एंट्री पॉइंट पर यानी app.js पर ये बड़ा इंपॉर्टेंट है है ना app.js पर आ जाएंगे जो हमारा अभी सर्वर चल रहा है इसको आप बंद कर दीजिए है ना कंट्रोल c करके क्लिक क्ल करके इसको जो भी आपका सर्वर चल रहा है उसको क्लिक कर दीजिए उसको बंद कर दीजिए उसके बाद app.js पर आना है और यहां आना है रन के अंदर और रन में हम क्लिक करेंगे स्टार्ट डीबगिंग देखिए पहला स्टेप यहां पर क्या लिखा हुआ है हमने स्पेसिफिकली इसके इसलिए आपके नोट्स में एक-एक स्टेप दे दिया है कि हर चीज के लिए आपको हमेशा बाद में वीडियो ना खोल करर देखना पड़े या याद ना आए अगर आप ये नोट्स डाउनलोड कर लेंगे जिसका लिंक वीडियो के के नीचे है तो आपको एगजैक्टली ये पूरा स्टेप बाय स्टेप कैसे यूज़ करना है आगे तक हमने पूरा यहां पर दिखाया हुआ है और देखिए ऑप्शन बाद में जब आप अगर ये थोड़ा दिन बाद देख रहे हैं आप किसी और ऑपरेटिंग सिस्टम पर देख रहे हैं तो थोड़ा चेंज हो सकता है बट आपको क्या करना है स्टार्ट डीबगिंग जहां पर भी लिखा हुआ है वो आपको फाइंड करने की कोशिश करना है है ना तो रन के अंदर मैं गया और स्टार्ट डीबगिंग पर मैंने क्लिक कर दिया लेफ्ट में मैंने अपना app.js जो मेरा एंट्री फाइल है उसको मैंने सेलेक्ट किया हुआ है जब मैं स्टार्ट डीबगिंग करूंगा है ना तो मुझे यहां पर क्या करना है रन पर मुझे क्लिक करना है स्टार्ट डीबगिंग तो आप पहले प साइड में सेलेक्ट कर लेंगे उसके बाद यहां आएंगे रन के अंदर और रन के अंदर आपको करना है स्टार्ट डीबगिंग देखिए जब आप फर्स्ट टाइम स्टार्ट डीबगिंग करेंगे ना तो यहां हमने स्टेप दिखाया हुआ है आपको इस तरह का एक कंसोल आएगा सेलेक्ट करने के लिए तो वहां आपको क्या सेलेक्ट करना है वहां आपको नट ज सेलेक्ट करना है ऑटोमेटिक कहां पर आएगा ऊपर सर्च बार के पास ऑटोमेटिक आपको दिखा रहा होगा आपको नट जस सेलेक्ट करना है क्योंकि हम ये डीबगिंग कहां करना चाह रहे हैं नट जेएस में यहीं पर करना चाह रहे हैं देखिए हम अपने सीएस कोड में तो बहुत सारे तरह के प्रोजेक्ट्स पर काम करते हैं बहुत सारी चीजों पर काम करते हैं तो यहां हम इसको बताएंगे कि ये जो डीबगिंग हम करना चाह रहे हैं अपने नोट जस टाइप से ही यहीं अपने आईडी के अंदर अंदर ही यहां पर करना चाह रहे हैं तो नोट जैस आप सेलेक्ट कर देंगे है ना नोट जैस हमने सिलेक्ट कर लिया उसके बाद ये इस टाइप का एक बार आपको यहां पर आकर दिख जाता है फिलहाल इसको आप ये स्टॉप कर सकते हैं है ना स्टॉप कर देते हैं अब देखिए हमको करना क्या है मेनली मैं चाहता हूं यहां पर देखना कि कोड कैसे आएगा अब देखिए ये बोलना तो आसान है कि एक तरह से डीबगिंग का मतलब है ऑब्जर्व करना कोड को तो कोई बोल रहा है मैं कोड रन कर रहा हूं आप ऑब्जर्व कर लीजिएगा देख लीजिएगा भाई हजारों लाखों इंस्ट्रक्शंस पर सेकंड चलते हैं मैं कैसे उसको ऑब्जर्व करूंगा कैसे देखूंगा तो उसके लिए कांसेप्ट है किस चीज का ब्रेक पॉइंट का ब्रेक पॉइंट का क्या मतलब है आप यहां पर कि किसी भी लाइन पर आकर ब्रेक पॉइंट लगा सकते हैं और कोड एग्जीक्यूट होते हुए उस लाइन पर आकर रुक जाएगा वहां से आगे नहीं बढ़ेगा जब तक आपको उस लाइन पर जो भी एनालाइज करना है जो भी देखना है वो क्या-क्या हम देख सकते हैं वो हम देख रहे होंगे बट ब्रेक पॉइंट का मतलब है कोड को यहां पर लाकर रोक देना तो मान लीजिए मैं चाह रहा हूं कोड को इस लाइन नंबर थ्री पर रुक देना तो देखिए लाइन नंबर थ्री पर आते ही ये लेफ्ट में हल्का सा रेड डॉट दिखने लगता है मैं जिस भी लाइन पर जा रहा हूं यहां लेफ्ट में आकर इस डॉट पर आपको क्लिक कर देना है तो यहां ब्रेक पॉइंट ऐड हो गया यानी अब जब कोड आ रहा होगा तो आकर इस लाइन पर वो रुक जाएगा यहां मैंने एक ब्रेक पॉइंट ऐड कर दिया वापस ऐप के पास जाते हैं यहां आ गए ऐप पर ब्रेक पॉइंट मैंने लगा दिया फिर आप क्या कर रहे होंगे फिर से रन स्टार्ट डीबगिंग इसका जो शॉर्ट कमांड है आप वो भी देख सकते हैं तो आपको यहां पता चल जाएगा देखिए स्टार्ट डीबगिंग कर दि है अब इसने सर्वर हमारा खुद से चला दिया है लिखा आ गया लोकल होस्ट 3002 पर सर्वर स्टार्ट हो गया है तो मान लीजिए यहां 3002 पर फिर से सर्वर चला लेता हूं एंटर दबाया अब देखिए रिक्वेस्ट क्या हुआ जैसे ही मैंने एंटर दबाया रिक्वेस्ट आई होगी एजेएस के पास एजेस ने ये काम किया लॉजिकल को कॉल किया लॉजिकल के पास हम अंदर आ गए यहां हमने ब्रेक पॉइंट लगाया हुआ था तो कोड भी यहीं यहीं पर रुक गया देखिए कंसोल में भी कुछ आया नहीं है है ना तो ये हमारा स्लैश गेट तो आ गया बट उसके बाद अभी ये ना 10 प्रिंट हुआ ना न मिस 10 प्रिंट हुआ ये यहां पर आकर रुक गया तो ये ब्रेक पॉइंट लगाना कैसे है और इस टूल बार को कैसे यूज करना है अब हम ये देख रहे होंगे तो ब्रेक पॉइंट लगाना तो हमने देख लिया अब ये जो टूल बार है इसका क्या मतलब है ये हम देख लेते हैं देखिए ये है प्ले बटन हमारा जिसको आप बोलते हैं या कंटिन्यू बटन इसका मतलब है कि ठीक है मैंने इस ब्रेक पॉइंट पर जो करना था कर लिया आगे बढ़ा दीजिए इस ब्रेक पॉइंट को छोड़ दीजिए ये क्या है ये है कि नेक्स्ट लाइन पर जाओ अब मैं यहां पर तो रुक गया अब एक काम करो नेक्स्ट लाइन पर जाओ मुझे दिखाओ इस लाइन के बाद कौन सी लाइन एग्जीक्यूट हो रही है तो मैं जैसे ही मान लीजिए इसको दबा ंगा तो ये देखिए इसके बाद तो अब ये जो कंट्रोल है ये नेक्स्ट लाइन पर आ गया है है ना हम जैसे-जैसे इसको दबाए उससे नेक्स्ट लाइन पर जाता रहेगा इसके बाद ये बोल रहा है देखिए सीधे ये लाइन एग्जीक्यूट हुई क्योंकि एल्स तो एग्जीक्यूट होगा नहीं इफ के बाद तो आपको अगर एक-एक लाइन मॉनिटर करना है तो आप इसको दबा सकते हैं ये क्या करता है ये भी जाता तो नेक्स्ट लाइन पर ही है बट अगर अब यहां मान लीजिए console.log के अंदर हमने क्या किया है ये भी एक फंक्शन है फंक्शन कॉल हुआ होगा अगर आप इसको दबा रहे हैं तो ये फिर कंसोल लॉग फंक्शन के अंदर चला जाएगा कि कंसोल लॉग में अंदर क्या-क्या एग्जीक्यूट हुआ ये आप कम यूज कर रहे होते हैं अगर उस फंक्शन कॉल के अंदर आप जाना चाहते हैं तो आप जनरली इसको लगा रहे होते हैं ये क्या करता है स्टेप आउट कर देता है उस फंक्शन के ही बाहर निकल जाता है आप बोल रहे हो इस फंक्शन से बाहर निकल जाओ और ये क्या है ये आपको पुराने यानी वापस रीस्टार्ट अगर आपको करना है उसके लिए यूज हो रहा होता है ये आपको करना होता है कि डिस्कनेक्ट कर दीजिए मुझे आगे डीबगिंग नहीं करनी तो ये टूल बार हमने यूज़ करना सीख लिया ये टूल बार कैसे यूज़ करना है अ ये होवर क्या बोल रहा है जब भी डीबगिंग हो रही है आप किसी भी चीज पर जाकर होवर कर सकते हैं है ना किसी भी वेरिएबल पर जाकर अभी तो देखिए फंक्शन बंद हो चुका है बट अदर वाइज आप किसी पे भी जाकर होवर कर सकते हैं मान लीजिए इसको डिस्कनेक्ट कर कर देता हूं वापस आता हूं यहां पर app.js को सेलेक्ट करता हूं फिर से रन स्टार्ट डीबगिंग कर देता हूं है ना फिर से रन स्टार्ट डीबगिंग किया मेरे ब्राउजर ने फिर से रिक्वेस्ट भेज दि हम फिर से यहां पर आ गए अब देखिए मैं आकर अगर नम के ऊपर होवर करता हूं तो ये मुझे वैल्यू दिखा रहा है कि नम की वैल्यू इस समय फाइव है आप किसी भी वेरिएबल के ऊपर जाकर होवर करके देख सकते हैं बहुत सारी होवर मतलब बस माउस उसके ऊपर ले जाना और वो उसके बारे में बहुत सारी डिटेल्स आपको दिखाने लगता है तो होवरिंग जो हैय बहुत अच्छा फीचर होता है है ना अब देखिए मैंने यहां पर किया तो बहुत सारी चीजें दिखाने लगा उस पर्टिकुलर ऑब्जेक्ट के बारे में उस वेरिएबल के बारे में आपको किसी वेरिएबल की वैल्यू दे देखना है कुछ भी देखना है तो आप क्या कर सकते हैं बस माउस उसके ऊपर ले जाएं आपको उसकी वैल्यू दिख जाती है तो होवर कैसे करना है ये भी हमने देख लिया डी बग पैनल साइड में खुला हुआ है अब देखिए इसमें बहुत सारी चीजें हैं ये डी बग पैनल खुल गया है देखिए यहां लोकल वेरिएबल दिखा रहा है कोई ग्लोबल वेरिएबल होंगे तो उनकी भी ये लिस्ट यहां पर दिखा रहा है कौन-कौन से ग्लोबल वेरिएबल हैं आप यहां जाकर किसी भी वेरिएबल की वैल्यू को देख सकते हैं उसको एनालाइज कर सकते हैं जो भी आपको करना है वो कर सकते हैं यहां साथ में लेफ्ट में कॉल स्टैक दिखा रहा होता है कॉल स्टैक का मतलब क्या हमने स्टैक समझा था कि एक के ऊपर एक एक के ऊपर एक किस तरह से फंक्शन कॉल्स लगते हैं है ना हमने जब जावास्क्रिप्ट पढ़ा है वहां पर हमने क्लोजल इसको समझा है तो यहां पर भी जो फंक्शन जिस फंक्शन को कॉल कर रहा है दिखा रहा है कोई एनोनिमस फंक्शन है उसने हमारे लॉजिकल फंक्शन को कॉल किया है तो पूरा स्टैक भी यहां पर बन जाता है आपको देखना चाहे तो देख सकते हैं यहां साइड में आपके ब्रेक पॉइंट्स की लिस्ट दिखती है लोडेड स्क्रिप्ट्स दिखती है तो बहुत सारी चीजें ये पूरा का पूरा पैनल आपके लिए खुल जाता है जो आपको डीबगिंग करने में चीजें देखने में चीजों को समझने में काफी ज्यादा हेल्प आपकी कर रहा होता है है ना तो डीबगर कैसे यूज करना है ये भी हमने देख लिया यहां किस चीज का क्या मतलब है ये भी हमने समझने की कोशिश की साथ में एक ये स्टेप और है क्या है डी बग कंसोल डी बग कंसोल क्या है देखिए नीचे ये कंसोल खुल गया है यहां पर अब मैं जैसे जावास्क्रिप्ट में हम ब्राउजर के अंदर कंसोल खोलते थे ये वही कंसोल है यानी मैं मान लीजिए अगर यहां नम लिखकर एंटर दबाओ तो यहां वैल्यू फाइव आ जाएगी यानी इस समय मैं यहां पर जावास्क्रिप्ट का जो भी कोड एग्जीक्यूट करना चाहूं वो मैं कर सकता हूं है ना मान लीजिए मैं लिखना चाह रहा हूं कंसोल वैसे तो ये ऑलरेडी उस मोड में है कि ये बार-बार बेसिकली आपको रिप्लिकेट करके दिखा रहा है बट आप कंसोल लॉग 5 करेंगे तो फव आपका लॉग हो जाएगा यानी जो भी आप यहां जावास्क्रिप्ट चलाना चाहते हैं इस डीब कंसोल में वो आप चला कर देख सकते हैं इन ये वेरिएबल सारे आपके स्कोप में रहते हैं या जो जो भी वेरिएबल है उस वेरिएबल के साथ खेलना चाह रहे हैं उस वेरिएबल के साथ भी आप खेल सकते हैं एक चीज और आप यहां आकर इन वेरिएबल की वैल्यू डायरेक्टली भी चेंज कर सकते हैं मान लीजिए नम की वैल्यू फ है मैं कह रहा हूं यार जरा इसको 10 कर दो मैं 10 के लिए ऑब्जर्व करना चाहता हूं कि कोड आगे किस तरह से चलेगा है ना तो अब अगर मैं क्या करूंगा इसको मैं आगे के लिए रन कर दूंगा अच्छा 10 तो ये ऑलरेडी असाइन होने वाला था मान लीजिए मैं इसको 20 असाइन कर देता हूं है ना मैंने इसको 20 असाइन कर दिया फिर मैंने कहा चलो अब नेक्स्ट स्टेप पर जाओ अब मैं उसके बाद नम की वैल्यू चेक कर रहा हूं नम की वैल्यू क्या है फिर से 10 हो गई क्यों क्योंकि ये अभी स्टेटमेंट एग्जीक्यूट नहीं हुआ था मैंने 20 सेट की इसने फिर से 10 सेट कर दी मैं बोलूं चलो एक काम करो इसकी वैल्यू दोबारा से 20 सेट कर दीजिए फिर से इसने वैल्यू 20 सेट कर दी मैं कहूंगा अब नेक्स्ट स्टेप पर जाओ तो देखिए स्क्रीन पर अब वैल्यू क्या प्रिंट हुई 20 क्योंकि नम की वैल्यू मैंने 20 कर दी है तो जब आप यहां नीचे कुछ भी चेंज करते हैं तो ये चेंज सिर्फ यहीं पर रहता है सिर्फ आप एग्जीक्यूट करके देख रहे हैं बट यहां लेफ्ट में वेरिएबल के पैनल में आके आप जिस भी चीज की वैल्यू चेंज करना चाहे चीजों के साथ खेलना चाहे जो भी आप करना चाहे कर सकते हैं तो यहां ये देखना बड़ा आसान हो जाता है कि अच्छा नम की वैल्यू फाइव है आप मान लीजिए इस एक्सप्रेशन को इवेलुएट करना चाह रहे हैं कि अ नम = ट 10 आता क्या है n = 10 क्या आ रहा है तो आपको पता चल जाएगा भाई ये तो 10 आ रहा है ट्रू और फाल्स नहीं आ रहा है ये तो 10 आ रहा है ट्रू आ रहा है इसलिए ये इसके अंदर जा रहा है है ना तो ये सब चीजें आप यहां पर आकर अपने कोड को डीबगर सकते हैं यूजिंग डी बग कंसोल अब देखिए एक चीज और यहां पर आपको समझनी है जब आप एसिंग कोड के साथ ही अपना डीबगिंग करेंगे तो मैंने लॉजिकल एरर बनाया हुआ है काफी सिंपल हमारा यहां पर कोड है मैं एक काम करता हूं जो हम पहले कर रहे थे है ना वो वाला मॉड्यूल भी हम यहीं पर लेकर आ जाते हैं ये फिलहाल डीबगिंग में बंद कर देता हूं वापस फाइल्स खोलते हैं है ना जहां हमने यूजर बनाया था है ना कहीं पर से भी हम यूजर वाला जो कोड है वो उठा लेते हैं देखिए यूजर वाले कोड में क्या हो रहा है काफी ज्यादा एसिंक कोड है है ना मैं ये पूरा का पूरा जो यूजर रिक्वेस्ट हैंडलर है इसको मैं कॉपी कर लेता हूं और इसको मैं ले आता हूं कहां पर हमारे नए वाले मॉड्यूल में यूजर को भी हम ले आते हैं और हम क्या करेंगे ये देखिए यूजर को यूजर का हमने ये तो यूज़ कर लिया ये जो इसका app.js है जहां पर हम ये पूरा रिक्वेस्ट हैंडलर यूजर को पास कर रहे थे ये भी मैं कॉपी करके ले आता हूं अभी चिंता मत कीजिए मैं आपको समझा दूंगा अगर आपको पुराना नहीं भी याद आ रहा है कि हम यहां पर क्या करने की कोशिश कर रहे हैं है ना मैं क्या करता हूं ये जो क्रिएट सर्वर का हमने कोड लिखा इस पूरे को हमने कर दिया कमेंट है ना और यहां पर बोला भाई एक काम करो यूजर को भी इंपोर्ट कर लो ये जो यूज़र फाइल मैं लेकर आया हूं और सारी रिक्वेस्ट यूजर को पास कर देना यूजर क्या कर रहा है यूज़र जो हमने पहले सब लगाया था स्लैश करोगे तो आपको एक फॉर्म बना कर देगा है ना सबमिट डिटेल्स जब आप कर रहे होंगे तो क्या करेगा अलग-अलग यहां पर रिक्वेस्ट स्टार्ट एंड वगैरह ये कर रहा होगा तो मैं क्या करता हूं एक मान लीजिए ब्रेक पॉइंट मैं यहां पर लगा देता हूं है ना हर रिक्वेस्ट के अंदर हर टाइप की रिक्वेस्ट के अंदर एक-एक ब्रेक पॉइंट लगा देते हैं है ना और यहां पहले एरर समझने की कोशिश करते हैं इसको मैं एक नंबर छोटा कर देता हूं ताकि कोड थोड़ा सा बेटर कंट्रोल में रहे है ना यहां समझने की कोशिश करते हैं कि प्रॉब्लम होने क्या वाली है इसके बाद क्या करेंगे फिर से app.js पहले यहां सेलेक्ट करेंगे रन स्टार्ट डीबगिंग करेंगे तो देखिए स्टार्ट डीबगिंग हमने कर दिया जो सर्वर है वो हमारा यहां पर स्टार्ट हो गया इसको रिक्वेस्ट को दोबारा भेज देते हैं देखिए स्लैश होम पर आए तो रिक्वेस्ट यूआरएल के अंदर हमारी रिक्वेस्ट आ गई है अभी ये रिस्पांस चलने वाला है मैं बोलता हूं चलो आगे बढ़ जाओ मेरे अगर मैं एक-एक लाइन आगे बढ़ाना चाहता हूं एक-एक लाइन भी आगे बढ़ा सकता हूं मैं बोलता हूं यार आगे बढ़ जाओ मैं नहीं देखना चाहता ये आगे बढ़ गया है बोल रहा है ये एल्स के अंदर आ गया है है ना क्योंकि यहां पर क्या हुआ होगा एक बार चेक कर लेते हैं एल्स के अंदर क्यों आया क्या हमने वहां से रिटर्न नहीं किया अच्छा यह जो हमारा फकॉन वाला रिक्वेस्ट है यह कोई व रिक्वेस्ट आया हुआ होगा है ना एक बार इसको हम बंद कर देते हैं यहां आ कर देखते हैं देखिए यह मेरा जो रिक्वेस्ट था यह तो ठीक से आ गया एक बार इसको मैं सबमिट कर लेता हूं प्रशांत जैन वो दूसरी रिक्वेस्ट आई होगी एल्स में जो फकॉन की एक डिफॉल्ट रिक्वेस्ट आती है प्रशांत जैन मेल करते हैं सबमिट कर देते हैं अब देखिए सबमिट किया तो इस बार हम इस वाली रिक्वेस्ट के अंदर आ गए बट अब आपको एक बात समझनी है मैं जैसे ही बॉडी से कहूंगा कि नेक्स्ट स्टेप पर जाओ तो देखिए नेक्स्ट स्टेप क्या है ये बोल रहा है ये लिसन मुझे लगाना है इसके बाद जाएंगे तो ये बोल रहा है ये लिसन लगाना है अभी ये कॉल नहीं हुए हैं तो इनमें से किसी भी लाइन को ये एग्जीक्यूट नहीं करेगा तो मुझे क्या करना पड़ेगा एसिंग कोड में मुझे उन कॉल बैक्स के अंदर फिर से ब्रेक पॉइंट लगाने पड़ेंगे यहां भी मैं ब्रेक पॉइंट लगाऊंगा और यहां भी मैं ब्रेक पॉइंट लगाऊंगा अब मैं फिर से इसको बोलूंगा नेक्स्ट स्टेप तो देखिए ये तो लिसन लगाकर निकल गया बाहर चला गया मैं बोलूंगा चलो आगे बढ़ जाओ फिर ये दोबारा डीबगर पॉइंट पर आया बोल रहा है अब आपका ये कॉल बैक भी कॉल हो गया है चलो मैं बोलता हूं यहां से भी निकल जाओ अब एंड वाला कॉल बैक कॉल हो गया है अब अब इसके अंदर मान लीजिए नेक्स्ट स्टेप नेक्स्ट स्टेप नेक्स्ट स्टेप नेक्स्ट स्टेप गया अब देखिए जैसे ही मैं राइट फाइल करूंगा फिर से सेम काम होने वाला है अभी अगर मैं राइट फाइल से नेक्स्ट स्टेप बोलूंगा तो ये आगे निकल जाएगा मेरा कोड क्यों क्योंकि ये जो है ये तो कॉल बैक है जो बाद में कॉल होने वाला है जब फाइल राइट हो चुकी होगी तो एसिंग कोड में आपको ये ध्यान रखना पड़ेगा कि जब आप डीबगर रहे हैं तो हर कॉल बैक में आप डी बक पॉइंट लगाएं ये ना सोचे कि तो स्किप करके निकल जा रहा है चल ही नहीं रहा है ना इसके बाद क्या करेंगे फिर से मैं नेक्स्ट भगा देता हूं फिर इस कॉल बैक के अंदर ही आया तब आप एक-एक लाइन इसको यहां पर चला पाएंगे तो आपको इससे समझ आएगा देखिए वापस फिर से होम पर आ गया क्योंकि ने उसको रीडायरेक्ट किया होगा है ना और फिर से फिकन की रिक्वेस्ट मांगने आ गया क्योंकि फिकन आया होगा तो यहां पर आप क्या समझ गए कि ए सिंग कोड के साथ मुझे क्या करना पड़ेगा हर कॉल बैक के अंदर मुझे अलग से यहां पर क्या लगाने पड़ते हैं जो डी बक पॉइंट्स मैं लगा रहा हूं वो मुझे अलग-अलग यहां पर लगाने पड़ेंगे अब एक चीज यहां पर और समझ लेते हैं कि अ ये जो हम डीब कर रहे हैं ये हम नोड मन के साथ रीस्टार्ट कैसे होगा यानी अभी अगर मैं मान लीजिए यहां पर आकर कोई चेंज कर दूं मैं यहां पर क्या चेंज कर देता हूं ये जो कंसोल लॉग है इसको मैं यहां से डिलीट कर देता हूं है ना इसको मैंने यहां से डिलीट कर दिया है ना मैं क्या करता हूं बीच में से और यहां से कुछ-कुछ कोड उठाकर डिलीट कर देता हूं मैं फिर से यहां से जो रिक्वेस्ट है वो चलाता हूं है ना हम यहां से कहां चले जाते हैं फिर से होम पर चले जाते हैं अब देखिए कहां आकर रुका डायरेक्टली लाइन नंबर सिक्स पर कहीं दिखा रहा है कि ये तो यहां आकर रुक रहा है क्यों क्योंकि जो कोड चेंजेज हमने किए ना वो डीबगर को नहीं पता चला कि कोड चेंजेज हो गए हम नोड मन से तो चला नहीं रहे हैं अब तो हमने नोड मन से चलाया ही नहीं कोड हमने कैसे चलाया हमने तो स्टार्ट डीबगिंग किया है तो नोड मन तो बीच में आया ही नहीं तो इस सर्वर को पता ही नहीं चला कि भैया ये रीस्टार्ट हमको करना था तो हमको इसको भी नोड मन के साथ चलाना है कि भाई मैं जब भी कोड चेंजेज करूं तो डी बग पॉइंट्स भी अपने आप चेंजेज चेंज हो जाने चाहिए वो मैं कैसे कर सकता हूं देखिए थोड़ी एडवांस चीज है आप नहीं भी करना चाहे तो छोड़ सकते हैं बट हमको पता होना चाहिए कि ये भी पॉसिबल है तो मैं क्या कर सकता हूं फिर मैं रन के अंदर आऊंगा और करूंगा ऐड कॉन्फिन तो रन के अंदर आएंगे बोलेंगे ऐड कॉन्फिन है ना ये क्या बोलना है हमको भाई नट जस की कॉन्फिन हमको ऐड करनी है तो नट जस की कॉन्फिन ऐड कर दीजिए तो देखिए इस टाइप का आपका एक फाइल खुल जाएगा इस फाइल के अंदर हम क्या-क्या ऑप्शंस दे सकते हैं ये तीन ऑप्शंस हम ऐड कर सकते हैं रीस्टार्ट ट्रू यानी हर बार आपको रीस्टार्ट कर देना है चेंजेज होने पर और रन टाइम एग्जीक्यूट बबल मेरा क्या होना चाहिए नोड की जगह नोड मन होना चाहिए कंसोल भी मैं बोल सकता हूं कि भाई जो मेरा इंटीग्रेटेड टर्मिनल है ना वहीं पर मेरे चेंजेज आप दिखाइए है ना तो मैं यहां आता हूं ये तीनों चीजें ऐड कर देता हूं क्या मैं बोल रहा हूं सबसे पहले रीस्टार्ट ट्रू मुझे बोलना है रीस्टार्ट ट्रू करना है है ना रीस्टार्ट की वैल्यू मैंने दे दी ट्रू रन टाइम एग्जीक्यूटेबल की वैल्यू मुझे देनी है नोड मन आपको यूज करना है हम इसको बोलना चाह रहे हैं रन टाइम एग्जीक्यूटेबल की क्या वैल्यू होनी चाहिए नोड डिफॉल्ट वैल्यू होती है मैं उसको चेंज करके क्या कर रहा हूं नोड मन कर रहा हूं और हम क्या बोल रहे हैं लास्ट चीज हमको क्या चेंज करनी है लास्ट चीज हमको चेंज करनी है कंसोल की क्या कंसोल यूज़ होना चाहिए डीबगिंग के लिए भी तो आप इसको बोल सकते हैं एक्सटर्नल टर्मिनल इंटीग्रेटेड टर्मिनल इंटरनल कंसोल क्या यूज़ होना चाहिए मान लीजिए मैं बोल देता हूं इंटीग्रेटेड टर्मिनल मेरा यूज़ होना चाहिए तो देखिए कॉन्फिन क्या आप अलग से भी फाइल्स यहां पर ऐड कर सकते हैं ऐड कॉन्फ़िगरेशन करके भी ऐड कर सकते हैं परट आप डायरेक्टली इस फाइल को चेंज भी कर सकते हैं व्हाट एवर यू वांट दैट इज फाइन तो डायरेक्ट फाइल चेंज करना आसान है कोड हम डायरेक्टली यहां पर लेकर आ सकते हैं अब मैं इसको बंद कर देता हूं अब मैं दोबारा अगर यहां पर आ जाता हूं और फिर से मैं प जए पर आता हूं पुराने वाला हम बंद कर देते हैं app.js पर आता हूं फिर से मैं करता हूं रन स्टार्ट डीबगिंग है ना और फिर से हम आ जाते हैं अपने ड जए के अंदर माफ कीजिएगा सॉरी हम आ जाते हैं अपने पड जए के अंदर है ना और यहां पर हम आकर देखेंगे तो देखिए रिक्वेस्ट हैंडलर के अंदर हम जाते हैं देखिए जो हमारे ब्रेक पॉइंट्स थे वो भी डिसेबल हो गए हैं क्यों हमने फाइल चेंजेज कर दिए तो हमारे जो पॉइंट्स थे वो डिसेबल हो गए हैं जो पुराना कोड है वो वापस ले आता हूं आप यहां पर आकर दोबारा नए ब्रेक पॉइंट्स अगर आप लगाना चाहे तो वो आप लगा सकते हैं है ना तो हमारा जो मैं स्टार्ट डीबगिंग कर लूंगा अच्छा ये बोल रहा है ये तो ऑलरेडी रन हो रहा है इसको हम रीस्टार्ट कर लेते हैं तो जो हमारे पुराने ब्रेक पॉइंट्स थे वो हमको डिसेबल दिख रहे हैं बट हम अपना पुराना कोड लाकर उनको इनेबल कर सकते हैं साथ-साथ देखिए अब टर्मिनल भी मेरा कौन सा यूज़ होना शुरू हो जाएगा जो मेरा इंटीग्रेटेड टर्मिनल है वो मेरा यूज होना शुरू हो जाएगा तो अगर आप इसके साथ इसको करना चाह रहे हैं अगर नहीं भी करेंगे तो कोई बात नहीं डीबगिंग आपको हर बार नहीं करनी है है ना मैं भी पर्सनली वैसे प्रेफर नहीं करता हूं कि हर बार मेरा मैं डीबगिंग जो है वो हर बार रीस्टार्ट करूं अगर मैं कोड चेंजेज कर रहा हूं तो डीबगिंग मैं रीस्टार्ट कर लूंगा इसके साथ मैं करना प्रेफर नहीं करता हूं बट इट्स अप टू यू य ऑप्शन है ये मुझे बताना है आपको अब देखिए आ आ जाते हैं हम अपने प्रैक्टिस सेट पर प्रैक्टिस सेट में क्या है आपको ये वाला कोड लेना है है ना ये पूरा का पूरा कोड अपने आईडी में डालना है और उसके बाद आपको उसको डीबगर है फिक्स करने की कोशिश करनी है इन टूल्स को अपने यूज़ करने की कोशिश करनी है और लॉजिकल एरर जो है वो फाइंड करना है है ना एक बार पॉज कर लीजिए ट्राई करके देखिए उसके बाद मेरे साथ इसको करते हैं है ना तो चलिए स्टार्ट करते हैं अब हमको क्या करना है मैं मान कर चल रहा हूं आप पॉज करके देख चुके हैं है ना कैलकुलेट एरिया अगर देखेंगे देखिए हमको क्या करना है आपको अलग-अलग जगह बस ब्रेक पॉइंट लगाना है उसके बाद फाइंड आउट करने की कोशिश करनी है यहां पर क्या-क्या लॉजिकल एरर्स हैं तो देखिए एरिया अगर आप देखेंगे आप बहुत जल्दी फिगर आउट कर लेंगे कि एरिया क्या होना चाहिए विड्थ मल्टीप्लाई बाय हाइट होना चाहिए यहां पर क्या गड़बड़ है विड्थ मल्टीप्लाई बाय हाइट जो है वो यहां पर होना चाहिए तो एरिया यहां पर गड़बड़ हो रहा है उसके अगर अलावा अगर हम देखेंगे कि भाई विड्थ और हाइट अगर 10 है यहां देखिए कोई क ये जो कैलकुलेट एरिया है ये कॉल ही नहीं किया गया एरिया वेरिएबल के लिए है ना तो ये भी आपको बहुत जल्दी मिल जाएगा नॉर्मल टाइप का एरर है कि एरिया पहले मुझे डिक्लेयर करना चाहिए जो कैलकुलेट एरिया है उसको मुझे कॉल करना चाहिए है ना यहां पर यह आपको एरर मिल जाएगी उसके बाद हम क्या बोल रहे हैं एरिया इज लार्ज एरिया इज स्मॉल दिस इज़ फाइन उसके अलावा हम क्या बोल सकते हैं नीचे देखिए हाइट प्लस विड्थ अगर ग्रेटर दन हमने 100 चेक किया हम बोल रहे हैं एरिया इज ग्रेटर दन और इक्वल टू 100 तो यहां पर सेम हमने जो एरर वहां पर की थी वो सेम एरर यहां पर कर ली है अब हमको यहां पर आईडियली क्या करना चाहिए जो एरिया वेरिएबल हमने डिक्लेयर कर लिया है वही एरिया वेरिएबल हमको यहां पर यूज़ करना चाहिए तो बहुत बेसिक सी एरर्स हैं है ना ये आप अपने आप एक बार यूज़ करके चलाकर देख सकते हैं कि आपको एरर्स समझ आ रही है तो यहां पर यह वाला जो चैप्टर है हम इसको एंड करते हैं है ना तो चलिए दोस्तों स्टार्ट करते हैं हमारा अगला चैप्टर जो कि बहुत ज्यादा अवेटेड था बहुत समय से हम इसकी वेट कर रहे थे क्या एक्सप्रेस जेएस तो अब क्या कर रहे होंगे एक्सप्रेस जेएस स्टार्ट कर रहे होंगे हमने तब से क्या कहा था एक्सप्रेस जेएस का हमको क्या फायदा होगा क्या एडवांटेज होगा हमको एक्सप्रेस जेएस पढ़ने का जो काम हम बहुत मेहनत से करते आए हैं एक-एक एचटीएमएल का हमको टैग कैसे रेस्पों करना है सर्वर कैसे बनाना है काफी सारा डिफिकल्ट कोड हमने पढ़ा है अब एक्सप्रेस जेएस हमको बेसिकली रिलैक्स कराने आ गया है आपकी भी हालत अभी इस बच्चे की जैसी होनी चाहिए डांस करते हुए क्यों क्योंकि बहुत सारी चीजें एक्सप्रेस जस हमारे लिए कर रहा होगा तो आज हम क्या क्याक देखेंगे पहले समझेंगे एक्सप्रेस जस क्या होता है इसके मेन फीचर्स क्या-क्या है है ना या इसकी नीड क्या है हमको इंस्टॉल कैसे करेंगे मिडिल वेयर का इसका एक बहुत मेन कांसेप्ट है वो हम कैसे ऐड करते हैं मिडिल वेयर क्या होता है ये समझेंगे है ना रिस्पांसस कैसे भेजना है अभी तक जो हम एकएक रिंस डॉट स रिपस डॉट स बहुत सारे स्टेटमेंट्स लिखते थे उसके अंदर पूरा एचटीएमएल पास करने की कोशिश करते थे उसको कैसे इंप्रूव करेंगे रिस्पांस कैसे भेजेंगे उसके बाद एक्सप्रेस में थोड़ा सा डीप डाइव करेंगे कि एक्सप्रेस एक्चुअली काम कैसे कर रहा है इंटरनली और उसके बाद राउट हैंडलिंग एक बहुत इंपॉर्टेंट फीचर है एक्सप्रेस का इसको हम आज इसी चैप्टर में एक्सप्रेस के देख रहे होंगे देखिए अब होगा क्या गोइंग फर्द मोस्ट ऑफ द चैप्टर्स में अब ऐसा नहीं होगा कि सर ये वीडियो नोड की है ये वीडियो एक्सप्रेस की है एक्सप्रेस क्या है नोड के साथ-साथ चलने वाला है हमको हेल्प करेगा बहुत सारे काम आसानी से करने के लिए अब इसके बाद हम टफ तरीके से काम नहीं करेंगे हर जगह एक्सप्रेस को यूज कर रहे होंगे है ना तो अब जो नोड है और एक्सप्रेस है दोनों क्या होंगे धीरे-धीरे आगे साथ-साथ हमारे चलने वाले हैं है ना तो चलिए और टाइम नहीं लगाते जल्दी से इसको स्टार्ट करते हैं सबसे पहले समझेंगे व्हाट इज एक्सप्रेस जेएस एक्सप्रेस जेएस एक्चुअली होता क्या है तो यहां पर ये क्या बोल रहा है एक्सप्रेस इज अ मिनिमल एंड फ्लेक्सिबल वेब एप्लीकेशन फ्रेमवर्क फॉर नट जए यानी ये क्या है नट जेएस के लिए ही लिखा गया है और ये एक मिनिमल वेब एप्लीकेशन फ्रेमवर्क है मिनिमल का क्या मतलब बहुत छोटा है बहुत सस्ता है बहुत ज्यादा लोड आपके सिस्टम को नहीं देता ऐसा नहीं कि आपने वो लाइब्रेरी इंक्लूड करी आपकी ऐप ही बैठ गई है ना या आपके पढ़ाई के फ्लो को ब्रेक करने के लिए माफी चाहता हूं बट एक बार क्विकली आपको दिखाना चाह रहा हूं जहां पर हम बहुत ज्यादा एफर्ट कर रहे हैं हमारा पोर्ल नॉलेज को मिलने वाली है इस पर बहुत ज्यादा मेहनत हम कर रहे हैं तो अगर आप लिंक चेक करेंगे नीचे नॉलेज गड a तो यह पोर्टल आपको दिखाई देगा बहुत सारे नए-नए एफर्ट्स हम यहां पर करते रहते हैं जैसे अभी बच्चों के लिए एकदम फ्री हमने गेट रैंक प्रोटेक्टर बनाया था जो कि यहां पर बहुत अच्छा 48000 से ज्यादा देखिए लाइव बच्चों ने हमको ये चेक किया है अगर आप यहां पर हमारे कोर्सेस भी देखेंगे तो जो हमारे मोस्ट पॉपुलर कोर्सेस हैं वो आपको दिखेंगे गेट नेट पीएसयू अगर आप एग्जाम्स निकालना चाहते हैं उनके लिए बहुत सारे कोर्सेस हैं प्लेसमेंट स्पेसिफिकली अगर आप सर्विस बेस कंपनीज का प्रिपरेशन कर रहे हैं फोस टीसीएस उसके लिए हमारे यश सर के बहुत सारे कोर्सेस हैं और अगर आप स्किल्स कोडिंग में देखेंगे तो यहां पर अगेन ये लिस्ट जो है वो ग्रोइंग है बहुत सारे कोर्सेस आपको यहां पर दिखेंगे बट जैसे हमारा मन स्टैक या डीएसए का एक पैकेज है या डीएसए या मनक नॉर्मली भी अगर आप यहां पर देखना चाह रहे हैं अगर मैं मनक में आऊं यानी जो हम अ बेसिकली नॉर्मली सीरीज में भी पढ़ रहे हैं आपने देखा होगा उसको और इन डेप्थ अगर आप देखना चाहते हैं 100 आवर्स से भी ज्यादा का रिकॉर्डिंग है ये अगेन लाइव कोर्स हमने पहले चलाया था उसकी भी रिकॉर्डिंग आप वन ईयर टू ईयर के लिए बहुत सारे अवेलेबल एड ऑनस हैं हमारे पास यहां पर जिसमें कि अगर आपको एक वन टू वन मेंटर चाहिए आपकी सारी प्रॉब्लम सॉल्व करने के लिए जॉब सपोर्ट यानी मोस्ट अप टू डेट जॉब्स आप यहां पर देखना चाहते हैं रिज्यूमे अगर आप चाहते हैं पर्सनली मैं आपका रिज्यूमे रिव्यू कर रहा हूं मॉक इंटरव्यू अगर आप चाहते हैं बहुत ही देखिए इकोनॉमिकल प्राइस में आप वो ले सकते हैं अगेन रिज्यूम एंड मॉक इंटरव्यू आर अनलिमिटेड इंटरव्यू सिर्फ लाइक 90 पैसे पर डे में है ना जिस इंटरव्यूज के मैं नॉर्मली 10 15000 चार्ज कर रहा होता हूं वो सब आप यहां पर देख सकते हैं बहुत ही अच्छे कोर्सेस अगर आप इसको बेसिकली चेक करना चाहते हैं अपनी स्किल्स को अपग्रेड करना चाहते हैं अगेन एंड ये थोड़ा जो लिस्ट है आपको दिख रहा होगा बट एआई रिलेटेड और बहुत सारे कोर्सेस यहां पर ऐड होने वाले हैं तो वो भी आप यहां पर चेक कर सकते हैं बैक टू स्टडी जावास्क्रिप्ट हमको कम से बाहर चलाना हो chrome's चलाना है तो आप उसके लिए नोट चला सकते हैं पर इसमें क्या है फंक्शनैलिटी थोड़ी बहुत सर्वर की ऐड होती है बट काफी सारा काम डिफिकल्ट है जो देख कर आए हैं तो उसको बहुत ज्यादा आसान कर देना बहुत ज्यादा सस्ता कर देना बहुत सारे काम जो सब करते आए हैं करने पड़ते हैं सबको उनकी बेसिकली अलग-अलग छोटे-छोटे पैकेजेस यूज़ करना ताकि हमारा काम आसान हो जाए यही एक्सप्रेस जस हमारे लिए करता है है ना तो क्या करता है इट प्रोवाइड्स अ रोबट सेट ऑफ फीचर्स फॉर बिल्डिंग सिंगल पेज मल्टी पेज एंड हाइब्रिड वेब एप्लीकेशंस अब ये भी बड़ा इंपोर्टेंट चीज है क्या देखिए जो कांसेप्ट है यानी एप्लीकेशंस आजकल किस तरह से बनती है वो मैं बता देता हूं होता क्या है जनरली अगर आप जैसे रिएक्ट हमारा वीडियो देख करर आए हो है ना रिएक्ट का हमने पूरा कोर्स किया है तो हम यूआई का जितना भी लॉजिक है वो सब कहां लिख रहे होते हैं क्लाइंट पर लिख रहे होते हैं है ना यानी एटीएमएल कैसे बनेगी फाइनल क्या होगा एटीएमएल तो खैर हम आजकल फ्रंट एंड में भी नहीं लिख रहे हैं यानी रिएक्ट में भी डायरेक्टली नहीं लिख रहे हैं बट बेसिकली मैं यूआई किस तरह से दिखाऊंगा ये सब काम क्लाइंट पर हो रहा है या रिएक्ट पर हो रहा है है ना और जनरली आप सर्वर को किस लिए कांटेक्ट करते हैं बस जेसन टाइप का डटा लेने के लिए कि भाई मेरे को आइटम्स का लिस्ट दे दो जैसे हमने मिा बनाया था तो उसमें हमने बोला कितने आइटम सेल पे हैं उनका लिस्ट दे दो कार्ट में क्या आइटम है उसका लिस्ट दे दो यूजर का नाम दे दो इस तरह की चीजें आप सर्वर से मांगने आएंगे सर्वर से आप यूआई नहीं मांगते उसको हम क्या बोलते हैं जनरली सिंगल पेज एप्लीकेशंस बोलते हैं है ना जो आजकल मॉडर्न सेटअप में चलती है इनका बार-बार पाथ भी जो है वो चेंज नहीं होता है सिमिलरली मल्टी पेज एप्लीकेशंस होती है मल्टीपेज एप्लीकेशन का क्या मतलब है मल्टीपेज एप्लीकेशन का मतलब है कि अलग-अलग पेजेस है अलग-अलग चीज के लिए जो बन रहे हैं और वो आप रिएक्ट से भी बना सकते हैं थोड़े से ट्रेडिशनल जो सेटअप होते हैं पुराने जो फ्रेमवर्क्स होते थे जिनसे आप बनाते थे उनसे भी बना सकते हैं हाइब्रिड जो है हाइब्रिड में क्या होता है कुछ जो यूआई का कोड है वो आप क्लाइंट पर लिख रहे हैं और कुछ यूआई का कोड हम सर्वर पे लिख रहे हैं देखिए अभी तक हम यूआई का कोड सर्वर प भी लिखते आ रहे हैं यानी मैं जब यहां सर्वर से सेंड कर हूं अगर मैं हम चैप्टर एट देख ले देखिए हमने यहां क्या किया था अगर हम चले जाएं रिक्वेस्ट हैंडलर के अंदर रिक्वेस्ट हैंडलर के अंदर हम क्या करें देखिए यहां से यूआई का कोड ही तो बनाक भेज ना है सर्वर से है ना तो हम हर तरह की एप्लीकेशंस जो है वो एक्सप्रेस जेएस हमको हेल्प करता है बनाने के लिए है ना तो क्या करता है एक्सप्रेस जेएस सिंपलीफाई सर्वर साइड कोडिंग बाय प्रोवाइड अ लेयर ऑफ फंडामेंटल वेब एप्लीकेशन फीचर्स यानी क्या कर रहा है काम आसान कर देता है सिंपलीफाई कर देता है सर्वर साइड की कोडिंग क्योंकि बहुत सारा कोड इसने पहले से लिख के रखा हुआ है छोटे-छोटे पैकेजेस की फॉर्म में और एक उसको प्रॉपर सर्वर बनाने के लिए जो चीजें चाहिए वो एक्सप्रेस आपका काम काफी ज्यादा आसान कर देता है अब देखिए ये जो हमने फोटो यहां पर दिखाया ये क्या दिखाने की कोशिश कर रहा है समझ लेते हैं यहां पर क्या बोल रहा है एक्सप्रेस एक्सप्रेस का एक ये बड़ा इंपोर्टेंट फीचर है बड़ा इंपॉर्टेंट कांसेप्ट है जिसका नाम है मिडिल वेयर इसका क्या मतलब है तो एक्सप्रेस ये बोलता है कि भाई अभी तक हम क्या कर रहे हैं अभी तक हमारी जो रिक्वेस्ट है रिक्वेस्ट हैंडलर एक बनता है है ना हम सर्वर को बोल देते हैं कि भाई जो भी रिक्वेस्ट आएगी सारी रिक्वेस्ट इस रिक्वेस्ट हैंडलर को भेज देना अब वो जितनी भी रिक्वेस्ट के लिए मुझे प्रोसेसिंग करनी है जो जो भी काम करना है वो सब यही कर रहा होगा मुझे बॉडी निकालनी है है ना मान लीजिए हमने अलग से किया था भाई इसकी बॉडी निकालनी है ये भी यही कर रहा होगा अलग-अलग रूट्स को भी यही हैंडल कर रहा है यानी पोस्ट रिक्वेस्ट आई तो भी यही हैंडल कर रहा है किसी और पाथ पर आई तो भी यही हैंडल कर रहा है यूआई भेजना है तो भी यही हैंडल कर रहा है मान लीजिए कल को हमको ऑथेंटिकेशन वगैरह चेक करना होगा कि यार ये जो रिक्वेस्ट आ रही है ये यूजर लॉक्ड इन भी है आगे तभी बढ़ने देना जब यूज़र लॉग न हो वो भी मैं पहले यहीं चेक कर रहा हूंगा मैं ऑथराइजेशन भी चेक कर सकता हूं ऑथराइजेशन क्या होता है कि भाई ये जो यूजर लॉक्ड इन तो है पर ये जो काम करने कोशिश कर रहा है इसको इस बात की परमिशन भी है या नहीं है उसको बोलते हैं ऑथराइजेशन वो सब भी यहीं पर चेक कर रहे होंगे तो होता क्या है एक पॉइंट बाद ना ये जो मेरा यूजर रिक्वेस्ट हैंडलर है इसमें से आप थोड़ा-थोड़ा कोड बाहर निकाल सकते हैं मॉड्यूस बना सकते हैं परट उसके बाद भी इसकी रिस्पांसिबिलिटी बहुत ज्यादा बड़ी हो जाती है है ना तो मिडिल वेयर कांसेप्ट क्या बोलता है एक्सप्रेस में मिडिल वेयर का कांसेप्ट बोलता है आप छोटा-छोटा कोड रखिए मान लीजिए लॉग इन लॉग आउट हैंड हैंडलिंग करनी है उसको एक जगह पर रखिए उसको एक मिडिल वेयर बना देंगे उसके बाद ऑथराइजेशन की हैंडलिंग करनी है उसको एक जगह पर रखिए उसको एक मिडल वेयर बना देंगे रिक्वेस्ट की बॉडी कैसे निकालते हैं चंक वंक वाला जो हमने पूरा काम किया था एक काम करो उसको एक अलग मिडिल वेयर में निकाल दो उसको अलग लगा लेंगे और उसके बाद क्या करेंगे चेन ऑफ मिडिल वेयर बना देंगे जैसे यहां देख रहे हैं तो जब रिक्वेस्ट आएगी उसको पहले मान लीजिए लॉग इन लॉगआउट वाले मिडिल वेयर के पास भेजेंगे उसके बाद उसको माफ कीजिएगा उसके बाद उसको उससे अगले मिडिल वेयर के पास भेजेंगे फिर उससे अगले मिडल वेयर के पास भेजेंगे किसी भी मिडिल वेयर को अगर बीच में ऐसा लगता है कि यार बस बस इससे आगे नहीं जाना एक काम करो उस रिस्पांस को वापस भेज दो यानी मान लीजिए लॉग इन लॉगआउट वाले को लगा कि भाई ये तो यूजर लॉक्ड इन ही नहीं है तो आगे जाने का कोई मतलब ही नहीं यहीं से बोलो उसको कि जाओ लॉग इन करो तो आप कहीं से भी बीच में से कोई भी या सक्सेस या बेच केलिए एरर टाइप का रिस्पांस बीच में से ही भेज सकते हैं अदर वाइज आपकी जो रिक्वेस्ट है वो पहले एक मिडिल वेयर पे जाती है फिर उससे अगले पे फिर उससे अगले पे सब अपनी-अपनी रिस्पांसिबिलिटी का काम पूरा करके उसपे टिक लगाते रहते हैं कि भाई मेरा काम हो गया मेरा काम हो गया मेरा काम हो गया जब सबसे लास्ट में पहुंचता है तो उसके पास रिस्पांस आ जाता है अब ये तो हुई थोरेट्स किस तरह से आती है जैसे हमने बात की वो पहले मिडिल वेयर के पास जाएगी अगले के पास जाएगी अगले के पास जाएगी जिसको भी लग रहा है कि भाई मुझे रिस्पांस बीच में देना है वो रिस्पांस बीच में दे सकता है अदर वाइज एक के बाद एक रिक्वेस्ट एक से दूसरे पर जाती रहती है ना अभी तो थोरेट्स कोड लिख कर देखेंगे तो और हमको अच्छे से समझ आएगा कि इस बात का क्या मतलब है है ना तो ये तो हुआ एक्सप्रेस जेस इसके नीड क्या यानी मेन मेन क्याक टीचर्स ये देता है तो ये तो हमने समझ ही लिया दिस सिंपलीफाई सर्वर क्रिएशन है ना सर्वर क्रिएशन को ये सिंपलीफाई कर देता है दूसरा पॉइंट सबसे इंपोर्टेंट है जिसकी अभी हमने बात की थी जिसका नाम है राउटिंग मैनेजमेंट यानी अलग-अलग पथ्स को किस तरह से हैंडल करना है अलग-अलग मेथड्स को यानी गेट रिक्वेस्ट को अलग से कैसे हैंडल करना है पोस्ट रिक्वेस्ट को अलग से कैसे हैंडल करना है इसके लिए अलग-अलग राउट्स बना देना है ना राउट्स का जैसे मैं एक आपको एग्जांपल देता हूं आप मान लीजिए अट से रिलेटेड कोई क्वेरी है क्या आपको रिफंड से रिलेटेड कोई क्वेरी है क्या आपको पेमेंट मेथड से रिलेटेड कोई क्वेरी है क्या वो पहले आपसे पूछ लेता आप उसको बताते हैं किस रिलेटेड क्वेरी है फिर आपकी बात हो जाती है इंसान से तो बताइए ये तो फाइनली उनसे भी बात हो सकती थी कि मुझे क्या रिलेटेड क्वेरी मुझे पहले क्यों बताना पड़ा क्योंकि देखिए amazononline.in ध्यान दो इसको अच्छे से समझ लो है ना जो भी क्वेरी इस चीज की आएंगी वो तुमको दे दी जाएंगी एक टीम को बोला 10 लोगों की मान लीजिए मैं ऐसे ही 10 लोगों ऐसे ही रैंडम बोल रहा हूं पर उसको उनको बोला मान लीजिए कि ऑर्डर रिलेटेड जो भी क्वेरी आती है है ना उस पर तुम ट्रेन हो जाओ यानी ऑर्डर से रिलेटेड जब भी कोई क्वेरी आएगी वो तुमको हैंडल करनी है है ना इसी तरह से अलग-अलग अलग-अलग टीम्स बना दी उसके बाद हमसे पहले ही पूछ लिया कि आपकी क्या रिलेटेड क्वेरी है और हमको उसी वाली टीम के पास भेज दिया हमारा कॉल अलग टीम पर कनेक्ट हो रहा है बेस्ड ऑन हमने क्या पहले बोला है ना तो यहां पर हमको क्या समझ आ रहा है इसी चीज को बोलते हैं राउटिंग यानी वो हमारी रिक्वेस्ट जो हमारी कस्टमर केयर की कॉल है उसकी वो राउटिंग कर रहा है कि कहां किस राउट पर जाना चाहिए इ फाइनली रिक्वेस्ट कहां जाना चाहिए तो यही काम हम अपने सर्वर के लिए भी कर सकते हैं बेस्ड ऑन डिफरेंट डिफरेंट पाथ जिनके लिए रिक्वेस्ट आई है है ना डिफॉल्ट पाथ के लिए रिक्वेस्ट आई है या कोई सबमिट डिटेल्स करने आया है उसमें भी कोई गेट करने आया है या पोस्ट करने आया है कोई इनमें से कुछ भी नहीं करने आया डिफॉल्ट पाथ पर आया है तो इन सब चीजों की हम हैंडलिंग अलग-अलग कर सकते हैं अभी हम ये सब एक जगह पर करने कोशिश कर रहे हैं हम क्या कर पाएंगे जब हम एक्सप्रेस यूज़ कर रहे होंगे तो उनकी राउटिंग करके उस कोड को अलग-अलग जगह पर भेज पाएंगे ताकि हमारा कोड छोटा रहे मॉड्यूलर रहे मेनेजेबल रहे है ना मिडिल वेयर सपोर्ट की हमने बात कर ही ली है ना क्या कि रिक्वेस्ट रिस्पांस हैंडल करता है मिडिल ऑपरेशंस इससे क्या होता है कोड हमारा मॉड्यूलर और मेंटेनेबल हो जाता है ये हमने समझ लिया एपीआई लिखना आसान हो जाएगा एपीआई का क्या मतलब है यही जो हम अलग-अलग पाथ पर हैंडलिंग कर रहे हैं आगे चल के देखेंगे इसी को आप रेस्टफुल एपीआई या एपीआई बना सकते हैं तो वो लिखना आसान हो जाता है लास्ट पॉइंट सबसे इंपॉर्टेंट है क्या कम्युनिटी एंड प्लगिंस यानी एक्सप्रेस जस की पहली बात तो कम्युनिटी बहुत बढ़ी है यानी अगर आपको क्वेश्चंस पूछने हैं आप कहीं पर फंस रहे हैं तो वो बहुत आसान है दूसरा प्लगिंस यानी जैसे मान लीजिए एक्सप्रेस एक पैकेज है जो आप नोड में लगा रहे हैं ऐसे एक्सप्रेस के छोटे-छोटे और बहुत सारे पैकेजेस बने हुए हैं यानी अलग-अलग तरह के जो सर्वर पर काम करने पड़ते हैं अभी हम आगे चल के देखेंगे हर चीज का पहले से पैकेज बना हुआ है तो हमको मोटा-मोटा भी यहां पर क्या ध्यान रखना पड़ेगा कोडिंग किस लेवल पर हो जाएगी आपको एक-एक काम खुद से नहीं करना है आपको बस ये पता होना चाहिए किस चीज के लिए कौन सा पैकेज अच्छे से इस्तेमाल करना है उन्होंने उस तरह का कोड बहुत अच्छे से बहुत एफिशिएंटली बहुत टेस्टेड वे में लिखा हुआ है तो आपको वो सारी चीजें करने की जरूरत नहीं है और होता क्या है आपको बस लॉजिक पिरोना है यानी आपको डेवलपर वाला काम करना है आपको प्रॉब्लम सॉल्व करना है उसके लिए जो टूल्स हैं वो सब आपको एक्सप्रेस में ऑलरेडी लिखे हुए मिल जाएंगे तो अगर हम एक्सप्रेस की बात करें एक्सप्रेस कहां बैठा है एक्सप्रेस बैठा है नोड के साथ यानी उस लेवल पर जहां नोड है जो एक्चुअल चीजों के साथ इंटरेक्ट करना है ऑपरेटिंग सिस्टम से डेटाबेस से फाइल सिस्टम से वो सब इसके नीचे है और ऊपर ही किससे बात कर रहा है डायरेक्टली क्लाइंट से बात कर रहा है तो क्या करता है हमारी जहां नोड है उसी लेवल पर हेल्प करता है कि आप क्लाइंट्स को भी बेटर रेस्पों कर सकें और जो बेसिक लेवल के काम हमको करने हैं चाहे वो फाइल राइटिंग है रिस्पांस सेंड करना है बॉडी पार्स करना है वो सब हमारे लिए आसान हो जाए है ना अब देखिए बातें तो बहुत कर ली अब ये देख लेते हैं फाइनली इसको स्टॉल कैसे करेंगे इसको चलाएंगे कैसे है ना जल्दी से आ जाते हैं वहां पर तो वापस आ जाते हैं हम अपने कोड पर है ना ये जो चैप्टर ट है इसका कोड नहीं छेड़ अच्छा मैंने गलती से ये डबल कर दिया इसका कोड नहीं छेड़ हम क्या करते हैं इसकी एक कॉपी बना लेते हैं ताकि इसको हम अच्छे से यूज कर पाए तो ये जो चैप्टर ट है इसकी मैं कॉपी बना लेता हूं इसका हम नाम कर देते हैं रिनेम चैप्टर नाइन एंड इसका क्या नाम दे देंगे अ इंट्रोडक्शन स्पेलिंग गलत कर दिया इंट्रोडक्शन टू एक्सप्रेस है ना ये हमने चैप्टर का नाम दे दिया अब यहां पर वापस आ जाते हैं एक बार ये जो चैप्टर नाइन का कोड है इसको खोलकर देख लेते हैं ठीक से यहां पर क्या-क्या है देखिए पैकेज ड जसन पड़ा हुआ है पैकेज लॉक पड़ा हुआ है अलग-अलग चीजें यहां पर दिखा रहा है हमने क्या किया था एक बार इसके पड जए फाइल खोल लेते हैं चैप्टर एट को कंपलीटली बंद करते हैं चैप्टर नाइन की ए फाइल खोल लिया अच्छा यहां हमने देखिए क्या किया था अलग-अलग एरर के लिए अलग-अलग फाइल बना लिए थे अभी इनकी हमको जरूरत नहीं है है ना लॉजिकल रन टाइम सिंटेक्स इनको हम फिलहाल यहां से डिलीट कर देते हैं वो हम ऑलरेडी सीख चुके हैं एरर और डीब कैसे हैंडल करना है ए जए यूजर जेएस ये हमारे हो गए ये बहुत अच्छे लग रहे हैं है ना ये यहां पर पढ़े रहने देते हैं app.js में आ जाते हैं ये कोड अभी हम हटा सकते हैं जो टेस्टिंग के लिए हमने लिखा हुआ था और ये सब पैकेजेस अभी यहां पर एजिस्ट ही नहीं करते है ना लोकल मॉड्यूस एजिस्ट ही नहीं करते इनको भी यहां से हटा देते हैं है ना तो अब देखिए एक बार रिवाइज कर लेते हैं क्या हमारे कोड में बचा एटीटीपी पैकेज हमने रिक्वायर किया है है ना यूजर हमने मॉड्यूल पैकेज नहीं मॉड्यूल ही बोलना चाहिए है ना कोर मॉड्यूल हमने रिक्वायर किया है उसके अलावा एक हमारा लोकल मॉड्यूल हमने रिक्वायर किया है उसके बाद सर्वर को बोला कि भाई ये मेरा रिक्वेस्ट हैंडलर है इसको आप जाइए सर्वर बनाइए 3002 पर 3000 पर जहां भी आप बनाना चाहे सर्वर हमने बना दिया है बाकी सारा काम हमारा कौन कर रहा है यूजर जेएस कर रहा है है ना ये सारा का सारा काम यूर जए के अंदर है रिक्वेस्ट हैंडलिंग करनी है डिफॉल्ट पाथ के लिए क्या करना है है ना हमको सबमिट डिटेल्स के लिए क्या करना है पोस्ट मेथड के लिए इसमें कैसे चलेगा डिफॉल्ट के लिए कैसे चलेगा यह सब काम बेसिकली यहां पर हो रहा है है ना तो इतना कोड हमको समझ आ गया हमको याद आ गया हम क्या करने की कोशिश कर रहे थे एक बार आ जाते हैं इस वाले न्यू वाले पाथ में चैप्टर नाइन के लिए खोल लेते हैं है ना एक बार मैं एनपीएम स्टार्ट करके देख लेता हूं वो तो हमने ऑलरेडी यहां पर बनाया हुआ होगा पैकेज ड जस में देखिए नोड मन है तो हम जो जो भी चेंजेज करेंगे बाय डिफॉल्ट रिफ्लेक्ट हो जाएंगे मैं रिफ्रेश करता हूं देखिए यही वाला एप्लीकेशन हमने बनाया हुआ था है ना अब हम ये सेटअप करने नहीं आए थे हम तो एक्सप्रेस को सेटअप करने आए थे तो पहले वो देख लेते हैं कि एक्सप्रेस को कैसे सेटअप करना है तो देखिए यहां पर हम क्या बोल रहे हैं एक्सप्रेस भी एक नॉर्मल नोड का पैकेज है जैसे हमने नोड मन इंस्टॉल किया था ऐसे ही एक्सप्रेस को भी इंस्टॉल करना है क्या कमांड चलेगी एनपीएम इंस्टॉल एक्सप्रेस आप डायरेक्टली चला सकते हैं तो देखिए यहां पर बस हमको एक चीज का ध्यान रखना है कि अगर आपका नोड 5 प्लस है जो कि इन जनरल होगा अगर आपने मेरे साथ ही कोर्स स्टार्ट किया है तो उस समय तक ये सब हो चुका था है ना तो उस केस में आप डायरेक्टली लिख सकते हैं एनपीएम इंस्टॉल एक्सप्रेस है ना अगर आप टेंपरेरिली इंस्टॉल करना चाहते हैं जो हम नहीं करना चाहते तो ये बोल रहा है नो सेव के साथ भी आप इसको कर सकते हैं पर हमको ये नहीं करना हमको तो एनपीएम इंस्टॉल करना है यहां ये बात याद रखनी है कि इसको आपको डेव डिपेंडेंसी ऐड नहीं करना है क्योंकि एक्सप्रेस हमको फाइनल प्रोडक्शन पे भी चाहिए नमन हमको कहां चाहिए था बस यही हमारा सर्वर रीस्टार्ट करने के लिए चाहिए था जब हमारी ऐप फाइनल प्रोडक्शन पर जाएगी वहां तो हमको सर्वर बार-बार रीस्टार्ट करना नहीं है तो नड मन हमने उस तरह से इंस्टॉल कर लिया था बट एक्सप्रेस हम को फाइनली भी चाहिए तो यहां आप क्या करेंगे इसको या तो हाई फन हाई फन सेव लगाकर भी आप इसको इंस्टॉल कर सकते हैं अगर आपके पास नोड पुराना है थोड़ा सा तो हान हान सेव लगा के कर सकते हैं वरना नए वाले में लगाने की जरूरत नहीं है हम क्या करते हैं सेफ रहने के लिए लगा ही लेते हैं तो मैं बोल देता हूं एनपीएम इंस्टॉल एक्सप्रेस हाइन हान सेव तो हम इसको बोल रहे हैं भाई इसको मेरी डिपेंडेंसी में सेव कर लेना है ना तो ये कमांड प्रम वापस आकर सर्वर को बंद कर देते हैं यहां लिख लेते हैं इसको एक नंबर बड़ा मैं कर लेता हूं एनपीएम इंस्टॉल ये साइड वाला जो पैनल है इसको भी बंद कर सकते हैं एनपीएम इंस्टॉल एक्सप्रेस हाइन हान सेव है ना एक बार देखिए पैकेज जेस को यहां से देख लेते हैं ऑथर डिपेंडेंसीज में अभी हमने क्या लगाया हुआ है हमने क्योंकि नोड मन को भी डायरेक्टली ऐड कर लिया था इसलिए डेव डिपेंडेंसी नहीं दिखा रहे बट हमको आईडियली उसको डेव डिपेंडेंसी में भी करना चाहिए एनपीएम इंस्टॉल एक्सप्रेस सेव मैंने जैसे ही ये दबाया होगा क्या ये सर्वर से जाएगा इसको लेकर आएगा देखिए इसने क्या किया एक्सप्रेस 4.2104 यहां पर इंस्टॉल हो है ना तो इंस्टॉल हमने कर लिया उसके बाद अगला काम क्या करना है इसको यूज कैसे करना है अगली चीज वो देखते इंस्टॉलेशन के तरह से तो हम य क्या करेंगे वापस आ जाएंगे अपने पड जस में है ना पड जस में जाएंगे अभी देखि हमने यहां पर क्या इंक्लूड किया हुआ हैय मेरा कोर मॉड्यूल है अब हमने एक्सटर्नल मॉड्यूल भी इंक्लूड कर लिया पहला है ना पहला एक्सटर्नल मॉड्यूल भी इंक्लूड कर लिया एक्सनल मॉड्यूल को भी ऐसे ही करते थे क्या करते थे रिक्वायर य नाम क्या दे देंगे उसका एक्सप्रेस है ना और यहां भी कांस्टेंट में उसको डाल लेते हैं एक्सप्रेस नाम के है ना तो बस ऐसे ही आप इसको इंक्लूड करते हैं जैसे आपने इसको किया ऐसे ही इसको किया बट एक अच्छी कन्वेंशन है कि इसको आप अलग-अलग बता दीजिए तो मान लीजिए यहां मैं लिख देता हूं कोर मॉड्यूस है ना इनके बीच में थोड़ा सा गैप बना दें इसको बोल देते हैं एक्सटर्नल मॉड्यूल है ना एक्चुअली हमारे पास तो एक और भी है यानी लोकल मॉड्यूल तो तीन तरह के मॉड्यूल होते हैं तीनों हमने इस फाइल में इस समय इंक्लूड किए हुए हैं है ना तो इसको हमने बोल दिया लोकल मॉड्यूल तो तीनों तरह के मॉड्यूल हो गए यानी कोर मॉड्यूल हो गया एक्सटर्नल मॉड्यूल हो गया गया और मेरा लोकल मॉड्यूल हो गया अभी तो हुआ इसको इंक्लूड कैसे करना है सेम रिक्वायर के सिंटेक्स से अब इसको यूज कैसे करेंगे तो देखिए एक्सप्रेस में आप क्या कर रहे होते हैं जनरली सबसे पहले इन सब को इंक्लूड करने के बाद आप एक्सप्रेस को एग्जीक्यूट करते हैं यानी एक्सप्रेस क्या है एक्चुअली एक टाइप का फंक्शन है है ना आप इसको एग्जीक्यूट करते हैं एक्सप्रेस को और उसको एक ऐ में बना लेते हैं यानी आपको क्या रिटर्न करता है एक प बनाकर दे देता है तो मैं बोल सकता हूं कांस्टेंट पप मैं कुछ भी आप य नाम ले लीजिए अपनी प का हमने प ले लिया बोल बोल दिया एक्सप्रेस को आप इंस्टॉल कर लीजिए तो अगर मैं एक्सप्रेस पर जाकर देखूंगा देखिए इसका अगर हम कोड जाकर देख ले है ना तो अ एक सेकंड देखिए क्या कर रहा है वहां से जो फंक्शन इसने एक्चुअली एक्सपोर्ट किया उसका नाम क्या है जो एक्सप्रेस नाम से हमने किया है इसको आप एक्सप्रेस नाम के बजाय क्या नाम भी दे सकते हैं क्रिएट एप्लीकेशन भी दे सकते हैं तो वहां से इसने क्या एक्सपोर्ट किया हुआ है एक्चुअली यही जो एप्लीकेशन है जो क्रिएट एप्लीकेशन फंक्शन है यही एक्सपोर्ट किया हुआ है तो हमारे लिए एप्लीकेशन बनाकर हम को वापस करता है ठीक बात है तो चलिए ऐप हमारा बन गया इसके बाद हमको क्या करना है अब ये जो क्रिएट सर्वर आपने किया था ना आप इसमें रिक्वेस्ट हैंडलर की जगह डायरेक्टली ऐप पास कर सकते हैं यानी ये ऐप एक्चुअली किस टाइप का है ये ऐप एक्चुअली उसी टाइप का है जहां आप बेसिकली रिक्वेस्ट रिस्पांस जो है वो ले रहे होते हैं यानी मेरा जो रिक्वेस्ट हैंडलर था अभी मैं रिक्वेस्ट हैंडलर के अंदर अगर जाऊंगा तो ये क्या ले रहा था रिक्वेस्ट रिस्पांस ले रहा था ये भी क्या ले रहा होता है ये जो मेरा एक्सप्रेस से ऐप बन कर आया है ये ऐप भी क्या एक तरह से आप मान लीजिए रिक्वेस्ट हैंडलर ही है जो क्या ले रहा होता है रिक्वेस्ट रिस्पांस ही ले रहा होता है बट अब हमने ये कर लिया अब आगे क्या कैसे चलेगा यानी रिक्वेस्ट हैंडलर तो मेरा लगा ही नहीं अब कैसे चलेगा तो यहां आप ऐप बनाएंगे तो आपका पहले बेसिकली लोकल सर्वर स्टार्ट हो जाएगा इतना आप चेक कर सकते हैं मेरा भी कोड पूरा का पूरा हट गया यानी कोई हैंडलिंग नहीं हो रही है बट एक बार ये देख लेते हैं सर्वर ठीक से स्टार्ट हो रहा है या नहीं तो हम कैसे करेंगे हम तो वही करेंगे एनपीएम स्टार्ट एनपीएम स्टार्ट हमने लिखा ये कह रहा है कि सर्वर आपका स्टार्ट हो गया है एक बार रिफ्रेश करके उसको मैं देख लेता हूं तो ये क्या कह रहा है कैन नॉट गेट स्लैश यानी ये बोल रहा है इस पाथ पर अभी कुछ भी यहां पर इंस्टॉल्ड नहीं है कुछ भी यहां पर मेरे को नहीं दिख रहा है तो देखिए पहले क्या होता था हमारा पहिया जो है व हमेशा घूमते रहता घूमते रहता था घूमते रहता था अभी इतनी फंक्शनल ऑटोमेटिक हमको दे रहा है कि भाई मैं गेट जो है वो नहीं कर सकता एक बार इसको इंस्पेक्ट करके देख लेते हैं है ना अगर हम नेटवर्क में जाकर देखेंगे इसको रिफ्रेश कर लेते हैं नेटवर्क में जाकर तो देखिए क्या बोल रहा है 404 इसने ऑटोमेटिक ऐड कर दिया है कि भाई ये बात अभी यहां पर एजिस्ट नहीं करता तो ये किसने कर लिया एक्सप्रेस ने कर लिया तो एक्सप्रेस हमने इंस्टॉल कर लिया एक्सप्रेस से हमने सर्वर बना लिया ओबवियसली अब हमें हमने अपनी रिक्वेस्ट हैंडलिंग कैसे करनी है एक्सप्रेस में वो नहीं लिखा है बट लीस्ट सर्वर कैसे इंस्टॉल करना है सॉरी एक्सप्रेस कैसे इंस्टॉल करना है एक्सप्रेस को कैसे ड करना है इससे ऐप कैसे बनाना है और इससे सर्वर बनाने में कैसे हेल्प होती है ये चीजें हमने यहां पर देख ली ठीक है तो ये हो गया इंस्टॉल कैसे करना है एक्सप्रेस उसके बाद देखेंगे जो मिडिल वेयर का पूरा कांसेप्ट है ये मिडिल वेयर एक्चुअली ऐड कैसे करता तो देखिए जैसे अभी हमने बात भी की थी मिडिल वेयर का क्या मतलब है जैसे मेरे पास रिक्वेस्ट आई है ना ये आ गई हमारे पास रिक्वेस्ट रिक्वेस्ट क्या होगा एक-एक मिडिल वेयर के पास जाती रहेगी वो पहले उससे अगले मिडिल वेयर के पास जाएगी फिर उससे अगले मिडिल वेयर के पास जाएगी फिर रिस्पांस आपका फाइनली चला जाएगा तो पूरा क्या है पूरा गेम है अपने पूरे लॉजिक को छोटे छोटे छोटे छोटे मिडिल वेयर इसमें तोड़ना और आप हर मिडिल वेयर में क्या करते हैं अब देखिए एक एक्स्ट्रा आर्गुमेंट हमारे पास यहां पर आ जाएगा अभी तक हमारा जो रिक्वेस्ट हैंडलर था वो क्या ले रहा था रिक्वेस्ट ले रहा था रिस्पांस ले रहा था इस बार आपको एक नेक्स्ट नाम का फंक्शन भी ये दे रहा है मेथड भी ये दे रहा है इस नेक्स्ट नाम के फंक्शन का क्या मतलब है आप अपने मिडिल वेयर में कॉल ले सकते हैं कि आप यहीं से रिस्पांस सेंड करना चाह रहे हैं आप किसी भी मिडिल वेयर में बोल सकते हैं अरे ये तो लॉक्ड इन ही नहीं है बाहर निकालो इसको रिक्वेस्ट को यहीं से वापस भेज दो तो आप यहीं से इसको वापस भेज देंगे कि तुम जाओ वापस जाओ इसलिए आपके पास रिस्पांस है आप रिस्पांस में जैसे हम पहले करते थे रिपस ड सें रिपस ड एंड जो भी आप फंक्शंस यूज़ करना चाहते हैं डायरेक्टली कर सकते हैं बट अगर आपने सिर्फ यहां थोड़ा काम किया मान लीजिए आपने चेक कर लिया लॉक्ड इन है हां लॉक्ड इन है आपका काम तो खत्म हो गया तो आप क्या कर सकते हैं नेक्स्ट नाम का जो फंक्शन है कॉल कर सकते हैं तो क्या होगा रिक्वेस्ट उसके बाद उससे अगला जो भी मिडिल वेयर इंस्टॉल्ड है उसके पास चली जाएगी तो यहां हमको एक और बात में साथ एक और बात क्या समझ आ रही है इन मिडिल वेयर का ऑर्डर भी इंपॉर्टेंट है ऐसा नहीं हो सकता कि बैंक का आपने एप्लीकेशन बनाया पहले तो ट्रांजैक्शन कर दी उसके बाद यह चेक किया ट्रांजैक्शन करने के बाद यह चेक कर रहे हैं कि भाई अ यह जो यूज़र है यह लॉक्ड इन भी है या नहीं तो वो चे चलेगा यानी हमको पहले लॉगइन चेक करना है उसके बाद ट्रांजैक्शन करना है तो क्या होगा यही सीक्वेंस हमारे लिए इंपोर्टेंट है इसी सीक्वेंस में हम ये काम कर सकते हैं तो मिडिल वेयर का सीक्वेंस भी इंपॉर्टेंट है मिडिल वेयर में आप ये खुद से कॉल लेंगे कि रिस्पांस मुझे इमीडिएट भेजना है या मुझे नेक्स्ट वाले मिडिल वेयर पर चले जाना है है ना तो ये करना कैसे चलिए अब ये देखते हैं तो कैसे करेंगे देखिए हमको कौन सा फंक्शन यूज़ करना है हमको फंक्शन यूज़ करना है यूज नाम से है ना तो यूज हमारे लिए क्या कर सकता है यूज हमारे लिए मिडिल वेयर को ऐड कर सकता है तो जहां हमने यहां ऐप लगाया है ना सर्वर करने से पहले या बाद में कभी भी आप अ यहां क्या कर सकते हैं प में बोल सकते हैं पड यूज है ना ये क्या ले रहा है ये भी एक फंक्शन ही ले रहा है जैसे पहले फंक्शन ले रहा था और इस फंक्शन में क्या-क्या आर्गुमेंट होने वाले हैं आपके तीनों आर्गुमेंट होने वाले हैं यानी आपको रिक्वेस्ट मिलेगा रिस्पांस मिलेगा और क्या मिलेगा नेक्स्ट मिलेगा है ना नाउ इट इज टोटली अप टू यू कि आपको इन तीनों को किस तरह से यूज करना है है ना तो पहले हम इसको चेक करके देख लेते हैं कि अगर हम इसको लगा रहे हैं तो किस तरह से ये यूज होता है तो पहले क्या करेंगे जो हम पहले करते थे यानी मैं कर लेता हूं कंसोल डलॉग है ना रिक्वेस्ट डॉट यूआरएल हम प्रिंट कर लेते हैं और रिक्वेस्ट डॉट मेथड हम प्रिंट कर लेते हैं है ना ये दोनों चीज हमने प्रिंट कर ली है ना इसके पहले मैं क्या बोल देता हूं पहले बोल देते हैं केम इन फर्स्ट मिडल र है ना कि ये जो हमारी रिक्वेस्ट है इस यूआरएल की इस मेथड की पहले वाला जो हमारा मिडिल वेयर है इसके अंदर आ गई है है ना अब आप इसी तरह से मल्टीपल मिडिल वेयर जो है वो ऐड कर सकते हैं मैंने एक मिडिल वेयर ऐड किया इसके बाद एक और मिडिल वेयर मैं ऐड कर लेता हूं है ना इसके बाद हम बोल देते हैं रिक्वेस्ट केम इन सेकंड मटल वेयर और देखिए हमने बात की थी सेकंड वाले में कब आएगी ये फर्स्ट वाले को चूज करना है ऑर्डर इंपॉर्टेंट है हम किस ऑर्डर में इनको रजिस्टर कर रहे हैं ये इंपोर्टेंट है है ना इसको एक नंबर छोटा कर लेते हैं थोड़ा बेटर मेनेजेबल लगेगा ये तो हम क्या कर रहे हैं ऑर्डर यहां पर इंपॉर्टेंट है ऐप हमने बनाया हमने कहा तुम पहले मिडिल वेयर हो तो जिसको पहले रजिस्टर किया वो पहला मिडिल वेयर हो गया यहां ओबवियसली मेरे कॉमेंट से कोई फर्क नहीं पड़ रहा है कैसे डिपेंड कर रहा है कौन सा पहला है जिसको आपने पहले रजिस्टर किया वो पहला है उसके बाद इसको रजिस्टर किया ये दूसरा है तो अब ये पहले वाले को चूज करना है कि क्या इसने रिस्पांस भेज दिया देखिए क्या इसने रिस्पांस भेजा नहीं इसने रिस्पांस तो नहीं भेजा जा तो आइडियल उसको बोलना चाहिए भाई मैंने अपना काम कर लिया मेरा काम तो मान लीजिए लॉगिंग का ही था है ना तो लॉगिंग का मैंने काम कर लिया है अब आप क्या करिए नेक्स्ट कॉल कर दीजिए है ना ये जो नेक्स्ट है ये आपने कॉल कर दिया तो अब क्या होगा रिक्वेस्ट जाएगी इससे अगले वाले मिडिल वेयर के पास यानी यहां आ जाएगी अब इसके पास रिक्वेस्ट आ गई अब इसको देखना है कि इसको क्या करना है है ना एक बार मान लीजिए इसको दोबारा से एक बार रन करके देख लेते हैं तो इस बार हमने जैसे ही रन किया देखिए यहां पर नीचे क्या लिखा आ गया केम इन फर्स्ट मिडल वेयर पाथ क्या है स्लैश है रिक्वेस्ट किस टाइप की है गेट टाइप की है उसके बाद आया केम इन सेकंड मिडिल वेयर फिर स्लैश है फिर गेट है है ना अब देखिए पहिया अभी भी घूम रहा है क्योंकि हमने मिडिल वेयर भी लगा दिया इस बार पर उसके बाद भी क्या नहीं किया उसके बाद भी हमने यहां से रिस्पांस जो है वो सेंड नहीं किया है ना तो क्या हुआ ये रिक्वेस्ट अभी भी वेट कर रही है कि इसके पास रिस्पांस आने वाला है बट हम यहां मेनली क्या समझने की कोशिश कर रहे थे हम ये समझ रहे हैं कि मिडिल वेयर को कैसे लगाते हैं कैसे लगाते हैं यूज फंक्शन के साथ लगाते हैं जैसे हम पहले रिक्वेस्ट हैंडलर लगा रहे थे है ना यहां क्रिएट सर्वर के अंदर रिक्वेस्ट हैंडलर लगा रहे थे वैसे ही अब यहां पर हम प के अंदर यूज़ लगा रहे हैं बट इंपॉर्टेंट बात ये है कि यहां हम एक नहीं लगा सकते यहां मल्टीपल लगा सकते हैं और उनका जो ऑर्डर है वो भी यहां पर इंपॉर्टेंट है यानी किस ऑर्डर में मैं इनको लगा रहा हूं मैंने पहला लगाया दूसरा लगाया उसके बाद मैंने सर्वर बना दिया तो उसी ऑर्डर में मेरी जो रिक्वेस्ट है वो एग्जीक्यूट होने वाली है अगर मैं मान लीजिए यहां से नेक्स्ट हटा देता है ना मैं यहां नेक्स्ट लगाता ही नहीं है ना फिर से एक बार चेक कर लेते हैं उस केस में क्या होगा देखिए रिक्वेस्ट अपने आप से रिट्राईंग इस बार ये यहीं पर रुक गया कह रहा है केम इन फर्स्ट मिडिल वेयर है ना सेकंड वाले के पास भी नहीं गया क्योंकि फर्स्ट ने ये भी नहीं बोला कि उससे अगले वाले के पास जाना है है ना तो क्या हुआ रिक्वेस्ट यहीं पर अटक गई इसको लग रहा है कि तुम ही अभी रिस्पांस देने वाले हो किसी तरह से तुमने हो सकता है ए सिंक में रिस्पांस सेव कर लिया हो डेटाबेस में कॉल लेने गए हो कुछ भी करने गए हो तुम अभी रिस्पांस सेंड करने वाले हो बट हमारा तो कोड ही गलत है है ना अभी हमने रिस्पांस सेंड नहीं किया बट कोई बात नहीं हमको क्या समझना है हमको समझना ये है कि किस तरह से सिंटेक्स लिखा जाता है मिडिल वेयर का किस तरह से यहां पर ये तीन तरह के जो आर्गुमेंट है ये हमको मिलते हैं रिक्वेस्ट हमको मिलता है रिस्पांस ये वही है जो हमको पहले मिल रहे थे नेक्स्ट भी अब हमको मिल रहा है अगर हमको नेक्स्ट कॉल करना है तो हम नेक्स्ट कॉल कर सकते हैं सेइंग मैंने अपना काम कर लिया अब अगले वाले को आप दे दीजिए ठीक है तो ये हुआ कि हमको मिडिल वेयर बेसिकली ऐड कैसे करना है है ना साथ-साथ देखिए इसमें हमको ये समझना है मिडिल वेयर ऐड करने में ही जैसा हमने पहले भी बात की है क्या होगा अलग-अलग मिडिल वेयर अपना अलग-अलग काम कर रहे होंगे मान लीजिए पहले वाला है जिसको सिर्फ लॉगिंग करनी थी अभी हमने पहला बनाया उसको सिर्फ लॉगिंग करनी थी वो लॉकिंग करेगा नेक्स्ट बोल देगा अगले वाला क्या चेक कर रहा है मान लीजिए ऑथेंटिकेशन चेक कर रहा है कि जैसे हम बोल रहे हैं वो भाई ये यूजर लॉक्ड इन भी है या नहीं इसने चेक कर लिया अगर लॉक्ड इन नहीं है तो तुरंत ही रिस्पांस भेज सकता है यहीं से है ना जनरली आप जब मान लीजिए ऑथराइज नहीं होते हैं तो क्या रिस्पांस कोड भेजा जाता है 401 भेजते हैं शायद है ना अनऑथराइज्ड तो यहीं से 401 भेज देगा कि भाई आप ऑथराइज नहीं है आप जाइए बाकी पूरा का पूरा जो सीक्वेंस है वो स्किप हो जाएगा अगर मान लीजिए इसने चेक कर लिया कि यूज़र तो लॉक है तो ये क्या करेगा अगले वाले को भेज देगा बोलेगा तुम भाई रिक्वेस्ट पास कर लो एक बार रिक्वेस्ट के अंदर क्या-क्या है वो देख लिया वो स्टैटिक फाइल पप राउटिंग यानी अलग-अलग हम यहां लॉजिक बेसिकली बना सकते हैं बट पॉइंट ये है कि एक-एक करके नेक्स्ट वाले के पास जाता रहेगा और हर इंसान ये चूज करेगा यानी हर मिडिल वेर ये चूज करेगा कि मुझे यहीं से रेस्पों करना है या मुझे अगले वाले के पास भेज देना है मेरा काम यहां पर हो गया है ना तो ये है कि हम मिडिल वेयर कैसे ऐड कर सकते हैं अब देखते हैं कि रिस्पांस कैसे सेंड करना है अभी तक हमने सिर्फ मिडिल वे रेड किया रिस्पांस हम भेज नहीं पाए वो यूजर जो है वो हमारे रिस्पांस का वेट कर रहा है तो जैसे हम पहले कर रहे थे कुछ कुछ वैसे ही करेंगे यानी यहां अगर हमको मिडिल वेयर बनाना है तो आप यहां बोल सकते हैं रिंस ड सेंड आपको जो भी यहां से अभी तक जैसे हम सेंड लिख सकते हैं है ना मैं लिख दिया रिपस डट सेंड इसके अंदर मैं कुछ भी एचटीएमएल मान लीजिए य से दे सकता हूं एक पैराग्राफ बना लेते हैं है य हम बोल देते हैं मान लीजिए वेलकम टू क कंप्लीट कोडिंग नोट जस सीरीज है ना इस बार हमने य चेंज कर दिया एक बार फिर से इसको एग्जीक्यूट करके देख लेते हैं 302 पर 3002 सॉरी हां देखिए इस बार हमने रिफ्रेश कर लिया तो क्या लिखा गया यहां पर वेलकम टू कंप्लीट कोडिंग नोट जस सीरी जो हमने यहां रिस्पांस भेजा वो लिखा हुआ आ गया यहां अगर मैं चेक करूं देखिए यहां पर हमारे पास फर्स्ट मिडिल वेयर में रिक्वेस्ट आ गई सेकंड मिडिल वेयर में रिक्वेस्ट आ गई रिक्वेस्ट पूरी हुई तो फकॉन की रिक्वेस्ट भी आ गई फिकन का मतलब क्या होता है जनरली वो जो ऊपर वाला छोटा सा आइकन होता है अभी हमने वो दिया ही नहीं बट उसकी रिक्वेस्ट भी ब्राउजर ने तो भेज दी और वो रिक्वेस्ट भी हमारे दोनों मिडिल वेयर से होते हुए निकल गई एक इंपॉर्टेंट चीज हमको और यहां पर क्या देखनी है जो हम पहले हर बार कर रहे थे इस बार हमने नहीं किया पहली बात तो मैंने सिर्फ सेंड लिखा मैंने ये नहीं बोला कि इसको एंड करना है ये अपने आप इसने एंड कर दिया ये देख कर कि भाई आपने एंड कर दिया मैंने राइट नहीं लिखा मैंने सीधे सेंड लिखा है अगर हम नेटवर्क कॉल चेक करेंगे लोकल होस्ट में है ना और यहां मैं आकर आपको दिखाऊं तो देखिए इसने कंटेंट टाइप भी रिस्पांस में खुद से सेट कर दिया कॉन्टेक्स्ट टाइ कॉन्टेक्स्ट सॉरी कंटेंट टाइप क्या है टेक्स्ट एचटीएमएलाइमेज़ीलीमेंट दे रहे होते थे इसने क्या कर लिया इसने हमारे लिए सब काम आसान कर दिया कि आप बस सेंड कर दो मैं इस रिस्पांस टाइप को खुद से समझ लूंगा आपने क्या सेंड करने की कोशिश की है उसका हेडर भी मैं खुद से लगा दूंगा है ना तो देखिए हमको अभी एचटीएमएल भेजना पड़ रहा है बट ऑलरेडी इसने हमारा काम काफी ज्यादा आसान कर दिया पहले के मुकाबले है ना पहले जो हमको अलग-अलग काम करना पड़ता था मैंने सिर्फ रेस्पों डॉट सेंड लिखा इसने हेडर भी खुद भेज दिया इसने जो यूआई है वो भी यहां पर खुद से दिखा दिया है है ना अब एक बार थोड़ा सा डीप डाइव कर लेते हैं कि भाई ये चल कैसे रहा है तो देखिए एक्सप्रेस भी क्या है ओपन सोर्स है कंपलीटली कहां पड़ा हुआ है गिट हप पर ही पड़ा हुआ है तो हम जाकर देख लेते हैं एक बार अगर मैं इसको खोल लूं है ना यहां करते हैं एक्सप्रेस सर्च करते हैं एक्सप्रेस गेट हब है ना देखिए एक्सप्रेस के हम पैकेज पर पहुंच गए इसको थोड़ा सा बड़ा करके मैं आपको दिखा देता हूं है ना तो यहां देखिए क्या हो रहा है एक्सप्रेस जेस का ये एक्सप्रेस पैकेज है यहां पूरा का पूरा कोड इसका पड़ा हुआ है लास्ट कमिट कब हुआ है 4 दिन पहले लास्ट कमिट हुआ है यानी एक्टिवली ये जो एक्सप्रेस है इसको मैनेज कर रही है कम्युनिटी बहुत सारे लोग यहां पर कमेंट कर रहे हैं आपको भी अगर जाकर कोड देखना है कि मैं चेक करूं मान लीजिए मैं लाइब्रेरी के अंदर जाता हूं यहां बहुत सार सारी चीजें पढ़ी हुई है है ना अभी रिस्पांस ऑब्जेक्ट हमने यूज़ किया रिस्पांस ऑब्जेक्ट देख सकते हैं रिक्वेस्ट ऑब्जेक्ट देख सकते हैं अगर हम यहां रिस्पांस ऑब्जेक्ट देखेंगे है ना यहां मान लीजिए मैं सेंड फंक्शन चक सर्च कर लेता हूं अभी हमने सेंड फंक्शन यूज़ किया ये देखिए सेंड फंक्शन की जो अ डेफिनेशन है वो यहां पर लिखी हुई है है ना इसको और एक नंबर बड़ा करके मैं आपको दिखा देता हूं तो अगर मैं सेंड फंक्शन के अंदर आ रहा हूं देखिए यहां पर क्या दिखा रहा है इसने चेक कर लिया कि भाई अगर आपने स्ट्रिंग टाइप की चीज भेजी है सेंड के अंदर यानी ये जो चंक निकल रहा है बॉडी निकल रही है ये क्या है स्ट्रिंग टाइप का है तो देखिए ये जो कंटेंट टाइप है इसका ये इसने सेट कर दिया क्या है एचटीएमएल है तो हमको ये भी दिख रहा है हेडर ही कहां सेट कर रहा है या ये सब जादू नहीं हो रहा है किसी ने ये सब कोड लिख कर रखा है हमारे लिए जो आप देख सकते हैं है ना आगे चलके देखेंगे आप ऑब्जेक्ट भेज सकते हैं नंबर भेज सकते हैं बुलियन भेज सकते हैं अलग-अलग चीज के लिए अलग-अलग कंटेंट टाइप देखिए हमारा जो सेंड मेथड है खुद से सेट कर रहा है है ना इंटरनली क्या कर रहा है रिमूव हेडर कर रहा है सेट हेडर कर रहा है सब कुछ यहां पर करने की कोशिश कर रहा है एंड में एंड भी कॉल कर रहा है यानी ये क्या है देखिए अगेन आपको समझना है ये सिर्फ एक हेल्पर लेयर है चल सब कुछ नोड के ऊपर ही रहा है पर जो काम हम सारा खुद करने की कोशिश करते थे इन्होंने बहुत सारा काम जो बार-बार बार-बार करना पड़ता है वो काम इन्होंने एक बार में करके रख लिया और बोला कि भाई ये मैं अपने हिसाब से कर लेता हूं देखिए इसी के अंदर अगर आपको जेसन भेजना है तो एक फंक्शन हमको समझ आ गया सेंड नहीं करना है डॉट जेसन करना है तो उसके बाद जेसन कोही अच्छे से हैंडल कर रहा है उसका कंटेंट टाइप ऐड कर रहा है तो हमेशा जरूरत नहीं पड़ती है बट आपको पता होना चाहिए कि सारा कोड पब्लिक है मैं कभी भी आकर अगर वगर सर्च करना चाह रहा हूं कि यार इसके अंदर क्या हो रहा है क्या नहीं हो रहा है वो मैं सर्च कर सकता हूं जैसे हमने रिस्पांस देखा ऐसे रिक्वेस्ट के अंदर भी मैं जा सकता हूं रिक्वेस्ट के अंदर जाकर अलग-अलग टाइप के जो मेथड्स है वो भी हम देख सकते हैं हेडर अगर सेट करना है है या हेडर निकालना है तो कैसे निकलेगा है ना यहां पर देखिए एक्सेप्ट्स यानी ये क्या है सब हेडर वाली चीजें है एक्सेप्ट्स एंड कोडिंग ये बेसिकली अलग-अलग तरह के हेडर वाले फंक्शन होते हैं तो आप यहां अलग-अलग चीज जाकर चेक कर सकते हैं कि मुझे कोई भी चीज चेक करनी है तो मैं कैसे चेक कर सकता हूं कोड सारा पब्लिक है करेंटली अ ये किस तरह से चल रहा है वो आप जाकर चेक कर सकते हैं ठीक है तो अगर कभी भी मुझे जरूरत पड़ेगी थोड़ा सा डीप डाइव करने की थोड़ा सा देखने की तो मैं हमेशा एक्सप्रेस पैकेज को बेसिकली गिट पर आकर चेक कर सकता हूं देख सकता हूं इसके अंदर क्या कोड लिखा हुआ है है ना अपने हिसाब से समझ सकता तो ये हमने दिखाने की कोशिश की क्या है अगर आप सेंड फंक्शन के अंदर आकर चेक कर रहे हैं तो क्या हो रहा है सेंड फंक्शन में कंटेंट टाइप जो हम कह रहे हैं ऑटोमेटिक सेट हो रहा है ये ऑटोमेटिक मतलब जादू से नहीं हो रहा ऑटोमेटिक मतलब एक्सप्रेस में किसी ने पहले से लिख कर रखा हुआ है इसके डेवलपर्स ने लिख के रखा हुआ है तो हम उसको यूज कर पा रहे हैं है ना अब एक चीज यहां पर और समझ लेते हैं ये डीप डाइव के अंदर ही कि हम इसको भी आसान कर सकते हैं कि सर्वर हमने कैसे बनाया अब आपको सर्वर एटीटीपी पैकेज एक्चुअली इसकी जरूरत ही नहीं है हम क्या कर सकते हैं यहां पर ये जो एटीटीपी पैकेज है इसको कंपलीटली गायब कर सकते हैं ये सब काम हमारे लिए कौन कर सकता है एक्सप्रेस कर सकता है और ये जो हम बोल रहे थे http.com मैंने ऐप को ही बनाया एक्सप्रेस से ऐप बनाया ऐप में मैंने दो मिडिल वेर लगाए ऐप में मैंने क्या लगाया ये 3002 लगाया और उसके बाद आपको को यहीं से प को बोल दिया कि आप ही लिसन करना स्टार्ट कर दीजिए एक्सप्रेस को ही बोल दिया इंटरनली इसने सर्वर वाला काम भी अपने आप ही कर लिया है है ना तो हमने बेसिकली डायरेक्टली डॉट लिसन करना स्टार्ट कर दिया जो फंक्शनैलिटी है अगर मैं यहां आकर चेक करूंगा वो अभी भी बिल्कुल एज इट इज सेम है अभी मैं 3000 पर कर रहा हूं देखिए मेरे यहां जो लॉगिंग है वो मेरी लॉगिंग भी हो रही है मेरा जो फाइनल यूआई आना चाहिए था वो यूआई भी मेरा आ रहा है तो ये क्या कर रहा है एक स्टेप इसने हमारे लिए और कम कर दिया यहां पर अब एक चीज यहां पर और देखते हैं जो इंपॉर्टेंट है क्या है हैंडलिंग रूट्स तो हमने बोला था रूट्स बोल दीजिए राउट्स बोल लीजिए है ना हैंडलिंग रूट्स ये क्या मतलब है अभी हमारा जो पूरा का पूरा यूजर वाला कोड है वो तो भाई अनयूज पड़ा हुआ है ये तो हमने यूज ही नहीं किया है ना अगर मैं रिक्वायर यूजर के अंदर जाकर देख रहा हूं ये जो रिक्वेस्ट हैंडलर है इंटरनली क्या करता था ये स्लैश को अलग से मेरे हैंडल कर रहा था है ना ये टू लोअर केस पोस्ट को अलग से हैंडल कर रहा था ये जो बेसिकली उसके अलावा जो एक हमने डिफॉल्ट बनाया था उसको अलग से हैंडल कर रहा था तो ये हमने बोला था आप इसके लिए अलग-अलग मिडिल वेयर बना पाएंगे और अलग-अलग मिडिल वेयर के साथ इसको यूज कर पाएंगे है ना तो उसके लिए सबसे पहले हमको सिंटेक्स समझना है सिंटेक्स क्या है य जो प डॉट यूज है ना इसमें पहले भी आपको सिंटेक्स मिलता है जिसका पहले भी आप एक चीज पास कर सकते हैं एक आर्गुमेंट पास कर सकते हैं जिसका नाम होता है पाथ आप यहां पर पाथ पास कर सकते हैं मैंने कहां से निकाला एक्सप्रेस जस की डॉक्यूमेंटेशन आप जाकर चेक कर सकते हैं है ना मैं आपको एक बार खोल कर भी दिखा देता हूं आप क्या कर सकते हैं एक्सप्रेस डॉक्स देखिए एक्सप्रेस का ये पेज है ये आप देखिए जो इंस्टॉलेशन वाला जो चीज है वो भी हमने यही से लिया हुआ था अब आप यहां आ सकते हैं गाइड में इमीडिएट आपको कोई चीज देखना है राउटिंग कैसे होगा मिडिल वेयर कैसे लिखना है इन्होने भी अपनी बहुत सारी इसकी चीज लिखी हुई है एपीआई रेफरेंस पर आ सकते हैं आप अलग-अलग चीजों की अगर आपको देखना चाह रहे हैं आप यहां पर देख सकते हैं है ना तो अगर मैं यहां आऊ एप्लीकेशन मान लीजिए रिक्वेस्ट में हम देख रहे हैं है ना अच्छा माफ कीजिएगा एप्लीकेशन में हम देख रहे थे देखिए प डट यूज यहां पर मेरे को मिल गया यू देखना चाह रहे थे पड यूज अगर आप आकर देखेंगे तो देखिए प डॉट यूज में क्या है ये अपने आप बोल रहा है कि भाई यहां पर पाथ मिलता है ये अलग-अलग कॉल बैक तो आपको मिलते ही है रिक्वेस्ट रिस्पांस ये वो कॉल बैक्स मिलते हैं बट आप यहां पर पाथ भी पास कर सकते हैं है ना तो ये पाथ ही हम पास करना चाह रहे हैं कि एक पर्टिकुलर पाथ की ही हैंडलिंग हो उससे ज्यादा हैंडलिंग नाउ है ना तो ये मैं कैसे कर सकता हूं अभी जो हमने कोड लिखा था फर्स्ट मेटल वेयर सेकंड मेटल वेयर इसको आप अलग-अलग चीजों के लिए लिख सकते हैं यानी आप बोल सकते हैं स्लैश के लिए यहां से कुछ और हैंडलिंग होना चाहिए सबमिट डिटेल्स के लिए कुछ और हैंडलिंग होना चाहिए उसके बाद नॉर्मल के लिए कुछ और हैंडलिंग होना चाहिए या आप अलग-अलग चीजें यहां पर लिखकर रख सकते हैं कैसे एक बार चेक कर लेते हैं है ना तो मैं यहां आ जाता हूं वापस एड जस में जाते हैं अभी तो देखिए हमने सीधे रिक्वेस्ट रिस्पांस नेक्स्ट लिखा हुआ है रिक्वेस्ट रिस्पांस नेक्स्ट लिखा हुआ है ये तो एक कॉल बैक है जो मैंने पूरा का पूरा कॉल बैक दिया हुआ है इससे पहले आप पाथ पास कर सकते हैं यानी मैं बोल सकता हूं कि भाई तुमको किससे मैच करना है तुमको सिर्फ स्लैश से मैच करना है यानी अगर कोई डिफॉल्ट पाथ पर आ रहा है तो ही तुमको मैच करना है और ये जो सेकंड मिडिल वेयर है इसको मैं कहां डाल देता हूं मान लीजिए इसको हम डाल देते हैं कहां पर सबमिट डिटेल्स पर जो हमने पहले लिखा हुआ था सबमिट सबमिट डिटेल्स लिखा हुआ था ना क्या पाथ था हमारा सबमिट डिटेल्स है ना अभी मैं सेम कोड नहीं लिख रहा हूं बस मैं आपको दिखाने की कोशिश कर रहा हूं कि पाथ मैचिंग कैसे होगी तो मैंने बोल दिया तुम स्लैश के लिए चलना तुम सबमिट डिटेल्स के लिए चलना पहले इतना ही चेक कर लेता वापस आ जाता हूं देखिए सबसे पहले मैं जाता हूं सबमिट डिटेल्स के पास सबमिट डिटेल्स मैंने लिख दिया एंटर दबाया तो देखिए क्या हुआ यहीं से तो मैंने रिस्पांस भेजा था वेलकम टू कंप्लीट कोड है ना अगर आप यहां नीचे आकर देखेंगे तो देखिए क्या हुआ है अगर फेकन को हम छोड़ दें है ना तो क्या हुआ है फर्स्ट मिडिल वेयर में भी आया और सेकंड मिडिल वेयर में भी आया है ऐसा क्यों हुआ है है ना मैंने सेकंड आपको पहले चलाकर क्यों दिखाया देखिए जो स्लैश मैच कर रहा है ना ये बोल रहा है स्लैश हो या उसके बाद कुछ भी हो तो चल जाएगा यानी यूनिवर्सल मैच कर रहा है अगर मैं बोल देता हूं स्लैश सबमिट डिटेल्स और उसके अलावा हमने डबल डबल पाथ लगाया हुए है मान लीजिए उसके बाद भी स्लैश लगाकर कुछ और लगाया हुआ है तो ये सबसे मैच कर लेगा जिसके अंदर भी स्लैश है उससे उसको ये मैच कर लेगा तो इस केस में हमारा फर्स्ट मेडल वेयर भी चला सेकंड मेडल वेयर भी चला बट अगर मैं अब यह सबमिट डिटेल्स हटा दूं और डिफॉल्ट आपको चलाक दिखाऊं है ना यह हटा दिया मैंने डिफॉल्ट आपको चलाकर दिखाया तो देखिए ये तो चला ये तो मैच हुआ पर यहां नेक्स्ट बोलने पर भी इसने क्या बोल दिया कि भाई इसके बाद कोई मिडिल वेयर नहीं लगा हुआ है कैन नॉट गेट 404 हमको भेज दिया क्यों क्योंकि ये वाला मिडिल वेयर है वो एप्लीकेबल नहीं है ये वाला मिडिल वेयर एप्लीकेबल क्यों नहीं है क्योंकि इस वाले मिडिल वेयर ने पहले ही बोला है कि मैं सिर्फ स्लैश सबमिट डिटेल्स पाथ के लिए चलता हूं यानी अगर यह वाला पाथ है और कोई उसके बाद नेक्स्ट करने के लिए बोल रहा है तो मुझे आप कंसीडर करना वरना मुझे आप कंसीडर ही मत करना कि मैं तो इस चेन में ही नहीं हूं है ना तो इसने क्या किया नेक्स्ट करते ही इसको कोई और नहीं मिला तो उसने बोल दिया भाई 404 हो गया इसको हम आगे जो है वो प्रोसेस नहीं कर सकते है ना तो आपको क्या समझना है अगर आपको राउट की हैंडलिंग करनी है अलग-अलग मान लीजिए हैंडलर लगाने है तो उसको आप क्या लगा सकते हैं यहां पर अलग-अलग हैंडलर्स लगा सकते हैं बेस्ड ऑन दिस पाथ ये डिफरेंट डिफरेंट पाथ आप यहां पर दे सकते हैं और अलग-अलग हैंडलिंग कर सकते हैं बट जब हमने राउटिंग की बात की थी तो हमने समझा था कि अ बेसिकली सबसे पहली बात तो ऑर्डर आपका यहां पर मैटर कर रहा है बहुत ज्यादा है ना क्या मैटर कर रहा है ऑर्डर आपका मैटर कर रहा है कैसे यानी जो पहले लगा हुआ है वो पहले एग्जीक्यूट होगा जो बाद में लगा हुआ है वो बाद में एग्जीक्यूट होगा या कंसीडर होगा है ना और क्या है कैन नॉट कॉल नेक्स्ट आफ्टर सेंड ये भी इंपोर्टेंट है यानी अगर आपने रिस्पांस भेज दिया रिस्पांस भेजने का ये मतलब है कि बस बात खत्म यानी रिपस डॉट एंड हो चुका है यानी जहा मान लीजिए मैं नेक्स्ट कर रहा हूं अगर इससे पहले मैं य क्या कर लेता हूं एक रेस्पों भी सेंड कर देते हैं वेलकम टू कंप्लीट कोडिंग की जगह लिख देता हूं केम फ्रॉम फर्स्ट मिडल है ना य फर्स्ट मिडल वेर से आया इसको हम रिफ्रेश कर लेते एक बार देखि यह तो आ गया मेराम फम फर्स्ट मिडल वेर यानी इसको तो 200 जो सक्सेस है व मिल गई बट उसके बाद अगर आप नेक्स्ट कर रहे हैं तो वो बेसिकली सिर्फ फर्स्ट मिडल वेयर के लिए अच्छा मैं एक सेकंड चेक कर लेता हूं अच्छा अभी हुआ य कि नेक्स्ट कुछ था ही नहीं इसलिए चल गया मैं एक काम करता हूं एक और यहां पर लगा मान लीजिए डिफॉल्ट हैंडलिंग लगा लेते हैं और इसका नाम लिख देता हूं के इन अनदर है ना और ये सेंड मैं हटा देता हूं ये नेक्स्ट मैं हटा देता हूं केम इन अनदर मेडल वेयर इसका नाम कर देते हैं है ना तो फॉर नाउ अगर मान लीजिए मैं सेंड नहीं लगा रहा था और मैं स्लैश पाथ पर था है ना देखिए क्या है पहले वाले ने सिर्फ लॉक किया बोल दिया नेक्स्ट पर जाना है अगले वाले ने लॉग किया रिस्पॉन्स भेजा तो अगर मैं सिर्फ नॉर्मल पाथ पर आ रहा हूं तो देखिए यहां पर रिस्पांस क्या आ गया केम फ्रॉम अनदर मिडिल वेयर आ गया इंपॉर्टेंट चीज हमको क्या देखनी है लॉग्स देखनी है अगर लॉग्स में मैं जाऊंगा देखिए क्या हुआ सबसे पहले फर्स्ट मिडिल वेयर के पास ही गया उसके बाद अनदर मिडिल वेयर के पास गया अनदर के पास क्यों गया क्योंकि स्लैश के लिए दो एप्लीकेबल है इस वाले ने भी बोला है मैं स्लैश यानी सबके लिए चलता हूं इसने भी बोला कि मैं सबके लिए चलता हूं तो जब हमने यहां से नेक्स्ट बोला तो क्या हुआ पहले ये मिडिल वेयर एग्जीक्यूट हुआ नेक्स्ट बोलने पर ये इस वाले के अंदर आ गया उसके बाद ये मिडिल वेयर एग्जीक्यूट हुआ ठीक है बहुत अच्छे ये दोनों हो गए रिस्पांस चला गया बहुत अच्छी बात है अब अगर पहले वाला चाहे कि यार मैं भी कुछ रिस्पांस भेज रहा हूं दो पैराग्राफ भेज देंगे एक मैं भेज देता हूं एक आप भेज देना यानी यहां दोनों लिखा जाना चाहिए केम फ्रॉम फर्स्ट मिडल वेयर केम फ्रॉम अनदर मिडल वेयर मैं इसको फिर से रिफ्रेश करता हूं देखिए क्या हुआ इसको तो सक्सेस रिस्पांस मिल गया पर इसको सिर्फ फर्स्ट मिडल वेयर वाला ही रिस्पांस मिला और उसके बाद सर्वर हमारा क्रैश हो गया सर्वर क्रैश क हो गया बोल रहा है कैन नॉट सेट हेडर्स आफ्टर दे आर सेंट टू द क्लाइंट सेम एरर जो हम पहले देखते आ रहे थे वही एरर अभी हमको यहां आ गई है कि आप यहां क्या करने की कोशिश कर रहे हैं आपने ये रिस्पांस भी भेज दिया और उसके बाद आप क्या कर रहे हो नेक्स्ट करके यहां आपने फिर से रिस्पांस भेजने की कोशिश कर ली लाइन नंबर 17 पर तो भाई ऐसे आप नहीं कर सकते है ना उसके बाद आप मिडिल वेयर जरूर एग्जीक्यूट कर सकते हो जिसके अंदर आप रिस्पांस नहीं भेज रहे हो रिस्पांस अगर आपने सेंड कर दिया तो सेंड का मतलब है एंड ये आपको याद रखना है क्या यहां सेंड करने का मतलब है कि आपने एंड इमीडिएट कर दिया है वो रिस्पांस मेरा एंड हो चुका है उसके अंदर आप अभी और कुछ नहीं कर सकते तो दूसरी इंपोर्टेंट बात यहां पर क्या है यू कैन नॉट कॉल नेक्स्ट आफ्टर सेंड है ना सेंड के बाद आप नेक्स्ट कॉल नहीं कर सकते ये हमने देख लिया कि जो स्लैश है ये हर चीज को मैच कर लेता है ये सिर्फ स्लैश यानी स्ट्रिक्ट मैचिंग नहीं है ये ये बोल रहा है अगर स्लैश मैंने लिख दिया या जो भी पाथ मैंने लिखा है तो वो बेसिकली स्टार्टिंग में मैच कर रहा है वाइल्ड कार्ड मैच कर रहा है उसके बाद का सब कुछ ये मैच कर लेगा है ना और ये हमने समझ लिया कि आपने रिंस डॉट सेंड अगर बोल दिया तो वो इंपलीसिटली क्या कॉल कर देता है एंड कॉल कर देता है एंड का मतलब है एंड ये भी हमने समझ लिया है ना तो देखिए अगर हम इसका एक बार जो सिंटेक्स है उसको आकर समझने की कोशिश करेंगे आपको यहां पर क्या समझना है जब मैं लिख रहा हूं अभी हम आगे चलके देखेंगे कि यहां पर आप यूज की जगह अलग-अलग डायरेक्ट मेथड भी दे सकते हैं गेट दे सकते हैं पोस्ट दे सकते हैं सिर्फ डायरेक्टली भी दे सकते हैं है ना हमने राउटिंग में दो चीजों की बात की थी पहले भी हमने यूजर में दो तरह से चीजें हैंडल की है एक तो पाथ के बेस पर और दूसरा रिक्वेस्ट मेथड के बेस पर तो अभी हमने जो हैंडलिंग देखी है वो सिर्फ किस बेस पर देखी है पाथ के बेस पर देखी है हमने रिक्वेस्ट मेथड की बेस पर नहीं देखी तो वो आप कैसे कर सकते हैं यूज़ की जगह यहां आप डायरेक्टली लिख सकते हैं गेट या पोस्ट तो ये क्या है एटीटीपी मेथड फॉर व्हिच मिडिल वेयर फंक्शन अप्लाइज तो आप सबसे पहले यहां वो लिख सकते हैं उसके बाद आप पाथ दे सकते हैं उसके बाद जो मिडिल वेयर फंक्शन है आपका वो आप दे सकते हैं मिडिल वेयर फंक्शन के अंदर क्या-क्या होता है ये हमने देख लिया रिक्वेस्ट होता है रिस्पांस होता है नेक्स्ट होता है है ना तो आपको इसी तरह से जब भी आप राउट हैंडल करने की कोशिश कर रहे हैं तो आप इनको हैंडल कर सकते हैं तो इसका मतलब क्या है आप यहां पर क्या दे सकते हो यहां गेट और पोस्ट भी आप डायरेक्टली यहां पर दे सकते हो यानी ये मान लीजिए मैंने गेट के लिए लिखा है ये गेट के लिए लिखा है पर ये जो सबमिट डिटेल अभी देखिए अभी करंट बिहेवियर क्या है पहली बात तो ये वाला जो सेंड है इसको हम कमेंट आउट कर देते हैं ताकि हमारा ये सर्वर फटना बंद हो जाए क्रैश होना बंद हो जाए तो देखिए आ गया केम फ्रॉम अनदर मिडल वेर अभी मैं अगर सबमिट डिटेल्स पर जा रहा हूं तो क्या हो रहा है है ना सबमिट डिटेल्स पर अगर हम गए अच्छा देखिए क्या हुआ ये स्लैश यहां पर भी मैच हो गया ये जो स्लैश है सबमिट डिटेल्स का यहां पर भी मैच हो गया क्योंकि स्ल तो सबको मैच करता है है ना तो मैं यहां पर भी क्या बोल सकता हूं कि भाई ये जो स्लैश है ना ये आपको कब मैच करना है सिर्फ अभी हम यहां कौ किस टाइप की रिक्वेस्ट लेके आ रहे हैं गेट पोस्ट टाइप की रिक्वेस्ट लेके आ रहे हैं है ना मैं क्या करता हूं ये वाले को ऊपर मूव कर देता हूं ऑर्डर तो इंपॉर्टेंट है है ना अगर मैं इस वाले को ऊपर मूव कर दूंगा तो सबमिट डिटेल्स पहले चल जाएगा ये बाद में चलेगा फिर से एक बार चलाकर देख लेता हूं मैंने रिफ्रेश किया तो देखिए इस बार क्या लिखा गया वेलकम टू कंप्लीट कोडिंग यूजिंग नोट ज सीरीज क्योंकि सीक्वेंस इंपॉर्टेंट है पहले ये चल गया उसके बाद ये चलता पर हमने नेक्स्ट तो किया ही नहीं हमने तो रिस्पांस सेंड कर दिया तो यही वाला चल के एग्जीक्यूट हो गया बट अभी मैंने यूज़ लिखा हुआ है अगर मैं यूज़ की जगह क्या लिख दूं इसको भाई सबमिट तो आप करने आए तो जनरली किस टाइप की रिक्वेस्ट होगी मान लीजिए पोस्ट टाइप की रिक्वेस्ट होगी मैंने कहा कि भाई तुमको पोस्ट के लिए ही एग्जीक्यूट होना है अब मैं फिर से इसको रिफ्रेश करता हूं देखिए क्या हुआ ये स्किप हो गया पूरा का पूरा क्यों क्योंकि हम तो सबमिट डिटेल्स को डायरेक्ट ब्राउजर में डाल रहे हैं हम कोई फॉर्म तो सबमिट कर नहीं रहे हैं तो हमारी रिक्वेस्ट किस टाइप की है अगर मैं यहां जाकर चेक करूंगा देखिए हम तो गेट टाइप की रिक्वेस्ट कर रहे हैं है ना हेडर्स के अंदर अगर मैं यहां आपको दिखाऊं अच्छा मैं यहां पर थोड़ा सा अड़ा हुआ हूं आपको दिख नहीं रहा होगा मैं अगर यहां आपको दिखाऊं तो देखिए हम तो गेट टाइप की रिक्वेस्ट कर रहे हैं है ना तो क्या हुआ ये पाथ मेरा मैच नहीं किया इस बार क्योंकि हमने यहां क्या दिया है पोस्ट दिया है तो अब हमने बोला दोनों चीज मैच करना यानी रिक्वेस्ट पोस्ट टाइप की हो प्लस इस पाथ पे हो तो ही मैच करना और एक डिफरेंस क्या है यूज में जब आप लिखते हैं तो ये क्या होता है वाइल्ड कार्ड होता है बट जब आप गेट या पोस्ट में लिखते हैं तो ये एग्जैक्ट मैच करता है इसका मतलब क्या है अगर मैं दोबारा जाऊं स्लैश पर तो देखिए स्लैश क्या करने की कोशिश कर रहा है स्लैश में पहले फर्स्ट मिडिल वेयर चला सेकंड तो चलेगा नहीं क्योंकि ये तो पाथ ही मैच नहीं हो रहा उसके बाद अनदर मिडिल वेयर चला ये दोनों चीजें हमको यहां पर दिख रही है पहले फर्स्ट च फिर अनदर चला बट अगर मैं यहां पर क्या करता [संगीत] हूं मैं यहां पर मान लीजिए कर देता हूं इसको गेट है ना मैंने इसको कर दिया गेट अब अगर मैं सबमिट डिटेल्स भी चला रहा था पहले है ना तो यहां पर क्या हो रहा था सबमिट डिटेल्स के लिए भी अगर हम चला रहे थे अभी हमने अच्छा इसको गेट कर दिया मैं पहले बिना गेट करे आपको दिखा देता हूं है ना अगर हमने गेट नहीं किया और हम सबमिट डिटेल्स चला रहे थे तो क्या रिस्पांस आ रहा है पहले आप यहां देखिए पहले फर्स्ट मिडिल वेयर चला फिर अनदर मिडिल वेयर चला क्योंकि फर्स्ट सबको मैच कर रहा है स्लैश का मतलब क्या है सबको मैच कर रहा है बट अगर मैं इसको यूज की जगह गेट बोल दूं कि भाई आपको गेट के लिए ही करना है फिर से मैं इसको चलाऊं तो देखिए क्या हुआ इस बार सीधे अनदर मिडिल वेयर चला फर्स्ट वाला नहीं चला यानी एक दूसरा डिफरेंस मैं आपको यहां क्या समझाने की कोशिश कर रहा हूं जब आप यूज को यूज करते हैं यानी यूज मेथड को यूज करते हैं तो जो पाथ है वो वाइल्ड कार्ड होता है यानी वो पाथ वो स्टार्टिंग पाथ अगर ये है किसी का भी तो उससे मैच करता है बट अगर आपने गेट या पोस्ट लिख दिया तो एग्जैक्ट मैच कर रहा है तो अब ये गेट ये बोल रहा है अगर कोई होम पेज पर ही आया है यानी स्लैश पेज पर ही आया है तो ही मैं मैच होंगा अदर वाइज मैं मैच नहीं होंगा तो इस बार कोई सबमिट डिटेल्स पेज पर आया गेट रिक्वेस्ट लेकर भी आया तब भी इसने मैच नहीं किया केम इन फर्स्ट मेडल वेयर प्रिंट आपका नहीं हुआ है ना तो ये जो हैंडलिंग रिक्वेस्ट है ये आप कैसे दो दो तरीके हमने सीख लिए आप गेट पोस्ट के बेस पर कर सकते हैं और आप इस पाथ के बेस पर कर सकते हैं ठीक है देखिए हम आ गए प्रैक्टिस सेट पे तो आपको क्या करना है ये पहले एक बार इसको खुद से पढ़ के देखिएगा जैसे मैं बोलता हूं करने की विद्या है करने से आएगा तो एक बार पॉज करेंगे पहले इसको पढ़ने की कोशिश करेंगे समझेंगे अगर समझ में नहीं आया है मैं इसके बाद एक बार इसको समझाऊ उसके बाद फिर खुद से ट्राई करने की कोशिश करेंगे उसके बाद मैं इसको आपके साथ सॉल्व कर रहा हूंगा तो क्या हम यहां पर बोल रहे हैं क्रिएट अ न्यू प्रोजेक्ट हमने बोला एक नया प्रोजेक्ट बना लीजिए ये तो हम कर कर सकते हैं बहुत अच्छी बात है नोड मन और एक्सप्रेस दोनों को उसके अंदर इंस्टॉल कर लीजिए ये भी हम कर लेंगे उसके बाद हमने क्या बोला ड टू डमी मिडिल वेयर दैट लॉग रिक्वेस्ट पाथ एंड रिक्वेस्ट मेथड्स रिस्पेक्टिवली कुछ कुछ जैसा हमने किया था वैसा ही यहां पर आपको दो मिडिल वेयर बनाने हैं है ना और दोनों को लॉग करना है रिक्वेस्ट ये आपको मेक श्योर करना है अच्छा एड अ थर्ड मिडिल वेयर दैट रिटर्न्स अ रेस्प एक थर्ड मिडिल वेयर इस बार ऐड करिए इसके साथ-साथ जो रिस्पांस भी रिटर्न करता हो फिर नाउ ऐड हैंडलिंग यूजिंग टू मोर मिडिल वेयर्स दैट हैंडल पाथ दिस एंडर रिक्वेस्ट टू कांटेक्ट पेज यानी अब आपको दो और मिडिल वेयर ऐड करने हैं जो एक स्लैश को हैंडल करता हो एक कांटेक्ट को हैंडल करता हो गेट के साथ यहां पर इनको लगाएंगे है ना उसके बाद कांटेक्टर शुड रिटर्न अ फॉर्म विद नेम एंड ईमेल एज इनपुट फील्ड दैट सबमिट टू कांटेक्ट अस पेज आल्सो देखिए यहां एक नया कांसेप्ट हम पढ़ रहे हैं क्योंकि हम गेटर पोस्ट को अलग-अलग हैंडल कर सकते हैं हम क्या बोल रहे हैं कांटेक्ट अस को एक फॉर्म रिटर्न करना है जो नाम और ईमेल लेता हूं सबमिट बटन देता हूं वो पूरा फॉर्म आप रिटर्न करेंगे बट साथ-साथ वो सबमिट किस पेज पर करेगा सबमिट भी कांटेक्ट अस पेज पे ही करेगा है ना पर हम उसको हैंडल अलग कैसे करेंगे हम गेट और पोस्ट के बेसिस पर हैंडल करेंगे लास्ट में क्या बोल रहा है आल्सो हैंडल पोस्ट इनकमिंग रिक्वेस्ट टू कांटेक्ट अस यूजिंग अ सेपरेट मिडल वेयर यानी एक और मिडिल वेयर आपको लगाना है जो इस बार इसके लिए बेसिकली पोस्ट रिक्वेस्ट हैंडल कर रहा हो तो दो डमी लगाने हैं एक थर्ड नॉर्मल रिस्पांस वाला लगाना है बाद में उसको हम कमेंट कर देंगे एक हमको स्लश के लिए लगाना है एक हमको कांटेक्ट अस के लिए लगाना है कांटेक्ट अस पोस्ट के लिए लगाना तो पांच छ मिडिल वेयर हम इस एक्सरसाइज में लगा रहे होंगे तो एक बार आप इसको ट्राई करके देखिए जितना भी आप कर पा रहे हैं उसके बाद हम इसको साथ में अपने सॉल्व कर लेे तो चलिए शुरू करते हैं है ना आ जाते हैं वापस अपने कोडिंग स्टूडियो पर यह सब जो हमने पहले लिखा है इसको बंद कर देते हैं नया प्रोजेक्ट स्टार्ट करने के लिए इसने बोला है है ना तो यहां पर मैं क्या कर लेता हूं यह चैप्टर वैसे तो नाइन के अंदर ही हमको करना चाहिए बट यहां हमने एक पैकेज बनाया हुआ है एक प्रैक्टिस सेट नाम का हम एक अलग फोल्डर बना लेते हैं है ना और इसके अंदर मैं एक नया पैकेज बना लेता हूं क्या चैप्टर ना किस टाइप का हमको बनाना है कांटेक्ट टाइप का बनाना है है ना कांटेक्ट हमने बना लिया मैं यहां आ जाता हूं नया प्रोजेक्ट हमको स्टार्ट करना है हैना तो यहां से आ जाते हैं इसको सीडी डॉट डॉट कर लेते हैं बाहर आ गए हमको जाना है भैया प्रैक्टिस सेट के अंदर प्रैक्टिस सेट के अंदर आ गए इसके अंदर भी हमको जाना है कांटेक्ट के अंदर कांटेक्ट आ गया अभी देखि कांटेक्ट एकदम खाली है हमको क्या करना है ना को तो बंद कर देता हूं कांटेक्ट के अंदर नया प्रोजेक्ट स्टार्ट करना है कैसे करेंगे एनबीएम ट माइनस y ये क्या करेगा देखिए एक प्रोजेक्ट इसके अंदर इसने अपने स्टार्ट कर दिया एकएक चीज हमसे नहीं पूछी क्योंकि हमने - y पास कर दिया जो मेरा पैकेट डॉट जसन एटलीस्ट वो तो हमारा यहां पर बनकर तैयार हो गया है है ना देखिए बहुत सारी चीजें पुराने वाले चैप्टर की इसमें रिवाइज होने वाली है एकदम बेसिक से हम यहां पर स्टार्ट कर रहे हैं तो सबसे पहले तो यहां मुझे क्या लिखना पड़ेगा एक app.js फाइल बनाना पड़ेगा है ना तो इसके अंदर मैं बना लेता हूं एक app.js फाइल app.js फाइल मेरा बन गया अब मैं नोड के साथ तो app.js स्टार्ट कर सकता हूं बट मैं क्या प्रेफर करूंगा पैकेट ड जसन में एक स्क्रिप्ट ऐड कर लेता हूं है ना यहां पर हम आ जाते हैं एक स्टार्ट नाम से ऐड कर देते हैं स्टार्ट है ना एनपीएम के नोड के बजाय हम किससे करेंगे नोड मन से करेंगे अभी हमने इंस्टॉल नहीं किया कोई बात नहीं इंस्टॉल कर लेंगे नमन एड ज है ना ये हमने कमांड लगा ली अब पहले न मन को और इसको हमको इंस्टॉल करना है तो पहले न मन को इंस्टॉल कर लेते हैं है ना एग्जैक्ट कमांड क्या थी मुझे याद नहीं आ रहा इंस्टॉल नन अभी भी आप चेक कर सकते है ना यहां आ जाते हैं वैसे तो ग्लोबली हम शायद इंस्टॉल कर चुके थे तो हमको जरूरत नहीं पड़ेगी फिलहाल हम कैसे सेव कर लेते हैं सेव डेव नोड मन हमको इंस्टॉल करना है है ना यहां आ गए कांटेक्ट अस के अंदर हमने बोला एनपीएम इंस्टॉल सेव डेव नोड मन ये इंस्टॉल कर लेगा डेव की तरह सेव कर लेगा इस बार हम डिपेंडेंसीज में देखें तो देखिए डेफ डिपेंडेंसी में ऐड हुआ है जो करेक्ट तरीका है नोड मन को ऐड करने का उसके बाद क्या करेंगे अगला मुझे इंस्टॉल करना है एनपीएम इंस्टॉल एक्सप्रेस और यह अभी हमने देखा था यह कैसे आपको इंस्टॉल करना है सेव के साथ इंस्टॉल करना है यह भी मैंने इंस्टॉल कर लिया देखि इस बार डिपेंडेंसी अलग-अलग जगह पर आ गई है नटन मेरी डे डिपेंडेंसी बन गई एक्सप्रेस मेरी नॉर्मल डिपेंडेंसी बन ग ठीक बात अब एक बार मैं एनपीएम स्टार्ट करके देख लेता हूं एनपीएम स्टार्ट किया देखि नोड मन के साथ य स्टार्ट तो हो गया बट हमने लिखा तो कुछ भी नहीं है है ना कोई सर्वर पाथ नहीं दिया है कुछ दिया ही नहीं है तो व बेसिकली स्टार्ट कैसे करेगा स्टार्ट नहीं कर पाएगा अब एड जए में आ जाते हैं क्या करता हूं जो बेसिक कोड हैडज का वो यहां से हम ठ लेते हैं यानी यह काम हमको दोबारा नहीं करना पड़े कांटेक्ट अस 3002 वाला काम हम कर लेते हैं इससे पहले हमको क्या करना है अब तो देखिए हम एक्सप्रेस से डायरेक्टली कर सकते हैं अब हमको पैकेज तो बनाने की जरूरत नहीं है है ना यहां मैं आ जाता हूं यह मैं कॉपी पेस्ट कर रहा हूं आपको कॉपी पेस्ट नहीं करना है आपका समय बचाने के लिए मैं कॉपी पेस्ट कर रहा हूं बट आपको अपना समय नहीं बचाना है आपको इस चीज की प्रैक्टिस करनी है तो मान लीजिए रिक्वायर हमने बोल दिया एक्सप्रेस पैकेज ले लीजिए कंस्ट पप बना लेते हैं कैसे एक्सप्रेस को ये करके और एडलिन प 3002 अब देखिए बोल रहा है 3002 पर आपका सर्वर स्टार्ट हो गया मान लीजिए इसको मैं 3000 कर लेता हूं 3000 पर अभी बोल रहा है आपका सर्वर स्टार्ट हो गया एक बार चेक कर लेते हैं 3000 पर कोई सर्वर है क्या अभी तो बोल रहा है कैन नॉट गेट बट कैन नॉट गेट बोल रहा है इसका मतलब सर्वर तो स्टार्ट हो गया है रिक्वेस्ट तो यहां तक पहुंच रही है है ना तो जो बेसिक सेटअप करना था पहले भी हमने बेसिक सेटअप कर लिया यानी जो उसने बोला था क्रिएट प्रोजेक्ट ये हमने कर लिया इंस्टॉल कर लीजिए नबन एक्सप्रेस ये हमने कर लिया अभी क्या बोल रहा है ड टू डमी मिडल ट लग रिक्वेस्ट पाथ एंड रिक्वेस्ट मेथड रिस्पेक्टिवली है ना तो य दो डमी मिडल वेर हमको लगाने है मैं क्या लगा लेता हूड यूज स्लश पर कर देते हैं हम ऐसे मिडल वेर चा रहे जो हर जगह यूज हो अगर आप स्लश नहीं भी देते तो भी व बाय डिफॉल्ट क्या होता है स्लश ही होता है इसके बाद हम क्या देंगे रिक्वेस्ट रिस्पांस एंड नेक्स्ट बल्क हम यह भी कर लेते हम इसको हटा ही देते हैं य आर्गुमेंट कैसे आ गया यार मैंने तो यूज लिखा ड यूज रिक्वेस्ट रिस्पांस नेक्स्ट है ना यहां हमको क्या करना है कंसोल डॉट लॉग करना है कसोल डट लॉग कर लेते हैं कसोल डलॉग इसमें मैं लिख देता हूं फर्स्ट डमी मिडल वेयर है ना क्या कर देंगे इसमें और तो हमको कुछ करना नहीं है बस नेक्स्ट कॉल कर देंगे कि भाई आप अगले वाले के पास चले जाइए यह पहला हुआ इसके बाद एक और ऐड कर दिया इसमें हम क्या बोल देंगे सेकंड डमी मिडिल वेयर है ना अब एक बार फिर से इसको चेक करके देखता हूं मैंने रिफ्रेश किया तो देखिए मेरे दोनों लॉग स्टेटमेंट्स यहां पर आ गए फर्स्ट डमी मिडिल वेयर भी आ गया सेकंड ड मिडिल वेयर भी आ गया अभी ओबवियसली किसी ने भी रिस्पांस नहीं सेंड किया तो यहां पर अभी भी कैन नॉट गेट आ रहा है बट मेरे दोनों जो डमी मिडिल वेयर हमको बनाने थे बन भी गए अपना काम इन्होने स्टार्ट कर दिया तो पॉइंट नंबर टू भी मेरा डन हो गया टू मिडल वेयर ट लॉक द रिक्वेस्ट पाथ एंड रिक्वेस्ट मेथड अच्छा पाथ और मेथड भी हमको लॉक करना है तो फर्स्ट डमी मिडिल वेर के बाद वो भी हम ड कर देते हैं क्या रिक्वेस्ट डॉट पाथ पाथ कैसे करते हैं यूआरएल से एंड रिक्वेस्ट डॉट मेथड है ना ये दोनों चीजें उठाकर कहां डाल देता हूं सेकंड वाले के अंदर भी डाल देता हूं फिर से रिफ्रेश करके देख लेते हैं ठीक चला क्या हां देखिए पाथ स्लैश भी आ गया और रिक्वेस्ट टाइप गेट भी आ गया तो पॉइंट नंबर टू मेरा पूरा हो गया अभी क्या बोल रहा है ड थर्ड मिडिल वेर दैट रिटर्न्स रिस्पांस एक थर्ड मिडल वेयर बनाइए जो पूरा रिस्पांस रिटर्न करता हो तो इस बार थर्ड मिडल वेर बना लेते हैं जो क्या करता हो रिस्पांस रिटर्न करता हो तो इसको हम बना लेते हैं कंसोल डलॉग थर्ड मिटल वेयर है ना और यहां नेक्स्ट की जगह इस बार हम क्या बोल देंगे रिस्पांस रिटर्न कर देंगे तो मैं बोल आड सेंड सेंड क्या करना है एक हेडिंग सेंड कर दो यार h1 है ना और इसको आपको ब्रैकेट्स में लिखना पड़ेगा क्योंकि आप एसटीएम लिखने की कोशिश कर रहे हैं यहां मैं लिख देता हूं वेलकम टू कंप्लीट कोडिंग ना अब ये चेक कर लेते हैं अब इतना चल गया क्या देखिए य लिखा गया वेलकम टू कंप्लीट कोडिंग यहां देखेंगे तो फर्स्ट डमी मिडिल वेयर चल गया सेकंड डमी मिडिल वेयर चल गया एंड थर्ड मिडल वेयर चल गया तीन काम मेरे हो गए है ना उसके बाद क्या है नाउ ऐड हैंडलिंग यूजिंग टू मोर मिडल वेयर दैट हैंडल पाथ स्लैश एंड अ रिक्वेस्ट टू कांटेक्ट पेज है ना तो हम बोल रहे हैं स्लैश को भी हैंडल करे और कांटेक्ट टेस्ट भी करें तो देखिए यहां हमने सेंड कर दिया अगर ये चलता रहेगा तो तो ये सबको गुड़ गोबर कर देगा क्योंकि ये क्या करेगा किसी और को एग्जीक्यूट ही नहीं होने देगा यहां से हम रिस्पांस एंड करें तो फिलहाल इसको मैंने कमेंट आउट कर दिया अब दो की हैंडलिंग हम मड लगा लेते हैं इस बार हम एग्जैक्ट वाली हैंडलिंग लगाएंगे है ना तो बोलूंगा पड गेट किस पाथ को स्लैश पाथ को लगाना है है ना बाकी क्या करना है बाकी तो देखिए सेम ही काम है यह जो सिंटेक्स है य मैं कॉपी कर लेता हूं है और यहां सेकंड डमी मिडल वेयर की जगह क्या बोलेंगे हैंडलिंग स्लश फॉर गेट है ना और य हमको क्या भेजना है कुछ रिस्पांस भेजना है जैसा हमने यहां रिस्पांस भेजा था यही मैं रिस्पांस भेज देता हूं ओनली डिफरेंस बीइंग इस बार मैं इसको बना लेता हूं मल्टी लाइन ताकि मैं यहां पर और चीज भी रिटर्न कर पाऊ बाद में जाकर अगर मुझे कुछ और हैंडल करना है तो मैं कुछ और भी कर पाऊ अभी बहुत ज्यादा कुछ डिफरेंस नहीं आया होगा वेलकम टू जी कोडिंग ही आ रहा है बट थर्ड मिडल वेयर को मैंने फिलहाल कमेंट कर दिया और यहां क्या लिख दिया हैंडलिंग स्लैश फॉरगेट यानी मेरा ये अगले वाला मिडल वेयर यूज हो गया चौथा मिडल वेयर मेरा यहां पर यूज हो गया है बट एक दूसरा इसने क्या बोला कांटेक्ट अस पेज को भी आपको हैंडल करना है तो एक मैंने ये किया था एक और हम ऐड कर लेते हैं गेट ही हमको हैंडल करना है और इसको हम क्या बोल देते हैं कांटेक्ट अस और कांटेक्ट अस में क्या बोल देंगे प्लीज गिव योर डिटेल्स है ना अभी बस इतना ही मैं बोल देता हूं फिर से रिफ्रेश करते हैं वेलकम टू केजी कोडिंग तो सेम है कौन-कौन चला फर्स्ट सेकंड हैंडलिंग चला अब मैं क्या करता हूं य कांटेक्ट अस पेज पर चलता हूं कांटेक्ट अस देखिए क्या आ गया प्लीज गिव योर डिटेल्स यर इस बार कौन-कौन चला फर्स्ट सेकंड हैंडलिंग स्लश फॉर गेट हैंडलिंग स्लश फॉर गेट कैसे चला हैंडलिंग अच्छा ये मैंने सेम ही लिख दिया यहां पर कॉपी पेस्ट का कर्म है ये है ना हैंडलिंग कांटेक्ट अस फॉर गेट एक बार फिर से मैं रिफ्रेश करके दिखा देता हूं क्या-क्या चला फर्स्ट चला सेकंड चला हैंडलिंग कांटेक्ट अस चला है ना इस बार स्लैश वाला नहीं चला क्योंकि ये गेट कब चलता है गेट क्या करता है इसको एग्जैक्ट मैच बना दे रहा है तो जब स्लैश पे गए तो ये वाला चल रहा है जब कांटेक्ट अस पर गए तो ये वाला चल रहा है है ना तो ये काम भी मेरा हो गया फ फाइव नंबर पर ये क्या बोल रहा है कांटेक्ट अस शुड रिटर्न अ फॉर्म विद नेम एंड ईमेल एज इनपुट फील्ड्स दैट सबमिट्स टू कांटेक्ट अस पेज आपको एक फॉर्म बनाना है जो बेसिकली नेम और ईमेल लेता हो और सबमिट करता हो कांटेक्ट अस पेज पर तो अब हमको क्या हेल्प आएगा येय जो हमने दो लगाए थे हेल्प आएंगे ए1 तो हमने लिख लिया है ना वैसे तोमको पूरा एटीएम प्रॉपर यहां पर लिखना चाहिए बट क्योंकि ब्राउजर बहुत फॉरगिविंग है तो हम उसका फायदा उठा रहे हैं य कर लेते हैं फॉम एक्शन में पाथ क्या देंगे एक्शन में पाथ हमको सेम पाथ देना है तो मैं क्या पाथ दे देता हूं यहां पर स्लश कांटेक्ट अस है ना मेथड देना जरूरी नहीं बट मेथड भी हम दे देते हैं मेथड क्या होगा पोस्ट है ना फॉर्म यहां पर बंद हो गया फॉर्म का क्लोजिंग टैग दे दिया फॉर्म के अंदर दो इनपुट टैग हमको बनाने है ना इनपुट टाइप क्या होगा टेक्स्ट प्लेस होल्डर क्या होगा एंटर योर नेम है ना ये हमने बंद कर दिया यहां पर हमको नेम फील्ड भी ऐड करना पड़ेगा नेम फील्ड ऐड कर देते हैं य बोल देता हूं जैसा हमने नेम लिया ऐसे अगली चीज लेंगे हम क्या ईमेल टाइप भी यहां पर ईमेल होगा उसका नाम भी ईमेल होगा और प्लेस होल्डर होगा एंटर योर ईमेल और लास्ट क्या हमको देना है इनपुट टाइप सबमिट अब देखिए मैं चीज तेजी से कर रहा हूं क्योंकि ये सब काम हम कर चुके हैं इनपुट टाइप सबमिट और यहां जो टेक्स्ट है वो क्या दे देंगे इसका टेक्स्ट भी मैं सबमिट ही दे देता हूं है ना एक बार इसको चलाकर देख लेते हैं हमने कोई गड़बड़ तो नहीं की कांटेक्ट अस पेज पर ही हमें रिफ्रेश कर लेते हैं तो देखिए क्या आ गया एंटर योर नेम एंटर योर एक्चुअली सबमिट देने की जरूरत नहीं थी टाइप सबमिट अपने आप से यही काम कर रहा है तो ये मैं हटा देता हूं सेल्फ क्लोजिंग क्या हो गया एंटर योर नेम एंटर योर ईमेल सबमिट क्या है सबमिट करने की कोशिश कर रहा है क्या कोशिश कर रहा है ये भी चेक कर लेते हैं यहां मैं दे देता हूं नाम प्रशांत है ना य अपना ईमेल आईडी दे सकते हैं मान लीजिए मैं दे देता हूं प्रशांत ट कंप्लीट कोडिंग इन एंड सबमिट सबमिट किया तो देखिए 404 आ गया क्योंकि इसकी हमने अभी कोई हैंडलिंग ही नहीं की है बट एटलीस्ट पेज गया तो और पेज जो गया उसमें पेलोड देख लेते हैं ठीक से गया क्या देखिए नाम गया प्रशांत ईमेल गया प्रशा @ कंप्लीट कोडिंग है ना कहां पर गया है सेम कांटेक्ट अस पेज पर ही गया है पोस्ट रिक्वेस्ट गया है यानी हमारा फॉर्म वाला काम एकदम ठीक से हो गया है है ना इसके बाद क्या करना है आल्सो हैंडल पोस्ट इनकमिंग रिक्वेस्ट टू कांटेक्ट अस यूजिंग अ सेपरेट मिडल वेयर यानी एक और मिडिल वेयर अब आप यहां ऐड करिए एक और मिडिल वेयर ऐड कर लेते हैं डॉट पोस्ट के नाम से है ना किस पाथ पर करना है सेम पाथ पर करना है तो देखिए अब उनको समझ आ रहा है आप एक ही पाथ पर डिफरेंट डिफरेंट मेथड से भी अलग अलग राउटिंग कर सकते हैं है ना यहां क्या देंगे रिक्वेस्ट रिस्पांस एंड नेक्स्ट अब यहां क्या बोल देता हूं हैंडलिंग कांटेक्ट अस फॉर हैंडलिंग कांटेक्ट अस फॉर पोस्ट है ना हमने बोल दिया कि इस बार पोस्ट की हैंडलिंग करेंगे और यहां करते क्या है यहां भी एक रिस्पांस हम सीधा सीधा सधा सेंड कर देते हैं क्या थैंक्स फॉर योर डिटेल्स है ना या क्या लिख देते हैं बेटर तरीका क्या लिखने का लिख देते हैं वी विल कांटेक्ट यू शॉर्टली है ना अभी हम वो यली हमने कुछ डाटा इसका उठाकर सेव नहीं किया वो सब कैसे करना है वो हम बाद में देख रहे होंगे बट अभी हमने उसको सेंड कर दिया कि भाई आपका डाटा हमने ले लिया है आप हमको बता दीजिएगा मैंने रिफ्रेश किया तो देखिए क्या लिखा गया वी विल कांटेक्ट यू शॉर्टली क्योंकि उसने वही रिक्वेस्ट पोस्ट रिक्वेस्ट दोबारा से अटेंप्ट की एक बार मैं दोबारा से दिखा देता हूं अभी क्या-क्या फंक्शनैलिटी हमने कर ली है अगर हम होम पेज पर आ रहे हैं तो लिखा आ रहा है वेलकम टू कंप्लीट कोडिंग ये एक अलग मेरा मिडिल वेयर है अगर मैं यहां से कांटेक्ट अस पे जा रहा हूं तो ये कह रहा है प्लीज गिव डिटेल्स है ना अब मैं यहां पर डिटेल्स अपनी एंटर कर रहा हूं प्रशांत और अपना ईमेल एंटर कर रहा हूं और सबमिट करता हूं उसके बाद तो अभी हम कांटेक्ट अस पेज पे ही हैं पर इस बार पोस्ट रिक्वेस्ट के साथ गए हैं तो इसने बोल दिया वी विल कांटेक्ट यू शॉर्टली है ना तो देखिए जो जो चीजें हमको यहां पर मिली थी जितने हमको टास्क मिले थे वो सारे के सारे टास्क हमने यहां पर ठीक से कंप्लीट जो है वो कर लिए है ना तो दोस्तों चलिए स्टार्ट करते हैं हमारा अगला चैप्टर जिसमें हम क्या करने वाले हैं एक्सप्रेस में थोड़ा सा और डीप डाइव करने वाले हैं यानी जितना काम हम अभी तक कर चुके थे पहले है ना हमने जब चैप्टर ए तक जितनी भी चीजें की थी वो सारी चीजें चाहे वो पार्सिंग ऑफ रिक्वेस्ट हो बॉडी पार्सिंग कैसे करना है एक 404 मान लीजिए मुझे पेज ऐड करना है तो वो कैसे करना है पाथ कैसे करेंगे एचटीएमएल फाइल्स को डायरेक्टली सर्व करना यानी अपने अगेन अभी भी हम क्वालिटी ऑफ लाइफ अपनी इंप्रूव कर रहे हैं एज अ डेवलपर जो जो चीजें हमको करनी पड़ रही थी उनको आसान करने की कोशिश हम यहां पर कर रहे हैं तो अपनी लाइफ को हम जो है वो थोड़ा आसान बनाने की कोशिश कर रहे होंगे डीप डाइव कैसे करेंगे जैसे पीछे आपको दिख रहा है डीप डाइव करने की कोशिश कर रहा है ऐसे ही डीप डाइव हमारा अभी एक्सप्रेस जेएस में होने वाला है ठीक है तो सबसे पहली चीज क्या देखिए एक चीज जो पेंडिंग रह गई थी लास्ट टाइम भी हमने क्या कर लिया था राउटिंग वगैरह सब कर ली थी मेरी रिक्वेस्ट भी आ रही थी कांटेक्ट अस पेज पर कांटेक्ट अस पेज से मैं उसको दिखा भी पा रहा था बट मैंने उसको पार्स नहीं किया था है ना मैंने उसको पार्स करके शो नहीं किया था वो अभी भी हम कैसे कर रहे थे वो चंक के साथ ही कर रहे थे या कर ही नहीं रहे थे जब हमने कांटेक्ट अस देखा एक्चुअली अगर हम लास्ट चैप्टर की बात करेंगे इसमें हमने क्या नहीं किया है ना अगर हम यहां आकर बात करेंगे पहले वाले में तो ऐप के साथ हमने यूर . जए को तो एक्चुअली यूज़ किया ही नहीं है ना यूजर ज को तो मैं डिलीट ही कर देता हूं यहां से . ज फाइनली यूज़ नहीं हो पाया है ना इसको लोकल मॉड्यूल से भी डिलीट कर सकते हैं हमने तो लोकली दोबारा पाथ बनाकर चीजें शो करने की कोशिश की पर देखिए जब मैं कांटेक्ट अस की भी अगर बात करूंगा जहां हम प्रैक्टिस सेट के अंदर थे है ना जब मैं मान लीजिए कांटेक्ट अस बना रहा था तो यहां पर क्या हो रहा था कांटेक्ट अस के लिए जो पोस्ट रिक्वेस्ट है वो आई तो बट हमने बस इसको बोल दिया कि हम तुम्हें शॉर्टली बेसिकली कुछ कुछ बाद में बताते हैं बट हमने उसके लिए किया कुछ नहीं है ना अगर मुझे ये करना हो तो वो मैं कैसे करूंगा है ना तो उसके लिए मैं क्या करता हूं एक अगला चैप्टर यहां पर बना लेते हैं पहले इसको इस बार कॉपी कर लेंगे कॉपी पेस्ट है ना और यह जो चैप्टर नाइन कांटेक्ट हमने लिखा था इसको रिनेम करके कर देते हैं 10 और इसका नाम रख देते हैं एक्सप्रेस डीप टाइप डीप फाइव कर दिया मैंने डीप डाइव है ना एक्सप्रेस डीप टाइप अब इसके अंदर क्या करना है सिर्फ इसकी फाइल्स खोल लेते हैं वी विल मेक श्यर कि हमने बाकी सारी फाइल्स यहां से बंद कर दिए तो इसमें आपको क्या दिखाने की कोशिश कर रहे थे जो पड जए हमने बनाया है इसमें हमने यहां आ जाते हैं कांटेक्ट अस पे कांटेक्ट अस का जब हमने पोस्ट हैंडल किया तो हमने यहां पर ये तो लिख दिया कि भाई हम आपको वापस बताते हैं देखिए वी विल कांटेक्ट यू शॉर्टली बट हमने किया कुछ नहीं इसकी डिटेल हमने नोट नहीं की क्यों अभी तो हमने रिक्वेस्ट भी पार्स नहीं कि तो रिक्वेस्ट पास पार्स कैसे करते हैं उसी के लिए देखिए यहां पर एक अलग पैकेज है बॉडी पार्सर जो आप यूज कर सकते हैं अब मैं बॉडी पार्सर क्यों बता रहा हूं मैं इसलिए बता रहा हूं कि बॉडी पार्सर कुछ बार एक्सप्रेस जेएस में ऐड हुआ फिर डिलीट हुआ फिर ऐड हुआ फिर डिलीट हुआ अभी वैसे एक्सप्रेस का पार्ट है आप बिना बॉडी पार्सर के डायरेक्टली एक्सप्रेस से भी ये कर सकते हैं आगे के फरदर चैप्टर्स में हम वैसे ही कर रहे होंगे है ना फिलहाल बॉडी पार्सर को डिप्री केटेड मार्क कर दिया गया है बट मैं फिर भी एक बार बॉडी पार्सर आपको यूज करके दिखा रहा हूं कि इसको हम यूज कैसे करते हैं देखिए ये भी एक पैकेज है तो सबसे पहले मुझे क्या करना पड़ेगा एनपीएम इंस्टॉल बॉडी पार्सर करना पड़ेगा तो यहां आ जाते हैं सबसे पहले हम आ जाते हैं अपने चैप्टर के अंदर अंदर इसका नाम क्या होने वाला है चैप्टर अच्छा हमको शायद दो स्टेप बाहर आना पड़ेगा है ना अब चलते हैं अंदर चैप्टर 10 एक्सप्रेस डीप डाइव के अंदर यहां हमको क्या करना है पैकेजेस इंस्टॉल करने है तो बोलूंगा एनपीएम इंस्टॉल नाम क्या है बॉडी पार्सर है ना बॉडी पार्सर हान हाफ ये हमको चाहिए बाद में भी कक बॉडी पार्सल प्रोडक्शन में भी तो करेगा तो हान हाइन सेव हमने लगा दिया पैकेज जसन एक बार चेक कर लेते हैं डिपेंडेंसीज में देखिए बॉडी पार्सर हमारा यहां पर ऐड हो गया तो बॉडी पार्सर हमारा ऐड हो गया अब हमको क्या करना है इसको हमको इंपोर्ट करना पड़ेगा रिक्वायर करना पड़ेगा ये भी एक एक्सटर्नल मॉड्यूल है तो इसी को इसी के अंदर लिख सकते हैं यहां बस रिक्वायर में हम क्या लिख देंगे बॉडी पार्सर है ना अब देखिए कितना अच्छा है ये इसका नाम पार्सर रख देता हूं या बॉडी पार्सर ही रख देते हैं पूरा है ना बॉडी पार्सर हमने इंपोर्ट कर लिया अब ये यूज कैसे होगा तो देखिए सबने सबको भी पता है बॉडी पार्सर वालों को भी पता है एक्सप्रेस लिए बना रहे और एक्सप्रेस में सबसे इंपोर्टेंट तरीका क्या है ये सब काम करने का मिडिल वेयर तो इन सबने पार्सर के लिए भी क्या बना के दिया हुआ है मिडिल वेयर्स अलग-अलग बना कर दिए हुए हैं तो एनी पॉइंट जहां पर भी आप चाह रहे कि अब बॉडी पार्ट्स करना ठीक है मान लीजिए डमी हो गया डमी हो गया ये हमने कुछ नहीं किया यहां से हम एक्चुअली रिक्वेस्ट हैंडलिंग शुरू कर रहे हैं स्लैश से कांटेक्ट अस से है ना या कांटेक्ट अस के पहले भी अपन आप कर सकते हो सीधे पोस्ट के पहले भी आप कर सकते हो आपको पता है पोस्ट से पहले कोई भी बॉडी लेकर नहीं आया है बस अगर पोस्ट आने वाला है तो उससे पहले आप बॉडी पार्स कर लीजिए तो मैं क्या कर सकता हूं उसको मैं लिख देता हूं पड यूज है ना अभी तक हम ऐसे लिखते आए हैं यानी एक नया मैं क्या ऐड करने वाला हूं यहां पर मिडिल वेयर ऐड करने वाला हूं पर ये मिडिल वेयर मैं लिखूंगा नहीं मिडिल वेयर कहां से ले आऊंगा डायरेक्ट बॉडी पार्सल मुझे दे देगा तो मैं क्या लिख रहा हूं बॉडी पासर ड यरल यूआरएल इनकोडेड तो मैंने बोल दिया बॉडी पासर ड यूआरएल पूरा नाम देख लेते हैं सजेस्ट नहीं कर रहा है नॉम छोटे में लिखा यूआरएल एन कोडेड बस आपको इतना ही करना है इसने क्या किया यूज ने एक नया मिडिल वेयर ऐड कर दिया और ये क्या कर रहा होगा यह बॉडी को पार्स कर देगा और ऐड कहां कर देगा रिक्वेस्ट के अंदर ही ऐड कर देगा अब अगर मैंने ये कर लिया है तो मैं यहां लॉग में जहां मेथड लिखा है यहां इसके साथ-साथ क्या लिख सकता हूं रिक्वेस्ट डॉट बॉडी इसने यहां पर ये पूरा बॉडी ऐड कर दिया ये क्या किया इसने रिक्वेस्ट को पहले जो हमने पूरा चंक वगैरह वाला काम किया था है ना मैं अगर आपको चैप्टर एट में आकर दिखाऊं यूजर के अंदर हमने यहां क्या किया था चंक्स को आप पढ़ते थे जो पूरा काम है पहले बॉडी का कैरे बनाना फिर ये जो हमारा रिक्वेस्ट डॉट ऑन है ये लगाना कि भाई ये चंक आएगा एक-एक करके चंक को एरे में पुश करना उस एरे को फिर निकाल कर इसके अंदर डालना यूआरएल परम्स निकालना ऑब्जेक्ट डॉट एंट्री निकालना फाइनली बॉडी ऑब्जेक्ट बनाना ये जो काम है ये इसने ऑलरेडी एक किसम कर दिया मिडिल वेयर में करके डाल दिया है और उसने जो फाइनल इसका आउटपुट था ये जो बॉडी ऑब्जेक्ट था ये भी रिक्वेस्ट के अंदर ही डाल दिया तो अब अगर मैंने यहां लिख दिया रिक्वेस्ट डॉट बॉडी बस मुझे इतना ही लिखना है रिक्वेस्ट डॉट बॉडी और वो रिक्वेस्ट के अंदर ही आ जाएगा इससे पहले अगर कोई लॉग करेगा तो उसके पास नहीं आएगा इसके बाद अगर कोई लॉग करेगा तो उसके पास आ रहा होगा ये भी एक बार चेक कर लेते हैं कैसे मैं मान लीजिए यहां रिक्वेस्ट डॉट ये जो ए डॉट पोस्ट लिखा है इससे पहले एक एडॉट पोस्ट और लगा देता हूं कांटेक्ट अस पे ही लगा देता हूं इस बार रिस्पांस सेंड नहीं करते है ना इसे मैं क्या कर देता हूं इसका नाम हम कर लेते हैं फर्स्ट हैंडलिंग है ना और इसको हमने हैंडलिंग कांटेक्ट लिखा हु है अब देखिए क्या है क्योंकि सीक्वेंस इंपॉर्टेंट है कि सीक्वेंस में लगाया पहले ये एग्जीक्यूट होगा इस समय तक हमारा ऐसा मानना है कि रिक्वेस्ट डॉट बॉडी नहीं आया होगा उसके बाद हमने ये मिडिल वेयर लगाया इसके बाद ये इसके अंदर जाएगा हमने कोई पाथ तो दिया नहीं है तो हर पाथ के लिए य जा रहा होगा तो हर पाथ के लिए इसके पास चला गया जब ये हर पाथ के लिए इसके पास चला गया बॉडी पार्ट सेर इसको पार्स कर लेगा उसके बाद जब मैं दोबारा कांटेक्ट टस के लिए यहां पर लगा रहा हूं तो यहां पर आना चाहिए एक चीज जो हमको इससे पहले लगानी पड़ेगी वो है नेक्स्ट है ना यहां पर हमको क्या लगाना पड़ेगा नेक्स्ट लगाना पड़ेगा कि भाई नेक्स्ट वाले में आप भेज दीजिएगा एक बार इसको चलाकर देख लेते हैं अच्छा पहले एक बार हमको क्या करना पड़ेगा सर्वर स्टार्ट करना पड़ेगा तो मैं बोल देता हूं एनपीएम स्टार्ट क्या हुआ कह रहा है 3000 पर इसने स्टार्ट कर दिया देखिए अलग से दिखा भी रहा है कि बॉडी पार्सर इज डिप्री केटेड कि बॉडी पार्सर भाई आपका डिप्री केट हो गया है है ना तो आप इसको यूज मत करिए तो लंबे टाइम के लिए इसको यूज नहीं करेंगे पहले मैं क्या कर लेता हूं यहां पर 000 प चला जाता हूं देखिए बोल रहा है वेलकम टू कंप्लीट कोडिंग इसके बाद कहां चले जाते हैं कांटेक्ट अस पे जो हम पढ़कर आए थे कांटेक्ट अस पर चले गए तो मेरा गेट रिक्वेस्ट थी तो क्या हुआ ये पेज आ गया इसमें हम फिर से अपना नाम और ईमेल भर देते हैं उसके बाद क्या कर लेते हैं सबमिट कर देते हैं सबमिट जैसे ही किया आया वी विल कांटेक्ट यू शॉर्टली बट अगर आप इससे पहले आकर देखेंगे देखिए क्या हुआ पहले ये वाला एग्जीक्यूट हुआ इससे पहले जो हुए वो तो हुए डमी वगैरह जो हमने किए हुए थे पहले बस इन दो को हमको ध्यान देना है फर्स्ट हैंडलिंग यानी फर्स्ट हैंडलिंग पर आया रिक्वेस्ट यूआरएल उसने कांटेक्ट अस पोस्ट किया मेथड लिखा पोस्ट पर बॉडी उसने दिया अनडिफाइंड क्योंकि अभी तक ये बॉडी डिफाइन ही नहीं की किसी ने उसके बाद हमने ये दिया बॉडी पासर ड य आरएल इनकोडेड तो इसने क्या किया वो सब जो चंक वाला काम था वो करके रिक्वेस्ट डॉट पॉडी ऐड कर दिया उसके बाद जब ये हैंडलिंग कांटेक्ट अस फॉर पोस्ट आया यानी हैंडलिंग कांटेक्ट अस फॉर पोस्ट आया तो इसने कांटेक्ट अस के अंदर क्या कर दिया देखिए इस बार पूरा बॉडी यहां पर ऐड होकर आ गया वो जो पूरा काम हमने हाथ से किया था वो सारा काम एक्सप्रेस ने हमारे लिए कर दिया अगर हम डे वन से एक्सप्रेस पढ़ते तो आपको पता भी नहीं चलता कि वो काम इतना डिफिकल्ट होता है है ना बट दोनों चीजों को पढ़ना जरूरी है हर चीज के एडवांटेज समझना जरूरी है देखिए यहां पर क्या हुआ पूरा पूरा रिक्वेस्ट डॉट मॉडी मेरे पास आ गया नेम आ गया ईमेल आ गया अब मुझे इसको फाइल में राइट करना है जो भी करना है वो मैं यहां पर आसानी के साथ कर सकता हूं ठीक है तो ये हमको समझ आ गया कि बॉडी पार्सर को जो है यहां पर किस तरह से आप यूज करते हैं ठीक है तो पार्सिंग रिक्वेस्ट कैसे करना है ये हमको समझ आ गया इसके बाद हम क्या कर रहे होंगे इसके बाद दोस्तों अपना एक नया प्रोजेक्ट स्टार्ट कर रहे होंगे एयर बीएनबी का बैक एंड बहुत लोगों ने मुझे बोला है सर एयर बीएनबी बनवा दीजिए यूआई के लिए भी बोला है यहां पर भी बोला है तो अगर इनफ रिक्वेस्ट आएंगी आप लोग कमेंट करेंगे तो इसको यूआई में मान लीजिए टेल विंड यूज़ करके या कोई और फ्रेमवर्क यूज़ करके यूआई में भी बनाया जा सकता है बट अभी क्योंकि हम नोट जस पढ़ रहे हैं तो हम बनाने की कोशिश करेंगे एयर बीएनबी का बैक एंड और वो हम क्यों बनाएंगे आगे जितने भी फीचर्स हैं हम कोशिश करेंगे काफी सारे फीचर इस बैक एंड की हेल्प से इसमें हम फीचर ऐड करते रहे बाय द टाइम हम इसको खत्म करें एयर बीएनबी का एक प्रॉपर अच्छा बैक एंड हमारा बनकर तैयार हो चुका है ना तो इसमें हम क्या कर रहे होंगे इसकी मदद से हम पढ़ रहे होंगे एक्सप्रेस राउटर है ना अभी नॉर्मल राउटिंग हमने देखी है कि आप राउटिंग कैसे कर सकते हैं गेट यूज़ करके पोस्ट यूज़ करके पाथ देकर बट एक्सप्रेस अपने आप में एक राउटर को भी शिफ्ट करता है जिस राउटर को भी आप एक्सेस कर सकते हैं वो क्या कैसे कर सकते हैं वो देखते हैं उसके पहले हम एक नया प्रोजेक्ट स्टार्ट कर लेते हैं है ना तो चैप्टर 10 में ही हमको एक नया प्रोजेक्ट स्टार्ट करना है है ना तो मैं क्या करता हूं एक और चैप्टर 10 का फोल्डर बना लेता हूं ये एक्सप्रेस डी डाइव को ऐसे ही रखते हैं ये जो app.js था ना इसको हम कांट्रैक्टर्स बना देते हैं है ना कांटेक्ट सर्वर में नाम रख देता हूं इसका कि भाई एक अलग सर्वर है सीओ एन टी ए सी टी कक्ट server.js है ना इसका हमने बस नाम चेंज कर दिया और यहां पर एक नया फाइल अपना बना लेते हैं app.js ये क्या होगा मेरा ये होगा मेरा एर बीन है ना वसे एक्चुअली यह करना नहीं चाहिए हमको यह जो कांटेक्ट सर्वर है ना इसको हम अलग ही निकाल देते हैं इसके अंदर हमने और ज्यादा कुछ किया नहीं है सिर्फ बॉडी पार्स इनकोड किया है मैं एक काम करता हूं यह नहीं करता है ना नेम क्योंकि बाद में आप लोगों को कंफ्यूजन हो जाएगा किय क्या हो रहा है इसको डिलीट कर देते हैं जो हमने बनाया कांटेक्ट सर्वर को रिनेम कर लेते हैं और इसका नाम मैं रख देता हूं पड जैसा पहले था ऐसे ही छोड़ देते एक नया फोल्डर य पर क्रिएट कर लेते हैं पूरा एक नया प्रोजेक्ट स्कच से क्रिएट कर लेंगे जिसका नाम मैं क्या रख लेता हूं चैप्टर 10 एयर बी एन बसे एयर बी एन बी अपने आप एयर बीन बी कैसे लिखता है पूरा स्मल में लिखता है तो वैसे ही हम लिख देते हैं चैप्टर 10 एर बी बी है ना इस सर्वर को हम बंद करते हैं नया सर्वर स्टार्ट कर लेते हैं इसको किल करते हैं सही वाले फोल्डर में आ जाते हैं चैप्टर 10 र बी एनबी के अंदर हम आ गए अब नया एनपीएम प्रोजेक्ट स्टार्ट करना है तो एनपीएम इट माइनस वा प्रोजेक्ट इसने बना दिया य हमको क्या इंस्टॉल करना है एक्सप्रेस इंस्टॉल करना है एनपीएम इंस्टॉल एक्सप्रेस सेव देखिए एक चीज मैं आपको और दिखा दूं अगर आपको येय सब प्रोसेस मैनुअली नहीं करना है ना इसका एक और अच्छा तरीका है और आप कॉपी पेस्ट भी नहीं करना चाह रहे कोई बात नहीं मैं क्या करता हूं जरा बंद कर देता हूं चैप्टर 10 का मैंने जो अभी हमारा पैकेज डॉट सॉरी एक्सप्रेस डीप डाइव नहीं हम एर बीएनबी पढ़ना चाह रहे हैं एर बीएनबी का जो पैकेज डॉट जैसे मैंने देखा अभी देखिए यहां बहुत ज्यादा कुछ नहीं है एक्सप्रेस की डिपेंडेंसी ऐड हुई है मैं क्या करता हूं जो एक्सप्रेस डीप डाइव था ना वहां से बस ये डिपेंडेंस कुछ ये कुछ इंस्टॉल कर नहीं रहा है जब हम एनपीएम इंस्टॉल ये वो करते हैं ये क्या कर रहा है कुछ नहीं कर रहा है मैं इस ये दोनों के दोनों यहां से मान लीजिए पैकेट और जेसन को यहां से कॉपी कर लेता हूं और यहां लाकर एर बीएनबी वाले में कॉपी कर देता हूं पेस्ट कर देता हूं बस इतना ही करना था वो जो हम कमांड चलाते हैं उससे बस यही डिसाइड होता है यही स्ट्रक्चर एडिट होता है मॉड्यूल में इंस्टॉल हो जाता है आप ये पूरा एक बार कॉपी करने के बाद सीधे एनपीएम इंस्टॉल चला सकते हैं और एनपीएम इंस्टॉल चलाने से क्या होगा ये सारी डिपेंडेंसीज आपकी ऑटोमेटिक जहां जहां नोड मॉड्यूस में इंस्टॉल होनी है नट मॉड्यूल में सेव होनी है वो वो हो जाएंगी और आपका ये जो बनकर तैयार हुआ है ये भी ठीक से बनकर तैयार हो जाएगा दूसरा मेरे को क्या करना है यहां स्टार्ट कमांड ऐड करना है तो मैं स्टार्ट कमांड ऐड कर देता हूं कैसे करेंगे हम नोड मन app.js है ना ये दोनों चीज हमने कर ली तो हमारा पैकेज ड जसन जो वो बनकर तैयार हो गया बस मैं यहां क्या कर लेता हूं एनपीएम इंस्टॉल चला लेता हूं ताकि बाकी चीजें भी यहां पर अपने आप इंस्टॉल हो जाए तो जो जो भी पैकेजेस हमने दिए हैं वो सब अब यहां पर इंस्टॉल हो गए ठीक है अब देखिए पड ज हम चला रहे हैं अब जनरली जब आप मल्टीपल चीजें कर रहे होते हैं ना तो रूट्स के लिए यहां पर क्या जनरली सजेस्टेड होता है कि आप एक पाथ बना ले अलग से है ना आप एक अलग से फोल्डर बना ले इसके अंदर और उसके अंदर अलग-अलग रूट्स को डिफाइन करें तो हम यहां क्या कर रहे होंगे अलग-अलग रूट्स को डिफाइन कर रहे होंगे बेस्ड ऑन कौन-कौन सी फंक्शनैलिटी हमारे पास एयर बीएनबी में होने वाली है तो अगर हम एयर बीएनबी को कंपेयर करेंगे है ना कीजिएगा अगर हम एयर बीएनबी को कंपेयर करेंगे देखिए इसके दो इंटरफेस होते होंगे एक इंटरफेस तो जो एज यूजर आपको दिखता है बाय डिफॉल्ट एयर बीएनबी पर जाकर पर जो होस्ट है उसको भी तो एक इंटरफेस दिखता होगा जो यहां पर घर बेसिकली रेंट करते हैं जिन लोगों को पता नहीं मैं बता देता हूं एयर बीन पी पे क्या होता है कोई भी अपने घर के फोटोस वगैरह डालकर उसको रेंट पर डाल सकता है एज अ होटल एक दिन के लिए दो दिन के लिए चार दिन के लिए और जो गेस्ट आकर रुक रहे हैं वो उसको देख सकते हैं उसको बुक कर सकते हैं आकर आपके पास एक दो दिन के लिए रहकर जा सकते हैं और आपको जो भी पेमेंट होगा वो ऑनलाइन कर सकते हैं है ना तो बीएनबी का वैसे मतलब होता है ब्रेड एंड ब्रेकफास्ट ये थोड़ा सा यूएस वाला कल्चर है है ना कि आप कहीं पर जाते हैं आपको बेड भी मिलता है और ब्रेकफास्ट भी मिलता है है ना तो ये होटल भी नहीं है बट आप ये मान लीजिए आप वैसे सस्ते तो आजकल ये नहीं होते हैं है ना इसमें भी लोग नेक्स्ट लेवल आवेश गिरी कर रहे होते हैं बट बेसिकली एक तरीका है करने का हम इसका बैक एंड यहां पर बनाने की कोशिश कर रहे हैं तो इसमें दो मैं आपको बताना चाह रहा हूं दो तरह के इंटरफेस होते हैं इन सब जगहों पर इन सब पोर्टल्स पर एक जो मान लीजिए अपना घर यहां पर लिस्ट कर रहा है उसने एक घर दो घर तीन घर लिस्ट करे हुए हैं उनका एक अलग टाइप का पोर्टल होगा वो घर को ऐड करेंगे उसकी डिटेल्स ऐड करेंगे रिमूव करेंगे उनके पास ये सब प्रिविलेजेस होंगी आपके पास ये प्रिविलेज नहीं है आप जाकर बस देख सकते हैं कौन-कौन से घर अवेलेबल हैं आपको जो बुक करना है आप वो बुक कर सकते हैं है ना जैसे मैं amazon2 पर भी यही होता था एक सेलर का पोर्टल अलग होता है मैं एक्चुअली सेलर पोर्टल पेही काम करता र सेलर आकर क्या करेगा अपनी आइटम लिस्ट करेगा मैं ये बेचना चाहता हूं इतने की बेचना चाहता हूं इतना ऑफ रखना चाहता हूं कैसे मैं डिलीवरी करूंगा उसके कौन से फोटोग्राफ्स होंगे क्या डिस्क्रिप्शन होगा वो सब एज अ सेलर वहां पर मेंटेन कर रहा होगा बट जब आप amazon.com पर जाकर या इ पर जाकर सामान खरीदते हैं तो आपको तो बस आइटम्स दिखते हैं आप सर्च कर सकते हैं परचेज कर सकते हैं तो वो दोनों चीजें बनाने की यहां पर एयर बीएनबी में कोशिश कर रहे होंगे तो हम क्या कोशिश कर रहे हैं कि उनको अलग-अलग रूट्स में बना लेते हैं है ना उनका पाथ भी अलग-अलग कर लेते हैं अलग-अलग उनको रूट्स में बना लेते हैं तो हम यहां पहला क्या करने की कोशिश कर रहे हैं है ना मैं पहले आपको जो आगे हमने किया वो दिखा देता हूं क्या जो हमारा फाइनल app.js फाइल है उसके अंदर हमको क्या करना है तो एक्सप्रेस तो हमको रिक्वायर करना ही करना है है ना उसके अलावा हमने क्या किया है एक होस्ट का बेसिकली मान लीजिए अभी जो हम रिक्वेस्ट हैंडलर बना रहे थे एक रोस्ट का होस्ट का रिक्वेस्ट हैंडलर बना लिया होस्ट मतलब जो अपने घर को लिस्ट कर रहा है और एक यूजर का रिक्वेस्ट हैंडलर बना लिया यानी जो आकर उसको बुक करने वाला है उसी को हमने बेसिकली सर्वर में कन्वर्ट कर दिया तो पहले हम यही चेक कर लेते हैं ये हम कैसे कर रहे होंगे ये पुराने वाला मैं बंद कर देता हूं नए में हम आ जाते हैं एयर बीएनबी के अंदर है ना और यहां पर हम पहले एक नया फाइल क्रिएट कर लेंगे अभी तो हमने app.js भी क्रिएट नहीं किया app.js है ना और उसके अलावा अलग-अलग रूट्स को हैंडल करने के लिए यहां एक फोल्डर आप बना लेते हैं जिसका नाम आप जनरली रखते हैं रूट्स देखिए इसलिए उसका सडन आइकन भी आपको दिख रहा है रूट्स वाला ही आइकॉन है तो इसका यही स्टैंडर्ड टेंप्लेट है कि आप रूट्स इसको रख रहे होते हैं पहले app.js में हम कोड लिख लेते हैं क्या लिखेंगे सबसे पहले तो एक्सप्रेस को ही हमको इंपोर्ट करना है तो मैं लिख ख दूंगा कंस्ट एक्सप्रेस इक्वल टू रिक्वायर एक्सप्रेस है ना यहां ऊपर क्या लिख देते हैं क्लियर रहे एक्सटर्नल मॉड्यूल हैय है ना एक्सटर्नल मॉड्यूल एक्सप्रेस हमने लिया उसके बाद सबसे पहले इसका प बना लेते हैं प इ इक्वल टू एकसपेस ये हम देख चुके थे कैसे बनाना है प इससे बन गया और उसके बाद सीधा आप क्या कर सकते हो प डॉट लेसन है ना उससे पहले मुझे पोर्ट नंबर वगैरह डिक्लेयर करना है अगेन वो हम हाथ से नहीं लिखते फिलहाल कहां से मैं ले आता हूं इसको उठा कर ले आता हूं यहां से कैसे करते है ना कि पोर्ट नंबर 3000 है पोर्ट हमने दे दिया बाकी दे दिया कि भाई सर्वर चल रहा है इसका लिंक बना दो ताकि मैं लिंक डायरेक्टली यहा से क्लिक करके उसको खोल भी पाऊ ठीक है बस इतना ही काम मुझे करना था बाकी मुझे जो जो भी लगाने हैं जो मुझे बेसिकली अलग अलग मिडिल वेर लगाने है वो मैं लगा सकता हूं तो मैं क्या करता हूं फिलहाल एक मिडलर लगा देता हूं बस पड यूज य यूज को पता नहीं आर्गुमेंट क्यों कर देता है एड यूज है ना मैं कोई पाथ भी नहीं दे रहा हूं सीधे में क्या देता रिक्वेस्ट रिस्पांस एंड नेक्स्ट है ना और यहां हम इसको क्या बोल देते हैं मान लीजिए रिक्वेस्ट रिस्प नेक्स्ट हमने बोल दिया य कंसोल लग कर देता हूं कंसोल ड लॉग य हम डायरेक्टली लॉक कर देते हैं रिक्वेस्ट डॉट यरल एंड रिक्वेस्ट डॉट मेथड ये दोनों चीज हमने य पर लॉक कर दी इसके बाद क्या करते हैं रिस्प सेंड कर देते हैं आड सें और इसको हम क्या बोल देंगे एक हेडिंग टैग बनाकर दे देते हैं h1 वेलकम टू स्मॉल में लिख देते हैं एर बी है ना अभी मैंने सबको कि कोई किसी भी पाथ पर आ रहा है आप बस यही उसको सेंड कर दीजिएगा एक सिंगल मिडिल वेयर लगाया और सर्वर को जो है यहां पर स्टार्ट करने की कोशिश है एक बार इसको स्टार्ट कर लेते हैं ताकि हमारा कम से कम बेसिक यहां पर ठीक हो जाए है ना अब आप कांटेक्ट अस पेज पर हो किसी भी पेज पर हो आपको क्या दिखने वाला है एयर बीएन भी दिखने वाला है ऐसा क्यों सबको मैच क्यों कर रहा है क्योंकि मैंने यहां यूज यूज किया है अगर मैं इसकी जगह गेट यूज कर रहा होता और लगा देता तो क्या होता ये बेसिकली सिर्फ 3000 पर मैच करता कोई किसी और पाथ पर जाता तो मैच नहीं करता है ना तो एक तो हमने बना दिया वेलकम टू एर बी एनबी बाकी हम यहां पर क्या बनाने की कोशिश कर रहे थे अगर हम यूजर में आए तो हमने य क्या बनाने की कोशिश की है बस आप हमने बोल दिया वेलकम टू एर बीबी और एक ड होम टाइप का लिंक दे देते हैं है ना एक ड होम टाइप का लिंक देते हैं कि भाई अगर आपको होम ऐड करना है यानी हम बाद में क्या कर रहे होंगे कोई होम पेज पर आएगा तो उसको एयर बीएनबी के घर तो यही दिख जाएंगे अगर आप एडमिन है तो क्या करें तो उसके लिए मैं क्या कर लेता हूं इसको आप पोर्ट्स में डाल दीजिए है ना इसके लिए हम यहां पर क्या कर लेते हैं इसको एक लिंक भी दे देते हैं लिंक कैसे देते हैं एंकर टैग से एंकर टैग मैंने दे दिया एचर एफ क्या होगा मान लीजिए इसको बोल देता हूं स्लश एड होम प ले जाइए है ना और टेक्स्ट क्या होगा ड हो है ना मैंने बोल दिया कि भ आप इस पर यहां क्लिक करेंगे तो ड होम आपका आ जाएगा इसको रिफ्रेश कर लेते हैं तो देखिए ड होम टाइप का लिंक आ गया अभी मैं ड होम पर जा रहा हूं तो भी यही आ रहा है क्योंकि मैंने अभी और कोई हैंडलिंग की नहीं है बट एक तरह से मैं इसको क्या बोल रहा हूं कि ये मेरी हैंडलिंग होने वाली है अगर कोई होम पेज पर आया तो उसको ये दिखना चाहिए तो उसको मैं और इंप्रूव कैसे कर सकता हूं इसको मैं गेट कर लेता हूं और इसको मैं आन करता हूं कि भाई इतना ही यानी बस कोई होम पर आए तो ही ये दिखना चाहिए है ना होम पर आए तो ही ये दिखना चाहिए अब कोई ऐड होम पर चला गया तो बोल दो वो पेज एजिस्ट नहीं करता है ना जो डिफॉल्ट मेरा 404 पेज है वो मुझे दिख रहा है तो यहां पर हम क्या कर रहे हैं कि जब आप होम पेज पर हैं तभी आपको दिखना चाहिए वेलकम टू एयरबी एनबी एड होम ठीक है है ना तो ये हमारा बनकर तैयार हो गया ये हमने देख लिया ये मेरे होम पेज पर आ रहा है अभी ऐड होम पर यहां पर कुछ नहीं आ रहा क्योंकि मैंने हैंडल नहीं किया है अब मैं क्या कर लेता हूं अभी हम बेसिक बना रहे हैं अभी राउटर हमने पढ़ना स्टार्ट नहीं किया है ना राउटर पर भी आएंगे इसके बाद क्या कर लेते हैं अब बोल लेते भाई अगर कोई ड होम पर आया तो क्या होना चाहिए तो इस बार मैं ड होम पाथ एट ड होम पाथ जो है वो हैंडल कर लेता हूं मान लीजिए रिक्वेस्ट जो यूआरएल मेथड प्रिंट करने की कोशिश करता हूं देखने के लिए कि एक्यूट हुआ या नहीं इसको भी मैं क्या बना लेता हूं एक पहले मिडल वेयर बना लेते हैं है ना पड यूज इसको मैं यहां से कॉपी कर लेता हूं यार ये मुझे हर मैं चाह रहा हूं सभी का ये रिक्वेस्ट लॉग हो जाए तो इतना आप इसको लॉग करके छोड़ दीजिए और यहां पर हम क्या कर देंगे नेक्स्ट कॉल कर देंगे कि भाई ये तो आप हर रिक्वेस्ट में ही लॉक कर देना जब भी कोई रिक्वेस्ट आ रही है कि यूआरएल मेथड आपके पास क्या आया क्या नहीं आया तो अब ये जो कंसोल लॉक देखिए मुझे हर जगह करना पड़ रहा था ये कंसोल लॉग में हर जगह से हटा सकता है ना मैंने बाकी जगह से हटा दिया अब हमने क्या कर दिया अगर एक बार देखेंगे आर्गुमेंट हो गया फिर से आई डोंट नो हाउ है ना प डॉट यूज को हमने बना दिया रिक्वेस्ट रिस्पांस नेक्स्ट बस आपको लॉग करना है आगे निकल जाना है इस मिडल वेयर की रिपस टी क्या है बस रिक्वेस्ट का यूआरएल और मेथड लॉक करने की अगले वाले की रिस्पांसिबिलिटी क्या है वो स्लैश लगा रहा है होम पेज को उसको दिखाना है अगले वाले की रिस्पांसिबिलिटी क्या है ड होम पर दिखाना ड होम पर क्या बोलेंगे वेलकम टू एर बीन नहीं बोलेंगे यहां बोलेंगे रजिस्टर योर होम यर है ना कुछ भी मैं टेक्स्ट ऐसे डाल रहा हूं इसके बाद हम क्या करते हैं लिंक नहीं डालना इस बार लिंक की जगह क्या दे देते हैं इसको इसको बोल देते कि एक इनपुट टैग आपको डालना है तो एक फॉर्म पहले बनाना पड़ेगा हम है ना फॉर्म में एक्शन हम दे देते मान लीजिए सेम पाथ पर ही मैं दे देता हूं है ना सेम पाथ परही दे देता हूं कि भाई इसी पर लेकर जाना जो भी हम एक्सरसाइज में करके आए थे वही यहां पर करेंगे मेथड क्या होना चाहिए मेथड आपका पोस्ट होना चाहिए है ना अच्छा य पोस्ट मैंने इसके बाहर लिख दिया मेथड आपका पोस्ट होना चाहिए फॉर्म मेरा बन गया स्लश फॉर्म फॉर्म के अंदर क्या डालेंगे मान लीजिए घर का नाम ले लेते हैं वैसे तो एड्रेस फोटोज वगैरह बहुत सारी चीजें लेनी होंगी अभी हम राउटिंग सीखने की कोशिश कर रहे हैं तो य मैं इनपुट ले लेता हूं इनपुट क्या लेंगे इनपुट टाइप टेक्स्ट है ना नेम मान लीज बोल देता हूं हाउस नेम एंड प्लेस होल्डर देना है यहां मैं दे देता हूं एंटर द नेम ऑफ योर हाउस य एक इनपुट हो गया है ना अगला क्या दे देते सीधे सबमिट दे देते हैं तो इनपुट टाइप सबमिट इसको हम बंद कर देते हैं ये फॉर्म भेजने की कोशिश करते हैं एक बार है ना सेंड कर दिया ड होम पर मैं फिर से रिफ्रेश करता हूं देखिए आ गया रजिस्टर योर होम हियर अपने घर का नाम डालिए और सबमिट करिए यह करके देखते हैं मैंने बोला मेरे घर का नाम है मान लीजिए उत्सव है ना मैंने कर दिया सबमिट अभी क्या हुआ बोल रहा है फिर से हैंडलिंग नहीं है यार एड होम की तो हैंडलिंग है पर ड होम की गेट की हैंडलिंग है इस बार क्या हुआ है इस बार पोस्ट आ गया है तो पोस्ट के लिए मुझे फिर से हैंडलिंग करनी पड़ेगी है ना फिर से मैं यहां पर पोस्ट लगा लेता हूं एक और मिडिल वेयर लगा लिया इस बार गेट की जगह ने कर दिया पोस्ट कि भाई तुमको पोस्ट हैंडल करना है इस बार रिस्पांस नहीं सेंड कर रहे हैं अभी है ना रिस्पांस में सेंड क्या करेंगे रिस्पांस में बोल देंगे होम रजिस्टर्ड सक्सेसफुली है ना होम सक्सेसफुली रजिस्टर हो गया फॉर्म को यहां से मैं हटा देता हूं मान लीजिए जो पहले हमने लिंक दिया था इसी तरह से एक लिंक दे देते हैं यहां पर और उसका नाम हम रख देते हैं गो टू कि आप क्या करिए वापस यहां से घर चले जाइए ठीक बात है है ना इसको एक बार फिर से करके देखते हैं रजिस्टर योर होम उत्सव आया सबमिट किया तो देखिए क्या लिखा आ गया होम रजिस्टर्ड सक्सेसफुली अब आप यहां से गो टू होम जा सकते हैं यानी पोस्ट रिक्वेस्ट भी हैंडल हो गई होम चला गया तो होम पर मैं आ गया पर अभी हुआ क्या यह ऐड होम तो मैंने किया बट इस ऐड होम का मैंने किया कुछ नहीं है ना अगेन मेरे पास जो डाटा आया उसका मैंने किया कुछ नहीं तो मुझे क्या करना पड़ेगा पहले बॉडी पार्सल लगाना पड़ेगा उसके लिए बॉडी पार्सल इंक्लूड करना पड़ेगा एक्चुअली नहीं करना पड़ेगा अब आप यहां क्या कर सकते हैं मान लीजिए ऐप ही अपने टॉप पर कर लेता है कि भाई कंसोल लॉक कर दो उसके बाद तुरंत ही कर लो यार आप प डॉट पोस्ट यहां पर कर दो अगर कोई भी पोस्ट रिक्वेस्ट आपके पास आई है या यूज प ही लगालो आप हर रिक्वेस्ट में चेक कर लो कि आपके पास बॉडी आई है या नहीं और वो कैसे कर सकते हो आप एक्सप्रेस डॉट जो हम पहले लगा रहे थे यूआरएल इनकोडेड किस पर बॉडी पार्सर पर वो आप डायरेक्टली इसके अंदर भी लगा सकते हो एक्सप्रेस में है ना आपने एक्सप्रेस में यही लगाकर छोड़ दिया कि भाई जो भी रिक्वेस्ट आएगी ना तुम उसको लॉक कर देना तुम क्या करना उसकी उठाकर बॉडी पार्स करके बॉडी डॉट बेसिकली रिक्वेस्ट डॉट बॉडी के अंदर डाल देना तो ये क्या कर सकता है एक बार इसको लॉग करके देख सकता है ये जो ड होम पोस्ट हमने किया था इसको हम कंसोल लॉग कर देते हैं कसोल डलॉग रिक्वेस्ट डट बॉडी बाकी तो ऊपर वाला लॉग कर ही चुका है एक बार चेक करते हैं ये चल रहा है या नहीं एंटर योर नेम उत्सव हमने यहां पर नाम एंटर किया सबमिट में कर देता हूं देखिए जैसे ही मैंने सबमिट किया इस बार यहां नीचे बॉडी क्या प्रिंट हो गई है हाउस नेम सब यानी मेरी बॉडी जो है वो भी ठीक से यहां पर आ रही है अभी देखिए तो हमने बेसिक जो पहले पढ़ के आए थे उसी का एक तरह से रिवीजन हो गया एक प्रैक्टिस एक्सरसाइज और हो गई इसमें राउटिंग कहां पढ़ाई सर एक्सप्रेस राउटर तो हमने यूज ही नहीं किया एक्सप्रेस राउटर यूज करेंगे देखिए हम यहां क्या कोशिश कर सकते हैं अगर आप यहां देखने की कोशिश करें ये जो देखिए होम वाला ये तो सब यूजर्स के लिए है ये जो स्लैश होम है तो यूजर्स के लिए ये जो ड हो में किसके लिए होना चाहिए एडमिंस के लिए या होस्ट के लिए होना चाहिए तो ऐसा भी आप कई बार करते हैं पथ्स अलग-अलग करने के लिए कि एक तरह के यूजर के सारे पाथ एक जैसे हो मैं यहां पर क्या कर लेता हूं यहां पर मैं इसको बोल सकता हूं होस्ट स्लैश है ना इसको भी मैं यहां पर बोल सकता हूं होस्ट स्लैश है ना ये बस मैंने ऐसे ही लगा दिया इसके अलावा और कोई डिफरेंस नहीं है होगा क्या बस यहां मुझे अब जहां ऐड कर रहा हूं यहां भी होस्ट स्लैश देना पड़ेगा जहां मैं सबमिट कर रहा हूं यहां भी मुझे होस्ट स्लश देना पड़ेगा तो बस मैंने पाथ चेंज किया और कुछ नहीं किया ब मान लीजिए मैं चाह रहा हूं यार होस्ट का काम में अलग से एक फाइल में कर लू ये सारा काम एक ही फाइल में क्यों हो रहा है यूजर का काम एक अलग फाइल में कर लेते हैं होस्ट का काम एक अलग फाइल में कर लेते हैं बिल्कुल अच्छी बात है रूट्स फोल्डर आपने बनाक भी रखा हुआ है उसको इस्तेमाल नहीं किया सबसे पहले रूट्स के अंदर मैं क्या बना लेता हूं एक फाइल बना लेता हूं जिसका नाम हम मान लीजिए रख लेते हैं यूजर राउटर ड जस है ना मैंने क्या बना लिया यूजर राउटर जए बना लिया अब इसके लिए मुझे क्या करना पड़ेगा देखिए एक्सप्रेस तो सबको ही चाहिए है ना तो एक्सप्रेस मुझे यहां पर बनाना पड़ेगा जो मैं अपना फंक्शन चाहता हूं वो भी मुझे यहां रखना पड़ेगा मान लीजिए ये फंक्शन मैं चाह रहा हूं जो मेरा गेट वाला मिडिल वेयर है इसको भी मैं यूजर में ले आया बट अब देखिए दिक्कत क्या है मैं इसको ऐप पर कैसे लगाऊं ऐप तो है नहीं ऐप तो बेसिकली ये जो ड जस है इसी ने बनाया था ऐप तो एक ही बनेगा क्योंकि सर्वर एक ही बन रहा है तो मैं यहां इसको कैसे यूज़ करूंगा तो यहां आप ये बोल सकते हैं कि मेरा अलग रूट है और आप एक्सप्रेस का एक्सप्रेस रूटर जो फीचर है वो यूज कर सकते हैं कैसे इस बार आप लिखेंगे एक्सप्रेस डॉट रूटर या राउटर की भाई एक्सप्रेस मेरे लिए जरा नया राउटर बना दो एक्सप्रेस क्या करेगा एक नया राउटर आपके लिए बना देगा है ना और उसका नाम नाम क्या रख दूंगा मान लीजिए यहां मैंने इसका नाम रख दिया यूजर राउटर है ना और अब जो ये हैंडलिंग मैं कर रहा हूं मिडिल वेयर जो मैं लगा रहा हूं मैं कहां पर लगा सकता हूं मैं यूजर राउटर पर लगा सकता हूं तो मैंने बोल दिया भाई यूजर राउटर डॉट गेट करना और उस पर ये सारा काम कर देना बिल्कुल पहले जो किया हुआ था एज इट इज मैंने और इसके अंदर कोई चेंज आपके सामने है ना मॉड्यूल यहीं पर लगा हुआ था उसके बाद आप इसको एक्सपोर्ट कर देंगे एक्सपोर्ट कैसे करेंगे मॉड्यूल ड एक्सपोर्ट जैसे अभी तक करते आए थे है ना तो मैं लिख दूंगा मॉड्यूल डॉट एक्सपोर्ट एक्सपोर्ट किसको कर दीजिए यूजर राउटर को आप यहां पर एक्सपोर्ट कर दीजिए है ना अब इसको यूज कैसे करेंगे प के अंदर आप आ जाएंगे य एक्सटर्नल मॉड्यूल तो हमने लगाया हुआ है अब यहां पर लोकल मॉड्यूल भी हम लगाएंगे लोकल मॉड्यूल मेरा क्या है य राउट भी बोल सकते राउट मेरा क्या है लिख देता हूं कांस्टेंट यूजर राउटर इ इक्वल टू रिक्वायर रिक्वायर कहां पर होगा डॉट स्ल अगर मैं लगाऊंगा कहां पर है रूट्स फोल्डर के अंदर है रूट्स फोल्डर के अंदर क्या है यूजर राउटर है डॉट जए हमने पढ़ा था कि क्या है ऑप्शनल है डॉट जए लगाने की जरूरत नहीं है अब ये जो यूजर राउटर है मैं इसको क्या कर सकता हूं डायरेक्टली मैंने एक मिडिल वेयर ये लगाया एक मिडल वेयर ये लगाया ऐसे ही मैं यहां पर क्या लगा सकता हूं ड यूज डायरेक्टली अब आप यहां पर क्या दे सकते हैं यूजर राउटर है ना अब क्या होगा ये सेम फंक्शनालिस राउटर अगर यहां पर लगा देंगे हो राउटर जो भी आपको लगाना है वो आप यहां पर लगा देंगे तो आपका जो काम है वो यहां पर हो जाना चाहिए एक बार चेक कर लेते हैं क्या मेरा होम पेज अभी भी ठीक से आ रहा है देखिए मेरा होम पेज अभी भी ठीक से रेंडर हो रहा है जबकि वो कोड मैंने यहां से उठाकर कहां डाल दिया यूजर राउटर में डाल दिया है इसको अगर मैं यहां से हटा दूं और रिफ्रेश करूं तो क्या होगा तो इसको होम पेज नहीं मिल रहा है है ना तो क्या किया हमने जो यूजर राउटर का कोड था वो यहां ऐड कर दिया इसी तरह से एक और यहां पर राउटर बना लेते हैं इसका नाम मैं रख देता हूं होस्ट राउटर है ना होस्ट राउटर क्या कर रहा होगा जो यूजर राउटर कर रहा था वो भी यही कर रहा होगा पहले एक्सप्रेस बनाएगा है ना एक्सप्रेस को इंपोर्ट कर करेगा एक राउटर बनाएगा इसका नाम मान लीजिए मैं रख देता हूं होस्ट राउटर है ना इस बार इसको एक्सपोर्ट कर देंगे मॉड्यूल डट एक्सपोर्ट्स होस्ट राउटर है ना और जो बीच में हमने सारा कोड लिखा हुआ था पड जए में उसको हम क्या करेंगे जो होस्ट वाले दोनों हमने लगाए थे इन दोनों को उठाकर कहां ले आएंगे इन दोनों को उठाकर ले आएंगे होस्ट राउटर के अंदर है ना तो इन दोनों को हमने कहां लगा दिया होस्ट राउटर के अंदर लगा दिया और प की जगह किसको यूज कर लेंगे होस्ट राउटर को यहां पर यूज कर लेंगे यहां भी होस्ट राउटर आ गया यहां भी होस्ट राउटर आ गया ये हमने बंद कर दिया इसको हमने एक्सपोर्ट किया हुआ है वापस आ जाते हैं ऐप में जैसे ये एक्सपोर्ट इंपोर्ट किया था ऐसे ही अगला वाला भी इंपोर्ट कर लेंगे इसका नाम हम रख लेंगे होस्ट राउटर और यहां रिक्वायर में भी हम दे देंगे होस्ट राउटर है ना और जैसे हमने ये यूज लगाया ऐसे ही ये यूज लगा दिया और इसको बोल दिया होस्ट राउटर है ना तो देखिए यही हम करने की कोशिश कर रहे हैं बस है ना एक आपने कंसोल लॉग लगाया है वैसे इसकी भी कोई जरूरत नहीं है आईडी ले अगर हम देखें तो है ना फॉर नाउ मैं इसको भी हटा देता हूं तो मेरी ऐप का देखिए कोड कितना छोटा हो गया है ना मैंने एक्सप्रेस लिया मैंने अलग-अलग रटर्स को इंपोर्ट किया और कुछ काम नहीं किया मैंने अलग-अलग राउटर्स को इंपोर्ट किया एक्सप्रेस के लिए ऐप बनाया एक मैंने ये काम जरूर बोल दिया आप में कि भाई जो भी रिक्वेस्ट आए उसमें क्या कर लेना उसकी बॉडी को जो है आप यूज़ कर लेना उसके बाद एक ऑर्डर है ऑर्डर भी इंपॉर्टेंट है बट यहां मैंने बोल दिया तुम सिर्फ यूजर वाली क्वेरी हैंडल करना तुम सिर्फ होस्ट वाली क्वेरी एंटर करना और मेरा सर्वर जो है आप बना दीजिए इसलिए जनरली रिकमेंड किया जाता है कि आप स्पेसिफिक से स्पेसिफिक बनाए यानी होस्ट राउटर जब बना र है तो बिल्कुल स्पेसिफिक पाथ के लिए स्पेसिफिक मेथड के लिए बनाए आप जनरिक हैंडलिंग यहां मत करें वरना क्या होगा ऑर्डर की वजह से हो सकता है बहुत सारी क्वेरी आप ही खा जाओ अगले वाले तक पहुंचे ही नहीं तो आपको सिर्फ वही बेसिकली रिक्वेस्ट को एंटरटेन करना है वही रिक्वेस्ट के लिए रेस्पों करना है जिन रिक्वेस्ट को आप एगजैक्टली हैंडल करना चाहते हैं होस्ट एड होम को करना चाहता है पोस्ट एड होम को करना चाहता है और किसी को नहीं करना चाहता है इसी तरह यूजर सिर्फ गेट अगर होम पर आया तो उसको हैंडल करना चाहता है और किसी को हैंडल नहीं करना चाहता है ना तो ये है हमारा कैसे हम यूज कर सकते हैं क्या एक्सप्रेस का जो राउटर कांसेप्ट है आप अलग-अलग मॉड्यूस यहां पर बना रहे होंगे है ना और उन मॉड्यूस को एक मेन फाइल में कर डालकर उनको यूज़ कर रहे होंगे यहां पर है ना इस जैसे आप अलग-अलग मिडिल वेयर ऐड कर रहे थे ऐसे मिडिल वेयर यहां पर ऐड कर रहे होंगे आप इससे क्या हो रहा है हमारा गुड जो बहुत ज्यादा मॉड्यूलर हो जा रहा है राउटर की हेल्प से है ना चलिए देखते हैं नेक्स्ट टॉपिक तो दोस्तों अब हम स्टार्ट कर रहे होंगे हमारा अगला टॉपिक जिसमें हम क्या देखेंगे अगला फीचर जिसमें हम ऐड कर रहे होंगे एक 404 पेज तो अभी तक हमने देखा हो क्या रहा है अगर हम कोई अदर पाथ पर भी जा रहे हैं तो 4044 पेज एक तरह से अपने आप आ रहा है मतलब वो हमारा वेट नहीं कर रहा जैसे हमने यहां चलाकर देखा अगर मान लीजिए मैं लोकल 3000 पर चला रहा हूं तो तो ये चल रहा है बट अगर मैं मान लीजिए लोकल 3000 टेस्ट करके कोई पाथ डाल देता हूं यानी जो पाथ मैंने अभी तक डिफाइन नहीं किया जिसकी हैंडलिंग मैंने इनमें से किसी भी राउट में नहीं किए कौन-कौन से राउट है हमारे यहां पर एक तो हमने अगर मैं वापस आकर app.js में चेक करेंगे देखिए चैप्टर 10 एयरबीएनबी के अंदर तो यहां हमने क्या क्या किया है जो पुराने वाला है इसको हम बंद कर देते हैं यहां हमने क्या-क्या किया है यहां हमने सबसे पहले ऐप बना लिया था हमने यूआरएल एनकोड कर लिया है हमने उसके अलावा क्या किया है यूज यूजर राउटर और होस्ट राउटर दोनों राउटर लगा दिए कि भाई तुम अपने-अपने पाथ हैंडल कर लेना पा बा हैंडल करने वाला काम मैं ऐप में नहीं करने वाला मैं प में चीजों को सेट करने वाला हूं चीजों को मैनेज करने वाला हूं चलिए कोई बात नहीं यूजर राउटर में आकर देख लेते हैं यूजर आउटर ने जो होम पाथ होता है जो बाय डिफॉल्ट स्लैश पाथ है उसमें गेट लगाकर इसको हैंडल किया हुआ है यानी ये भी सिर्फ गेट रिक्वेस्ट्स के लिए और क्योंकि गेट लिखा हुआ है तो सिर्फ स्लैश वाला पाथ यानी सिर्फ ये एग्जैक्ट मैच जो चलेगा सिर्फ होम को इसने हैंडल किया है होस्ट के अगर जाकर अंदर जाकर देखेंगे होस्ट ने स्लैश होस्ट को हैंडल किया है स्ल होस्ट स् ड होम स्ल होस्ट स्ल ड होम ये भी इसने सिर्फ कहां-कहां हैंडल किए हैं गेट और पोस्ट दोनों के लिए इसने सेम पाथ को हैंडल कर लिया है तो बस एक तरह से देखा जाए तो दो ही पाथ हम हैंडल कर रहे हैं होम और होस्ट स्ल एड होम अभी तक सिर्फ य दो ही हैंडल कर रहे हैं इसके अलावा मैं कुछ भी अगर यहां पर चला रहा हूं तो क्या आ रहा है ये कह रहा है कैन नॉट गेट टेस्ट और अगर हम यहां नेटवर्क कॉल में भी जाकर देख रहे हैं नेटवर्क ट टैब के अंदर भी जाकर देख रहे हैं तो यहां 404 पे जा रहा है बट ये जो यहां टेक्स्ट आ रहा है ये किसने दिया है यहां पर ये बेसिकली बाय डिफॉल्ट एक्सप्रेस हमारे लिए ऐड कर रहा है ये पाथ हमने ऐड नहीं किया है है ना अगर मान लीजिए हम यहां पर कुछ कस्टम पेज ऐड करना चाहते हैं आपने देखा होगा अलग-अलग वेबसाइट्स अलग-अलग तरह से 404 दिखाती हैं काफी ज्यादा फैंसी दिखाते हैं कुछ कुछ-कुछ इमेजेस दिखाते हैं ना कुछ जैसे amazon's की या डॉग्स की इमेजेस दिखाता है जो गिट हब है वो अपना आइकन लगाकर दिखाता है ताकि पेज को आप थोड़ा सा फैंसी बना सक थोड़ा सा और डिस्क्रिप्टिव बना सके अगर कोई नॉर्मल यूजर होगा तो उसको शायद ये समझ नहीं आएगा इसका क्या मतलब है कैन नॉट गेट टेस्ट है ना कि क्या है काफी ज्यादा जो प्रोग्रामिंग वाली लैंग्वेज है जो थोड़ी सी कोडिंग वाली लैंग्वेज है वो लिखी हुई है तो मान लीजिए मैं इसकी जगह चाहता हूं कि यार मेरा कोई अपना पेज आना चाहिए अगर कोई एक्स्ट्रा हैंडलिंग कर रहा है तो उसके लिए मैं क्या कर सकता हूं देखिए नॉर्मली अगर मैं यूज यूज कर रहा था एडयू तो वो तो सब चीज को हैंडल कर रहा था एक मिडिल वेयर ऐसा था जो हर चीज के लिए था तो यहां पर मैं स्टेटस और कोई मैसेज अगर सेंड करना चाहता हूं तो सेंड कर सकता हूं कैसे चलिए कर लेते हैं ये हैंडलिंग प अपने पास कर लेगा कि भाई अगर मैंने जितने राउटर लगाए थे सबको एक बार मौका मिल गया और उसके बाद भी प डॉट यूज तक कोई आया है यानी रिस्पांस किसी ने अब तक सेंड नहीं किया इसका तो यही मतलब है है ना कि किसी ने रिस्पांस अभी तक सेंड नहीं किया तो इसमें मैं क्या करूंगा मैं यूआरएल भी मैच नहीं करूंगा मैं सीधे इसको क्या दे दूंगा कॉल बैक दे दूंगा यहां पर कौन-कौन से ऑब्जेक्ट हमको मिलेंगे रिक्वेस्ट रिस्पांस एंड नेक्स्ट और इस केस में मैं क्या बोल सकता हूं मैं यहां पर दोनों चीजें भेज सकता हूं पहले तो अगर मैं नॉर्मल अभी तक जैसे भेजता रहा था तो मैं क्या करूंगा सीधे रिस्पांस भेज दूंगा यहां मान लीजिए मैं एक लगा देता हूं हेडिंग टैग है ना तो यहां कर देंगे h1 h1 को ही हम क्लोज कर देंगे और मान लीजिए मैं लिख देता हूं 404 योर पेज इज नॉट फाउंड ऑन एयर बी मान लीजिए मैंने कस्टम मैसेज दिया थोड़ा सा दे दिया ओबवियसली बहुत अच्छा नहीं है इसको इंप्रूव किया जा सकता है बट अभी हम क्या कर रहे हैं अच्छा पेज बनाने की कोशिश नहीं कर रहे अच्छा पेज कैसे बनाते हैं ये समझने की कोशिश कर रहे हैं है ना तो हमने बोल दिया डॉट सेंड ये इस तरह से चल जाना चाहिए एक बार इसको दोबारा देख लेते हैं जो सर्वर है वो तो रीस्टार्ट हो ही गया है उसको मैं रीस्टार्ट करता हूं तो देखिए क्या आ गया रिक्वेस्ट डॉट सेंड इज नॉट अ फंक्शन अच्छा मैंने शायद रिक्वेस्ट पे लगा दिया हमको कहां लगाना था रिस्पांस डॉट सेंड लगा रहा था है ना तो रिस्पांस डॉट सेंड कर देते हैं फिर से रिफ्रेश करते हैं तो देखिए मेरा पेज तो आ गया 404 योर पेज इज नॉट फाउंड बट अगर यहां पर रिस्पांस देखेंगे तो रिस्पांस 200 चला गया यानी ओके रिस्पांस चला गया जैसे यही पेज आना था तो ये तो गड़बड़ बात है ये तो नहीं चाह रहे थे तो यहां आप साथ-साथ क्या ऐड कर सकते हैं यहां आप साथ-साथ स्टेटस भी ऐड कर सकते हैं स्टेटस कोड मैनुअली ऐड कर सकते हैं तो मैं क्या बोल सकता हूं रिंस ड स्टेटस क्या होना चाहिए 404 एंड डॉट सेंड की साथ-साथ स्टेटस 404 रखना उसके बाद ये रिस्पांस की बॉडी भेजना अब मैं अगर फिर से इसको रिफ्रेश करूंगा देखिए 404 मेरा जो यूजर को जो दिखने वाली चीज है वो एगजैक्टली सेम रही बट यहां पर अगर आप नीचे देखेंगे तो जो स्टेटस है वो 404 हो गया ये एक फाइन क्वेश्चन है पूछने के लिए समझ आने के लिए कि जब यूजर को तो सेम ही चीज दिख रही है तो टेस्ट कोड क्या जाता है इस बात से क्या फर्क पड़ता है देखिए बहुत बार सर्विसेस में एरर किस तरह से दिखाई जा रही है डायरेक्टली यूजर यूज़ कर रहा है या नहीं तो उससे एग्जैक्ट आपका एरर कोड क्या है उससे काफी ज्यादा फर्क पड़ता है या जो रिक्वेस्ट है वो डायरेक्टली आप वेब पेज की कर रहे हैं कोई जेसन रिक्वेस्ट लेने आया है प्रोग्रामिंग से बेसिकली एपीआई की रिक्वेस्ट की जा रही है तो उस केस में स्टेटस कोड सही होना बहुत जरूरी है ताकि आप ये क्लीयरली इंडिकेट कर पाओ कि 404 का मतलब भाई नॉट फाउंड होता है तो आपने जो यूआरएल दिया था आपने जिस भी पेज को एक्सेस करना चाह रहे हैं वो नॉट फाउंड हो गया है तो अब इसके बाद मैं यहां पर कुछ भी लगाऊं टेस्ट लगा दूं मैं मान लीजिए हेल्प लगा दूं कोई भी पाट मैं अगर लगा रहा हूं जो मैंने हैंडल नहीं किया तो 404 आएगा और अगर हम वापस चले जाएंगे अपने किसी भी पाथ पर तो वेलकम टू एयर बीएनबी आ जाएगा क्योंकि इन वाले मिडिल वेयर्स को एग्जीक्यूट होने का जो ऑप्शन है मौका है वो पहले मिल रहा है और उसके बाद हमने सबसे लास्ट में आप डॉट यूज लगाया हुआ है है ना तो यहां पर ऑर्डरिंग इंपॉर्टेंट है अगर मैं इस ऑर्डरिंग को सबसे ऊपर लगा दूंगा है ना ये भी आप देख लीजिए अगर हमने इसको सबसे ऊपर लगा दिया तो क्या हो जाएगा गड़बड़ हो जाएगी अब अगर मैं होम पर भी जाने की कोशिश करूंगा तो भी मुझे क्या रिस्पांस भेज देगा 404 नॉट फाउंड क्योंकि आपने सबसे पहले इसको भेज दिया इसी ने रिस्पांस भेज दिया तो नेक्स्ट तो यहां से कॉल हुआ ही नहीं तो अगले वालों के पास जो ऑप्शन है वो जाएगा ही नहीं तो यहां पर ऑर्डरिंग जो है कि किस ऑर्डर में आप ये मिडिल वेयर लगा रहे हैं काफी ज्यादा इंपॉर्टेंट हो जाता है तो ये हो गया कि हम पेज कैसे ऐड करेंगे अब उसके बाद एक यहां पर जो राउटर है वो हमको एक तरह की हैंडलिंग और देता है देखिए अभी तक हमने क्या किया हुआ है अगर हम अपने होस्ट के अंदर आकर देखेंगे जो मेरा होस्ट है हमने किस तरह से बनाया कि होस्ट एड होम और होस्ट एड होम एक्चुअली इन दोनों को ये अ बेसिकली हैंडल कर रहा है बट अगर आप आगे भी देखें ये हमने डिसाइड कर लिया है कि जो एडमिन टाइप का रोल है जो हमारा यहां पे होस्ट है जो अपने हाउसेस को डाल रहा है एयर बीन पर उसके अलग-अलग जो भी काम होंगे वो सब हम स्लैश होस्ट स्लैश करके डालेंगे यानी स्लैश होस्ट स्लैश सपोज अपडेट प्रोफाइल हो सकता है स्लैश होस्ट उसका भी होम हो सकता है कि वो वहां पर अपनी सारी लिस्टिंग देख पाए ऐड होम जैसे है ऐसे अपडेट होम हो सकता है डिलीट होम हो सकता है ऐसे बहुत सारी चीजें हो सकती हैं बट हमने मान लीजिए डिसाइड किया कि र ये सारे ऑपरेशन हम स्लैश होस्ट के बाद ही डाल रहे होंगे तो एक तरीका तो उसके लिए यही है जो अभी हमने किया क्या स्लैश होस्ट स्ल ड होम यहां लगाइए जहां भी आप इसको हैंडल कर रहे हैं यहां पूरा पूरा पाथ आप लगाइए बट साथ-साथ जो राउटर है ये कॉमन पाथ हैंडल करने का एक और तरीका भी देता है कि जहां आप यूज कर पड यूज वहां पर आप डायरेक्टली स्लैश जो कॉमन पाथ है वो यहीं पर दे दें और अंदर पाथ छोटा-छोटा दे दें मैं क्या बात करने की कोशिश कर रहा हूं य समझा देता हूं कि जो अंदर होस्ट राउटर है वो बार-बार यह ना बोले कि मैं तो होस्ट पर ही काम करता हूं वो बोले भाई मैं तो ड होम पर काम करता हूं यहां वाला भी बोले कि भाई मैं ड होम पर काम करता हूं ठीक है बट जब ऐप में हम होस्ट का राउटर लगाए तो हम यहां पाथ दे सकते हैं और ये पाथ क्या होगा ये पाथ कॉन्कैटिनेट हो जाएगा तो अब हम क्या कर रहे हैं मैंने बोल दिया कि होस्ट राउटर लगाना ही उसके ऊपर जिसको स्लैश होस्ट जो स्लैश होस्ट लेकर आया हो पहले और स्लैश होस्ट के अंदर क्या पाथ होना चाहिए ये पाथ यहां आकर मैच हो जाएगा तो अगर आप देखेंगे मैं वापस होम पर आ जाता हूं है ना ये मैं हम हटा देते हैं स्लैश हम वापस आ जाते हैं होम पर अभी देखिए अगर मैं ऐड होम पर जाने की कोशिश कर रहा हूं तो अभी भी स्लैश होस्ट स्लैश ड होम पर ही मैं जा रहा हूं इसका मतलब क्या है ये पाथ अब इसके अंदर के जितने पाथ हैं उन सब में पहले प्री पंड हो जाएगा उन सब में पहले ऐड हो जाएगा तो अगर बहुत सारी एपीआई में आपको कॉमन पाथ देना है तो उसका एक अच्छा तरीका क्या है आप उसको पूरे के पूरे जो यहां पर राउटर आप जब डिफाइन कर रहे हैं तभी दे दें इस अच्छी बात ये भी होती है कि कभी गलती नहीं होगी यानी कभी ऐसा नहीं होगा कि होस्ट राउटर के अंदर आके किसी ने एक ऐसा पाथ भी हैंडल कर लिया जिसमें स्लैश होस्ट नहीं था और जब आप ये लिख रहे हैं तो आपको थोड़ा छोटा लिखना पड़ेगा आपको ये क्लेरिटी है कि भाई ये सिर्फ ऐड होम हमको करना होता है और जो हैंडलिंग है वो कैसे हो जाती है यहां पर कॉमन लगाकर जो हैंडलिंग है वो आप यहां कर सकते हैं मान लीजिए यूजर को भी आप सबको बोल रहे हैं नोट्स में क्या माना है मान लीजिए यूजर के सारे पात आप बोल रहे हैं कि भाई स्लैश यूजर के बाद ही मैं बनाऊंगा तो आप वो भी बना सकते हैं बेसिकली अलग-अलग राउटर जो भी जिस पाथ पर एगजैक्टली काम करते हैं जो भी अगर कॉमन पाथ है उसके अंदर के सारे पाथ के लिए तो वो कॉमन पाथ आप इस तरह से एक्सेस कर सकते हैं ठीक है उसके बाद अब देखिए ये बहुत इंपॉर्टेंट इसके बाद एक स्टेप है स्टेप क्या है देखिए अभी तक हम क्या कर रहे हैं हमने जितना भी html5 के अंदर ही बना रहे हैं यानी मुझे अगर एक h1 टैग भेजना है तो वो भी मैं डायरेक्टली ऐसे भेज रहा हूं मैं अगर होस्ट के अंदर आता हूं मुझे पूरा फॉर्म वगैरह बनाकर भेजना है तो वो भी मैं इसके अंदर डायरेक्टली भेज रहा हूं इसके इसके साथ दो प्रॉब्लम है देखिए पहली बात तो ये मेरा जो आईडी है वो भी रिकॉग्नाइज नहीं कर रहा कि नहीं होती है ना जो इंटेलिजेंस वगैरह चलता है पूरा का पूरा इसके ऊपर नहीं चल रहा है दूसरी बात ये है कि थोड़ा सा पोल्यूशन भी हो रहा है कि जहां जेएस में इसका काम राउटिंग करने का था इसको यहां पूरा एटीएमएल लिखना पड़ रहा है तो आप क्या कर सकते हैं आप एचटीएमएल्हेल्पर क्या होना चाहिए आपका तो फोल्डर स्ट्रक्चर जैसे अभी तक हमने राउट्स पेज बनाया था आप ऐसे एक व्यूज पेज भी बना सकते हैं ठीक है कैसे तो जैसे हमने यहां राउट्स बनाए यहां क्या बना लेते हैं कि व्यूज पेज बना लेते हैं व्यूज फोल्डर बना लेते हैं अच्छा राउट्स के अंदर बना रहे हैं राउट्स के अंदर नहीं बनाना है हमको हमको चैप्टर 10 के अंदर बनाना है है ना तो यहां हम बना लेते हैं क्या व्यूज देखिए जैसे ही मैंने इसको बोला व्यूज ये अपने आप ही यहां पर एक html4 का मैं एक पेज बना लूंगा ऐड होम का एक अलग से पेज बना लूंगा जो यूजर हमने बनाया मान लीजिए होम पेज बनाया उसका आप अलग से यहां पर व्यूज बना सकते हैं तो उसको आप एक्सट्रैक्ट कर लीजिए कैसे चलिए हम बनाना शुरू करते हैं सबसे पहले क्या है हमारा होम पेज है मान लीजिए मैं इसको बोल देता हूं होड html5 एब्रिवेशन से डिफॉल्ट कोड हमने यहां पर जनरेट ट कर लिया है ना ये कौन सा पेज हम बनाने की कोशिश कर रहे हैं होम तो मैं यहां बोल देता हूं एर बी एन बी होम है ना मान लीजिए इसको हमने टाइटल दे दिया अब बॉडी के अंदर मैं क्या दे सकता हूं अगर मैं app.js के अंदर आऊ और मैं कहां चला जाऊं यूजर राउटर के अंदर चला जाऊं तो देखिए ये होम पेज पर हम दिखाना चाह रहे थे तो इस वाले कोड को मैं कॉपी कर लेता हूं फिलहाल हैना अभी मैं हटा नहीं रहा हूं मैं सिर्फ फाइल क्रिएट कर रहा हूं फाइल में सिमिलर तरह का कोड डालने की कोशिश कर रहा हूं है ना तो ये देखिए मैंने डाल दिया क्या h1 एंड हमने टैग डाल दिया आईडियली अगर हम थोड़े से सिमटिक टैग्स यूज कर रहे हैं तो मुझे इसको कहां डाल देना चाहिए ऊपर वाले को हेडर टैग में डाल देना चाहिए जो मैं हेडिंग लिख रहा हूं और इसको हमको मेन टैग के अंदर डाल देना चाहिए है ना आईडियली तो वैसे यहां पर और बहुत सारी चीजें आ रही होंगी बट अगेन अभी मैं इस तरह से इनको डाल दिया हमने इसको फॉर्मेट कर दिया तो देखिए ये मेरा पहला पेज तैयार हो गया और हमको क्या बनाना है हमको जो ऐड होम वाला पेज था वो बनाना है तो उसको मैं बोल देता हूं ड होम डॉट या ऐड ऐसे दे देते हैं आधी जगह हो क्या ताकि वेरिएबल नेम बनाने में दिक्कत ना हो ड होम हमने बना लिया उसको क्या बोलेंगे ड होम टू एयर बीएन बी और एड होम हमको कहां मिलेगा होस्ट राउटर के अंदर मिल जाएगा ये देखिए ड होम में हम यह सारा काम करने की कोशिश कर रहे थे तो इसको भी यहां से हम हटा लेते हैं अच्छा सॉरी कॉपी हम कर रहे थे कॉपी कर लेते हैं और आ जाते हैं ड होम के अंदर बॉडी के अंदर इसको पेस्ट कर देते हैं सेम चीज यहां भी कर लेंगे इसको डाल देते हैं हेडर टैग के अंदर अभी देखिए स्टाइलिंग हम अभी भी नहीं कर रहे हैं है ना हम क्या कर रहे हैं हम बस पेज को फंक्शनल बनाने की कोशिश कर रहे हैं वो सुंदर दिखे इस बात पर हम कोई भी ध्यान नहीं है है ना इसको भी मैंने सेव कर दिया देखिए य भी पूरा बन गया फॉर्म बनकर आ गया जो हमने मेन में डाल दिया बाकी रजिस्टर ने डर में डाल दिया और जो लास्ट हम 404 पेज बनाना चाह रहे थे वो भी बना लेते हैं इसका नाम मान लीजिए 404 रख लेते हैं यहां पर पहले डिफॉल्ट करेंगे ऊपर इसको बोल देते हैं मान लीजिए पेज नॉट फाउंड है ना और बॉडी में क्या था बॉडी में एक्चुअली हम कुछ कर नहीं रहे थे ज्यादा फिर भी पड जस से आकर उठा लेता हूं क्या योर पेज ज नॉट फाउंड हेडिंग हम य पर यूज कर रहे थे इसको मैं हेडर के अंदर ही डाल ठीक है हमने बोल दिया अभी इसके अलावा भी हमने कुछ यूज किया है क्या अगर मैं आकर देखूं होस्ट राउटर के अंदर देखिए कि सक्सेसफुल जो होम वाला यह भी हमने यूज किया था तो इसको भी बना लेते हैं होम एडेड कर देते हैं इसका नाम है ना एक और फाइल में कर लेता हूं होम एडेड इसको भी सेम काम कर लेंगे यहां बोल देता हूं मैं होम एडेड सक्सेसफुली एंड वापस आ जाएंगे होस्ट राउटर के अंदर गो टू होम का हमको लिंक देना है होम एडिड पर आ जाते हैं इसको मैं डाल देता हूं अगेन हेडर के अंदर देन मेन टैग से ठीक है तो देखिए अभी हमने क्या किया और कुछ किया नहीं है बस ये चारों के चारों फाइल्स मैंने बना लिए है अभी हमने इनको यूज करना नहीं देखा है बट मैं यहां बताने की क्या कोशिश कर रहा हूं देखिए लॉजिक मेरा एकदम सेपरेट हो गया है कभी मुझे आके डायरेक्टली व्यूज में चेंज करना है मान लीजिए मैं कंपनी में काम कर रहा हूं मेरा प्रोडक्ट मैनेजर आता है बोलता है यार पे सुंदर नहीं दिख रहा है इसको पेज को थोड़ा सा चेंज कर देते हैं तो आप पेज डायरेक्टली चेंज कर देंगे और अभी तो हमने स्टाइलिंग भी नहीं की स्टाइलिंग अलग से होगी मान लीजिए सीएसएस मुझे लिखना है वो इनलाइन लिखना है तो मैं यहां पर लिख रहा हूंगा या फाइल में लिख रहा होगा या सीएसएस का कोई फ्रेमवर्क ऐड कर रहा होगा सीएसएस की फाइल्स ऐड कर रहा होगा तो अगर हम ये सारा काम जेएस फाइल्स में कर रहे होते तो जो लॉजिक है हमारा बहुत ज्यादा कन्वर्टेड हो जाता बहुत ज्यादा फज हो जाता पता नहीं चलता कब किसने क्यों कौन स फाइल एडिट कर दी अब हमको क्लियर पता रहे कि अगर मुझे सिर्फ व्यूज चेंज करने है तो भै आप नॉर्मल एचटीएमएल में बनाइए यहां आपको उसके अलावा जो स्टाइलिंग लगाना है जैसे इसको सुंदर बनाना है जैसे इसको मैनेज करना है वो आप मैनेज करिए और बाद में जो हमारे राउटर वाले फाइल्स वगैरह हैं वो सब यूआई के साथ डील नहीं करेंगे वो सब ये देखेंगे सिर्फ इसको भेजना कैसे है ना तो हमने ऐड फाइल कैसे करते हैं देख लिया ये आपको सैंपल्स भी दिए हुए हैं कि ऐड होम वगैरह करने के लिए आप इस टाइप के फाइल जो है वो यहां पर बना सकते हैं ठीक है इसके बाद अब अगला पाथ अगला जो पॉइंट है वो सबसे इंपोर्टेंट हो जाता है कि भाई ये फाइल बना तो ली बट इन फाइल को सर्व कैसे करेंगे इन फाइल्स को हम यूज कैसे कर रहे होंगे है ना यह बहुत ज्यादा इंपोर्टेंट है तो वो देख लेते हैं तो देखिए इसके लिए हमको अगला हमारा कोर मॉड्यूल यूज करना पड़ेगा जिसका नाम क्या है पाथ ये हमने स्टार्टिंग में देखा था पाथ मॉड्यूल भी होता है तो सबसे पहले पाथ मॉड्यूल को हम इंपोर्ट कर लेते हैं है ना कहां पर आ जाते हैं मान लीजिए किसी में भी जो हमारा सबसे पहले कौन सा हम ले लेते हैं यूजर वाला ले लेते हैं इसके अंदर एक ही हमारे पास फाइल है है ना तो इसको देख लेते हैं सबसे पहले देखिए एक्सटर्नल मॉड्यूस लिखे हुए हमने इससे पहले हम आ जाएंगे सबसे पहले कौन से आने चाहिए कोर मॉड्यूल तो यहां कोर मॉड्यूल हमको कौन सा लेना है पाथ नाम का लेना है तो मैं बोल दूंगा क्वायर पाथ है ना तो पाथ कोर मॉड्यूल जो है वो मेरा यहां से इंपोर्ट हो जाता है पाथ मैंने बना लिया इसके बाद हम क्या कर रहे होंगे आप सेंड फाइल कर सकते हैं डायरेक्टली उसके बाद अभी तक हम जो सेंड एचटीएमएल कर रहे थे यानी सेंड लिखते थे एचटीएमएल वहां पर लिखते थे अभी आप यहां पर सेंड फाइल डायरेक्टली लिख सकते हैं बट फाइल का पाथ कैसे मिलेगा वो बड़ा इंपॉर्टेंट है फिलहाल मैं यहां से क्या करता हूं अब ये जो मैंने कोड लिखा था इसको मैं रिमूव कर देता हूं और बोलता हूं कि भाई इस केस में आपको सेंड नहीं करना है सेंड फाइल करना है है ना आपको क्या करना है सेंड फाइल करना है का पाथ कैसे मिलेगा अब देखिए मैं कहां पर हूं मैं राउट्स फोल्डर के अंदर हूं मुझे जाना कहां है मुझे जाना है व्यूज फोल्डर के अंदर और व्यूज फोल्डर के अंदर से मुझे जाना है अलग-अलग एचटीएमएल के पास है ना ये जितने भी व्यूज है इनमें अलग-अलग एचटीएमएल के पास मुझे जाना है तो इसके लिए मैं क्या कर सकता हूं आप पहले ये पाथ डॉट जॉइन ये जो पाथ हमारा है इसका एक फंक्शन यूज कर सकते हैं पाथ डॉ जॉइन और इसके अंदर ये कांस्टेंट ये डिक्लेयर कर करके रखता है जिसका नाम होता है डायरेक्टरी नेम और ये कहां पॉइंट करता है ये आपकी करंट डायरेक्टरी को पॉइंट कर रहा होता है तो मैं क्या यूज कर सकता हूं यहां पर आई विल से पाथ डॉट जॉइन है ना अभी ये साइड वाला मैं फिलहाल के लिए थोड़ा बंद कर देता हूं या छोटा कर लेते हैं ताकि आपको व्यूज भी दिखते रहे है ना ताकि हमको सीक्वेंस भी दिखता रहे कहां जाना है पाथ डॉट जॉइन सबसे पहले यहां क्या करेंगे अंडर अंड डर नेम है ना हमने क्या लिखा यहां पर अंडर डर नेम ये कहां पॉइंट कर रहा है करंट मेरे पाथ को पॉइंट कर रहा है मैं अभी कहां पर हूं मैं अभी हूं बेसिकली यूजर राउटर के अंदर यानी राउट्स फोल्डर के अंदर मुझे कहां जाना होगा मैं हर चीज कॉमा लगा लगा कर इसको दे सकता हूं तो मुझे सबसे पहले तो एक फोल्डर बाहर जाना है उसके लिए आपको क्या करना पड़ता है डॉट डॉट स्लैश करना पड़ता है और ये पा पाथ वगैरह मैं क्यों कर रहा हूं ये पाथ मैं यूज़ क्यों कर रहा हूं इसलिए कर रहा हूं क्योंकि देखिए अभी मैं यहां डॉट डॉट स्लैश कर रहा हूं तो ये चल रहा है विंडोज में आपको पता है कई बार जो स्लैश लगाया जाता है वो कैसे लगाया जाता है वो बैक स्लैश लगा जाता है फाइल्स के बीच में तो ये बेसिकली अपने आप ये फिगर आउट कर लेगा कौन सा ऑपरेटिंग सिस्टम है कहां पर हम चल रहे हैं किस हिसाब से दिखाना चाहिए आप एक बार यहां पर नॉर्मली पाथ देंगे यानी फ्रंट स्लैश के साथ पाथ देंगे ये अपने हिसाब से डिसाइड कर लेगा कि रन टाइम पर इसको किस तरह से इसको बनाना चाहिए बट आप यहां अलग-अलग जितने भी आपको पाथ पूरा देना है वो आप दे सकते हैं यानी इसने क्या दे दिया पहले नेक्स्ट फोल्डर में जाना है उसके बाद अलग-अलग फोल्डर और पाथ दे दिया यानी पहले एक स्टेप बैक चले जाइए उसके बाद हमारे फोल्डर का क्या नाम है हमारे फोल्डर का नाम है व्यूज है ना तो आप यहां व्यूज लिख सकते हैं ये डबल कोड सिंगल कोड जो आपको यूज करना है अगेन जावास्क्रिप्ट है है ना आप जैसे चाहे यूज कर सकते हैं वैसे देखिए आईडियली रिकमेंड तो होता है सिंगल कोड से यूज करना तो हम सिंगल कोड से ही कर लेते हैं व्यूज के अंदर हमारी फाइल का क्या नाम है जो हमको होम में भेजना है होड बब तो नहीं की फाइल ठीक से जा रही है या नहीं जा रही है देखिए सर्वर तो मेरा बार-बार रीस्टार्ट हो ही रहा है नोड मन की वजह से तोब मैं क्या करूंगा वापस चलता हूं होम पर और देखता हूं फाइल ठीक से सर्व हुई या नहीं तो देखिए फाइल ठीक से सर्व हो गई है इसलिए मैं दोबारा वेलकम टू एयर बीएनबी पर आ गया हूं यहां तो और कुछ हुआ नहीं है मैं मान लीजिए व्यूज की जगह यहां पर कुछ टाइपो कर देता मान लीजिए वी आईई आरडब्लू एस कर देता मैं फिर से इसको रिफ्रेश करूंगा तो क्या होगा ये देखिए मेरा कोड जो फट गया क्या बोल रहा है नो सच फाइल और डायरेक्टरी मुझे फाइल नहीं मिली देखिए इसने मेरे पूरे सिस्टम का पाथ बना लिया है यूजर प्रशांत जन वर्कस्पेस नोड जस हमारा जो फोल्डर चल रहा है रेपो चैप्टर का नाम एर बी रस एटी में सर्च कर रहा हूं नहीं वो तो नहीं एजिस्ट करता है तो उसको मैं क्या करूंगा वापस यूज कर दूंगा अब यह जो काम हमने किया य हम हर जगह कर सकते हैं है ना तो मैं क्या कर सकता हूं इसको मान लीजिए कॉपी कर लेते हैं दूसरा मुझे कहां करना है सेम काम यूजर राउटर में हमने कर लिया होस्ट राउटर में भी हमको य काम करना है य हमने ज्यादा लिखी हुई है तो यहां सबसे पहले क्या करेंगे अगेन जो मुझे लेना है कोर मॉड्यूल पाथ नाम का मॉड्यूल इसको भी चाहिए य दे देंगे पाथ इक्वल टू रिक्वायर पाथ है ना और ये देखिए आर ड सें की जगह हमने क्या देखा क्या करना है आर सें पाथ जॉइन डायरेक्टरी नेम ये भी उसी डायरेक्टरी के अंदर है तो एक डायरेक्टरी पीछे पहले जाएंगे तो होम में आ जाएंगे होम के बाद हमको व्यूज में जाना है व्यूज में आ गए इस बार होड html5 है इसमें कुछ भी चेंज करने की जरूरत नहीं है यहां से आप सिर्फ क्या कर रहे हैं काइंड ऑफ वायरिंग कर रहे हैं कि भाई कोई ऐड होम पर आएगा तो क्या भेज देना उठाकर मेरा जो होड था ये भी चला गया है ना तो देखिए मेरा ये वाला फाइल भी जिसके अंदर कितना बड़ा एचटीएल था और अभी तो हमने एचटीएल में लिखा ही कुछ नहीं था एक्चुअल पेज का एचटीएमएल कितना बड़ा होने वाला है अभी तो दो इनपुट टैग ऐड किए थे तो इतना मुश्किल हो रहा था है ना तो वो भी हमने ऐड कर दिया बाद में जब जाकर देखेंगे तो बहुत बड़े-बड़े फाइल हो जाने वाले हैं सीएसएस भी होने वाली है बहुत कुछ होने वाला है तो ये मेरा काम हो गया लास्ट एक पेज कहां रह गया मेरा app.js के अंदर रह गया तो यहां भी हमको यूज करना पड़ेगा तो यहां भी ले लेते हैं हम कोर मॉड्यूल दोबारा से कंस पाथ इ इक्वल टू रिक्वायर है ना और इस बार कहां है देखिए इस बार यहां हमने सेंड किया हुआ है इसको मैं फिर से पेस्ट कर लेता हूं एंड ये सेंड फाइल उठाकर इसकी जगह लगा देंगे है ना इससे देखिए दूसरा फायदा हमारा क्या हो रहा है जो हम डायरेक्टली सिर्फ एटील के टैग्स भेज रहे तो ब्राउजर की मेहरबानी पर डिपेंडेंट थे कि हम पूरा पेज नहीं भेज रहे अब हम पूरा पूरा पेज भेज रहे हैं है ना इस बार देखिए पर दिक्कत क्या है इस बार हमको डॉट डॉट बैक नहीं जाना है क्योंकि ये हम एस में कर रहे हैं ए जस के अंदर तो व्यूज डायरेक्टली है तो एक तो मैं यहां से डायरेक्टली हटा सकता हूं ये इस बार बैक फोल्डर में जाने की जरूरत नहीं है वू न्यूज के अंदर जाना है बट इस बार कहां जाना है 404 html4 html4 हो गया ऐड होम किया देखिए होम पर आ गए यहां भी एक बार चेक कर लेते हैं उत्सव मैंने नाम दे दिया मान लीजिए सबमिट किया तो जो ऐड होम का पोस्ट वाला पेज था वो भी यहां पर ठीक आ गया है गो होम भी ठीक आ गया है कोई रैंडम पाथ अगर मैं लगाकर देखूं तो मेरा जो 404 पेज था वो भी हमारा ठीक आ गया है तो जितनी हम य वायरिंग करने की कोशिश कर रहे थे यानी हम ये देखने की कोशिश कर रहे थे कि ये एटीएमएल फाइल्स को सेंड कैसे किया जाता है ये भी अभी हमने यहां पर समझ लिया है है ना अभी हमने पाथ जो लगाया उसमें हमने क्या किया हमेशा करंट फोल्डर से हम आगे गए हैं है ना इसका एक बेटर तरीका भी होता है करने का जिसमें आप क्या कर सकते हैं जो इसका फाइल हेल्पर एक होता है उसको आप यहां पर यूज कर सकते हैं है ना यहां हम क्या करने की कोशिश कर रहे हैं देखिए आप पाथ से अभी आपको हमेशा रिलेटिव पाथ लेना पड़ रहा है आप हमेशा इसको एब्सलूट पाथ से बेसिकली स्टार्ट करके भी चला सकते हैं एब्सलूट पाथ से स्टार्ट करके चला सकते हैं मतलब अभी देखिए कल को मैं इस फाइल का जो एड्रेस है वो चेंज कर दूंगा बहुत सारी चीज कौन से फोल्डर में पड़ी है कहां पड़ी है तो हर बार आकर मुझे पूरा पूरा पाथ चेंज करना पड़ेगा जैसे आपने देखा मैंने app.js में लगाया तो डॉट डॉट स्लैश नहीं लगाना पड़ा क्योंकि मैं app.js के पाथ के रिलेटिव चल रहा था जब होस्ट के हिसाब से चल रहा था तो होस्ट से देखना था कहां जाना है क्या बेटर नहीं होगा हर फाइल का मैं एग्जैक्ट पाथ दे दूं कि भाई वो चैप्टर में कहां पड़ी हुई है तो अगर मैं कभी किसी फाइल को चेंज करूंगा तो सिर्फ उसके पास मुझे चेंज करने पड़ेंगे बाकी सारे पाथ मुझे चेंज जो है वो नहीं करने पड़ेंगे सब चीजों का जो एग्जैक्ट पाथ है वही हमेशा यहां पर रहने वाला है तो वो हम कैसे कर सकते हैं देखिए उसके लिए जनरली आप एक यूटिलिटी फाइल बनाना सही रहता है यूटिलिटी के लिए भी हमने फोल्डर नहीं बनाया तो उसके लिए भी एक नया फोल्डर बना लेते हैं चैप्टर 10 के अंदर हम एक और फोल्डर बना रहे होंगे जिसका नाम हमने रख दिया यूल्स है ना यूट तो देखिए यूल्स में एक अलग टाइप का आइकन आ गया इसमें हम क्या बनाने की कोशिश कर रहे हैं हम मान लीजिए इसका नाम बोल देते हैं पाथ अंडर या पाथ कैपिटल यल डॉट पाथ यल ड ज है ना हमने एक फाइल बना दिया पाथ यल ज और इसमें भी हमने क्या किया जो हमारा पाथ मॉड्यूल है यानी जो हमारा कोर मॉड्यूल है उसको हम इंप्लीमेंट कर लेते हैं ये मैं हर बार कमेंट लिख रहा हूं इसका मतलब ये नहीं आपको लिखना जरूरी है है ना बस मेरे को थोड़ा प्रैक्टिस अच्छी लगती है बाद में थोड़ा सेपरेशन लगता है इसलिए मैं लिख रहा हूं आपको नहीं लिखना है आप नहीं भी लिख सकते हो रिक्वायर कौन सा मॉड्यूल चाहिए हमको पाथ मॉड्यूल चाहिए है ना और अब मैं यहां से क्या करता हूं मैं यहां से जो मेन मेरा पाथ है यानी जो मेरा होम पेज है उसको मैं निकाल कर एक बार एक्सपोर्ट कर देता हूं ताकि हर आदमी हमेशा होम पाथ से ही शुरू करे यानी जो मेरा प्रोजेक्ट है उसके रूट पाथ से ही शुरू करे तो वो हम कैसे कर सकते हैं देखिए किया हमने वही है ना पाथ डॉट इस बार डायरेक्टरी नेम आप डायरेक्टली निकाल रहे हैं है ना जॉइन करने की कोशिश नहीं कर रहे हैं पाथ डॉट डायरेक्टरी नेम और आप यहां कर सकते हैं रिक्वायर डमड फाइल नेम इससे क्या होगा जो आपका मेन होम पेज होता है वो आपका यहां से निकलकर जो पाथ है वो एक्सपोर्ट हो जाएगा उसका सिर्फ नाम हम एक्सपोर्ट करने की यहां पर कोशिश कर रहे हैं ताकि उस नाम को अंदर भी जो है वो यूज किया जा सके तो हम यहां क्या कर रहे हैं पाथ डॉडी नेम ये क्या है ये एक फंक्शन है जो हम यहां पर यूज़ कर रहे हैं र नेम रिक्वायर डमड फाइल है ना तो हम य क्या कर रहे हैं रिक्वायर मेरा शायद जो ऑटो कंप्लीट है वो चल नहीं रहा है रिक्वायर डॉट मेन डॉट फाइल नेम है ना अच्छा नहीं चल तो रहा है मेन डॉट फाइल है ना ये हमने निकाल लिया और इसको हमने क्या कर दिया मॉड्यूल एक्सपोर्ट कर दिया मॉड्यूल डॉट कुछ तो गड़बड़ हो रही है मॉड्यूल एक सेकंड मॉड्यूल डट एक्सपोर्ट इक्वल टू पाथ डटर नेम हमने इसको एक्सपोर्ट कर दिया तो कोई भी क्या कर सकता है इस पाथ को इंपोर्ट कर सकता है और उसको रूट डायरेक्टरी मानकर अपना पाथ उसके बाद लगा सकता है तो मान लीजिए प में आ जाता हूं सबसे पहले लोकल मॉड्यूल ज हमने इंपोर्ट किए थे य इसको इंपोर्ट कर लेते हैं है ना तो मैं क्या करूंगा कंस्ट मान लीजिए इसको मैं बोल देता हूं रूट या रूट डायरेक्टरी या रूट पाथ व्ट एवर यू वांट है ना रिक्वायर यह कहां पर है य मेरे डिंग कहां पर है अगर हम यहां पर देखेंगे प के साथ तो ये है यूटिल्स में डॉट स्ल यूटिल्स स्ल पाथ यूल है ना तो हमने यहां से रूट डायरेक्टरी निकाल लिया अब मैं क्या कर सकता हूं ये डर नेम देने की बजाय मैं यहां क्या दे सकता हूं रूट डायरेक्टरी दे सकता हूं है ना एक बार इसको चलाकर देख लेते हैं अगर मैं अगर होम में इसको चलाकर देख रहा हूं तो क्या हुआ मेरा वेलकम टू एयरबीएनबी ठीक आ गया है बट अभी इंपॉर्टेंट क्या है अभी तो यहां से मैंने जो डर नेम हटाया रूट डायरेक्टरी लगा दिया बट ये सिर्फ यहां पर इसलिए चल रहा था कि app.js जो है वो मेरा होम में ही पड़ा हुआ है पहले से अब असली मैजिक शुरू अब मैं क्या करूंगा अब जाता हूं मैं होम राउटर में है ना जितने एचटीएमएल थे इनको हम बंद कर देते हैं इनकी अभी जरूरत नहीं है मान लीजिए यूजर राउटर में हम चले जाते हैं है ना यहां कोर है एक्सटर्नल है एक लोकल मॉड्यूल भी लगाने के बेसिकली लगाना चाहिए हमको तो यहां लगा लेते हैं लोकल मॉड्यूल और इस बार ये जो रूट डायरेक्टरी है किस-किस को रिप्लेस कर लेगी ये जो डेर नेम और मैंने रिलेटिव पाथ दिया था इस पूरे को रिप्लेस कर लेगी अब यहां जाएगी रूट डायरेक्ट्रीएंट्री कर लेना पड़ेगा क्योंकि यहां से जो यूटिल्स है वो एक्चुअली बाहर है है ना यूटिल्स से अगर इसको एक्सेस करना है रूट डायरेक्टरी को यूटिल्स एक्सेस करना है तो ये कैसे करेगा सॉरी मेरे यूजर को यूटिल्स एक्सेस करना है एक बाहर जाना पड़ेगा फिर यूटिल्स के अंदर जाना पड़ेगा फिर पाथ में जाना पड़ेगा ठीक है तो पर ये जो यूट का पाथ है वो जनरली चेंज नहीं होने वाला है व्यू का पाथ हम बार-बार चेंज करते रहते हैं तो उसका पाथ हमने क्या कर लिया है एब्सलूट व्यू में देख लिया एक बार इसको देख लेते हैं यूजर आउटर कहां है होम पेज पर है है ना होम पेज दोबारा मैंने चेक कर लिया अच्छा पिछली बार हमको 404 चेक करना चाहिए था कि 404 ठीक से चला या नहीं ये कर दिया इसने हमको चाहिए था पाथ कुछ भी टेस्ट कर लिया 404 भी ठीक चल रहा था अभी देखिए ये भी ठीक चल रहा है बिना डॉट डॉट लगाए ये सेम काम अब मैं कहां कर दूंगा अपने होस्ट में जाके भी कर दूंगा हैय देखिए थोड़ा-थोड़ा रिवर्क हमको करना पड़ रहा है बट एक बार अगर हमको समझ आ गया कि ये कैसे यूज करना है तो उसके बाद हमारा काम जो है वो आसान हो जाता है अब यहां डर नेम और ये पूरा हटाकर मैं दे दूंगा रूट डायरेक्ट्रीएंट्री की भा रूट डायरेक्टरी से व्यूज में जाना व्यूज से होम ड एटी में जाना है ना तो एक बार हमने बनाकर एक्सपोर्ट कर दिया उससे हमारा काम जो है वो चलना स्टार्ट हो गया एक बार फिर से चेक कर लेते हैं होम पर ड होम भी ठीक चल रहा है और जो हमारा ड होम का पोस्ट वाला पाथ था वो भी ठीक चल रहा है फिर गो टू होम जाएंगे तो ये भी हमारा एकदम से ठीक चल रहा है है ना तो हमने ये भी सीख लिया कि फाइल हेल्पर को कैसे यूज़ करके हम जो रूट डायरेक्ट्रीएंट्री क्या-क्या हमको करना है इसने बोला रीयूज द पप फ्रॉम द लास्ट असाइनमेंट यानी लास्ट असाइनमेंट में जो हमने ऐ बनाया था उसको यूज़ करना है और क्या-क्या करना है पास द बॉडी ऑफ कांटेक्ट अस रिक्वेस्ट एंड लॉग इट टू द कंसोल तो ये हमने नहीं किया था आपको कांटेक्ट अस पेज पर हमने क्या किया था डायरेक्टली बस उसको ये बोल दिया था कि कांटेक्ट अस पेज पर कोई आया है फॉर्म को हमने लॉग नहीं किया था तो वो आपको लॉग करना है काइंड ऑफ कुछ-कुछ हमने पहले स्टेप में वो करके देखा था ये आपको एक बार असाइनमेंट में करना है मूव द कोड कोड टू सेपरेट लोकल मॉड्यूस एंड यूज द एक्सप्रेस राउटर टू इंपोर्ट एंड यूज़ देम इन द पप तो ये कांटेक्ट अस में हमको करना है इस बार है ना हमको अलग-अलग मॉड्यूल में मूव करना है अभी हमने एयर बीएनबी के लिए किया था ये आपको कांटेक्ट अस वाले में जाकर दोबारा करना है मूव ऑल द एचटीएमएल कोड टू एचटीएमएल फाइल्स है ना एटीएमएल वाला कोड एटीएमएल फाइल में मूव करिए और एक 404 भी ऐड करिए यानी जो हमने मोटा-मोटा भी यहां पर एयर बीएनबी के ऐप में किया ये आपको वापस जाकर जो कांटेक्ट अस वाला असाइनमेंट था सारा का सारा काम उसमें एक बार दोबारा से करके देखना है अपने हाथ से करना है है ना पॉज करके एक बार खुद से ट्राई जरूर करिएगा तभी आपकी रियल लर्निंग हो पाएगी वरना आप इसको सुनते रहेंगे आपको लगेगा कि बहुत आसान है समझ आ रहा है बट जब बाद में करने बैठेंगे तो बहुत सारी चीजों में दिक्कत फेस करेंगे तो जितना थोड़ा-थोड़ा हम पढ़ते जा रहे हैं उतना थोड़ा-थोड़ा इंप्लीमेंट करते रहेंगे तो बहुत ज्यादा बेनिफिशियल होगा तो यहां एक बार पॉज करिए एक बार खुद से ट्राई करिए उसके बाद सॉल्व करेंगे मेरे साथ तो चलिए एक्सरसाइज हम स्टार्ट करते हैं है ना क्या करेंगे वापस जाएंगे अपने कोडिंग मॉड्यूल में जितना हमने खोला हुआ है सबको हम बंद कर लेते हैं यहां वापस आ जाते हैं इसको कर लेते हैं बंद और हमने क्या किया था प्रैक्टिस सेट के लिए हमने एक अलग से फोल्डर बनाया हुआ था इसको मैं खोल लेता हूं यहां हमने इसका नाम लिया हुआ था चैप्टर नाइन कॉन्टेक्ट्स अब मैं क्या कर लेता हूं यहां पर ये जो चैप्टर नाइन कॉन्टेक्ट टस था इसको मैं कॉपी करके दोबारा से प्रैक्टिस सेट के अंदर पेस्ट कर देता हूं है ना ताकि पुराने वाला आपका कॉपी चेंज ना हो बट यहां हम इसको कर पाए इसको हम रिनेम कर देते हैं अब ये किसकी एक्सरसाइज हो गई है है तो ये कांटेक्ट ऐसी ही बट ये हो गई है चैप्टर 10 की एक्सरसाइज ठीक है अब क्या करेंगे 10 को खोल लेते हैं एक बार देखना शुरू करते हैं इसके अंदर हमने क्या-क्या किया था ये देखिए मेरा app.js था है ना इसके अंदर हमने क्या किया हुआ है डमी मिडिल वेयर लगाया हुआ है डमी मिडल वेयर लगाया हुआ है यहां हमने कुछ नहीं किया है ये देखिए ये होम पेज हमने हैंडलिंग किया हुआ है है ना इसको लग रहा है यहां पर क्या हुआ था ये कांटेक्ट अस का पोस्ट हैंडलिंग है इसको भी हम मूव कर लेंगे और इसको हम पहले अलग-अलग मॉड्यूस में भी मूव कर लेंगे तो मान लीजिए कांटेक्ट अस हम एक मॉड्यूल बना लेते हैं और होम मॉड्यूल हम अलग से बना लेते हैं अब ये जो हमने पिछली बार कमेंट किया था ये हम हटा सकते हैं जो डमी मॉड्यूल पिछली बार हमने सिर्फ एक्सप्रेस को दिखाने के लिए लगाए हुए थे उनकी इस एक्सरसाइज में हमको जरूरत नहीं है उनको भी हम यहां से हटा सकते हैं ठीक है तो शुरू कर लेते हैं सबसे पहले हम क्या करेंगे यहां पर एक फोल्डर बना रहे े रूट्स नाम का यहां पर हम एक राउट्स बना लेते हैं है ना और यहां इसके अंदर कौन-कौन सी दो फाइल बनानी है मेरे को एक तो होम है ना मान लीजिए होम राउट या राउटर भी बोल सकते हैं आप इसको होम राउट या होम राउटर होरार जए और दूसरी फाइल कौन सी बनेगी अ मान लीजिए कांटेक्ट राउटर है ना ये दोनों फाइल हमने बना ली इस बार हम सारा काम एक साथ ही करते रहते हैं पहले ऐसा नहीं कि पहले वो सारा कोड यहां मूव करेंगे दूसरा मैं फोल्डर कौन सा बना लेता हूं य इमीडिएट मुझे पता है व्यूज नाम का फोल्डर मुझे बनाना है जिसमें एटीए मूव करना है तो व्यूज नाम का एक फोल्डर बना लिया इसके अंदर क्या-क्या हमको बनाना है होड कांटेक्ट अस एटीएम बनाना है कांटेक्ट सक्सेस बोल देते हैं इसको कांटेक्ट आईन सक्सेस डॉट एटी यहां पर भी मैं अस के बीच में भी य पर रिनेम कर देता हूं उसको कांटेक्ट एटी और क्या बनाएंगे जो यूट बनाया था व भी बना सिर्फ फाइल ही मैं अभी बना रहा हूं पर हमारा जो काम है वो क्लियर हो जाएगा तो यूटिल्स हमने बना लिया देखि यूटिल्स आप जनरली एक पैकेज में बना रहे होंगे बारबार उसको रीयूज कर रहे यूटिल्स तो मेरा यूट ही रहने वाला है मैं क्या करता हूं फिलहाल यहां से इसको उठा लेता हूं जो हमने एयर बीएनबी में यूटिल्स बनाया था वो एजेक्ट यूट हमको भी चाहिए वो यूल मैंने उठाकर लाकर यहां पर डाल दिया और बोला भाई तुमको हम रूट डायरेक्टरी के लिए इस्तेमाल करने वाले है ना इसको मैं बंद कर देता हूं अभी जो खुल गया ऊपर ये सब हम बंद कर देते हैं ठीक है सबसे पहले हम क्या करते हैं जो सबसे आसान काम है वो सबसे पहले कर लेते हैं क्या html.erb है ना जो लॉगिन किया था इसमें से लॉगिंग हटा देते हैं लॉगिन की जरूरत नहीं है ये मैं हेडिंग और फॉर्म पूरा उठा लेता हूं यह जाएंगे कॉन्टेक्ट्स पेज में यहां पर कांटेक्ट अस पेज बना लेते हैं इसको थोड़ा सा छोटा कर लेते हैं बस यहां पर आ जाते हैं टाइटल में लिख देंगे कांटेक्ट अस है ना यहां बनाएंगे एक हेडर टैग उसके बाद बनाएंगे मेन टैग मेन टैग के अंदर ये पूरा डाल देते हैं h1 को उठा के उसके बाद हेडर के अंदर डाल देते हैं है ना तो ये मेरा क्या बन तैयार हो गया कांटेक्ट अस पेज वापस आ जाते हैं देखिए प का कोड छोटा होता जा रहा है लास्ट हमको क्या निकालना है यह वाला कंसोल भी मैं हटा देता हूं लॉगिंग सिर्फ हमने सीखने के लिए लगाया था वी विल कांटेक्ट यू शॉर्टली यानी कांटेक्ट सक्सेस को भी इंप्लीमेंट कर लेते हैं इसका नाम बस लख देता हूं थैंक्स फॉर कांटेक्टिंग वैसे इतना लंबा आता नहीं है ऊपर है ना तो एनीवे यहां बॉडी में आ जाते हैं यहां लगाते हैं हेडर हेडर में मैं दे देता हूं वी विल कांटेक्ट यू शॉर्टली देखिए अभी हमने क्या कर लिया सक्सेसफुली इस बार हमने तेजी से किया क्योंकि पहले हम कर चुके थे मैंने क्या किया यहां हम ऐप के अंदर आ गए और ऐप के अंदर से सारा एचटीएमएल कोड हमने उठा उठाकर व्यूज के अंदर मूव कर दिया ये जो डं हमने व्यूज बनाए हुए हैं इनको और कुछ नहीं पता इनको वसे पता है इनका एचटीएमएल है जिसको जैसे भी इस्तेमाल करना है वो वैसे इनको इस्तेमाल करें इनको आपको कोड करना भी आसान रहता है क्योंकि मान लीजिए मैं कांटेक्ट टस पेज बना रहा हूं तो अब मैं पहले जाकर बार-बार उसको सर्वर से टेस्ट नहीं करूंगा मैं इसको क्या कर सकता हूं नॉर्मल ओपन विद लाइव सर्वर कर सकता हूं है ना और ये क्या हो जाएगा ये पेज यहां खुल जाएगा मैं पहले इस पेज का पूरा डेवलपमेंट अपना पूरा कर लूंगा एज नॉर्मल वेब डेवलपर बाद में इसको सर्वर से भेजना स्टार्ट कर दूं ठीक है तो ये हमारा हो गया नोड मन एक्सप्रेस को हम बंद कर देते हैं वापस आ रहे हैं होम पर है ना तो इतना हमने काम कर लिया कांटेक्ट तक हम आ गए नीचे से एक्चुअली हमको वापस जाना पड़ेगा हमको कहां जाना है सर्वर भी हमको नया वाला चला लेना चाहिए हमको जाना है प्रैक्टिस सेट के अंदर और हमको जाना है चैप्टर 10 के अंदर है ना और यहां आकर हमको चलाना है एनपीएम स्टार्ट ये हमने चला लिया 3000 है ना इसको रिफ्रेश अगर हम करेंगे तो क्या होगा अभी देखिए कुछ नहीं आ रहा है क्योंकि हमने कोड तो सारा हटा दिया एड ज से तो बक सेंड कर रहा है ब्लैंक की यहां पर आ गया सक्सेस होकर कोई बात नहीं इसको अभी हम इंप्रूव कर लेे अगला काम हमको क्या करना था राउटर्स क्रिएट करने का राउटर हमारे क्रिएटेडॉक्युमेंट्सफ्रैगमेंट राउटर ये क्या बनाकर दे देगा हमको एक रूट बनाक दे देगा इसका नाम मैं मान लीजिए क्या ले देता हूं होम रूट है ना उसके बाद क्या करेंगे होम रूट डॉट गेट यानी अब जो हमने पप में लिखा हुआ था होम के लिए इसको अब मैं उठाकर ला सकता हूं इसको हमने उठा लिया यहां लाकर लगा दिया पड गट की जगह बस यहां पर क्या आ जाएगा होर गट कंसोल लॉग ये कर रहा है करता रहे और सेंड की जगह इस बार ही क्या करेगा सेंड फाइल करेगा बट उसके लिए इसको क्या चाहिए लोकल मॉड्यूल कंस्ट रूट डायरेक्ट्रीएंट्री है ना और य हम कर रहे होंगे पाथ अच्छा हमको पाथ वाला मॉड्यूल भी चाहिए तो कोर मॉड्यूल भी चाहिए व भी ले लेते हैं तो मैं लिखूंगा पास डॉट जॉइन अगेन इस बार हमको क्या लेना है पहले लेना है रूट डायरेक्टरी है उसके बाद जाना है हमको व्यूज के अंदर उसके बाद जाना है हमको फाइल का नाम क्या है मेरी फाइल का नाम है हो डट एटीएम अगर मैं रिफ्रेश करूंगा तो चलना चाहिए या नहीं देखिए अभी एक चीज हम मिस कर रहे हैं क्या यह राउटर हमने बना तो लिया बट हमने इसको ऐड नहीं किया और ना ही हमने इसको एक्सपोर्ट किया तो पहले इसको एक्सपोर्ट करते हैं मॉड्यूल डट एक्सपोर्ट इ इक्वल टू होम राउट है ना या राउटर हम इसको बोल रहे तो हर जगह इसको राउटर ही कर देते हैं टर हैना अब य होम राउटर मुझे कहां चाहिए प के अंदर चाहिए तो य फिर से आ जाएंगे लोकल मॉड्यूल कंस्ट होम राउटर इक्वल टू रिक्वायर कहां जाना है डॉट स्ल राउट्स एंड होम राउटर है ना ये हमारा बन गया होम राउटर को अब हम लगा देंगे डायरेक्टली पप के अंदर तो मैं बोलूंगा पप डॉट यूज होम राउटर तो ये देखिए एक राउटर हमारा बनकर तैयार हुआ अब क्या करना है बाकी के जो हमने दोनों किए हुए थे इनको हमको कहां मूव करना है दूसरे राउटर में मूव करना है यानी कांटेक्ट राउटर में करना है देखिए काफी सारे जो चीजें हैं वो कॉमन ही है यहां से तो मैं पहले एक बार इसको उठाकर यहां से कॉपी पेस्ट कर लेता हूं एक बार मैंने काम सरा आपको कर कर दिखा दिया है यहां आ जाते हैं देखिए तीनों हमको ये इंपोर्ट जो है वो चाहिए होंगे एक्सप्रेस भी हमको चाहिए पाथ भी हमको चाहिए रूट डायरेक्टरी भी चाहिए राउटर भी हमको क्रिएट करना है इस बार बस इसका नाम रख देंगे कांटेक्ट राउटर है ना कांटेक्ट राउटर को को ही हम एक्सपोर्ट कर देंगे यह बीच वाला जो काम है इसको हम फिलहाल नीचे कर सकते हैं या कमेंट कर सकते हैं इसको मैंने कमेंट कर दिया अब मुझे क्या करना है मुझे कोड तो यह वाला चाहिए जो प में हमने लिखा इसको भी मैं उठा लेता हूं देखिए प ऑलमोस्ट बिल्कुल ही खत्म हो गया है प के अंदर आ जाते हैं पड गट की जगह इस बार हम क्या कर रहे होंगे कांटेक्ट रार गट राउटर ड होस्ट है ना ये काम हम सारा पहले कर चुके हैं कांट्रैक्ट राउटर ड गेट किया स्ल कांटेक्ट अस रिक्वायर ये सब जो हो रहा है य हमको करना ही है बस रिपस डट सेंड की जगह क्या करना है रिपस डट सेंड फाइल करना है कांटेक्ट अस के लिए कौन सा फाइल हम ऑलरेडी बना चुके हैं कांटेक्ट आस एटी एंड सेम थिंग है टू बी डन हियर जो पोस्ट वाला है इसमें भी हमको सिर्फ फाइल ही भेजना है अभी हमने जो अगला काम है हमको वो भी करना कांटेक्ट की चीज उठाकर उसको लॉग करिए अभी वो भी करेंगे बट मान लीजिए सेंड फाइल व्यूज कांटेक्ट अस की जगह य हम क्या देंगे कांटेक्ट सक्सेस है इतना काम हो गया अय नीचे कम ट इसको हटा देते हैं एंड सेम एक्सपोर्ट इंपोर्ट आई विल डू अगेन प के अंदर इस बार होम राउटर की जगह किसको इंपोर्ट कर रहे होंगे कांटेक्ट राउटर को यहां पर भी हम देंगे कॉन्टैक्ट राउटर एंड सेम चीज़ यहां पर करेंगे यूज़ में दे देंगे कॉन्टैक्ट इससे क्या हो जाना चाहिए अभी हमने कोई फंक्शनैलिटी ऐड नहीं की बट सारा का सारा कोड हमने ठीक से अरेंज करने की कोशिश की है राउटर्स अलग मूव हो गए हैं रिस्पांसिबिलिटी व्यूज अलग चले गए हैं यूटिल्स अलग आ गया है अभी जो 5 मिनट पहले जब मैंने एक्सरसाइज करनी शुरू करी जितनी चीज़ें हमने की हुई थी सारा एगजैक्टली काम अभी भी वैसे ही चल रहा है बट थोड़ा सा बेटर अरेंज हो गया है एक बार इसको रिफ्रेश करते हैं देखिए होम पर आ रहा है वेलकम टू कंप्लीट कोडिंग बिलकुल ठीक है इसके बाद हमको कहां जाना है कांटेक्ट अस को को ट्राई करना है कांटेक्ट स्स पर गए तो देखिए यह वाला पेज भी ठीक से आ गया यहां आप करके देख लेते हैं प्रशांत प्रशांत कंप्लीट कोडिंग सबमिट किया वी विल कांटेक्ट यू शॉर्टली भी आ गया हालांकि कंसोल लॉक अभी कुछ नहीं हुआ क्यों हमने अभी क्या नहीं किया हमने इसकी बॉडी को ना पास किया है ना हमने उसको लॉग किया है तो सबसे पहले उसका एक मिडिल वेर ऐड कर लेते हैं पड यूज इस बार तो हमने देख लिया था डायरेक्ट एक्सप्रेस से यूज करना है एक्स एक्सप्रेस ड यर एन कोडेड है ना यह हमने लगा दिया एक मड एक मिडिल वेयर तो इससे क्या हुआ होगा बॉडी आ गया होगा अब मैं वापस जा सकता हूं कांटेक्ट राउटर में और यहां पर अब मैं लॉग कर सकता हूं क्या कंसोल डॉट लॉग अब मैं मान कर चल रहा हूं कि बॉडी आ चुकी होगी तो आई कैन से रिक्वेस्ट डॉट बॉडी है ना इसको एक बार फिर से चलाकर देख लेते हैं आई विल गो बैक इस बार फिर से सबमिट करता हूं फिर से सबमिट किया अच्छा यहां पर अभी तो नहीं आया है लेट मी चेक कांटेक्ट सक्सेस तो आया है एक बार और कंसोल लॉक लगा लेते हैं कुछ गड़बड़ की है क्या कसोल डलॉग हेलो प्रस ठीक है फिर से मैं इसको चला लेता हूं कुछ इश्यूज आ रहा है उसके बाद वो चला जा रहा है अच्छा यार मैं कंसोल ब्राउजर का कंसोल देख रहा हूं एक्चुअली हमको यहां कंसोल देखना है है ना यहां पर आ गया था देखिए पिछली बार भी माय मिस्टेक कंसोल कौन सा होगा सर्वर के कंसोल में हम लॉक कर रहे हैं तो कहां आना चाहिए यहां आना चाहिए देखिए नाम और ईमेल यहां पर लॉक हो गया है यहां पर भी नाम और ईमेल लॉक हो गया है तो जो जो चीजें हमको प्रैक्टिस सेट में उसने करने के लिए बोली थी कि बॉडी को पार्स करिए उसको लॉग करिए वो हमने कर दिया कोड को अलग-अलग मॉड्यूस में मूव करिए वहां एक्सप्रेस राउटर को यूज़ करिए उन राउट्स पर उसको बेसिकली इंस्टॉल करिए वो हमने कर लिया उसके अलावा मूव ऑल द एचटीएमएल कोड टू एचटीएमएल फाइल्स और उसको फाइल हेल्पर को यूज़ करके लगाइए वो भी हमने अच्छा 404 पेज अभी हमने नहीं लगाया है ना तो वो काम भी हम कर लेते हैं वो कहां कर रहे होंगे 404 पेज अभी हमने बनाया भी नहीं है है ना तो एक नया 404 पेज बना लेते हैं यहां मैं आ जाता हूं और कर लेते हैं 404 एटी डॉक्यूमेंट की जगह बोल देंगे पेज नॉट फाउंड एंड यहां मैं बना लेता हूं एक हेडर डर के अंदर बनाए एव योर पेज नॉट फंड यर है ना साथ में एरर भी बोलते ठीक एरर र पेज नॉट फाउंड ठीक है तोय हमने 404 का पेज बना लिया इसको हम लगा देते हैं इसको लगाएंगे प के अंदर डायरेक्टली यहां पर एक और हम लगा देते हैं प डट यूज रिक्वेस्ट रिस्पांस नेक्स्ट ठीक है य हमको डायरेक्टली सेंड फाइल करना है सेंड फाइल करने के लिए जो कोड हमको चाहिए था वो यहां पर है इसको मैं उठा लेता हूं एक बार यहां लाकर डाल देते हैं फाइल का नाम बस हमको कांटेक्ट सक्सेस की जगह क्या करना है 404 करना है बट इसके लिए हमको दो चीजें चाहिए हमको पाथ भी यहां पर चाहिए और हमको रूट डायरेक्टरी भी चाहिए जो अभी हमने यहां पर नहीं लगाया है ना तो इन दोनों को इंपोर्ट कर लेते हैं पाथ भी चाहिए रूट डायरेक्टरी भी चाहिए इस पूरे को ही मैं कॉपी कर लेता हूं app.js में आकर इसको अटक देते हैं लोकल मॉड्यूस का ऑलरेडी सेक्शन बना हुआ है ये हमको मिल गया तो पाथ भी मिल गया एक्सप्रेस भी मिल गया आई थिंक इतने से जो हमारा 404 है वो चल जाना चाहिए एक बार चेक कर लेते हैं मैं चला जाता हूं किसी रैंडम पेज पर यह तो नहीं चला अच्छा यह बोल रहा है कुछ प क्रैश हो गया है एक बार इसको दोबारा से चेक कर लेते हैं अभी भी प क्रश हो रहा है यानी कुछ गड़बड़ की है मैंने एक बार चेक कर लेता हूं पाथ पाथ एक्सप्रेस एक्सप्रेस रूट डायरेक्टरी अच्छा यहां से रूट डायरेक्टरी देखिए डायरेक्टली हमको मिल जाएगा डॉय पाथ टल करके यह वाला प्रॉब्लम था इसका हमने जो इंपोर्ट एड्रेस दिया हुआ था वो गलत दिया हुआ था इसको हम रिफ्रेश कर लेते हैं पहले चलते हैं 3000 पर यह हमारा चल रहा है अभी चलते हैं किसी भी रैंडम पाथ पर देखिए क्या आ गया एरर योर पेज इज नॉट फाउंड हियर जो हमने अपने 404 एटीए में लिखा हुआ था वो हमारा यहां पर शो हो गया तोब किसी भी पाथ पर हम जाएंगे तो यह हमारा चल जाएगा है ना तो यहां हमारा प्रैक्टिस सेट जो है उसकी जितने भी आइटम्स हमने दिया था है ना क्याक बॉडी को पास करना वो हमने कर लिया कोड को मूव किया एटीएल फाइल्स में मूव किया और 404 पेज को हमने दिखाया ऑल राइट तो चलिए दोस्तों स्टार्ट करते हैं हमारा अगला पार्ट जिसमें हम क्या करने वाले हैं हम करने वाले हैं स्टाइलिंग है ना तो स्टाइलिंग का यहां पर क्या मतलब है वैसे मेनली हम टेल बन सीएसएस यूज़ करने वाले हैं बट हम इन जनरल पहले नोड का एक कांसेप्ट समझने की कोशिश करेंगे कि स्टाइलिंग यहां पर करनी है तो किस तरह से करेंगे क्या उसके नुआंसेस हैं क्या उसकी डिटेल्स हैं उसके बाद टेल विंड सीएसएस का भी थोड़ा सा इंट्रोडक्शन ले रहे होंगे ये मैं बता देता हूं कि अगर आपको ऐसा लग रहा है कि नहीं मुझे तो नट जस सिर्फ एपीआई लिखने के लिए ही यूज़ करना है मैं यूआई के फाइल्स बिल्कुल भी यूज़ नहीं करना चाहता स्टाइलिंग तो मैं करना ही नहीं चाहता मैं तो सिर्फ बैक एंड इंजीनियर हूं तो ये काइंड ऑफ आप ये मान सकते हैं शुरुआत के 5 7 10 मिनट के बाद यह जो चैप्टर होने वाला है थोड़ा सा ऑप्शनल आप मान सकते हैं हालांकि मैं यह मानता हूं कि एक तरीका आपको यहां पर पता होना चाहिए किस तरह से यूज़ करना है सबसे पॉपुलर फ्रेमवर्क है आजकल यूआई का है ना मैं पर्सनली इसका बहुत बड़ा फैन हूं हमारी अपनी नॉलेज गेट की वेबसाइट जो हमने बनाई है पूरा टेल विंड सीएसएस यूज़ करके बनाई है है ना तो कम से कम आपको ये पता होना चाहिए कि बैक एंड के प्रोजेक्ट में भी अगर मुझे इसको इंक्लूड करना है टेल विंड सीएसएस को यूज़ करना है तो मैं कैसे करूंगा और एक बहुत हल्का सा ब्रीफ इंट्रोडक्शन हम देने वाले हैं यहां पर एक कमेंट जरूर करिएगा अगर आपको ऐसा लग रहा है सर टेल विंड सीएसएस तो को भी सीखना है बट इसके लिए कोई डिटेल कोर्स नहीं है है ना एक कोई वन शॉर्ट वीडियो इसका होना चाहिए पाच छ सात आ घंटे के अंदर हम बहुत डिटेल में टेल विन सीएसएस सीख पाएं तो कमेंट करके बताइएगा टेल बंड सीएसएस पर एक डिटेल वीडियो भी मैं प्लान करूंगा ठीक है फिलहाल अभी बात कर लेते हैं कि नट जस में हम इसको किस तरह से यूज करने वाले हैं और स्टाइलिंग इन जनरल कैसे करेंगे पहले बिना टेल विंड के करेंगे यानी नॉर्मल सीएसएस फाइल बनाकर हमको किस तरह से करना है उसके बाद हम देखेंगे यहां पर हम इसको यूज कैसे कर सकते हैं ठीक है तो सबसे पहले हम क्या देख रहे होंगे सबसे पहला टॉपिक है कि स्टैटिक फाइल्स किस तरह से सर्व की जाती जाती है पहले मैं आपको प्रॉब्लम दिखाता हूं प्रॉब्लम क्या है उसके बाद हम आगे की बात कर रहे होंगे ठीक है तो देखिए जो पुराना ये तो हमारा जो हमने प्रैक्टिस सेट किया था यह खुला हुआ है इसको फिलहाल हम बंद कर देते हैं यहां मैं आ जाता हूं और यह जो हमने चैप्टर 10 बनाया हुआ था एयर बीएन बी है ना अभी क्या कर रहे हैं हम एयर बीएन बी के अंदर करने की कोशिश कर रहे हैं ये जो एक्सप्रेस जेएस है इसके अंदर भी हमने क्या किया है अच्छा ये तो हमने सिर्फ एक्सप्रेस जेएस को देखा हुआ था है ना ये एयर बीएनबी वाला नहीं था कांटेक्ट वाला था तो मैं जो हमने चैप्टर 10 एयर बीएनबी बनाया था इसकी मैं एक कॉपी बना लेता हूं है ना इसी को हम स्टाइल करने की कोशिश करेंगे ये हमारा प्रोजेक्ट है जिसको हम आगे लेकर चल रहे हैं है ना इसको मैं कर लेता हूं एयर बीएनबी और इसका नाम हम रख लेते हैं चैप्टर 11 है ना और हम मेन यहां क्या करने वाले हैं स्टाइलिंग करने वाले हैं ठीक है चैप्टर 11 में आ जाते हैं बाकी सब चीजों को हम कर देते हैं बंद जरा ये जो ब्राउजर है इसको भी थोड़ा सा छोटा कर लेते हैं है ना एंड अब मैं आ जाता हूं चैप्टर 11 में 10 वाले को हम बंद कर देते हैं अब स्टाइलिंग कैसे करेंगे देखिए हमारे पास क्या-क्या है मैं एक बार आपको रिमाइंड करा दूं हमने दो राउट्स अलग से बनाए हुए थे एक यूटिल्स फाइल हमने बना लिया था व्यूज हमने अलग-अलग बना लिए थे और प जस से हम पहले जितने भी राउटर्स हैं उनको प्लग इन कर रहे थे उसके बाद क्या कर रहे थे इनको अलग-अलग को html5 को हम सर्व कर रहे थे एटीएमएल फाइल कैसे सर्व करना है ये हमने देख लिया था सेंड फाइल को यूज करके है ना एक बार जरा इसी प्रोजेक्ट को स्टार्ट भी कर लेते हैं ताकि हमको चेंजेज जो है वो क्लियर दिखते रहे तो मैं बोलूंगा चैप्टर 11 अ अच्छा आई थिंक ये अभी डिटेक्ट नहीं कर रहा है कि हम बाहर आ गए हैं अच्छा हम प्रैक्टिस सेट के अंदर हैं बाहर आ जाते हैं सीडी चैप्टर 11 एयर बीएनबी स्टाइलिंग के अंदर हम आ गए इसको हम कर देते हैं एनपीएम स्टार्ट स्टार्ट हो जाइए भाई 3000 पर सर्वर स्टार्ट हो गया ये कांटेक्ट इस की जगह हम आ जाते हैं होम पेज पर तो देखिए वेलकम टू एयरबीएनबी आ गया है अभी देखिए आपको ओबवियसली दिख रहा है कि इसके अंदर बिल्कुल भी स्टाइलिंग नहीं है हमने क्या किया हुआ है एकदम रॉ एचटीएमएल यहां पर यूज किया हुआ है अब अगर मुझे इसके लिए स्टाइलिंग करनी है तो ये तो सर हमने पहले भी किया है हम क्या करते हैं जहां पर भी मेरा एटीएमएल पड़ा हुआ होता है अगर आपने थोड़ा बहुत फ्रंट एंड पढ़ा है तो नॉर्मल सिंपल इसका सिस्टम होता है कि जहां पर भी व्यूज पड़ा हुआ है वहीं पर आप क्या करें सीएसएस फाइल भी डाल लें और सीएसएस फाइल को लिंक कर लें चलिए मान लीजिए वो मैं कर लेता हूं क्या कर लेते हैं यहां पर एक फाइल बना लेते हैं सबसे पहले होम पेज के लिए बना लेते हैं तो मैं यहां सबसे पहले एक नया सीएसएस फाइल बना लेता हूं जिसका नाम मैं रख लेता हूं . सए है ना ध्यान रखिएगा यहां सीएसएस की हेल्प से मैं आपको और भी ये सिखाने की कोशिश करूंगा कि और भी देखिए सर्वर से बहुत सारी तरह की फाइल्स आपको सर्व करनी पड़ती है जैसे हमारी वेबसाइट पर आप जाएंगे तो वहां आपको नोट्स डाउनलोड करने हैं तो नोट्स क्या है पीडीएफ फाइल्स हैं जो हमने होस्ट किए हुए हैं ऐसे और भी बहुत सारे फाइल्स हो सकते हैं इमेजेस हो सकते हैं ये कैसे लगेंगे इमेजेस आप कैसे सर्व कर करेंगे अगर एटीए मान लीजिए आपको कोई इमेज लगाना है स्टाइलिंग नहीं भी करना है तो वो कैसे करेंगे तो इस सबका एक ही तरीका है जो हम सीएसएस के तरीके से सीख रहे होंगे ठीक है अब एक बार में वापस जो हमारा html4 में भी बच्चे बड़ा बोलते हैं कि मुझे कलर की बहुत ज्यादा समझ नहीं है मैं क्या करता हूं हर चीज को बस रेड कर देता हूं है ना तो अगर अगेन मेरा टेस्ट बहुत अच्छा नहीं है बट डेवलपर में अच्छा हूं अगर आप मुझे बताएंगे कि यह बनाना है तो वो मैं बना सकता हूं तो चलिए h1 हो गया h1 पर हमने टारगेटिंग दे दी अभी कलर क्यों चेंज नहीं हुआ देखिए कल इसलिए चेंज नहीं हुआ क्यों हमने अभी सीएसएस फाइल को इंक्लूड नहीं किया है तो वो भी कर लेते हैं होम के अंदर मैं आ जाता हूं लिंक कैसे करते हैं सीएसएस फाइल यहां पर आप दे सकते हैं लिंक है ना मैंने लिंक टैग यूज करना शुरू किया तो देखिए ऑटो सजेस्ट दिखा रहा है मुझे क्या स्टाइल शीट आप लिंक कर दीजिए होड सए सेम ही जगह पर है पाथ भी सेम ही है मैं क्या कर लेता हूं मैक्सिमम डॉट स्ल लगा देता हूं जिससे यह पता चल जाए कि मैं अपने ही फोल्डर में इसको सर्च करने की कोशिश कर रहा हूं ठीक है तो फाइल मेरी सर्व हो गई बिल्कुल ठीक बात है रिफ्रेश किया स्टाइलिंग अभी भी नहीं आई एक बार चेक कर लेते हैं जरा मैं इंस्पेक्ट करके देखता हूं कि मेरी सीएसएस फाइल इंक्लूड भी हुई या नहीं हुई है ना एक सेकंड दीजिएगा ये शायद अलग जगह खुल रही है इसको हम खोल लेते हैं नीचे तो ये आ गया मेरा डेवलपर टूल्स है ना हम आ जाते हैं एलिमेंट्स में ही हमको आना है थोड़ा सा मैं इसको बड़ा कर लेता हूं ताकि आपको एकदम क्लियर नजर आ सके कि यहां क्या करने की कोशिश कर रहे हैं है ना अब देखिए मैं हेड के अंदर अगर चेक करता हूं हेड के अंदर मैं आ जाता हूं देखिए लिंक हुई तो है मेरी h.c. css4 को खोल कर देख लेते हैं देखिए इसको आई थिंक ये मिल ही नहीं रही है मैं अगर कंसोल में जाकर देखूंगा देखिए यहां पर बोल भी रहा है फेल टू लोड रिसोर्स द सर्वर रेस्पॉन्डेड विद द स्टेटस 404 किस चीज के लिए बोल रहा है है ना एक बार अगर मैं नेटवर्क कॉल्स में आकर देख लूं क्या नेटवर्क कॉल्स में दिखाई देगा एक बार चेक कर लेते हैं ये देखिए ने 404 भेज दिया यानी वो कह रहा है मैं h.c. सए फाइल एजिस्ट नहीं करती पर यार होड सए फाइल तो एजिस्ट करती है मेरा आईडी में मैं क्लिक करके जा रहा हूं तो मैं जा भी पा रहा हूं फिर दिक्कत क्या है देखिए दिक्कत यह है कि आपका जो भी सारे के सारे फोल्डर्स यहां पर हैं जो फोल्डर्स आपको दिख रहे हैं ये फोल्डर्स जो सर्वर है वो दे नहीं सकता किसी को है ना यानी ये सारा का सारा कोड जो है वो प्राइवेट है अगर मैं सर्वर पर डायरेक्टली आपका अभी यहां कर क्या आ रहे हैं अगर आप इस नेटवर्क कॉल में आकर देखेंगे हम डायरेक्टली आपका स्ल होम फाइल एक्सेस करने की कोशिश कर रहे हैं है ना मैं अगर यहां हेडर्स मैकर देखूंगा हम क्या बोल रहे हैं कि भाई लोकल होस्ट 3000 home.com ड सीएए कोई एक्सेस करने की कोशिश करेगा कोई क्या हम ही खुद एक्सेस करने की कोशिश कर रहे हैं तो नहीं कर सकते तो इसका तरीका क्या है वही तरीका हम यहां सीखने वाले हैं तरीका क्या है अगर आपको स्टैटिक फाइल सर्व करने हैं है ना अगर आपने कोई मान लीजिए यहां पर बना भी लिया है सीएसएस फाइल तो उसको सर्व करने का तरीका क्या है सर्व करने का तरीका है एक पब्लिक नाम का फोल्डर बनाना और उसके अंदर इन सीएसएस फाइल्स को डालना ठीक बात है तो अब ये फाइल सर्व करने का तरीका क्या है आपको दो काम करने होंगे पहला तो एक ये कन्वेंशन है कि आप जनरली क्या करते हैं पब्लिक नाम का एक फोल्डर बना लेते हैं है ना आप क्या करते हैं एक पब्लिक नाम का फोल्डर बना लेते हैं उसके अंदर जो भी आपको फाइल्स डालनी है वो डाल देते हैं क्यों जिससे आप ये अपनी इंटेंट क्लियर कर रहे हैं क्या इंटेंट क्लियर कर रहे हैं कि भाई जो भी पब्लिक के अंदर है वो एक्सेसिबल होना चाहिए बाय डिफॉल्ट तो कुछ भी एक्सेसिबल नहीं है पब्लिक भी एक्सेसिबल नहीं है बट फिर भी हमें कन्वेंशन है कि फोल्डर का नाम हम पब्लिक बना रहे हैं बोल रहे हैं भाई इसको आप पब्लिकली एक्सेसिबल कर देना और दूसरा क्या कर रहे हैं दूसरा साथ-साथ हमको एक मिडिल वेयर यहां पे यूज़ करना पड़ता है एक्सप्रेस का जहां एक्सप्रेस में एक मिडिल वेयर का नाम होता है स्टैटिक एक फंक्शन होता है जिसका नाम स्टैटिक है उसके अंदर आप जो भी पाथ देते हैं वह पाथ वह पब्लिक कर देता है यानी उसके बाद उस पाथ के अंदर जो भी फाइल्स हैं उनको वह पब्लिकली एक्सेसिबल करा देता है तो चलिए जल्दी से हम यह करके देख लेते हैं क्या करेंगे सबसे पहले यहां पर एक फोल्डर बना लेंगे हमारा जो चैप्टर नंबर 11 है इसके अंदर हमको एक नया फोल्डर बनाना है यहां नया फोल्डर बना लेते हैं उसका नाम मैं रख देता हूं पब्लिक है ना देखिए क्योंकि रिकॉग्नाइज्ड है जैसे मैंने कहा कन्वेंशन है तो इसके लिए आइकन भी पहले से बना हुआ है इंटरनेट वाला आइकॉन हमको दिख रहा है है ना दिख रहा है कि भाई पब्लिक ये फोल्डर जो है पब्लिक टाइप का बनने वाला है अब जो हमारी सीएसएस फाइल थी उसको आप उठाकर पब्लिक के अंदर मूव कर दीजिए मैंने क्या किया अपनी फाइल को उठाकर पब्लिक के अंदर मूव कर दिया क्योंकि मैं पब्लिक का सारा का सारा डाटा क्या करने वाला हूं एक तरह से पब्लिक करने वाला हूं है ना इतना किया तो चला क्या नहीं इतना किया तो नहीं चला क्यों क्योंकि अभी एक स्टेप पेंडिंग है हमको क्या करना है हमको मिडिल वेयर ऐड करना है मिडिल वेयर कहां ऐड कर रहे होंगे app.js के अंदर ऐड कर रहे होंगे है ना तो हम यहां क्या कर सकते हैं इसके बाद में यहां पर आ जाता हूं मैं बोल देता हूं प डट यूज है ना हम यहां क्या कर रहे हैं एक नया मिडिल वेयर ऐड करने की कोशिश कर रहे हैं इसका नाम क्या है एक्सप्रेस ड स्टैटिक तो मैं बोल दूंगा एक्सप्रेस डट स्टैटिक है ना देखिए ऑटो सजेस्ट कर रहा है क्या हमारे पास डायरेक्टरी नेम या रूट डायरेक्टरी हमारे पास ऑलरेडी है हम देख सकते हैं हमने पहले कैसे किया है देखिए रूट डायरेक्टरी हमने किया है रूट डायरेक्टरी हमारे प्रोजेक्ट की रूट पर ले जाती है उसके बाद हमने फोल्डर का नाम दे दिया है तो हम यहां भी यही कर लेंगे इसको मैं कॉपी पेस्ट कर लेता हूं है ना स्टैटिक के अंदर इसको हमने कॉपी पेस्ट कर लिया पर रूट डायरेक्टरी के बाद हम क्या बोल रहे हैं पब्लिक फोल्डर जो पब्लिक फोल्डर है उसको पूरे को आप एक्सेसिबल बना दीजिए देखिए पाथ बनाने का जो तरीका है वो एगजैक्टली सेम है जैसा पहले हमने बनाया था क्या पाथ डॉट जॉइन हमने रूट डायरेक्टरी दिया था रूट डायरेक्टरी के अंदर हमारा क्या था व्यूज था व्यूज के अंदर 404 html4 04 html5 करूंगा तो ये क्या बोल रहा है अब एक्चुअली 404 वाला पेज तो हमको दिखे दिखने ही वाला है मैं काम करता हूं होम एडेड को एक्सेस कर लेता हूं है ना हो डेड html4 मिल रहा है क्योंकि मैं डायरेक्टली जाकर फाइल्स को पाथ पर एक्सेस नहीं कर सकता यहां मैंने सिर्फ उस पर्टिकुलर रिक्वेस्ट के लिए बोला है कि ये फाइल सर्व कर दीजिए इन जनरल पब्लिकली एक्सेसिबल नहीं है बट अब मैंने बोला कि पब्लिक फोल्डर के अंदर भाई जो भी है उसको आप नॉर्मली सर्व कर सकते हैं तो अब मैं क्या बोलूंगा मान लीजिए 3000 उसके बाद मुझे क्या बोलना है व्यूज की जगह मैं आप बोल दूंगा मान लीजिए पब्लिक फोल्डर है ना और पब्लिक के अंदर मेरा क्या है होड css4 है कोई भी अब अगर इसको एक्सेस करने की कोशिश करेगा अच्छा एक बार शायद हमको सर्वर रीस्टार्ट करना चाहिए है ना एनपीएम सर्वर मैंने रीस्टार्ट कर दिया हमने बोल दिया 3000 प् स् हो सीएसएस अब एक्चुअली ये डायरेक्टली क्योंकि हम गेट रिक्वेस्ट करने की कोशिश कर रहे हैं इसलिए यहां पर नहीं चल रहा है अब मैं क्या करता हूं वापस आकर एक बार अपने होम को देखता हूं होम में देखिए हमने क्या किया हुआ है डॉ होम सीएसएस लगाया हुआ है अब हम कैसे करेंगे डायरेक्टली पब्लिक फोल्डर के अंदर का जो लिंक है वह आप यहां पर दे रहे होंगे अब आपको कोई भी फाइल का लिंक देना है आप डायरेक्टली पब्लिक फोल्डर के अंदर का लिंक दे रहे होंगे अब अगर यह मैंने कर लिया और मैं आपको होम पेज पर आकर दिखाता हूं 3000 पर आकर दिखाता हूं तो देखिए क्या हुआ स्टाइलिंग मेरी हो गई है है ना मैं फिर से अगर अब नेटवर्क में आकर देखूंगा मान लीजिए मैं नेटवर्क में आया होड css3 home.com फाइल है पब्लिकली एक्सेसिबल हो गया है है ना तो यह तो बात हुई कि आपको इन चीजों को पब्लिकली एक्सेसिबल बनाना कैसे है आपको इनको स्टाइल कैसे करना है तो देखिए मैं चाह रहा हूं कि ये जो हमारा होड सीएसएस है थोड़ा सा अच्छा हो जाए बट क्या है हमारा ये जो कोर्स है अभी हम स्टाइलिंग पर तो बहुत ज्यादा ध्यान दे नहीं रहे हैं तो मैंने क्या किया है मैंने पहले से यहां पर एक स्टाइलिंग बनाकर रखी हुई है है ना ये आपके नोट्स में रहेगी आपको अगर चेक आउट करना है यहां पर चेक कर सकते हैं जिसको मैं यहां पर बस डायरेक्टली पेस्ट कर देता हूं है ना जिस तो मैंने क्या किया होड सीएसएस का जो भी हमने सीएसएस ऐड किया हुआ था ये मैंने चेंज कर दिया इसको अभी अगर मैं रिफ्रेश करता हूं तो देखिए क्या हो गया है वेलकम टू एयर बीएनबी ऐड होम टाइप की चीज यहां पर आपको दिखने लग गई है है ना हमने ये ऊपर अलग से डाल दिया ऐड होम आपको यहां अलग से दिख रहा है अब आप यहां जा रहे हैं तो स्टाइलिंग दूसरी जगह हो गई अगेन ये भी कोई बहुत ज्यादा अच्छी स्टाइलिंग हमने नहीं की है बट बेसिक स्टाइलिंग कर ली है जो आपके यहां पर काम आ सके तो अब आपको ये समझ आ गया अगर आप सीएसएस ऑलरेडी यूज करना जानते हैं सीएसएस ऑलरेडी यूज कर पाते हैं तो उसको मैं कैसे फाइल बनाकर कैसे एक पब्लिक फोल्डर के अंदर हम डाल सकते हैं कैसे उसके बाद हम क्या कर सकते हैं उसमें एक मिडिल वेयर लगाकर उसको एक्सेसिबल बना सकते हैं और कैसे उसके बाद उसको लिंक करना है पाथ हमेशा याद रखना है अब ये व्यूज से रिलेटेड पाथ नहीं है व्यूज से होड सीएसएस पढ़ा है इस बात से कोई रिलेशन नहीं है आपको क्या करना है हमेशा जो आपका पब्लिक फोल्डर है उसके अंदर का आपको लिंक डालना वो जो पाथ है वो डालना स्टार्ट करना है ठीक है तो फाइल्स को पब्लिकली बेसिकली सर्व कैसे करना है स्टैटिक फाइल्स को कैसे सर्व करना है ये तो हमको बात समझ आ गई अब हम ये देखेंगे कि यार ये जो टेल विंड नाम की चिड़िया है जिसके बारे में हम बात कर रहे हैं ये टेल विंड है क्या और इसका क्या फायदा है सर ये जो फ्रेमवर्क है मैं नॉर्मल सीएसएस ही यूज़ क्यों ना कर लूं मैं टेल विंड क्यों यूज़ करूं है ना तो देखिए मुझे जो बात समझ आई जो दो-तीन चीजें इसकी बहुत ज्यादा अच्छी हैं देखिए जो बना रहा है उसको तो बहुत सारी चीजें बोलेगा जो अच्छी हैं है ना पर जो मुझे ऐसा लगता है प्रैक्टिकली जिसका बहुत ज्यादा फायदा है है ना उन दो-तीन चीजों के बारे में बात कर लेते हैं सबसे पहला तो रिस्पांसिस यानी इसमें जब आप बाय डिफॉल्ट सीएसएस लिखना स्टार्ट करते हैं ना तो वो फोन के लिए सीएसएस होती है है ना वो सीएसएस कैसी होती है फोन के लिए होती है आपको बड़ी स्क्रीन के लिए हैंडल करना पड़ता है पहले क्या करना पड़ता था बड़ी स्क्रीन के लिए आप लिख लेते थे फोन के लिए हैंडल करना पड़ता था तो पहली बात तो बहुत सारी चीजें बाय डिफॉल्ट इसमें रिस्पांसिस होती हैं उसके बाद भी आपको भी जब रेस्पॉन्सिव बनाना है रिस्पांसिस का मतलब क्या है कि फोन पर भी चले टैबलेट पर भी चले कंप्यूटर पर भी चले हर जगह स्पेसिंग अपने हिसाब से एडजस्ट कर ले है ना देखिए जैसे मैं आपको एक एग्जांपल खोल के दिखा देता हूं जैसे मैं बोल रहा था हमने नॉलेज गट की वेबसाइट टेल बंड में बनाई है अगर हम नॉलेज gate.in पर जाते हैं है ना देखिए मैं इसको बड़ा कर रहा हूं तो देखिए चीजें क्या कर रही है अपने हिसाब से साइज ग्रो हो रहा है चीजों का साइज कम हो रहा है है ना अपने हिसाब से भड़कड़ रहा है उसके बाद देखिए जब साइज ज्यादा छोटा होता है तो क्या होता है तीनों के तीनों फैकल्टीज की इमेज क्या हो जाती है एक के नीचे एक लग जाती है एक के बाद एक लग जाती है तो अपने आप मोबाइल के लिए मोबाइल व्यू के लिए एडजस्ट हो रहा है ऊपर देखिए जैसे मेरे आइकन है नॉलेज गेट का फुल आइकन अभी आपको दिख रहा है मैं इसको छोटा करना स्टार्ट करता हूं तो देखिए क्या हुआ सबसे पहले साइन अप और लॉगइन बटन जो है इन्होंने क्या किया स्क्रीन जैसे ही एक साइज से छोटी हुए अपना टेक्स्ट गायब कर दिया सिर्फ आइकॉन दिखाना स्टार्ट कर दिया अच्छा अगर और छोटी स्क्रीन होती तो देखिए और छोटी हो रही है पूरा टूल बायर ही गायब हो गया मेरा यहां से वो कहां चला गया बर्गर मेन्यू के अंदर चला गया जिसको बर्गर मेन्यू बोलते हैं पूरा टूलबार वहां चला गया और साथ-साथ आप देखोगे आइकन भी छोटा हो गया यानी आइकन चेंज हो गया है केजी नाम का आइकन हो गया है है ना तो ये सब क्या है ये टेल विं बाय डिफॉल्ट हमको दे रहा है हम ये एक्सेस कर पा रहे हैं आप वेबसाइट के अंदर जाकर देखेंगे तो ये जितने इफेक्ट्स हैं जितना सीएसएस है सब कैसे बनाया हुआ है पूरा का पूरा टेल विंड से ही बनाया हुआ है अब देखिए इसमें भी आप ऐसा कर सकते हैं कि स्क्रीन छोटी होती रहे तो पहले साइज छोटा होगा उससे ज्यादा छोटी हो जाए तो हम बोल रहे हैं मोबाइल व्यू पर यार ये इमेज इतना इंपॉर्टेंट नहीं है टेक्स्ट ज्यादा इंपॉर्टेंट है तो अगर कोई इससे भी छोटी स्क्रीन पर दिख रहा है ना तो एक काम करना उसको इमेज दिखाना ही मत उसको क्या दिखा देना सिर्फ टेक्स्ट दिखा देना है ना तो ये सब काम आप इस टेल विंड की हेल्प से कर सकते हैं यानी रिस्पांसिस जो है ये बहुत ज्यादा होता है इसमें जब आप कोई भी काम करते हैं तो रिस्पांसिस होता है दूसरा इंपॉर्टेंट बात क्या है यूटिलिटी फर्स्ट यानी यह क्या करती है बेसिक यूटिलिटी क्लासेस देती है आगे चलके इसी को अभी हम देख रहे होंगे यानी आपको बिल्कुल भी बेसिक चीजों के लिए सीएसएस फाइल डिफाइन करने की जरूरत नहीं पड़ती है आप यूटिलिटी क्लासेस लगाते हैं जैसे आपको कहीं पर रेड कलर देना है आपने पहले उसके लिए क्लास डिफाइन की मान लीजिए कि भाई टेक्स्ट कलर रेड होना चाहिए उसके बाद आप हर जगह वो क्लास अप्लाई कर रहे हैं इसने वो सारी की सारी क्लासेस पहले से बनाई हुई है यूटिलिटी क्लासेस जिनको आप डायरेक्टली इस्तेमाल कर सकते हैं काफी ज्यादा आप इसको कस्टमाइज कर सकते हैं है ना ये अगेन बहुत बिगनर लेवल पे नहीं करना होता है बट आप बाद में चलके कर सकते हैं रिस्पांसिस डिजाइन की हमने बात कर ली है है ना और इसका एक ये लॉजिक है जैसे हम बूटस्ट्रैप भी यूज़ करते हैं बहुत सारी चीजें यूज़ करते हैं पहले से बहुत सारे कंपोनेंट्स प्री डिफाइंड होते हैं यहां पर भी प्री डिफाइंड है बट इसका जो मेन कांसेप्ट है वो ये नहीं है कि किसी ने सीएसएस पहले से बनाई हुई है मैं उसकी सीएसएस क्लासेस इस्तेमाल कर लेता हूं इसका पूरा कांसेप्ट ये है कि सीएसएस करना आसान कैसे हो जाए सबसे इंपॉर्टेंट बात इसकी एक क्या है कि देखिए अभी जब हम काम कर रहे होते हैं अभी भी जैसे हम काम कर रहे थे देखिए हम क्या कर रहे थे आपकी जगह हम क्या कर रहे थे एचटीएमएल फाइल हमने एक अलग बनाया सीएसएस फाइल हमने एक अलग बनाया बार-बार मैं एटीएमएल का स्ट्रक्चर यहां पर डिफाइन करता हूं सीएसएस जाकर दूसरी फाइल में डिफाइन करता हूं है ना ये क्या बोल रहा है ये बोल रहा है कि यार ये बार-बार इनके जो मेन डेवलपर है उनका यही था कि यार ये बड़ा पेनफुल होता है कि मैं पहले एक एलिमेंट यहां पर डिफाइन करूं उसका स्टाइलिंग वहां पर डिफाइन करूं फिर वापस आकर स्ट्रक्चर चेंज करूं फिर उधर जाकर स्टाइलिंग चेंज करूं यानी आपको सीएसएस फाइल की जरूरत पड़नी ही नहीं चाहिए इन मोस्ट ऑफ द केसेस आपको सीएसएस फाइल बनाना ही नहीं पड़ेगा आप सारा का सारा स्टाइलिंग html2text एक ये काफी बड़ी प्रॉब्लम होती है पर्जिंग सीएसएस प्रैक्टिकल प्रोजेक्ट मैंने देखा amazon2 इश्यूज हो रहे थे पेंटिंग के टाइम पर है ना जब यूआई पेंट होता है तो बहुत सारा बहुत बड़ा सीएसएस है कैसे इसको यूज किया जाए तो कोई टूल्स इस्तेमाल करने शुरू किए कुछ देखना शुरू किया कि यार कितना परसेंट सीएसएस यूज नहीं हो रहा है तो प्रोजेक्ट चार से पाच साल पुराना था जो कि बहुत ज्यादा पुराना भी नहीं था और 88 पर सीएसएस ये फिगर आउट हुआ कि 88 पर सीएसएस क्लासेस जो डिफाइन की गई थी वो कभी यूज ही नहीं हो रही थी यानी होता ये है कि डेवलपर जाता है अपना काम करता है सीएसएस फाइल डिफाइन करता है जब उसको कुछ चेंज करना होता है तो एचटीएमएल में से जाकर वो चेंज कर देता है नई सीएसएस क्लासेस डिफाइन कर लेता है बट पुरानी क्लासेस कभी डिलीट नहीं करता क्योंकि हो सकता है किसी और ने यूज़ कर ली हो मैं क्यों डिलीट करूं है ना तो एक पॉइंट के बाद क्या होता है सीएसएस इकट्ठी होती जाती है टेल बंड में ऐसा बिल्कुल नहीं होता आपकी सीएसएस फाइल हमेशा एकदम मिनिमल रहती है ऑन द फ्लाई चेंज होती रहती है लगातार आप जैसे इस्तेमाल करेंगे वो सीएसएस फाइल में ऐड हो जाएगा ऑटोमेटिक ऐड हो जाएगा अभी देखेंगे कैसे आप हटाएंगे तो वो हट जाएगा तो इससे क्या होता है डेवलपमेंट आपका काफी ज्यादा फास्ट भी हो जाता है ठीक है तो एक बार इसको देखना शुरू कर करते हैं सबसे पहला पॉइंट जो अभी हमने देखा था यूटिलिटी क्लासेस इसका क्या मतलब है तो देखिए यूटिलिटी क्लासेस का मतलब है इस तरह की क्लासेस जो हम पहले अपने प्रोजेक्ट्स में मैनुअली डिफाइन कर रहे होते थे यहां सारी क्लासेस पहले से डिफाइन होती है जैसे हम अपने प्रोजेक्ट में कैसे डिफाइन करते थे कि यार प्राइमरी टेक्स्ट जहां पर भी मैं टेक्स्ट प्राइमरी दूं उसका कलर ये दे दीजिएगा जहां मैं बैकग्राउंड प्राइमरी दूं वहां पर ये बैकग्राउंड कलर दे देना अगर मैंने कहीं लिख दिया डब्लू फुल यानी विड्थ फुल तो विड्थ 100% हो जाना चाहिए एच फुल तो हाइट 100% हो जाना चाहिए तरीका होता है कुछ कॉमन सीएसएस क्लासेस डिफाइन कर लेने का जिनको आप बार-बार हर जगह इस्तेमाल कर रहे होते हैं इनको बोलते हैं यूटिलिटी क्लासेस तो पूरा टेल विंड इन यूटिलिटी क्लासेस पर ही बेस्ड है है ना तो वो ये बोल रहा है कि मैंने हर चीज के लिए पहले से यूटिलिटी क्लास बना दिया आप उसी के बेसिस पर चीजों को कर सकते हैं आपको फॉन्ट करना है स्पेसिंग करना है लेआउट की चीजें मिसलेनियस जो भी चीजें आपको डिफाइन करनी है हर चीज की इसने पहले से टरी क्लास बनाई हुई है है ना तो अब देख लेते हैं हमको इसको इस्तेमाल कैसे करना है तो देखिए जब भी आपको टेलमेंट यूज करना है सबसे पहले इसका ये जो एक्सटेंशन है ये हमको इंस्टॉल करना है टेल विंड सीएसएस का इंटेलिजेंस यानी हम वापस आ जाएंगे कहां अपने वीएस कोड में में या कर्सर में जो भी मैं इस्तेमाल करने की कोशिश कर रहा हूं एक्सटेंशंस में आएंगे है ना आपको अगर लेफ्ट में दिख रहा है तो लेफ्ट में देख लीजिएगा उसको और यहां पहले लिखेंगे सबसे पहले क्या हमको क्या लिखना है इसका नाम क्या है टेल टेल विंड सीएसएस इंटेलिजेंस तो मैं यहां टेल विंड ही लिख देता हूं बस इफ आई राइट टेल विंड सीएसएस है ना इसको हम सर्च कर लेते हैं तो देखिए क्या आ रहा है टेल विंड सीएसएस ट्यून के नाम से आ रहा है नहीं यह हमको यूज नहीं करना है टेल विंड सीएसएस इंटेलिसेंस के नाम से पूरा ही सर्च कर लेते हैं है ना देखे आ गया टेल विंड सीएसएस इंटेलिजेंस ये कितनी जगह पर कितने लोगों ने यूज़ किया ऑलरेडी 7.8 मिलियन लोग इसको डाउनलोड कर चुके हैं मैं इसको पहले से ही इंस्टॉल कर चुका हूं है ना तो आपको यहां इंस्टॉल बटन दिख रहा होगा आप इसको इंस्टॉल करेंगे तो ये इंस्टॉल हो जाएगा इसका फायदा क्या होगा देखिए एक प्रॉब्लम इसमें ये होती है यूटिलिटी क्लासेस की वजह से कि अगर इतनी सारी यूटिलिटी क्लासेस आपने बनाई हुई हैं तो याद कैसे रहेगी कि कौन सी क्लास क कहां पर यूज़ करनी है इस क्लास का पूरा नाम क्या है तो ये क्या करने की कोशिश करता है टेल विंड सीएसएस का ये जो आपका अ अ एक्सटेंशन हम इस्तेमाल करने की कोशिश कर रहे हैं ये ऑटो कंप्लीट करता है आपकी टेल बेंट की सीएसएस को है ना तो ऑटो कंप्लीट करता है तो उससे बहुत ज्यादा फायदा हो जाता है देखिए जैसे आप यहां लिखना शुरू करेंगे बैकग्राउंड टी जैसे ही मैंने लिखा तो ये बता रहा है भाई टील कलर की है और ये टील के इतने सारे शेड्स हैं यानी हर कलर के शेड्स इसने पहले से डिफाइन किए हुए हैं बट आप क्या कर सकते हैं आपको पूरा याद करने की जरूरत नहीं है देखने की जरूरत नहीं है आप उसको सेलेक्ट करके डायरेक्टली ऑटो कंप्लीट कर सकते हैं तो ये तो काम हमने कर लिया लविन सीएसएस हमारा इंस्टॉल हो गया बाकी चीजों कोभी मैं यहां से बंद कर देता हूं है ना हम बस वापस अपना होड सीएए मान लीजिए खोल लेंगे है ना होड तो ऐसे करना है जो हमारा एक्सटेंशन है वो तो हमने इंस्टॉल कर लिया पर टेल विंड को इंक्लूड कैसे करेंगे यानी टेल विं मेरे प्रोजेक्ट में चलना कैसे स्टार्ट होगा तो देखिए इसके दो तरीके हैं है ना अगर हम टेल विं की ऑफिशियल वेबसाइट पर भी जाते हैं तो इसके दो तरीके होते हैं क्या-क्या तरीके हैं एक बार टेल विंड की वेबसाइट पर जाकर देख लेते हैं टेल विंड सीएसएस देखिए सीधे इंस्टॉलेशन पेज पर ही मेरे को य ले गया है है ना अगर मैं इंस्टॉलेशन पेज पर चला जाता हूं थोड़ा सा बड़ा करके आपको दिखा देता हूं तो देखिए यहां पर ये क्या बोल रहा है एक है प्ले सीडीएन वाला तरीका यानी ये है सबसे आसान तरीका प्ले सीडीएन के अंदर क्या होता है अगर आप प्ले सीडी दबा रहे हैं तो ये आपको एक लिंक देगा कि भाई ये एक सीएसएस फाइल का लिंक है ये आप अपने पास इंक्लूड कर लीजिए उसके बाद सारी चीजें आपकी अपने आप से चल जाने वाली है कुछ इंटरनेट शायद इशू कर रहा है एनीवे हम आ गए प्ले सीडीएन पर तो देखिए प्ले सीडीए में क्या बोल रहा है ये स्क्रिप्ट आप इंक्लूड कर लीजिए यानी ये स्क्रिप्ट टैग अगर आप लगा लेंगे अपने पास तो क्या होगा सारी की सारी सीएसएस आपके पास आ जाएगी बट देखिए इसका नुकसान क्या होता है ये पहली बात तो रन टाइम डिपेंडेंसी है यानी जब आपका पेज फाइनली ब्राउजर पर जाकर लोड होता है तब ये वहां से बहुत सारी चीजें टेल विंड से लेकर आ रहा होता है स्क्रिप्ट भी लेकर आ रहा होता है यानी जावास्क्रिप्ट भी लेकर आ रहा होता है और साथ-साथ सारी की सारी सीएसएस भी लेकर आ रहा होता है दूसरा क्या है यही बहुत हैवी है यानी हर एक के लिए अब इसको तो नहीं पता आपने पेज में क्या-क्या यूज़ किया हुआ होगा तो होता यह है कि बहुत सारा जो कंटेंट है वो लेकर अपने साथ आ जाता है इसलिए ये रिकमेंडेटरी नहीं है अगर आप बहुत क्विकली एक प्रोजेक्ट में थोड़ा बहुत खेलने की कोशिश कर रहे हैं उसको चेक करने की कोशिश कर रहे हैं तो आप ये प्ले डीएन यूज़ कर सकते हैं अदर वाइज तरीका क्या है आपको इसको प्रॉपर्ली इंस्टॉल करना चाहिए है ना तो हम क्या करेंगे तरीका हमने आपको बता दिया पर हम भी इसको प्रॉपर्ली इंस्टॉल करके देख रहे होंगे है ना तो इंक्लूडिंग तो हमने देख लिया बट इंस्टॉल कैसे करेंगे देखिए अगर नया प्रोजेक्ट है तो आपको करना है एनपीएम इट माइनस y पहले करना है है ना यानी एक नया प्रोजेक्ट बनाना है बट हम तो प्रोजेक्ट ऑलरेडी बना चुके हैं हम प्रोजेक्ट तो हमारा देखिए एनपीएम प्रोजेक्ट तो हमारा चल ही रहा है चैप्टर 11 प्रोजेक्ट तो हमारा चल रहा है तो हमको क्या करना है पहले मान लीजिए मैं सर्वर को किल कर लेता हूं है ना मैंने क्या किया सर्वर को क्ल कर लिया अभी यहां पर अगर मैं वापस आ जाता हूं और मैं कर लेता हूं टेल विंड सीएल आई यानी मेरे को इंस्टॉल करना है तो देखिए क्या बोल रहा है ये बोल रहा है एनपीएम इंस्टॉल माइनस डी टेल विंड सीएसएस आपको चलाना है है ना आपको क्या करना है माइनस डी टेल विंड सीएसएस ना है हमने क्या बोला आपको पोस्ट सीएसएस और ऑटो प्रीफिक्स कर ये भी दो पैकेजेस हैं इनको भी आप साथ ही में इंस्टॉल कर लेंगे तो फायदा होगा यानी ये भी पैकेजेस जनरली इस्तेमाल हो रहे होते हैं है ना तो मैं क्या करता हूं मान लीजिए ये फाइल पूरी कॉप ये जो कमांड है कॉपी कर लेता हूं एयर बीएनबी स्टाइलिंग के अंदर आया इसको डाल दिया और साथ-साथ दो जो हमको ऐड करने थे वो भी हमने ऐड कर लिए क्या क्या-क्या नाम है इन दोनों के एक का नाम है पोस्ट सीएसएस एक का नाम है ऑटो प्रीफिक्स तो मैं क्या करता हूं पोस्ट सीएसएस ऑटो ी फिक्सर ये मैंने नाम डाल दिए है ना इंस्टॉल माइडी कर रहे हैं तो बेसिकली पूरे में फोर्सफुली ग्लोबली इंस्टॉल हो जाएगा तो क्या हुआ देखिए सारे के सारे पैकेज ये तीन पैकेज ने इंस्टॉल करने की कोशिश की ये तीन पैकेज इंस्टॉल करने के लिए इसको 105 पैकेजेस एक्चुअली इंस्टॉल करने पड़े बट ठीक है हमको क्या हमारे तीन पैकेजेस इंस्टॉल हो गए है ना तो अभी तो देखिए यहां पर कोई फर्क नहीं पड़ा हमारा नोड मॉड्यूस फोल्डर जो है वो थोड़ा सा मोटा हो गया हो गया बस कोई बात नहीं अगला हमको क्या करना है एप एक टेल विंड इट देखिए सारी कमांड्स यहीं पर दी हुई हैं आप हमारे नोट्स से भी देख सकते हैं बट अगर आप टेल विंड पर आकर देखेंगे हमेशा आपको लेटेस्ट चीज़ देखने के लिए मिलेगी टेल विंड स में यह वाला जो कमांड है अगला यह कमांड चलाना है क्या कर रहा है इन यानी ये बोल रहा है टेल विं की भाई एक फाइल बना दीजिए तो देखिए इसने टेल विं की यहां पर एक कॉन्फिन बना दी जैसे ही ये हमने कमांड चलाई टे टेल विं की कॉन्फिन गई है उसके बाद ये क्या बोल रहा है उसके बाद ये बोल रहा है कि यहां कंटेंट में आपको एक्चुअली देना पड़ता है क्या देना पड़ता है कि आप कहां पर अपना तो आप यहां बोल देंगे डॉट व्यू स् स्टार्ट html5 को मैच कर लेना तो मैं यहां कंटेंट में क्या डाल रहा हूं मेरा कंटेंट कहां मिलेगा मैं बोलूंगा स्लैश व्यूज है ना स्लैश उसके अंदर कोई भी फोल्डर हो सकता है देखिए डबल स्टार्ट लगाएंगे तो उसका मतलब है व्यूज के अंदर जरूरी नहीं सारे फाइल्स डायरेक्टली व्यूज के अंदर हो उसके अंदर भी मैं कल को फर्द फोल्डर बना सकता हूं और आपको क्या करना है उसके अंदर जो भी html5 हो जेएस को हम हटा देते हैं जो भी html5 हो उसके अंदर मेरी जो टेल विंट की क्लास है वोह यहां पर हो सकती है तो यह आपको ध्यान रखना है ठीक बात है तो ये हमने जो कॉन्फ़िग है ये भी कर दी जब ये कॉन्फिन कर दी इसके बाद अगला स्टेप क्या है देखिए थोड़ा सा लंबा है बट आपको थोड़ा सा एक बार ध्यान रखना पड़ेगा क्या बोल रहा है उसके बाद ये जो डायरेक्टिव है ये आपको कहां पर ऐड करने है व्यूज के अंदर एक इनपुट ड सीएए नाम की फाइल बनानी है सर आपने तो बोला था सीएसएस फाइल कभी नहीं बनानी पड़ेगी भाई एक फाइल बस यहां पर बनानी पड़ती है है ना जिसको ये हमेशा इस्तेमाल करेगा तो मैं बोल दूंगा इसको इनपुट ड सीएए और ये देखिए हम पब्लिक फोल्डर में भी नहीं बना रहे हैं अपने जहां हमने कोड रखा हुआ है वहीं पर बना रहे हैं और इसके अंदर हमको क्या पेस्ट कर देना है देखिए यहां पर आकर ये दिखा रहा है कि ये तीन चीजें आप इसके अंदर पेस्ट कर दीए अगेन मैं इन सब चीजों की डिटेल में नहीं जा रहा हूं हम एक-एक चीज कैसे कर रहे हैं अगर हमको टेल विंट पर डिटेल कोर्स करना होगा तो उसके अंदर इन सब चीजों की बात करेंगे ठीक है तो ये तीन चीज मैंने यहां पर डाल दी ये भी हो गया उसके बाद ये क्या बोल रहा है उसके बाद ये बोल रहा है आपको बस एप एक टेल विं ये अपना वॉच कमांड चलाना है तो ये क्या करेगा अपने आप आउटपुट फाइल जो है वो बनाता रहेगा है ना तो अगर मैं इसके बाद आकर देखूं ये क्या बोल रहा है इसके बाद आपको क्या करना है एक पब्लिक आउटपुट डॉ सीएसएस को आपको अपनी इंडेक्स फाइल के अंदर इंक्लूड करना है है ना इंडे अपनी इंडेक्स फाइल के अंदर या जो भी आपकी एटीएल फाइल उसके अंदर जाइए और उसके अंदर बोलिए कि भाई यह पब्लिक आउटपुट सीएसएस फाइल मैं यहां पर इंक्लूड करना चाहता हूं तो चलिए मैं वापस आ जाता हूं ये जो हमारा होड html.com . css4 ही हुआ है output.txt को यही कमांड चलाना है देखिए कमांड हम यहीं से उठा सकते हैं बट इसको हमको स्लाइटली चेंज करना है इसने एसआरसी इनपुट के हिसाब से दिया हुआ है हमने कमांड कहां डाला है देखिए हमारा इनपुट फाइल है इनपुट ड सीएसएस के अंदर और फाइनल आउटपुट चाहिए हमको पब्लिक डॉट सीस पब्लिक आउटपुट सीएसएस के अंदर है ना तो इसको हम चला लेते हैं पाथ को हम थोड़ा चेंज कर लेते हैं मैं क्या बोलूंगा आउटपुट जो हमको चाहिए वह चाहिए पब्लिक के अंदर है ना और जो इनपुट है वो हमारा आपको कहां मिलेगा वो हमारा आपको मिलेगा व्यूज के अंदर है ना व्यूज के अंदर मिलेगा हमारा इनपुट और ये ये मिलेगा पब्लिक और ये हमको कहां डालना है ये हम चाहें तो डायरेक्टली अगर पूरा पाथ हम चलाने की कोशिश कर रहे हैं तो डॉट स्ल भी हम चला सकते हैं आपको देखना है कहां पर है मैम क्योंकि प्रोजेक्ट के होम में ही है तो सेम जगह पर फोल्डर है सेम जगह पर मैंने इसको दे दिया है ना अब देखिए ये जो वॉच वाला जो अ कमांड है आपको एक जगह हमेशा चलाकर रखना पड़ता है एक टर्मिनल में हमेशा चलाकर रखना पड़ेगा जैसे आपका ब्राउजर चल रहा है ऐसे ही आपका ये भी चलता रहेगा अब देखिए मैं output.txt अब अगर मैं वापस अपने होम के अंदर आऊं तो देखिए यहां तो सीएसएस ऑलरेडी इंक्लूडेड थी मैं जो होड सीएसए हमने लगाया था इसको फिलहाल के लिए हटा देता हूं है ना मैंने इसको बोल दिया कि भाई हो . सीएए आपको इंक्लूड नहीं करना है है ना मैं फिर से इसको रिफ्रेश कर रहा हूं अच्छा हमने सर्वर बंद कर दिया है तो एक दूसरे टर्मिनल में हमको सर्वर भी स्टार्ट करना पड़ेगा एक दूसरा टर्मिनल मैंने यहां पर खोल लिया और उसके अंदर हम चले जाते हैं चैप्टर 11 के अंदर एयर बीएनबी स्टाइलिंग के अंदर यहां पर मैं कर देता हूं एनपीएम स्टार्ट है ना एनपीएम स्टार्ट में मैंने क्या कर दिया एनपीएम स्टार्ट दोबारा चला दिया फिर से लोकल होस्ट 3000 को हम रन करते हैं ब मैं चेक कर लेता हूं सर्वर तो रन हो रहा है आई थिंक सिस्टम थोड़ा सा स्लो हो गया है किसी वजह से हां तो देखिए क्या हुआ वेलकम टू एयर बीएनबी ऐड होम ही आ गया देखिए कुछ स्टाइलिंग गायब हो गई है हमारी डिफॉल्ट स्टाइलिंग जो है वो टेल विंट गायब कर देता है यानी ये जो लिंक है देखिए ड होम हमने क्या बनाया हुआ है लिंक बनाया हुआ है बट वो ब्लू कलर से नहीं आ रहा है अंडरलाइन नहीं आ रहा है अब सारी चीजें आपको ऐड करनी पड़ती है ऐड कैसे करनी पड़ेगी अब मान लीजिए मुझे इसके अंदर कुछ जो टेल की क्लासेस है वो देनी है तो देखिए मैं यहां पर क्या कर सकता हूं डायरेक्टली मुझे क्लास देनी है मैं मान लीजिए बोल देता हूं टेक्स्ट रेड है ना और रेड का कोई भी शेड दे सकते हैं मान लीजिए मैंने बोल दिया टेक्स्ट रेड 700 जैसे ही मैं इसको बोलूंगा टेक्स्ट रेड 700 और इसको हम रिफ्रेश करेंगे एक बार यह देख लेते हैं कि पहले वाला हमारा चैप्टर बंद तो नहीं हो गया है यह चल रहा है आउटपुट ड सीएसएस में क्या रेड का हमारा सीएसएस ऐड हो गया है देखिए जो भी अब आप सीएसएस यहां पर यूज करेंगे नहीं सीएसएस ऐड नहीं हुआ है इसका मतलब हमारा कमांड कुछ ठीक से नहीं चल रहा है एक बार चेक कर लेते हैं शायद हमने पाथ ठीक से नहीं दिया है यह जो टेल विंड कॉन्फिडेस किया था मैं इसको हटा देता हूं है ना स्टारड html5 एचटीएमएल वाली होने वाली है एक बार चेक करते हैं क्या आउटपुट में हां देखिए अब आउटपुट में क्या आ गया है टेक्स रेड 700 नाम की जो क्लास है वो हमारी बनकर आ गई है इसको अब मैं इसके बाद अगर रिफ्रेश करता हूं तो देखिए क्या हुआ मेरा जो टेक्स्ट है इसका कलर जो है वो रेड हो गया है है ना तो पाथ एक बार बस हमको फिर करना था उसके बाद मैं आ जाता हूं वापस कहां ऐड होम के अंदर नहीं सॉरी होम के अंदर जहां पर हम क्लास ऐड कर रहे थे मान लीजिए इसका टेक्स्ट साइज मुझे बड़ा करना है ये सब क्लासेस हैं जो पहले से बनी हुई है अब मैं क्या बोल सकता हूं टेक्स्ट यानी मेरे को इसका साइज बड़ा करना है है ना साइज के लिए आप क्या कर सकते हैं ये तो बेसिकली कलर के लिए है मैं क्या कर लेता हूं टेक्स्ट एलज है ना मैं बोलूंगा टेक्स्ट एलज तो क्या होगा या एक्सेल कर लेते हैं 2 एक्सेल कर लेते हैं फाइ एक्सल कर लेते हैं कुछ भी आप कर सकते हैं मैंने बोल दिया टेक्स्ट फ एक्सेल इसके बाद मैं इसको रिफ्रेश करता हूं तो देखिए क्या हुआ टेक्स्ट मेरा कितना बड़ा हो गया है तो टेल विं इसी तरह से काम करता है आपको क्या करना है आपको अलग-अलग यूटिलिटी क्लासेस यहां पर देने हैं है ना और वो यूटिलिटी क्लासेस का जो कोड है वो डायरेक्टली आउटपुट . css1 एक्सेल यूज़ किया 5 एकल जो भी हमने यूज़ किया था एक-एक बार लगाया था वो आ गया है थोड़ी देर में हट भी जाएगा जब उसको लगेगा कि ये यूज़ नहीं हो रहा है तो यहां से वो ऑटो पर्ज कर देगा उसको हटा देगा बट टेल विं का काफी ज्यादा फायदा होता है कि अब देखिए मुझे होड सीएए से बाहर नहीं जाना है कोई सीएसएस फाइल डिफाइन नहीं करनी है जो भी इसकी यूटिलिटी क्लासेस है मैं डायरेक्टली यहां पर एक्सेस कर सकता हूं है ना और यूटिलिटी क्लासेस का पता कैसे चलेगा अगर मैं अगेन टेलमेंट पर आऊंगा डॉक्स में आऊंगा तो यहां पर देखिए बहुत सारी यानी हर चीज के लिए मुझे कुछ भी अगर करना है उसके लिए कौन सी क्लासेस होनी चाहिए या सारी की सारी क्लासेस डिफाइंड है है ना अगेन अगर आपको चाहिए कि सर नहीं इनको भी एक बार डिटेल में बता दीजिए हमको यूआई भी देखना है तो एक बार कमेंट करिएगा हम टेल विंट को डिटेल में बताएंगे बट अभी के लिए हमने क्या कवर कर लिया कि हम स्टैटिक फाइल्स किस तरह से सव कर सकते हैं और अपनी जो चीजें हमारा जो यूआई है उसको हम कैसे बेसिकली शो कर सकते हैं है ना तो यूज कैसे करना है ये हमने देख लिया डायरेक्टली आप क्लासेस वगैरह यहां पर इस्तेमाल कर सकते हैं सिमिलर तरह का यूआई अगर आपको बनाना है जैसे हमने पहले बनाया था तो आपको नोट्स में दिख जाएगा किस तरह से आपको इसको यूज़ करना है ठीक है अब प्रैक्टिस में हमको क्या करना है देखिए ये प्रैक्टिस सेट ऐसा है जो आज हम यहां पर सॉल्व नहीं कर रहे होंगे क्योंकि अगेन हम यूआई का चैप्टर एनीवे थोड़ा सा छोटा रखना चाहते हैं हमारा मेन काम है बैक एंड का सीरीज चल रहा है तो आपको अपने आप से ये सेटअप करना है अपने प्रोजेक्ट में और उसके बाद जाने के बाद जो हमारी बाकी फाइल्स थी यानी ऐड होम फाइल है जो बाकी हमारी html5 है 404 फाइल है उन पर कोशिश कीजिए कि आप टेल विंड की सीएसएस फाइल्स को टेल विंड की जो सीएसएस क्लासेस हैं उनको आप अप्लाई कर सकें उनको आप इस्तेमाल कर सकें तो दोस्तों चलिए स्टार्ट करते हैं हमारा अगला चैप्टर जिसका नाम क्या है डायनेमिक यूआई और ये यूजिंग ईजेएस क्या है ये अभी हम समझ रहे होंगे पहले डायनेमिक यूआई का क्या मतलब है सबसे पहले ये समझ लेते हैं देखिए अभी तक हम लास्ट में क्या करके आए थे स्टाइलिंग करके आए थे अपने पेजेस की अब हमारा चाहे ऐड होम पेज हो चाहे जो हमारा डिफॉल्ट पेज है होम पेज है वो हम दिखा रहे हैं वो हो थैंक यू पेज हो 404 पेज हो हमारा जितना भी कंटेंट है वो सब स्टैटिक कंटेंट है यानी हमने एक एचटीएमएल बनाया है और वही हम उठाकर सर्व कर दे रहे हैं है ना हमने देख लिया कि भाई आपको रिस्पॉन्ड फाइल कैसे करना है सेंड फाइल कैसे करना है वो फंक्शन हमने देख लिया है मिडिल वेयर और उसके बेसिस पर हम ये सारा काम कर रहे हैं परट जब आप कोई वेबसाइट खोलते हैं तो वहां तो कंटेंट डायनेमिक होता है डायनेमिक का यहां पर क्या मतलब है हर यूजर के हिसाब से भी कंटेंट चेंज हो जाता है या एटलीस्ट रन टाइम पर कंटेंट चेंज हो जाता है कंटेंट हमेशा स्टैटिक नहीं रहता है ना आप मान लीजिए न्यूज़ की वेबसाइट पर जाते हैं दो एग्जांपल इसके लेते हैं एक क्या है जो पर्सनलाइज नहीं है वैसे आजकल तो हर वेबसाइट ही पर्सनलाइज्ड हो रही है बट जो हर यूजर के हिसाब से चेंज नहीं हो रहा है मान लीजिए अ आप स्टॉक मार्केट की वेबसाइट ले लीजिए है ना या न्यूज़ की वेबसाइट ले लीजिए वो क्या है वहां पर जो भी चेंजेज हो रहे हैं वो सब दिख रहे हैं वो सबको सेम दिख रहे हैं बट वो भी चेंज हो रहा है वो जो पेज है जब आप स्टॉक मार्केट का पेज खोल करर देखते हैं हर मिनट में उसमें जो नंबर्स हैं वो क्या हो जाते हैं चेंज हो जाते हैं तो वहां पर भी कोई स्टैटिक एचटीएमएल ऐसा नहीं कि एचटीएमएल पेज उठा उठा कर दिखा रहा है है ना पहली बात ये हुआ पहला यूज केस दूसरा यूज केस क्या है जहां हर यूजर के लिए भी अलग-अलग है यानी अगर आप यहां पर क्या है हर यूजर के हिसाब से पर्सनलाइज हो रहा है आप gmail-email ही खोल रहे हैं आप डायनेमिक बनाने का यूआई को और इसको हम कैसे यूज कर सकते हैं ठीक है तो चलिए जल्दी से स्टार्ट करते हैं पहले सबसे पहले हम क्या देख रहे होंगे नीड ऑफ डायनेमिक यूआई देखिए मैंने डायनेमिक ही काट दिया बट हम क्या कर रहे होंगे नीड ऑफ डायनेमिक यूआई देखिए जैसे हमारे प्लेयर हैं है ना विराट कोहली सबसे डायनेमिक प्लेयर हैं यहां पता नहीं ये क्या बोल रहे हैं मेरे को समझ नहीं आ रहा है एगजैक्टली बट जो भी तारीफ कर रहे हैं अपने अपोनेंट की जो भी उनको बोलने की कोशिश कर रहे हैं पर ये क्या करते हैं हर कंपोनेंट हर सॉरी अपोनेंट के हिसाब से अपनी जो बात है वो चेंज कर देते हैं अपनी स्लेजिंग चेंज कर देते हैं क्रिकेट में भी आप देखते हैं तो सबसे पहले हमारा जो अभी हमने बात की उसका क्या कारण है पर्सनलाइज डायनेमिक यूआई करने का कि पर्सनलाइज डाटा पर्सनलाइज कंटेंट आपको चाहिए कि हर यूजर को आप अलग चीज दिखाना चाह रहे हैं तो आपको डायनेमिक यूआई की जरूरत पड़ेगी दूसरा क्या है डायनेमिक डाटा डिलीवरी जो एग्जांपल अभी हमने लिया किसका स्टॉक मार्केट वाला कि वो हर आदमी को अलग रेट नहीं दिख रहा है बट भाई रेट तो चेंज हो रहा है ना टाइम के साथ पहले से जिसने वेबसाइट बनाई उसने रेट लॉक नहीं कर दिया है कि यही रेट है अब यही चलने वाला है है ना उसके अलावा क्या है सिक्योरिटी एंड एक्सेस कंट्रोल अगर आप चाहते हैं कि मान लीजिए यूजर लॉग आउट हो गया कई बार आप क्या खोलते हैं बोलते हैं नहीं लॉग आउट हो गया लॉग इन करिए तो वहां पर भी देखिए जो इसका मतलब रिस्पांस है वो चेंज कर रहा है अपने बेसिस पर किसी ना किसी सिचुएशन के बेसिस पर कि भाई क्योंकि ये इस बंदा इस समय लॉग आउट हो गया है ये जो इंसान है इस समय लॉग आउट हो गया है हमको इसको डिफरेंट पेज दिखाना है हमको इसको यूआई वाला पेज दिखाना है ये बहुत इंपॉर्टेंट है अगला पॉइंट यानी लोकलाइजेशन एंड इंटरनेशनलाइजेशन यानी आप जो लैंग्वेजेस हैं वो चेंज हो जाती हैं नॉलेज गट . a जहां पर आपको मिलेगी बेस्ट एजुकेशन कोर्सेस एआई ड्रिवन फॉर्म में इमीडिएट डाउट सॉल्विंग बहुत सारी चीजें यहां पर आपको मिलने वाली है इस पर बहुत ज्यादा मेहनत हम कर रहे हैं तो अगर आप लिंक चेक करेंगे नीचे नॉलेज get-date रैंक प्रोडक्टर बनाया था जो कि यहां पर बहुत अच्छा 48000 से ज्यादा देखिए लाइव बच्चों ने हमको ये चेक किया है अगर आप यहां पर हमारे कोर्सेस भी देखेंगे तो जो हमारे मोस्ट पॉपुलर कोर्सेस हैं वो आपको दिखेंगे गेटनेट पीएसयू अगर आप एग्जाम्स निकालना चाहते हैं उनके लिए बहुत सारे कोर्सेस हैं प्लेसमेंट स्पेसिफिकली अगर आप सर्विस बेस कंपनीज का प्रिपरेशन कर रहे हैं फोस टीसीएस उसके लिए हमारे यश सर के बहुत सारे कोर्सेस हैं और अगर आप स्किल्स कोडिंग में देखेंगे तो यहां पर अगेन ये लिस्ट जो है वो ग्रोइंग है बहुत सारे कोर्सेस आपको यहां पर दिखेंगे बट जैसे हमारा मन स्टैक या डीएसए का एक पैकेज है या डीएसए ए मनक नॉर्मली भी अगर आप यहां पर देखना चाह रहे हैं अगर मैं मनक में आऊं यानी जो हम अ बेसिकली नॉर्मली सीरीज में भी पढ़ रहे हैं आपने देखा होगा उसको और इन डेप्थ अगर आप देखना चाहते हैं 100 आवर्स से भी ज्यादा का रिकॉर्डिंग है ये गन लाइव कोर्स हमने पहले चलाया था उसके भी रिकॉर्डिंग आप वन ईयर टू ईयर के लिए बहुत सारे अवेलेबल डॉन्स हैं हमारे पास यहां पर जिसमें कि अगर आपको एक वन टू वन मेंटर चाहिए आपकी सारी प्रॉब्लम सॉल्व करने के लिए जॉब सपोर्ट यानी मोस्ट अप टू डेट जॉब्स आप यहां पर देखना चाहते हैं रिज्यूमे अगर आप चाहते हैं पर्सनली मैं आपका रिज्यूमे रिव्यू कर रहा हूं मॉक इंटरव्यू अगर आप चाहते हैं बहुत ही देखिए इकोनॉमिकल प्राइस में आप वो ले सकते हैं अगेन रिज्यूम एंड मॉक इंटरव्यू आर अनलिमिटेड इंटरव्यू सिर्फ लाइक 90 पैसे पर डे में है ना जिस इंटरव्यूज को मैं नॉर्मली 10 15000 चार्ज कर रहा होता हूं वो सब आप यहां पर देख सकते हैं बहुत ही अच्छे कोर्सेस अगर आप इसको बेसिकली चेक करना चाहते हैं अपनी स्किल्स को अपग्रेड करना चाहते हैं अगेन एंड ये थोड़ा जो लिस्ट है आपको दिख रहा होगा बट एआई रिलेटेड और बहुत सारे कोर्सेस यहां पर ऐड होने वाले हैं तो वो भी आप यहां पर चेक कर सकते हैं बैक टू स्टडी चला सकते हैं 50 शायद 50 60 लैंग्वेजेस हैं जिसमें आप चला सकते हैं तो उसके हिसाब से भी जो कंटेंट वो दिखा रहा है मान लीजिए जहां हम बोल रहे हैं ऐड अ होम तो क्या होगा वो हिंदी में भी चेंज हो जाना चाहिए आईडियली है ना या ऐसी सिचुएशन होगी अगर हम अपने प्रोडक्ट में सपोर्ट कर रहे हैं तो वो चेंज हो जाएगा तो उसके लिए भी हमको क्या चाहिए डायनेमिक यूआई चाहिए क्योंकि य यूजर की लैंग्वेज क्या है वो कौन सी लैंग्वेज इस्तेमाल करना चाह रहा है उसके बेसिस पर हमारा जो पेज है वो चेंज हो जाएगा और एपीआई वर्सेटाइल यानी ऐसा भी होता है कि सेम चीज जब आप वेब पर दिखा रहे हैं तो कुछ और दिखाएगी सेम एपीआई मोबाइल पर कुछ और आईओटी पर कुछ और जैसे बहुत कॉमन सिनेरियो है कि वो देख लेता है कि आपकी स्क्रीन कितनी बड़ी है अगर स्क्रीन बहुत बड़ी है आप बहुत बड़ा मॉनिटर यूज कर रहे हैं तो आपको जो इमेज देगा वो थोड़ी बड़ी देगा थोड़ी अच्छी क्वालिटी की देगा अगर आप फोन पर देखने की कोशिश कर रहे हैं बहुत छोटी स्क्रीन पर देख रहे हैं तो उसको पता है बहुत बड़ी इमेज देने का कोई फायदा नहीं है स्क्रीन की एक लिमिटेशन है कि कित इतनी अच्छी दिख सकती है है ना तो उसी हिसाब से आपको थोड़ी सी छोटी इमेज दे रहा होगा तो ये बहुत सारे यूज़ केसेस हैं इसके अलावा भी बहुत सारे यूज़ केस हो सकते हैं बट अभी मैं मान रहा हूं कि अभी तक हम ये तो क्लियर कर चुके हैं कि यहां सर अगर हमको कोई भी रियल एप्लीकेशन बनानी है तो हमको डायनेमिक यूआई तो चाहिए स्टैटिक यूआई से हमको रियल टाइम कोई भी अच्छी कोई भी रियल एप्लीकेशन हम बना नहीं पाएंगे तो सबसे पहले हम जो बात कर रहे थे कि इसका नॉर्मल तरीका देख लेते हैं नॉर्मल तरीका क्या है अगर मैं एक बार वापस अ हमारा जो कोड है वहां पर आ जाऊं है ना देखिए हमने क्या किया हुआ था लास्ट स्टाइलिंग किया था कि जो स्टाइलिंग वाला चैप्टर था इसको हम कॉप पेस्ट कर लेते हैं अगेन ताकि आपको पुराने वाले में चेंजेज ना करने पड़े इसको रिनेम कर देते हैं एंड एयर बीएनबी के बजाय एयर बीएनबी तो पता ही है हम पढ़ रहे हैं मैं इसमें बोल देता हूं डायनेमिक यूआई यूजिंग ईजेएस है ना ये हमने नाम रख लिया चैप्टर का नाम कर देते हैं 12 ठीक है नीचे भी हम क्या करेंगे चैप्टर नंबर 12 में चले जाएंगे मैं करता हूं चैप्टर नंबर 12 और इसका जो सर्वर है वो हम स्टार्ट कर देंगे आई विल से एपीएम है ना तो देखिए नोड मन के साथ सर्वर हमारा चलके स्टार्ट हो गया है बोल रहा है लोक लोस 3000 पर आप इसको खोल सकते हैं लोकल लोस 3000 पर खोल लेते हैं ये देखिए क्या हो गया हमारा वेलकम टू एयरबीएनबी आ गया है मैं ऐड होम कर रहा हूं तो रजिस्टर होम पर आ रहा है अभी ओबवियसली हमने जो पूरा स्टाइलिंग किया था वो यूज़ नहीं हुआ है है ना बट वो हम अलग से कर लेंगे अभी अभी हम ये देख लेते हैं कि इसको हमको इस्तेमाल कैसे करना है मैंने सोचा भाई आगे बढ़ने से पहले एक बार जरा रोक कर जो टेल विंड की स्टाइलिंग हमने लास्ट चैप्टर में की थी वो पूरे मैं ऐड कर ही देता हूं ताकि कंसिस्टेंटली आपको भी थोड़ा सा बेटर यूआई दिख सके है ना बाकी जितने भी चेंजेज हमने किए हैं जो भी अ कोड है हमारा वो सारा गेटअप पर आपको दिख जाएगा आप चैप्टर 12 में जाकर देख सकते हैं मैंने वो सारे के सारे स्टाइलिंग जो थे जो हमने लास्ट टाइम बोला था बाकी पेजेस के करने के लिए एक्सरसाइज के लिए करने के लिए वो सब मैंने यहां पर ऐड कर दिए है ना और बाकी हमने कुछ नहीं किया है लिंक किया है out.com ही चला रहे थे बट स्टार्ट को हमने चेंज कर दिया स्टार्ट को हमने क्या कर दिया नोड मोन एजेएस एंड एनपीएम रन टेल विंट तो इससे क्या होगा सिर्फ एनपीएम स्टार्ट चलाने से ही आपकी दोनों चीजें पैरेलली स्टार्ट हो जाएंगी आपको एक दूसरे टर्मिनल में टेल पिंट को चलाना नहीं पड़ेगा ठीक है चलिए इतना ही हमको यहां पर चेंज करना था बाकी अभी देखिए जो हमारा होम पेज था वेलकम टू ए बीएनबी थोड़ा सा सुंदर हो गया है हेडर हमारा हर जगह आ रहा है है ना इसको हमको डायनेमिक बनाना है अभी देखिए हमको आईडियली करना क्या है पहले वो डिस्कस कर लेते हैं उसके बाद देखेंगे इसको डायनेमिक कैसे बनाना है तो देखिए अभी हमारे पास कितने पेज हैं अगर हम कोड में खोल करर देखें हमारे पास चार पेज हैं एक है 404 एक है ऐड होम करने के लिए एक है जो हमारा होम पेज ये जो हमको अभी दिख रहा है और होम एडेड जब होम सक्सेसफुली ऐड हो जाता है तो उसको एक सक्सेस सक्सेस पेज दिखाने के लिए हमने होम एडेड पेज ऐड किया हुआ है तो ये तो हमारा होम पेज है जो आपको दिख रहा है अगर मुझे ऐड होम करना हो तो मैं ऐड होम पर क्लिक करता हूं तो देखिए बोल रहा है रजिस्टर योर होम ऑन एयरबीएनबी और ये बोल रहा है अपने हाउस का नाम बताइए मान लीजिए मैंने लिख दिया उत्सव उत्सव लिखकर मैं क्या करता हूं उसको सबमिट करता हूं तो देखिए अब ये कहां पर आ गया अभी उससे अगले पेज पर आ गया जो कि है होम एडेड ये बोल रहा है योर होम इज रजिस्टर्ड सक्सेसफुली योर होम हैज बीन एडेड टू आवर लिस्टिंग स हमने अपनी लिस्टिंग में आपका होम ऐड कर लिया है जब भी कोई गेस्ट होगा हम आपको बताएंगे अब यहां हम रिटर्न टू होम का बटन दे रहे हैं ये जो गो टू होम है रिटर्न टू होम है एक ही बात है है ना हम रिटर्न टू होम दबा देते हैं तो देखिए वापस मैं होम पर आ गया हूं वेलकम टू एयरबीएनबी बट अभी भी मैंने देखिए जितने भी पेज दिखाए चाहे ये वेलकम टू एयरबीएनबी हो चाहे ये ऐड होम वाला पेज हो चाहे होम रजिस्टर्ड सक्सेसफुली हो और चाहे जो हमारा 404 पेज है यानी अगर मैं यहां कुछ रैंडम पाथ दे दूं तो जो 404 आता है उप स्पेज नॉट फाउंड गो बैक टू होम ये सारे के सारे पेजेस अभी भी क्या है स्टैटिक हैं यानी इनका जो कंटेंट है वो कभी भी चेंज होता ही नहीं है इनका कंटेंट वैसे भी हमने कहां डाला हुआ है यहां ये चारों की चारों html5 इल्स के अंदर है जब भी हमको इनकी जरूरत पड़ती है हम कोशिश करनी चाहिए जो होम पेज है यहां दिखाने की कोशिश करनी चाहिए तो इसका सबसे आसान तरीका क्या है सबसे आसान तरीका है व्यूज को मैं फिलहाल बंद कर दूं मैं खोल लेता हूं अपने रूट्स को ये है मेरा होस्ट राउटर है ना जहां पर होस्ट वाला सारा काम हो रहा है यानी जब ऐड होम होता है तो फाइनली जो रिक्वेस्ट आती है वो यहां पर आती है जहां हम ऐड होम वाला अगर उसको ऐड होम करना है तो यहां पर आता है ऐड होम अगर पोस्ट के साथ आता है तो भी यहां पर आता है जहां हम उसको होम एडेड दिखा देते हैं बट यहां से अभी हमने बॉडी का कुछ किया ही नहीं है है ना बॉडी को जो हम पहले कंसोल लॉक कर रहे थे उसके अलावा भी यहां पर हम कुछ कर नहीं रहे तो मैं क्या कर सकता हूं जब होम ऐड हुआ है सबसे पहले यहां मान लीजिए उसको प्रिंट करने की कोशिश करते हैं तो मैं क्या करूंगा कंसोल डलॉग है ना ये जो साइड वाला पेन है इसको बंद कर देते हैं कसोल डलॉग यहां पर मान लीजिए हम रजिस्टर करते हैं कौन सा होम रजिस्टर होने के लिए आया था है ना होम रजिस्ट्रेशन सक्सेसफुल फॉर यहां पर मैं क्या डाल देता हूं पहले देख लेते हैं रिक्वेस्ट में क्या आया है तो रिक्वेस्ट डॉट बॉडी कर देते हैं भाई रिक्वेस्ट डॉ बॉडी आप हमको दे दीजिए है ना इतने से क्या होना चाहिए रिक्वेस्ट ड बॉडी आ जाना चाहिए देखिए सर्वर तो मेरा रीस्टार्ट हो ही गया अपने आप अब हम करते हैं ड होम यहां आ जाते हैं रजिस्टर योर होम में मान लीजिए उत्सव में नाम दे रहा हूं उत्सव मैंने नाम दे दिया और सबमिट कर दिया देखिए नीचे अगर आप यहां देखेंगे प्रिंट हो गया है होम रजिस्ट्रेशन सक्सेसफुल फॉर हाउस नेम उत्सव हाउस नेम क्योंकि हमने फॉर्म के अंदर नाम लगाया हाउस नेम तो हाउस नेम आ गया उत्सव आ गया तो मेरे पास ये बॉडी तो मुझे मिलल रही है है ना तो अगर मुझे होम का नाम डायरेक्टली प्रिंट करना हो तो मैं क्या कर सकता हूं रिक्वेस्ट ड बडी डॉट हाउ नेम मुझे की का नाम पता चल गया मैं उस पर भी डॉट लगाकर एक्सेस कर सकता हूं ये है क्या पूरा जावास्क्रिप्ट ऑब्जेक्ट ही है फिर से एक बार मैं ट्राई कर लेता हूं मान लीजिए ऐड होम करते हैं यहां पर इस बार हम दे देते हैं मान लीजिए फर्स्ट हाउस नाम दे देते हैं सबमिट किया इस बार देखिए नीचे क्या प्रिंट हुआ हाउस फर्स्ट हाउस तो प्रिंट हुआ ही पर मैं डायरेक्टली बाद में फर्स्ट हाउस को भी प्रिंट कर पाया हूं तो ये वो जगह है जहां पर मुझे पता चल रहा है कि क्या-क्या होम ड हु है है ना तो मैं क्या कर सकता हूं मैं यहां पर मान लीजिए अगर एक वेरिएबल डिफाइन कर लू एक एरे डिफाइन कर लूं बाहर इस फंक्शन के बाहर है ना और वहां पर होम ऐड करता रहूं और क्या करें उस वेरिएबल यूज कर ले होम पेज पर होम दिखाने के लिए मैं क्या बात कर रहा हूं देखिए देखते हैं पहले हम क्या करते हैं इस एपीआई के ऊपर एक मैं कांस्टेंट डिफाइन कर लेता हूं मान लीजिए कांस्टेंट रजिस्टर्ड होम्स है ना और इसका एक एरे हम डिफाइन कर लेते हैं ये एरे हमने डिफाइन कर लिया अब देखिए मैंने इसको कांस्टेंट डिफाइन किया इस बात से कंफ्यूज नहीं होना है कंफ्यूज नहीं होना है ये तो कांस्टेंट है इसकी वैल्यू कैसे चेंज करेंगे देखिए सिर्फ ये वेरिएबल कांस्टेंट है यानी जिस एरे को पॉइंट कर रहा है वो चेंज नहीं हो सकता बट उस एरे के अंदर हम एलिमेंट्स बिल्कुल ऐड कर सकते हैं अभी आ गया रजिस्टर्ड होम्स और मैं क्या करता हूं इस रजिस्टर्ड होम्स के अंदर पुश कर देता हूं एरे का कौन सा मेथड होता है कौन सा फंक्शन होता है वेरिएबल ऐड करने के लिए एरे के अंदर या एलिमेंट्स ऐड करने के लिए पुश तो मैंने बोला भाई मेरे पास एक हाउस नेम आ गया है इसको आप लेकर यहां पर पुश कर दीजिए अब देखिए अभी तो मैं सिर्फ हाउस नेम लिख रहा हूं क्या बाद में मुझे सिर्फ हाउस नेम लिखर होगा नहीं मुझे तो बहुत सारी चीजें लिखनी होंगी तो बेटर तरीका क्या है इसको आप यहीं पर एक ऑब्जेक्ट में कन्वर्ट कर दें है ना और इसका एक कोई नाम भी दे दें मान लीजिए मैं इसका नाम दे देता हूं हाउस नेम जो यहां पर नाम था वही यहां पर हम नाम दे देते हैं मैं ने बोला भाई हाउस नेम और ये बॉडी जो है ये मैं एज इट इज आपके पास पुश कर रहा हूं चाहे तो हम डायरेक्टली बॉडी को भी पुश कर सकते हैं बट कल को हमको यहां पर कुछ प्रोसेसिंग ऐड करनी पड़ सकती है हो सकता है हम य डायरेक्टली सेम चीजें ना यूज करना चाह रहे हो जो क्लाइंट का मॉडल है वो जनरली आप अपने पास यूज़ नहीं करते हैं जब हम आगे चलके एमवीसी पढ़ेंगे तो ये ठीक से देख रहे होंगे बट फिलहाल मैंने मान लीजिए इसका एक ऑब्जेक्ट बनाकर यहां पर पुश कर दिया कहां रजिस्टर्ड होम्स में अब ये रजिस्टर्ड होम्स मुझे यूज़ कहां करना है तो मुझे होम पेज पर यूज़ करना है तो मुझे क्या करना पड़ेगा इसको एक्सपोर्ट करना पड़ेगा तो मैं क्या करता हूं एक और ऐड कर देता हूं अब देखिए एक तरीका तो ये ये हमने एक्सपोर्ट्स का एक तरीका देखा था या हमने बाकी दोनों तीनों तरीके भी देखे हैं अब हमको मल्टीपल चीजें एक्सपोर्ट करनी है तो अब मैं क्या कर सकता हूं या तो हम इसको एक ऑब्जेक्ट बना लें या एक्सपोर्ट्स डॉट वाला जो हमारा दूसरा सिंटेक्स होता है उसको हम यूज़ कर लें है ना कौन सा सिंटेक्स यहां पर हम यूज़ करने वाले हैं अ अगर हम यहां पर एक्सपोर्ट देखेंगे तो देखिए डायरेक्टली एकपो हो या एक्सपो h राउटर आप यहां पर यूज कर सकते हैं तो हम यहां भी क्या करते हैं इसको एक्सपोर्टस h राउटर कर देते हैं है ना यहां पर आप नाम देते हैं उसके बाद उसका वैल्यू देते हैं तो जो भी आप यहां पर देना चाह रहे हैं मान लीजिए एक्सपोर्ट डॉट होस्ट राउटर इसको कर देते हैं अभ हमको हर जगह चेंज भी करना पड़ेगा तो आपको यह भी एक समझ आ रहा है कि यार बाय डिफॉल्ट ना सिंगल एक्सपोर्ट करो ही मत कहीं से अगर बाद में आपको फाइल में कोई एक्सपोर्ट ऐड करना पड़ गया तो दिक्कत हो जाएगी है ना तो इसको कर लेते हैं रजिस्टर्ड होम्स इ इक्वल टू रजिस्टर्ड होम्स ये दो हमारे एक्सपोर्ट हो गए बट एक अब प्रॉब्लम क्या हो गई होगी जिसने भी होस्ट राउटर को कोशिश किया था इंपोर्ट करने का वहां पर हमारी गड़बड़ हो गई होगी अब देखिए यहां पर क्या है होस्ट राउटर अब डायरेक्टली नहीं आ रहा है होस्ट राउटर को हमको क्या करना पड़ेगा है ना डिस्ट्रक्टर यहां पर यूज करना पड़ेगा हमको उसको क्या करना पड़ेगा खोलना पड़ेगा क्यों अब जो होस्ट राउटर ऑब्जेक्ट देगा उसके अंदर दो चीजें होने वाली है होस्ट राउटर और रजिस्टर्ड होम्स तो हमको क्या करना है यहां पर इसको क्या करना पड़ेगा नेम इंपोर्ट हमको यूज करना पड़ेगा यहीं पर हमने इसको क्या कर लिया डिस्ट्रक्चर कर लिया है ना तो डिस्ट्रक्चर किया तो हमको होस्ट राउटर यहां पर मिल गया अभी यहां पर ठीक हो गया होगा और कहीं पर भी हमने यूज किया है क्या होस्ट राउटर हां बहुत सारी जगह पर ऐसा लग रहा है हमने यूज किया है नहीं यहां पर तो हमने बनाया है देखिए यहां पर भी यूज किया है है ना अच्छा यह तो पुराने वाले चैप्टर्स हमको दिखा आने लग गया है हमको सिर्फ इसी वाले चैप्टर में चेंज करना है एक बार मैं चेक कर लेता हूं कि हमने इसी में चेंज किया है ना होरार जस हमको इसी के पड जए में भी चेंज करना था अच्छा मैं हमने यहां चेंज नहीं किया हमने कहीं और चेंज कर दिया इसको मैं फिलहाल ऐसे कर देता हूं क्योंकि मैंने पूरा प्रोजेक्ट सर्च किया तो उसने हमारे जो पुराने वाले चैप्टर्स थे उनको भी सर्च कर लिया है आई थिंक चैप्टर 10 का हमने चेंज कर दिया इसको हम रिवर्ट कर देते हैं चैप्टर 10 में भाई उसी तरह से था उसमें हमको कोई चेंज नहीं करना है इसको हम बंद कर देते हैं है ना तो होस्ट आउटर मैंने क्या देखिए हमारी यहां जो एरर्स आ रही थी वो एरर्स अभी चली गई यानी एक्सपोर्ट मेरा फिक्स हो गया है तो अभी हमने क्या कर दिया यहां से एक बार दोबारा से रिमाइंड कर लेते हैं हमने जो एपीआई लिखी थी ऐड होम इसका जो पोस्ट मेथड है यानी जब फॉर्म सबमिट होने के लिए आता है हमने यहां से पहले निकाल लिया कि भाई क्या हाउस नेम आया है उसको एक वेरिएबल में यहां पर पुश कर दिया और इस वेरिएबल को यहां से एक्सपोर्ट कर दिया तो अब जिसको भी चाहिए वह रजिस्टर्ड होम्स को इंपोर्ट करके यूज़ कर सकता है वापस आ जाते हैं हम अपने होम पेज पर होम पेज कहां से हो रहा है यूज़र राउटर में हो रहा है यह रहा हमारा होम पेज जहां हम इसको हो ये रजिस्टर्ड होम्स की क्या वैल्यू है इसको मैंने इंपोर्ट कर लिया और उसको यहां पे ऐड कर लिया देखिए इंपोर्ट करके कहां पर ऐड हुआ है लोकल मॉड्यूस में ऐड हो गया है रिक्वायर होस्ट राउटर और इसको भी हमने क्या कर लिया डिस्ट्रक्चर कर लिया टू रजिस्टर्ड होम्स क्योंकि होस्ट राउटर दो चीजें एक्सपोर्ट कर रहा था जिसको होस्ट राउटर चाहिए वो होस्ट राउटर ले ले जिसको रजिस्टर्ड होम्स चाहिए वो रजिस्टर्ड होम्स ले ले है ना हमने इस बार रजिस्टर्ड होम्स ले लिया और रजिस्टर्ड होम्स को क्या कर दिया हमने लॉग कर दिया भाई हम इससे ज्यादा कुछ नहीं कर र है है ना अब मैं यहां से मान लीजिए रिटर्न टू होम करता हूं मैं जैसे ही होम पेज पर गया अभी देखिए ये क्या दिखा रहा है दिखा रहा है एमटी है क्योंकि अभी तक तो हमने जब से कोड ऐड किया उसके बाद कोई घर ऐड किया ही नहीं है है ना तो देखिए यहां पर एक एमटी एरे प्रिंट हो गया है इसको हम साइड वाले को बंद कर देते हैं और ये जो हमारा टर्मिनल है इसको थोड़ा सा बड़ा कर लेते हैं है ना देखिए यहां क्या हो रहा है ये मेरे को एमटी शो कर रहा है एक और होम ऐड कर लेते हैं मान लीजिए इस बार मैं करता हूं सेकंड हाउस सबमिट किया मैंने है ना ये बोल रहा है होम आपका ि ये सक्सेसफुल हो गया है इसको मैं बोलता हूं रिटर्न टू होम इस बार देखिए मैं जैसे ही रिटर्न टू होम गया तो यहां एरे में मुझे क्या दिख गया एरे में मुझे दिख गया कि हाउस नेम सेकंड हाउस जो है वो होम वा राउटर के अंदर एक्सेसिबल हो गया है है ना यूजर राउटर में जब होम पेज पर हम जा रहे हैं तो यहां एक्सेसिबल हो गया है तो इस रजिस्टर्ड होम मेरे पास वैल्यू तो है अब मेरी आखिरी दिक्कत क्या बची है मेरी आखिरी दिक्कत बची है इस वेरिएबल को किसी तरह से मैं कहां डाल दूं इस होड html.erb टू होम और ट होम के लिए यहां कंटेंट बनाया अगर मेन के अंदर भी आप जाकर देखेंगे पर यहां हमने बस एक हेडिंग में वेलकम टू एयरबीएनबी लिखा हुआ है इसके बाद हमने कुछ शो नहीं किया है है ना तो हमने एक प्रॉब्लम तो सॉल्व कर ली कि मेरा वेरिएबल कैसे आएंगे जो चेंज्ड वैल्यू है डायनेमिक कंटेंट कैसे आएगा बट अभी उस डायनेमिक कंटेंट को मुझे डायनेमिक यूआई में कैसे चेंज करना है ये पेंडिंग है है ना अभी देखिए इसमें आपको एक चीज और देखनी है कि ये कोई आइडियल तरीका नहीं है जो हम लोकल वेरिएबल का हैक लगाकर यूज कर रहे हैं एक्चुअल एप्लीकेशन में शायद ऐसा आप कभी भी ना करें क्यों इसके दो ये जो हम कर रहे हैं इसमें दो नुकसान है पहली बात तो जो हमने होम रजिस्टर किया वो एक्चुअली कहीं रजिस्टर नहीं हुआ है मैं अभी सर्वर किल करूंगा तो होम बंद हो गया तो आईडियली कहां जाना चाहिए था डेटाबेस में जाना चाहिए था उसके बाद यूजर का भी कोई चक्कर नहीं है यानी मैं इस ब्राउजर में खोल रहा हूं तो भी मुझे दिख रहा है कोई और यूजर ऐसा ये मान लीजिए कोई ऐसी वेबसाइट है वही स्टॉक टाइप की वेबसाइट है जहां पर सब यूजर्स को आपको बिल्कुल सेम कंटेंट दिखाना है तो शायद वहां पर ये थोड़ा बहुत यूज़ हो सकता है कि कुछ वेरिएबल हैं जो शेयर हो रहे हैं बट उसके अलावा ये बहुत ज्यादा इस्तेमाल नहीं होता है आपको आइडियल क्या करना होता है पूरा फ्लो बनाना होता है किस यूजर के को कौन सा यूजर कौन से वेरिएबल को एक्सेस कर सकता है कौन सा यूजर कौन से वेरिएबल को नहीं कर सकता अब ये क्या है ये रजिस्टर्ड होम्स किसी पर्टिकुलर यूजर के नहीं है कोई भी लोकल होस्ट 3000 खोलेगा अभी जाएगा कोई भी होम रजिस्टर करेगा तो इसी एरे में एंटर हो रहा होगा और सबको ये सारे के सारे होम्स ही दिख रहे होंगे ना तो ये कोई आइडियल तरीका नहीं है बट फिलहाल के लिए इतना ओके है हमने एक प्रॉब्लम सॉल्व कर ली है कि जो हम जो भी वैल्यू सेव कर रहे थे जो भी हम होम रजिस्टर कर रहे हैं वो किसी वेरिएबल में अब स्टोर हो रहा है और वो वेरिएबल मेरे पास यूआई में एक्सेसिबल तो है बस अब लास्ट प्रॉब्लम बची हुई है कि इस यूआई के वेरिएबल को मैं अपने फाइनल यूआई में कैसे कन्वर्ट कर लूं ये जो मेरे पास मॉडल है इसको मैं फाइनल इस व्यू में कैसे कन्वर्ट करो तो उसी प्रॉब्लम को सॉल्व करने के लिए देखिए शेयरिंग वाला तो हमने देख लिया इसी प्रॉब्लम को सॉल्व करने के लिए हमारे पास कौन आता है हमारे पास एंट्री होती है मूवी में जैसे थोड़ी-थोड़ी देर बाद अलग-अलग हीरोज की एंट्री होती है ना आजकल मल्टीपल हीरो वाली मूवी में उसके बाद आपकी एंट्री होती है ईजेएस की जब आप प्रॉब्लम में फंसे जब हीरोइन को गुंडा छेड़ रहा होता है तभी हीरो एंट्री मारता है ना तो अभी हमारे पास क्या हमको ये प्रॉब्लम थी कि यार वेरिएबल तो है हमारे पास बट हमको नहीं समझ आ रहा इसको यूआई में कैसे कन्वर्ट करें तो ईजीएस ने इमीडिएट यहां पर एंट्री मार दी ईजीएस क्या है अब ईजीएस समझ लेते हैं देखिए इसके की अगर फुल फॉर्म देखेंगे तो फुल फॉर्म होती है एंबेडेड जावास्क्रिप्ट है ना पर देखिए फुल फॉर्म से मोस्ट ऑफ द केसेस में कुछ समझ नहीं आ रहा होता यार एंबेडेड जावास्क्रिप्ट का क्या मतलब है तो समझ लेते हैं देखिए क्या है एंबेडेड जावास्क्रिप्ट का मतलब है बोल रहा है एटीएमएल विदन जेएस यानी अगर आपको जेएस में एचटीएमएल या आप एक तरह से बोल सकते हैं जेएस विद इन अभी हम आगे चलके देखेंगे बट ये जनरली दो सिंटेक्स होते हैं इसके कि आप जहां पर भी html5 उसके बीच में आप जावास्क्रिप्ट का कोड लिखेंगे फिर परसेंटेज फिर एंगल ब्रैकेट पर ये क्या बोल रहा है ये है कंट्रोल फ्लो के लिए यानी उस जावास्क्रिप्ट कोड के लिए है जो डायरेक्टली कोई आउटपुट जनरेट नहीं करता अगर यहां से जो भी वैल्यू रिटर्न हो रही है वो आप यूआई पर शो करना चाह रहे हैं तो हल्का सा बस सिंटेक्स चेंज हो जाता है इस बार आप क्या करते हैं यहां पर एक इक्वल टू भी लगा देते हैं ठीक बात है इसके एडवांटेजेस क्या हैं काफी आसान होता है समझने के लिए तो क्या है जिनने यानी यूआई अभी भी आप इसी में बना रहे हैं बट उसमें कंटेंट कुछ-कुछ चेंज होता जाएगा जैसे म्रू आई देखेंगे तो भाई दिखती तो सब टाइल्स ही है बट कब कौन सा कपड़ा दिख रहा है सिर्फ ये चेंज हो जाता है तो हम ईजेएस में क्या करेंगे बेसिक जो मेरा यूआई है स्टाइलिंग है क्लासेस हैं वो सब चीजें सेम होंगी बट कहां-कहां पर थोड़ा-थोड़ा कंटेंट चेंज होना है वो हो जाएगा तो इसलिए हम इसको टेंप्लेट इंजन बोलते हैं तो होता क्या है हम एक टेंप्लेट बना लेते हैं जनरली डेटाबेस से अभी हमारे पास वेरिएबल से डेटा आता है ये दोनों कंबाइन हो जाते हैं और हर बार एक फाइनल नई एचटीएमएल बन रही होती है है ना अभी तो ये जादू जैसा लग रहा है सुनने में पर हम करते कैसे हैं सबसे पहले ये देख लेते हैं सबसे पहले इसको करने के लिए हमको क्या करना पड़ेगा सबसे पहले ईजेएस को हमको इंस्टॉल करना पड़ेगा क्योंकि ये क्या है ये एक पैकेज है जो हमको यूज करना है है ना एक मिडिल वेयर आप मान लीजिए एक्सप्रेस का पैकेज है जो हमको यूज करना है कैसे इसको इंस्टॉल करेंगे एनपीएम इंस्टॉल आईन आईन सेव क्यों क्योंकि हमको ये प्रोडक्शन के टाइम पर भी चाहिए सिर्फ डेव टाइम डिपेंडेंसी नहीं है और ईजेएस हमको ऐसे ही इंस्टॉल करना है तो सबसे पहले इंस्टॉल कर लेते हैं ये मैं किल कर लेता हूं इस जो हमारा टर्मिनल का यूआई है उसको थोड़ा सा बड़ा कर लेते हैं है ना यहां पर अब हम क्या लिखेंगे एनपीएम इंस्टॉल ईन हान सेव है ना सेव मुझे करना है और एग्जैक्ट पैकेज का नाम क्या है ईजेएस मेरे पैकेज का नाम है तो यहां आप दे देंगे ईजेएस एंटर दबाए देखिए बोल रहा है इसने 10 पैकेजेस ऐड कर दिया यानी ईजेएस ने अपनी फरदर कोई डिपेंडेंसीज बताई हुई होंगी जो हमारे पास नहीं है तो ओवरऑल 10 पैकेजेस ऐड करने पड़े बट हमारा जो पूरा का पूरा ईजेएस है वो फिलहाल इंस्टॉल हो गया है तो एक तो हुआ पैकेज इंस्टॉल करना है ना इससे आगे क्या करेंगे पैकेज इंस्टॉल हो गया है नहीं कभी भी वेरीफाई करना है तो कैसे कर सकते हैं अपनी पैकेज जसन में आकर हमेशा आपको चेक कर लेना चाहिए तो देखिए अब मैं डिपेंडेंसीज में मैं आ रहा हूं तो यहां ईजेएस ऐड हो गया है ईजेएस का वर्जन 3.1.10 हमारा ऐड हो गया है तो एक तो ये हो गया उसके बाद देखिए जहां पर भी हम यूज़ कर रहे थे एक्सप्रेस जहां हमने डिक्लेयर किया था वहां हमको ये दो चीजें सेट करनी पड़ती हैं हमको यू बेसिकली जो एक्सप्रेस है उसको बताना पड़ेगा कि भाई हम एक टेंप्लेट इंजन यूज़ कर रहे हैं जिसका नाम है ईजेएस तो ये कैसे आप करते हैं ये प डॉट सेट आपको करना पड़ता है जैसे ही आपने एक्सप्रेस बनाया है आप उसको ए बोल लीजिए एक्सप्रेस आपने नाम दिया जो भी आपने नाम दिया है वहां पर ये सेट फंक्शन आपको यूज़ करना पड़ता है है ना और ये सेट फंक्शन ये दो वैल्यूज को सपोर्ट करता है व्यू इंजन एंड व्यूज व्यूज देखिए ऑप्शनल होता है आप नहीं भी सेट करेंगे तो उसकी डिफॉल्ट वैल्यू व्यूज ही होती है इसका क्या मतलब है अभी हम देखेंगे पर व्यू इंजन आपको ईजेएस सेट करना पड़ता है क्योंकि एक्सप्रेस और भी बहुत सारे टेंप्लेट ंग इंजन सपोर्ट करता है हालांकि सबसे अच्छा सबसे प्रेफर्ड ईजेएस ही होता है तो ईजेएस ही हम यहां पर सीख रहे हैं बट मैं यहां पर क्या बता रहा हूं आपको ये बताना पड़ेगा एक्सप्रेस को कि भाई एक व्यू इंजन ईजीएस नाम का मैं यूज़ करने वाला हूं तो हम भी अपनी ऐप में आ जाते हैं हमने कहां बनाया सबसे पहले app.js के अंदर चलते हैं यह काम तो वहीं पर हुआ है देखिए एक्सप्रेस नाम से हमने बनाया था जो ऑब्जेक्ट है अच्छा एक्सप्रेस सॉरी एक्सप्रेस हमने इंपोर्ट किया था ऐप नाम से ही हमने बनाया हुआ है तो यहां हम क्या कर लेते हैं जहां मान लीजिए यूआरएल इनकोडेड इनकोडर होस्ट वगैरह लगा रहे हैं यहां यूज़ की जगह मैं क्या कर लूंगा मैं यहां पर इस बार कॉल करूंगा सेट फंक्शन और सेट में मैं क्या बोलूंगा व्यू इंजन है ना व्यू इंजन हमें देना है और यहां भी स्ट्रिंग में ही आप नाम दे रहे हैं कोई ऑब्जेक्ट वगैरह क्रिएट करके नहीं दे रहे हैं बस आप स्ट्रिंग में नाम दे रहे हैं ईजीएस तो अभी अपने आप ढूंढ लेगा कि इसका मतलब ईजीएस डिपेंडेंसी इसने अपने आप इंस्टॉल कर ली होगी जब अ जो मेरा एक्सप्रेस है वो जब चलेगा तो वो अपने आप व्यू इंजन ईजेएस को ढूंढ लेगा क्योंकि हमने इसको इंस्टॉल कर लिया तो वहां जाके इसको ये ढूंढ पाएगा अगर हम एक बार इसकी डॉक्यूमेंटेशन चेक करने की कोशिश करें प डॉट सेट क्या है है ना हम चलते हैं एक्सप्रेस की डॉक्यूमेंटेशन में एक्सप्रेस डॉक्स य एक्सप्रेस हमने खोल लिया इसको थोड़ा सा बड़ा कर लेते हैं है ना और आ जाते हैं गाइड के अंदर या एपीआई रेफरेंस के अंदर कहीं पर भी आ सकते हैं एपीआई रेफरेंस को ढूंढ लेते हैं हम एक्सप्रेस हमको कौन सा मेथड यूज करना है डॉट सेट ये देखिए प डॉट सेट पर आ गए प डॉट सेट को थोड़ा सा बड़ा करके देख लेते हैं येहा हमारा एडॉट सेट ये बता रहा है अलग कौन-कौन सी वैल्यूज हैं जो आप यहां पर सेट कर सकते हैं कौन सी वैल्यू है क्या उसका टाइप होता है डिस्क्रिप्शन डिफॉल्ट वैल्यूज उनके क्या हैं तो देखिए क्वेरी पासर जेसन स्पेसेस जेसन रिप्लेसर बहुत सारी चीजें आप यहां पर यूज़ कर सकते हैं आप थोड़ा नीचे आएंगे तो देखिए यहां क्या दिखा रहा है ये व्यू इंजन भी एक वैल्यू है जो अभी हम सेट करने की कोशिश कर रहे हैं क्या बोल रहा है द डिफॉल्ट इंजन एक्सटेंशन टू यूज़ व्हेन ओमिटेड यानी क्या बोल रहा है कौन सा बेसिकली व्यू इंजन यहां पर यूज़ करना है इसकी डिफॉल्ट वैल्यू क्या है कोई भी वैल्यू नहीं है तो ये आपको डिफाइन करना पड़ता है दूसरी वैल्यू जो हम सेट करने वाले थे व्यू वूज ये क्या है यह बता रहा है कि भई ये जो इंजन आपको यूज करना है कहां पर पड़े हुए हैं वो व्यूज कहां पर आपने सारी की सारी फाइल डाली हुई है उस फोल्डर का पाथ दे दीजिए तो बाय डिफॉल्ट भी ये पाथ व्यूज ही फोल्डर का होता है जो हमारा है बट उसके बाद भी इसको एक्सप्लीसिटली हम सेट कर देते हैं ताकि हमारे कोड में क्लेरिटी रहे हमको अगर कभी चेंज करना हो तो हम इसको चेंज भी कर पाए बेसिकली अभी अब हम चेंज भी नहीं अभी हम इसको नहीं भी सेट करेंगे तो ये सही चलने वाला है क्योंकि एक्सपेक्ट कर रहा है कि फोल्डर का नाम व्यूज होगा अगर यहां आपने व्यूज के अलावा कोई भी और फोल्डर का नाम दिया है तो वो आप यहां नाम यहां पर दे सकते हैं है ना तो हम क्या बोल देंगे इसको व्यूज एंड व्यूज इतने से देखिए जो हमारा ईजेएस का इंस्टॉलेशन है आप एक तरह से मान लीजिए कंप्लीट हो गया है हमने पैकेज भी इंस्टॉल कर लिया है हमने अपने एक्सप्रेस पप को ये बोल भी दिया है कि भाई हमने ईजेएस पैकेज यूज किया है और ईजेएस पैकेज कहां लगाना है आपको ये व्यूज का मेरा फोल्डर है पूरा का पूरा यहां आपको एप्लीकेबल करना है यहां पर मैं ईजेएस यूज करने वाला हूं अभी हमने यूज की नहीं है है ना अभी हम जो ईजेएस है इसको हम यूज यहां पर करने वाले हैं तो यह मैंने चेंज कर दिया इसके बाद हमको क्या करना है तो देखिए इंस्टॉलेशन स्टेप मैंने बोला कंप्लीट हो गया है ना ये हमने डॉक्यूमेंटेशन भी जाकर इसकी चेक कर ली अब हमको देखना है कि हमको इसको यूज़ कैसे करना है ये ईजीएस टेंप्लेट को हमको यूज़ कैसे करना है तो सबसे पहले हम क्या कर रहे होंगे सबसे पहले मान लीजिए मैं वापस आ जाता हूं अपने होम जो मेरा व्यू था उसके अंदर ये सारे राउटर मैं फिलहाल बंद कर देता हूं ये था मेरा होम पेज है ना इसको अब हम दोबारा से छोटा कर लेते हैं इसको हम थोड़ा साइड में कर लेते हैं तो देखिए अगर मैं व्यू पेज देखूंगा इसके अंदर एक तो हमने हेडर बनाया हुआ है है ना इस हेडर के साथ हम बाद में डील करेंगे गो टू होम है ऐड होम है इसके अंदर एक नेविगेशन बार हमने बनाई है एक लिस्ट बनाई हुई है इसमें दो लिंक्स हैं टू होम ड होम ये क्या है स्टैटिक है इसके अंदर कुछ भी डायनेमिक नहीं है एज इट इज ये हमको रेंडर करना है तो फिलहाल मैं इसको फोल्ड कर देता हूं थोड़ा सा ये हमारी नजरों से बाहर हो जाए कोड तो रहेगा ही देखिए लाइन नंबर 10 डायरेक्टली लाइन नंबर 29 पर हम जा रहे हैं बट अभी हमारी नजरों से बाहर हो जाए हमको मेन काम क्या करना था हमको मेन काम करना था यहां पर ये जो वेलकम टू एयर बीएनबी है मान लीजिए मैं इसकी जगह क्या लिखना चाह रहा हूं मैं इसको लिख देता हूं यर आर अवर रजिस्टर्ड होम्स है ना हमको आईडियली क्या दिखाना है मैं इसको बोलना चाह रहा हूं कि भाई हमारे जो रजिस्टर्ड होम्स है वो आपको यहां दिख जाएंगे अब अगर वो वेरिएबल मैं मान लूं जो रजिस्टर्ड होम्स वाला वेरिएबल था जो अभी हमने कहां देखा था यूजर राउटर के अंदर ये रजिस्टर्ड होम्स अगर मुझे किसी तरह से मिल जाता होड करके बना लेंगे बट आपको क्या करना है आपको इस पे आइट ट करना है और एक-एक लिस्ट आइटम को जनरेट करना है तो हमने क्या देखा था अगर ये ईजेएस होता तो मैं यहां पर क्या सिंटेक्स यूज़ कर सकता था मैं वापस आ जाता हूं यहां देखिए अब मैं यहां पर क्या कर सकता हूं मैंने पहले मान लीजिए यूए बना लिया इसमें मुझे कुछ-कुछ जो स्टाइलिंग देना होगा वो हम दे लेंगे बट आपको जहां पर भी जावास्क्रिप्ट लिखना है आप डायरेक्टली कैसे लिख सकते हैं आप एंगल परसेंटेज एंगल परसेंटेज के बीच में कुछ भी लिख सकते हैं एक बार पहले इसको समझने की कोशिश कीजिएगा देखिए हमने यहां क्या फॉर ईच लूप यूज़ किया है आप यहां पर नॉर्मल लूप यूज़ करना चाहते हैं कुछ भी जावास्क्रिप्ट जो आप लिखना चाहते हैं आप लिख सकते हैं तो हम इसने क्या लिखा यहां मान लीजिए वेरिएबल का नाम सभी हम होम्स मान करर चल रहे हैं इसने बोला होम्स डॉ 4 इच है ना फंक्शन इसको पास किया होम कि एक-एक होम आपको मिल जाए उतना काम कर लीजिएगा देखिए यहां इसने बंद कर दिया यानी इसके अंदर ये फिर से एटीएमएल लिखने वाला है और इसको कंप्लीट भी करना है देखिए फॉर ईच का जो ब्रैकेट है इसको कंप्लीट भी करना है तो जहां ब्रैकेट कंप्लीट किया वहां फिर से इसको रैप कर दिया उसके बाद फिर लिस्ट आइटम लिखा इसमें इसने बहुत सारी स्टाइलिंग दी लिस्ट आइटम के अंदर का जो कंटेंट है वो फिर से जावास्क्रिप्ट यानी डायनेमिक होने वाला है तो फिर से ने इसको इस बार इस तरह से लिख दिया ब इस बार इक्वल टू भी लिखा क्योंकि देखिए जो लूप है ये तो गायब हो जाएगा u आ पर लूप थोड़ी दिखेगा पर ये जो वैल्यू है मेरी हाउस नेम की यह वैल्यू यहां पर दिखने वाली है तो इस तरह से इसने इसको एक्सेस कर लिया तो हम कैसे करते हैं इसको मैं भी यहां पर इसको इस तरह से लिख लेता हूं जो यल है यल के बाद हम पहले एक फॉर लूप लिखेंगे तो हम इसको कर लेते हैं एंगल परसेंटाइल परसेंटाइल एंगल अभी देखिए इसको बिल्कुल डिटेक्ट नहीं कर रहा क्यों क्योंकि मेरी फाइल अभी भी html5 है तो जिस भी फाइल के अंदर आप इस तरह की टेंप्लेट यूज़ कर रहे हैं आपको आईडियली क्या करना चाहिए य जो होड जेएस है ना देखिए जैसे ही मैंने ईजेएस किया ईजेएस का आइकन यहां पर आ गया इसने आइकन को चेंज कर दिया है तो उसको आपको फाइल को क्या बोल देना चाहिए है ये मोटा-मोटा एटीएमएल ही बट जिस एटीएमएल के अंदर भी मैंने क्या यूज किया है जिस एटीएमएल के अंदर भी मैंने ये अपने ब ईजेएस वाला सिंटेक्स यूज किया है यहां पर मैं इसका नाम क्या कर दूंगा मैं इस फाइल का नाम कर दूंगा डट जए है ना इसके अंदर अब हमको करना है हमारे वेरिएबल का क्या नाम है रजिस्टर्ड होम्स रजिस्टर्ड होम्स डॉट मान लीजिए फॉर ईच चला लेते हैं फॉर ईच है ना और यहां क्या देना है अब हमको फंक्शन पास करना पड़ेगा एक कोई है ना तो यहां फंक्शन हम पास कर देते हैं मान लीजिए होम जो मॉडर्न वाला सिंटेक्स है वो हम यूज कर लेते हैं इसकी जगह और ये मैंने लगा लिया ब्रैकेट है ना अब देखिए ये पूरा का पूरा लूप मेरा घूम जाएगा मेरे को बाकी काम कहां करना है इसके अंदर करना है ये जो दो चीजें हैं ये एक्चुअली मुझे बाद में कंप्लीट करनी है है ना आईडियली मुझे करना क्या है देखिए लिस्ट आइटम मुझे इसके अंदर लगाना है है ना ये क्या होना चाहिए ये पहले मैंने अन ऑर्डर लिस्ट बाहर लगा लिया एक-एक जो लिस्ट आइटम है वो एक्चुअली इसके अंदर चल रहा होना चाहिए यहां पर अब मुझे एक-एक लिस्ट आइटम को रेंडर करना है लिस्ट आइटम यहां पर आ गया पर अब क्योंकि उसके बाद मैं दोबारा से html2text चले तो यह हर बार चलता रहेगा और क्या होगा यहां मुझे वैल्यू मिल जाएगी हो डॉट हमने अंदर वाले वेरिएबल का क्या नाम रखा हुआ था एक बार नीचे यहां स्क्रॉल करके देख लेते हैं हाउस नेम है ना तो हमको क्या दिखाना है हो डॉट हाउस नेम दिखा देना है तोब होना क्या चाहिए यहां एक-एक करके मेरा पूरा क्या आ जाना चाहिए फाइनल जो भी मैं बना रहा था जितने भी मेरे होम्स की लिस्ट है वो सारी की सारी यहां पर प्रिंट हो जानी चाहिए इससे इतना काम हो जाएगा एंड अभी स्टाइलिंग हमने नहीं करिए और ओबवियसली अभी हमने अ जहां इसको यूज़ किया हुआ है यूज़र राउटर में वहां भी हमने सिर्फ बता दिया हो एटीए पर उसको वेरिएबल पास तो किया नहीं अभी हमने मानकर लिख दिया कोड कि अगर रजिस्टर्ड होम्स होता तो हम कैसे इसको लिख रहे होते वो हमने लिख लिया बट रजिस्टर्ड होम्स है नहीं ना उसको भी प्रोवाइड करना पड़ेगा तो उसके लिए आप क्या कर रहे होते हैं यहां देखिए ऊपर हमने क्या किया है इस बार अब रेंडर में आप क्या दे रहे होंगे डायरेक्टली अपने ईजेएस का नाम दे रहे होंगे अब सेंड फाइल आप नहीं करेंगे आप रेंडर फंक्शन यूज करेंगे नया जो टेंप्लेट इंजन से इसके बेसिकली अटैच होता है यहां बोलेंगे ंस ड रेंडर आपने अपनी टेंप्लेट का नाम देंगे यूजर और उसके बाद जो आपको वेरिएबल पास करना है वो वेरिएबल आप पास कर रहे होंगे है ना तो यहां हम क्या कर लेते हैं वापस आ जाते हैं सेंड फाइल की जगह अब हम यूज़ कर रहे होंगे रेंडर ये पाथ वाथ की अब हमको कोई जरूरत नहीं है मेरी जो फाइल है इसका क्या नाम है ईजेएस फाइल का नाम है होम है ना ईएस फाइल का नाम है हो ईएस तो ड ईएस नहीं देना है आपको सिर्फ होम देना है ये हमने दे दिया एक ब्रैकेट एक्स्ट्रा लगा हुआ है होम हमने दे दिया और साथ में वो वेरिएबल हमको पास करना है वो ऑब्जेक्ट हमको पास करना है तो रजिस्टर्ड होम्स जो है ये मैं डायरेक्टली भी उठाकर पास कर सकता हूं ना वैसे आप यहां पर जो भी पास करेंगे होगा क्या वो एज अ वेरिएबल आपको यहां पर मिलने वाला है तो हमने होम्स पास किया तो होम्स को मिलेगा तो यहां पर मैं क्या कर लेता हूं इसको बस ब्रैकेट में लगा देता हूं ताकि पूरा रजिस्टर्ड होम्स हमको मिल जाए और ये शॉर्टकट सिंटेक्स होता है जावास्क्रिप्ट का अगर मैंने कोई वेरिएबल लिखा हुआ है डायरेक्टली दो ब्रैकेट के अंदर तो नाम और की की और वैल्यू दोनों वही हो जाता है फिर भी इसको सिंपल करने के लिए इसका एगजैक्टली क्या मतलब है ये मैं आपको यहां पर दिखा देता हूं रजिस्टर्ड होम्स कॉलन रजिस्टर्ड होम्स अगर मैं सिर्फ दो ब्रैकेट के अंदर रजिस्टर्ड होम्स लिखूंगा तो उसका भी सेम ही मतलब माना जाता है अब मैंने रेंडर कर दिया ये कर दिया तो इतने से हमारा काम हो जाना चाहिए रूट डायरेक्टरी की अब हमको कोई जरूरत नहीं है क्योंकि हम पाथ वाथ जो रिजॉल्व पहले कर रहे थे वो अब रिजॉल्व नहीं कर रहे हैं एक बार अब इसको चलाकर देख लेते हैं हमने कोई गड़बड़ तो नहीं की गड़बड़ एक बार में पता चल जाएगी इंस्टॉल नहीं करना है भाई एनपीएम स्टार्ट करना है देखिए अभी तक तो यहां पर कोई दिक्कत नहीं आई है है ना रिबिल्ड हो रहा है एक बार इसको रिफ्रेश करके देख लेते हैं रिफ्रेश हमने किया तो देखिए हियर आर अवर रजिस्टर्ड होम्स आ गया बट उसके बाद कुछ यूआई नहीं आया अभी हमको पता नहीं कि कुछ गड़बड़ है या नहीं पर क्योंकि सर्वर रीस्टार्ट हुआ है तो अभी तो होम्स है ही नहीं तो मैं क्या करता हूं ऐड होम पर जाता हूं एक होम हम यहां पर ऐड कर लेते हैं उत्सव इसको हम सबमिट करते हैं यह बोल रहा है सक्सेसफुली रजिस्टर हो गया है रिटर्न टु होम करते हैं तो देखिए बोल रहा है हियर आर अवर रजिस्टर्ड होम्स और आपको एक उत्सव नाम दिखना जो है वह स्टार्ट हो गया अभी ओबवियसली हमने इसकी स्टाइलिंग नहीं की है बट एक उत्सव नाम हमको दिखना स्टार्ट हो गया है फिर से मैं करता हूं ऐड होम एक और मान लीजिए होम हम ऐड कर लेते हैं फर्स्ट हाउस फिर से सबमिट किया फिर से रिटर्न टू होम गए तो देखिए सेकंड होम भी आ गया अभी स्टाइलिंग बिलकुल भी नहीं है और क्योंकि हम टेल विंट यूज़ कर रहे हैं तो जो डिफ़ॉल्ट स्टाइलिंग होती है डॉट डॉट लगाने वाली वह सब भी इसने गायब कर दि है बट स्टाइलिंग हम कर सकते हैं इंपॉर्टेंट बात क्या है हमको यहां पर कोड दिखने लग गया है कि किस तरह से इसको करना है है ना आपको एक मैजिक मैं यहां पर और दिखा देता हूं जैसे आजकल जितने भी मॉडर्न आईडी लोग यूज़ कर रहे हैं मैं भी अपने पर्सनल यूज़ के लिए कई बार कर्सर यूज़ कर रहा होता हूं या कोपायलट यूज़ कर रहा होता हूं किस हद तक यूआई स्टाइलिंग या बाकी चीजें ऑटोमेटेड हो चुकी हैं वो हम यहां पर देख सकते हैं तो मैं क्या करता हूं मान लीजिए हमारा सेम प्रोजेक्ट है जो होम फाइल है अभी यहां पर क्या है बस इतना जो ये काम है थोड़ा सुंदर नहीं दिख रहा है है ना हेयर आर आवर रजिस्टर्ड होम्स भी उतना सुंदर नहीं दिख रहा है और ये जो यूल है इसके अंदर कोई स्टाइलिंग वगैरह ऐड नहीं है मान लीजिए मैं इसको हाथ से नहीं ऐड करना चाहता मुझे नहीं याद है कैसे करना है वैसे तो आपके नोट्स में लिखा हुआ है अगर आप ये स्टाइलिंग भी यहां पर ऐड कर देंगे तो चीजें थोड़ी सी ठीक से दिख रही होंगी है ना बट मान लीजिए मैं चाहता हूं कि नहीं यार ये हो जानी चाहिए मैं मैं स्टाइलिंग खुद से नहीं करना चाहता तो मैं इसको मान लीजिए एक दूसरे आईडी में खोल लेता हूं जो कि है कर्सर है ना अभी देखिए कर्सर में खुला हुआ है सिमिलर चीज यहां पर खुली हुई है मैं इस फाइल को जाकर खोलता हूं अपनी होए है ना होड एएस को खोला तो देखिए यहां पर दिख रहा है ये जो अभी हमने कोड लिखा हुआ था एज इट इज है ना अब ये चल नहीं रहा है सर्वर यहां पर इसको हम हटा देते हैं तो मैं चाहता हूं यार इसकी थोड़ी सी स्टाइलिंग हो जाए तो कितना आसान है आजकल ये करना मैं क्या करूंगा मैं इस मेन को पूरे को सेलेक्ट कर लेता हूं है ना और मैं चैट जीबीटी को एक तरह से बोल रहा हूं क्या स्टाइल दिस यूजिंग टेल बेंट है ना कीप इट मान लीजिए हम बोल रहे हैं कंसिस्टेंट करना है आपको तो कीप इट कंसिस्टेंट विद द होल स्टाइल बस इतना ही आपको करना है और देखिए यहां पर सिलेक्शन भी दे रहा है मुझे अभी मैं कर्सर यूज कर रहा हूं कि किससे पूछना है चैट जीबीटी से पूछना है क्लाउड से पूछना है जनरली ऐसा लगता है कि कोडिंग के लिए क्ड 3.5 सोनेट अभी भी सबसे बेस्ट मॉडल है ये मैंने इसको बोल दिया अब देखिए क्या करेगा ये मैंने इसको सबमिट किया ये खुद से पूरा कोड बेस हमारा समझेगा खुद से जाकर देखिए हर चीज में क्या कर रहा है स्टाइलिंग इसने ऐड कर दिया है हर लाइन में जाकर ये चेंजेज दिखा रहा है बोल रहा है मैं इसको एक्सेप्ट कर लूं या नहीं मैं मान लीजिए बोल देता हूं इसको एक्सेप्ट कर लीजिए एक बार जहां हम रन कर रहे थे वहां वापस आ जाते हैं इसको एक बार चलाक देख लेते हैं यहां कुछ चेंज हुआ या नहीं देखिए मैंने जैसे ही रिफ्रेश किया तो पूरी स्टाइलिंग यहां पर आ गई है हेयर आर अर रजिस्टर्ड होम्स भी आ गया है उत्सव आ गया है फर्स्ट हाउस आ गया है इसके अंदर इसने शैडो वगैरह ऐड कर दिए चीजें ऐड कर दी है अब ओबवियसली ये बेस्ट स्टाइलिंग नहीं है जो आप चाह रहे थे वो नहीं है आप चाहते हैं यहां पर डॉट दिखें डिस्क दिखें तो सब चीजें आप अपने हिसाब से भी कर सकते हैं या नहीं आपको आना तो चाहिए ही ये इस बात का अल्टरनेट नहीं है कि आपको स्टाइलिंग आती ही ना हो बट अगर बेसिक चीज आप खुद से नहीं लिखना चाह रहे हैं तो आप कर सकते हैं यहां जो स्टाइलिंग है वो आपकी अपने आप से ये ऐड कर देगा है ना तो ये देखिए एक बड़ा सिग्निफिकेंट माइलस्टोन है उसके बाद जो हमने किया अब जो हमारा पेज है देखिए अब कोई कितनी बार भी लोड करे मैं ये पेज कितनी बार भी रीलोड कर लूं जब तक मैं बस सर्वर दोबारा से स्टार्ट नहीं कर रहा हूं जो भी रजिस्टर्ड होम्स है उनकी लिस्ट अब हमको होम पेज पर दिखने लगी है तो अब जो मेरा यूआई है वो एक्चुअली क्या हो गया है मेरा जो यूआई है वो एक्चुअली डायनेमिक हो गया है है ना तो ईजेएस टेंप्लेट को कैसे यूज़ करना है यह भी हमने देख लिया अब इसके बाद देखिए एक और इंपॉर्टेंट चीज है यहां पर जिसको यहां बोलते हैं पार्शियल्स है ना अब पार्शियल्स का क्या कांसेप्ट है देखिए पार्शियल्स का एक कांसेप्ट है कि बहुत बार ऐसी चीजें होती हैं जो रिपीटेड यूज़ हो रही है यानी जैसे कि अगर मैं यहां देखने की कोशिश करूं अगर मैं 404 पेज खोलता हूं वहां पर भी मान लीजिए जो पूरा का पूरा हेडर है यानी गो टू होम ऐड होम ये मैंने हर पेज के अंदर कॉपी पेस्ट किया हुआ है आप ऐड होम के अंदर आकर देखेंगे यहां पर भी पूरा मैंने हेडर लिखा हुआ है होम एडिड में आकर देखेंगे यहां पर भी हमने पूरा लिखा हुआ है आप में से अगर काफी लोगों ने रिएक्ट वाला हमारा कोर्स फॉलो किया हो तो रिएक्ट में क्या होता है आप इसका एक कंपोनेंट बना लेते हैं छोटा सा और उस कंपोनेंट को आप रीयूज कर लेते हैं तो यूआई में वो प्रॉब्लम सॉल्वड है बट अभी हम क्योंकि सारा को डायरेक्टली एटीएमएल में लिख रहे हैं तो मुझे हर चीजें कॉपी करनी पड़ रही है तो इसी को बोला जाता है यहां ईजेएस की भाषा में पार्शियल्स कि आप क्या करिए इसका एक पार्शल क्रिएट कर लीजिए और उस पार्शल को आप उसके बाद बार-बार रीयूज कर सकते हैं तो वो कैसे करते हैं अब मैं व्यूज के अंदर क्या करूंगा ये जो मेरा व्यूज है इसके अंदर एक और अर एक फोल्डर बना लेता हूं मान लीजिए जिसको बोल देता हूं पार्शल जिससे पता रहे कि भाई क्या-क्या पार्सल्स आप क्रिएट करने की कोशिश कर रहे हैं सबसे पहला पार्शल तो मुझे क्लियर ही दिख रहा है हेडर हमको बनाना है तो इसका मैं यहां पर एक फाइल बना लेता हूं जिसका मैं नाम रख देता हूं हैडर डजे ए अब हर चीज ईजेएस नाम से बनने वाली है है ना अब मैं क्या करता हूं इनमें से एक में से एक हेडर उठा लेता हूं मान लीजिए अभी हम होम पेज पर हैं होम एडेड पे नहीं सबसे पहले होम पेज पर आ जाते हैं होम पेज से मैं क्या करता हूं ये जो हेडर है जो हमने अभी फोल्ड कर दिया था 20 लाइन का ये पूरा का पूरा हेडर मैं यहां से उठाकर कॉपी पेस्ट कर लेता हूं या कट कर लेता हूं यहां से हमने हेडर को जो है गायब कर दिया अभी अगर मैं देखिए ये पेज रिफ्रेश करूंगा तो क्या होगा हेडर हमारा गायब हो गया हेडर को मैंने आकर कहां पर पेस्ट कर दिया ये हेडर ड जए फाइल के अंदर पेस्ट कर दिया कि भाई ये एक ऐसा पार्शियल है अब जिसको मैं बार-बार इस्तेमाल करने की कोशिश कर रहा हूं ठीक है तो हमने क्या किया इसको बाहर निकाल लिया उसके अंदर भी अब आप हम यहां पर अलग-अलग पार्शल बना रहे होंगे ऊपर का जो हेड पोर्शन है उसका हम एक अलग पार्शल बना सकते हैं यानी आप क्या कर सकते हैं इनको और पार्ट शल्स भी बना सकते हैं मैं यहां आकर अगर देखूं वापस अगर अगर आपको दिखाऊं देखिए आउटपुट ड सए फाइल हम सब में इंक्लूड करते हैं टाइटल हम सब में देते हैं मेटा टैग देते हैं ये देते हैं यानी स्ट्रक्चर भी पूरा हो ये जरूरी नहीं है रिएक्ट कंपोनेंट नहीं है रि कंपोनेंट में क्या होता है पूरा का पूरा स्ट्रक्चर होना चाहिए जो आप कर रहे हैं यहां मैं इतना भी कर सकता हूं कि यार ये हेड के यहां तक का जो पोर्शन है इसको मैं पार्शियल में डाल दूं उसके बाद किसी को अगर हेड में एक आद लाइन और ऐड करनी है तो वो अपनी फाइल में अपने आप ऐड कर लेगा बट इतने को मैं पार्शल में डाल देता हूं और इसको उसके अंदर हम शायद वेरिएबल बना देंगे क्योंकि हर पेज का टाइटल तो अलग होने वाला है तो इसके अंदर भी आप डायनेमिक कंटेंट बना सकते हैं तो मैं क्या करता हूं यहां एक पार्शल और ऐड कर लेते हैं मान लीजिए हम हेड है ना हेड डटस हेड के अंदर हम क्या डाल लेंगे वापस होम में आ जाता हूं जितना मैंने बताया इतना हम काट कर डाल लेते हैं ताकि एक तरीका रहे हेड के अंदर एक चीज और भी ऐड करने का इसको मैंने कट कर लिया यहां हेड के अंदर डाल दिया बट यह जो टाइटल है अभी मुझे क्या चाहिए डायनेमिक चाहिए तो मैं इसको कट कर लेता हूं यहां पर और हमको जो कभी भी डायनेमिक कंटेंट अगर दिखाना है तो उसके लिए सिंटेक्स क्या है मेरा लेसन लेसन बेसिकली परसेंटाइल एंड इक्वल उसके बाद मैं य क्या लिख देता हूं मान लीजिए हम लिख देते हैं इसको टाइटल भा यहां हमको टाइटल दिखाना है या थोड़ा और क्लियर कर देते हैं पेज टाइटल है ना पेज टाइटल हमको दिखाना है और यह मैंने बंद कर दिया तो अब ये भी एक पार्शल बन गया है अब देखिए मेरा होम पेज कितना छोटा हो गया सिर्फ अपना कंटेंट इसके पास बचा है हेड भी एक पार्शल यहां पर यूज हो जाएगा और जो मेरा पूरा हेडर है ये भी यहां पर एक पार्शल यूज हो जाएगा बट उसको आप यूज करते कैसे हैं यूज कैसे करेंगे देखिए जिस भी फाइल के अंदर आप डाल रहे हैं हमने बनाकर दिखाया कि हेडर भी आप बना सकते हैं आपको यूज करना है इंक्लूड कमांड है ना और इस बार आप चला रहे होते हैं माइनस अभी तक हमने इ टू दिखा था माइनस का क्या मतलब है वो भी अभी मैं आपको बताता हूं यहां पर आप चला रहे होते हैं माइनस है ना और इसके बाद आप क्या करते हैं इंक्लूड पार्शियल स्लैश जो भी उसका पाथ है वो आप यहां पाद दे देते हैं तो मैं य क्या कर सकता हूं पहले यही जो हम इक्वल टू वाला सिंटेक्स चला रहे थे यही चलाएंगे परसेंटेज इक्वल टू की जगह चलाएंगे माइनस है ना और उसको आप जैसे बंद कर रहे थे वैसे ही बंद करेंगे यहां क्या चलाएंगे एक फंक्शन लिखेंगे इंक्लूड नाम का है ना और उसके अंदर आप जो पाथ है यानी हमने क्या बनाया एक पहले फोल्डर बनाया पार्शियल्स नाम का व्यूज के अंदर तो सबसे पहले देंगे उसको पार्शियल्स और स्लश हमको यहां पर क्या देना है हेड देना है है ना तो हमको हेड ड ईजीएस यूज करना है डटस लिखने की जरूरत नहीं आपने य लिख दिया हेड दूसरा क्या था इसको यूज कर लेते हैं है ना यहां हमने दूसरे का नाम क्या दिया हुआ है हेडर दिया हुआ है थोड़ा सा कंफ्यूज हो रहा है हेड और हेडर इसलिए हमने जब एग्जांपल लिया था इसका नाम नेविगेशन कर लिया था नेव आपको नेव करना है नेव कर सकते हैं फिलहाल मैं इसको हेडर ही कर देता हूं है ना पार्शियल्स हेडर या एक्चुअली कर देते हैं इसका नाम चेंज ये कंफ्यूजन ना रहे कि हेड और हेडर में क्या डिफरेंस है यह है हेडर बट हम इसको बोलना क्या चाह रहे हैं कि हम नेविगेशन यहां पर इस्तेमाल करने की कोशिश कर रहे हैं तो नेव आपके पास भी आ जाएगा है ना नेव हमने दे दिया मैं इसको रिफ्रेश करूंगा तो देखिए क्या हुआ ये बोल रहा है कुछ गड़बड़ है गड़बड़ क्या है हमने ये तो यूज कर लिया कुड नॉट फाइंड अच्छा हमने क्लोजिंग टैग शायद नहीं दिया एक बार चेक कर लेते हैं हम आ जाते हैं हेड के अंदर अच्छा यहां देखिए मैंने क्या कर दिया इक्वल टू लगा दिया इसकी जगह हमको कैसे क्लोज करना था इसको परसेंटाइल और ग्रेटर दन साइन लगाना था तो ये हम ने लगा लिया फिर से रिफ्रेश कर लेते हैं अच्छा फिर से अभी ये गड़बड़ दे रहा है अभी क्या दे रहा है ये हम अच्छा पेज टाइटल अब देखिए डिफाइन ही नहीं हुआ है ना अब आपने ये वेरिएबल इस्तेमाल तो कर लिया बट जब आप होम पेज लगा रहे हैं होम पेज में पार्शल क्या होगा आप ये मान लीजिए फाइनल उसमें जब आप ये हेड यूज़ कर रहे होंगे जब फाइनल इसको कैलकुलेट कर रहा है कि बस इस कोड को लाएगा और इस कोड को उठाकर यहां पर डाल देगा अब आपने एक वेरिएबल रजिस्टर्ड होम्स यूज़ किया था वो आपने दे दिया बट पेज टाइटल आपने नहीं दिया तो वो हम कहां देंगे यूजर राउटर में रजिस्टर्ड होम्स जब आपने ने दिया है तो यहां दूसरा जो है वो भी आप दे रहे होंगे क्या पेज टाइटल और पेज टाइटल का वैल्यू हमको क्या देना है वो हमने वहां से हटाते हुए कॉपी पेस्ट कर लिया था है ना टाइटल था एयर बीएनबी होम तो ये दूसरा वेरिएबल भी हमने दे दिया फिर से रिफ्रेश करके देख लेते हैं देखिए वापस आ गया मेरा हेड भी वापस आ गया और मेरा जो टाइटल है देखिए एयर बीएनबी होम वो भी आ गया है अी इसका रियल मैजिक देखा नहीं हमने अब रियल मैजिक अब आएगा जब हम ये पार्ट शल्स को रीयूज कर पाएं अब देखिए जो नाव हमने बनाया है नाव तो सब में सेम है तो नाव हर जगह इस्तेमाल हो सकता है तो तो मैं जहां पर भी हमने यूज़ किया मान लीजिए 404 के अंदर आ जाते हैं ये जो आपने रिपीट किया हुआ था हेडर इस पूरे हेडर को आप डिलीट कर देंगे शायद गलत सेलेक्ट हो गया हेडर को आप डिलीट कर देंगे और इसकी जगह आप क्या लिख देंगे इसके जह आप लिखेंगे इन पर्सन परसेंटाइल इक्वल टू सॉरी परसेंटाइल माइनस इंक्लूड पार्सल्स स्ल नफ कि भाई नेविगेशन बार हमको यहां पर वापस चाहिए यहां पर भी चाहिए ये हमने लगा लिया बट अब देखिए फाइल क्या है तो html5 फइल है तो 404 को भी मुझे रिनेम करके क्या करना पड़ेगा आई विल रिनेम इट टू ई ज एस तो एक पॉइंट के बाद अगर हम ये यूज कर रहे हैं हमारी सारी की सारी फाइल्स क्या बन जाने वाली होंगी ईजेएस बन जाने वाली होंगी क्योंकि या तो उनके अंदर कुछ होगा या वो उसको रीयूज कर रहे होंगे सेम चीज मैं जो टाइटल है यहां पर भी यूज कर सकता हूं है ना तो इतना मैं हटा देता हूं यह सेम ही इंक्लूड हम यहां पर यूज करेंगे बस इंक्लूड में नाव की जगह आप यहां क्या लगा रहे होंगे है ना अब देखिए जहां 404 यूज हुआ है वहां भी हमको जाकर चेंज करना पड़ेगा app.js के अंदर आएंगे यहां हम 404 लगा रहे थे तो सेंड फाइल की जगह आप यहां क्या कर रहे होंगे रेंडर है ना यह सब हमको यहां अब नहीं दिखाना है रेंडर को पूरे को हटा देंगे रेंडर में आप देंगे सिर्फ नाम 404 जो हमारी फाइल का नाम है है ना और उसके बाद यहां पर क्या दे रहे होंगे वेरिएबल देना पड़ेगा पेज टाइटल क्योंकि पेज टाइटल में आपने हेड को यूज कर लिया है हेड को चाहिए पेज टाइटल तो पेज टाइटल आपको देना पड़ेगा पेज टाइटल दे देते हैं है ना पेज टाइटल यहां पर क्या होगा मान लीजिए पेज नॉट न फाउंड है ना यह हमने बना लिया रेंडर का एक ब्रैकेट कम चाहिए हमको लग रहा है कि ठीक हो गया एक बार 404 पेज खोल कर देख लेते हैं कुछ भी रैंडम लगाया देखिए 404 आ गया मेरा हेडर भी आ गया मेरा टाइटल भी बज नॉट फाउंड आ गया है ना तो जल्दी से सारी फाइल्स के लिए कर लेते हैं 404 के लिए कर लिया ऐड होम जहां पर भी इस्तेमाल हो रहा है है ना ऐड होम कहां पर यूज हो रहा होगा अब ये सब दोनों हो रहे होंगे होस्ट के अंदर है ना होस्ट के अंदर य आएंगे यहां देखिए ऐड होम इस्तेमाल हो रहा है तो ड होम की जगह यहां पर भी क्या करेंगे ऐड होम भी यही है और होम एडिड भी यही है तो ये दोनों अब यहां पर हमको यूज करना है तो सेंड फाइल की जगह कर दें रेंडर और रेंडर के अंदर दे दें आप यही पाथ ड होम बस एचटीएमएल की जगह दे देंगे आप जस्ट ऐड होम एंड देन यहां माफ कीजिएगा यहां हमको देना है पेज टाइटल है ना और पेज टाइटल क्या है येय ड होम से ही जाकर निकाल लेते हैं ड होम में मैं वापस आ जाता हूं यहां टाइटल हमने दिया हुआ है ऐड होम टू एयरबी बी तो ये भी अब हमारा डायनेमिक चीज हो गई यूआई के अंदर नहीं है यहां हमने दे दिया ऐड होम टू एयरबी एनबी ऐड होम को अभी चेंज करेंगे सेम चीज ही मैं कहां पर कर देता हूं होम एडेड के अंदर भी कर देता हूं होम एडेड का टाइटल भी निकाल लाते हैं होम एडेड का टाइटल था होम एडेड सक्सेसफुली है ना अब देखिए थोड़ा मैं स्पीड से काम कर रहा हूं क्योंकि ये काम हम एक दो बार कर चुके हैं अब हमको बस ये रिप्लिकेट करना है हर जगह तो हमने कर दिया होम एडिड सक्सेसफुली यहां पर भी हो गया यहां पर भी हो गया ये है ना इन दोनों फाइलों को अब जाकर चेंज करते हैं रिनेम ई ज एस एंड देन होम एडेड को भी रिनेम ईजेएस अभी भी क्या पेंडिंग है अभी हमने पार्शल को यूज नहीं किया है है ना य मैं एज इट यहां से कॉपी कर लेता हूं हर जगह हेड और नेविगेशन ही हमको यूज करना है ड होम के अंदर आते हैं हेडर पूरा का पूरा मुझको खा जाना है है ना हेडर तक सब कुछ खा जाना है और ये उठाकर कहां डाल देंगे पार्शल सेड पार्शल नाव देखिए ये फाइल भी कितनी छोटी हो गई है होम एडेड के अंदर आएंगे इनके अंदर भी कुछ अपना कंटेंट तो है नहीं ज्यादा सब कुछ कॉमन हेडर वाला पोर्शन ही था यह भी हमने यहां पर डाल दिया है ना मैं एक बार इसको रिफ्रेश करके देख लेता हूं होम गए देख यर आर रजिस्टर्ड होम्स क्योंकि सर्वर शायद रीस्टार्ट हुआ तो य ब्लैंक हो गया है ड होम पेज पर गए देखि ड होम पेज ठीक से नहीं आ रहा है एक बार चेक कर लेते हैं ड होम पेज में क्या दिक्कत हुई ड होम एड होम एड होम ईजेएस है पार्शल है पार्सल्स है एक बार अगर हम हेड के अंदर जा देखेंगे अच्छा यहां देखिए अ ये जो आउटपुट ड सीएए है ना ये हमको स्लैश लगा लेना चाहिए क्योंकि सबसे जो पाथ है वो थोड़ा-थोड़ा अलग-अलग हो सकता है अब हेड में पाथ अलग है यहां पर पाथ अलग है तो हम ये बोल रहे हैं भाई डिफॉल्ट पब्लिक फोल्डर के अंदर आपको आउटपुट ड सए मिल सकती है ये देखिए रिफ्रेश किया मैंने तो ये चल गया ठीक से है ना पाथ हमको फिक्स करना पड़ा आउटपुट ड सीएए का अब देखिए ऐड होम भी ठीक से आ गया यहां पर मैं मान लीजिए बोल देता हूं फर्स्ट हाउस सबमिट किया तो ये कहां ले गया हमको दोबारा से ऐड होम पर ले गया हमने कॉपी पेस्ट में इसका मतलब कर दिया गलती है ना होस्ट राउटर में आ जाते हैं यहां देखिए होम एडेड की जगह ऐड होम ही छोड़ दिया तो उसको हमको बोलना है होम एडेड जब भी टेस्ट करते हैं तो बेसिक गलतियां आपकी पकड़ी जाती है सेकंड हाउस ऐड कर लेते हैं सेकंड हाउस सबमिट इस बार देखिए होम एडेड पर ले आया रिटर्न टू होम सिर्फ सेकंड हाउस आया फर्स्ट हाउस नहीं आया शायद हमने दोनों बार सेकंड हाउस ऐड कर दिया मुझे ऐसा लग रहा है तो सेकंड हाउस मेरा आ गया एक और होम ऐड कर लेते हैं मान लीजिए यहां पर मैं आता हूं फर्स्ट हाउस सबमिट किया रिटर्न टू होम देखिए सेकंड हाउस फर्स्ट हाउस सारे के सारे यहां पर आ रहे हैं मेरा अगर रैंडम पेज में जाकर देखूंगा 404 पेज भी मेरा आ रहा है हेडर वगैरह सब कुछ रीयूज हो पाया है ना तो देखिए ईजेएस टेंप्लेट से हम क्या-क्या कर पाए पार्शियल्स हमने यूज किए कितने अच्छे से उससे क्या हुआ जितना भी हमारा रिपीटेड कोड था जो भी आपका यूआई रिपीटेड है वो हम पार्सल्स में डाल पाए और उसके अलावा जो मेरा होम पेज है वो भी क्या हो गया है डायनेमिक हो गया कल को आपको यूजर का इंफॉर्मेशन दिखाना है ऊपर यहां प्रोफाइल दिखाना है तो सब में आप क्या करेंगे प्रोफाइल का ईजेएस बना लेंगे उसके बाद यूजर जो नेम है जो जो भी चीजें हैं वहां पर उनको आप ऐड करके उसको दे रहे हो है ना तो जो पार्शल वाला काम है और जो ईजेएस वाला काम है इसने हमारे पूरे पेज को क्या कर दिया है डायनेमिक तरीके से बना दिया है तो यही जितना भी कोड है यह सब चीज़ें हमने यहां पर आपके नोट्स में दिखाई हैं जिसको आप यूज़ कर सकते हैं जा जाकर है ना अब आ जाते हैं प्रैक्टिस सेट के ऊपर तो देखिए प्रैक्टिस सेट का मतलब क्या है हमने आज इस वाले चैप्टर में हमने कितना इंपॉर्टेंट काम देखा हमने देखा किस तरह से अपने यूआई को डायनेमिक करना है बट जब तक इसको हम ठीक से प्रैक्टिस नहीं करेंगे तब तक काम बनेगा नहीं है ना तो एक बार या तो यहां पर पॉज कर लीजिए पढ़िए भी खुद है ना उसके बाद इसको करने की कोशिश कीजिए वर्ना हम क्या करते हैं यहां से इसको आगे बढ़ाते हैं क्या बोल रहे हैं हम रीयूज द पप फ्रॉम द लास्ट असाइनमेंट लास्ट असाइनमेंट में जो प था वह आपको यूज़ करना ना है क्या-क्या यहां पर बोलना है मोर फील्ड्स टू द ड होम पेज या असाइनमेंट भी आप छोड़ सकते हैं जो अभी करेंटली हमने स्टार्ट किया है ये जो प्रोजेक्ट है इसी के अंदर आप भी कर सकते हैं क्या क्या बोलेंगे आप ऐड होम पेज जो है उसके अंदर मोर फील्ड्स डाली अभी तक हमने क्या डाला है सिर्फ होम का नाम डाला है आपको डालना है प्राइस पर नाइट एक रात के लिए कितने पैसे लेंगे क्या लोकेशन है रेटिंग क्या है फोटो क्या है है ना एक आद फोटो ये सब आपको यहां पर इंक्लूड करने के लिए डालना है फिलहाल फोटो में आप क्या लें एक्चुअल फोटो अपलोड ना कराएं कोई भी और कोई भी google's उसका जो लिंक है वो यहां पर एज इनपुट ले ताकि आप उस लिंक को अच्छे से इमेज में दिखा सके जब आप अपना एटीएमएल बना रहे हो तो है ना तो ये सारी चीजें आपको लेनी है उसके बाद क्या करना है डिजाइन द होम कार्ड टू शो ऑल ऑफ दिस इंफॉर्मेशन यानी अभी जो हम यहां पर सिर्फ क्या दिखा रहे हैं होम के नाम दिखा रहे हैं यहां पर क्या होना चाहिए थोड़ा सा स्टाइल होकर आप जो भी होम रजिस्टर करें उसकी जो भी डिटेल रजिस्टर करें वो पूरा आपको एक अच्छे से कार्ड बनकर दिखना चाहिए और आपको क्या करना है ऊपर जो हमारी ने में टैब है कि कौन सी टैब इस समय सिलेक्टेड है उसको आपको एक्टिव दिखाना है थोड़ा सा डिफिकल्ट असाइनमेंट है है ना इतना आसान नहीं है ये थोड़ी सी एक्स्ट्रा चीजें हैं जो हम यहां कराना चाह रहे हैं तो आप एक बार खुद से ट्राई करें ये काफी ज्यादा इस चीज पर डिपेंड करेगा काफी सारा इसमें यूआई वाला काम है कि आपने यूआई का काम कितना किया है आप कितना करना चाहते हैं अदर वाइज इसके बाद हम इसको अपने आप तो सॉल्व कर ही रहे होंगे तो एक बार आप इसको खुद से ट्राई करिए उसके बाद मेरे साथ इसको सॉल्व करते हैं तो चलिए स्टार्ट करते हैं हमारी एक्सरसाइज है ना यहां पर हम आ जाते हैं फिलहाल मैं क्या कर लेता हूं क्योंकि एक्सरसाइज में हमको डालना है ये जो चैप्टर 12 है ना इसी को मैं सेलेक्ट कर लेता हूं और उठाकर डाल देता हूं प्रैक्टिस सेट के अंदर है ना तो प्रैक्टिस सेट के अंदर इसको डाल देते हैं और इसको हम कर लेते हैं रिनेम िक यवाई बस कर देते हैं इसको यहीं से हमको स्टार्ट करना है प्रैक्टिस सेट जो है वो इसके अंदर होना चाहिए यहां पर आ जाते हैं इस प्रैक्टिस सेट को सॉल्व करना स्टार्ट करते हैं देखिए इसने क्या बोला सबसे पहला टास्क क्या है हमको और फील्ड्स ऐड करने है ड होम पेज के अंदर तो पहले ड होम ईजेएस जो है उसको हम खोल लेते हैं यूज के अंदर आ जाते हैं ड होम को चाहिए है ना ऐड होम ईजेएस पहले बाकी सबको बंद कर दें क्योंकि बाकी पुराने प्रोजेक्ट्स से आप गलती से ना कर रहे हो क्लोज अदर्स है ना मतक ऐड होम को भी एक बार दोबारा ही खोल लेते हैं टू मेक श्यर हमने चैप्टर नंबर 12 प्रैक्टिस सेट के अंदर वाला ही खोला है यह हमारा खुल गया है ना इसको हम थोड़ा सा बड़ा कर किया हुआ है हमने ठीक बात है इसको अब हम यहां पर इसने बोला यह जो इनपुट आपने एक फील्ड सिर्फ ऐड किया हुआ है हाउस नेम आपको क्या-क्या ऐड करना है यहां पर हाउस नेम के साथ आपको अ प्राइस पर नाइट ऐड करना है प्राइस लोकेशन रेटिंग फोटो यह सारी चीज हम ऐड कर लेते हैं है ना तो मैं क्या करता हूं इसको कॉपी पेस्ट कर लेता हूं मान लीजिए इसको मैंने कर लिया कॉपी पेस्ट इसमें मैं क्या बोल दूंगा टेक्स्ट टाइप का होना चाहिए नाम मैं मान लीजिए कर देता हूं प्राइस और जो प्लेस होल्डर है यहां पर प्लेस होल्डर डाल देते हैं प्राइस पर नाइट बाकी सब चीजें सेम ही रहने वाली है आई थिंक प्राइस हो गया दो तीन चीजें और थी क्या क्या है और लोकेशन रेटिंग फोटो है ना थोड़ा सा य थंक स्टाइलिंग ठीक नहीं हो रहा है चेक कर लेते हैं यहां तक तो ठीक था यह भी ठीक नहीं हुआ है आ थ मेरा जो फॉर्मेटर है व इसको जस मानकर ठीक से फॉर्मेट नहीं कर रहा है कोई बात नहीं फॉर्मेटर हम यूज करते हैं बट फॉर्मेटर पर भाई डिपेंडेंट नहीं है नहीं करेगा तो हाथ से कर लेंगे है ना तो हाउस नेम आ गया प्राइस आ गया इसकी एक दो कॉपी और बना लेते हैं एक कॉपी ऑलरेडी बनी हुई है बट हम फॉर्मेटेड कॉपी बना लेते हैं फॉर्मेट कर चुके हैं तो अ इस बार आगे दे दिया इसने कोई बात नहीं इस ब पीछे कर लेंगे एक और हमको बनाना है आपको भी पीछे ड होम पर चले जाते हैं अच्छा हमको सर्वर भी अब नया वाला स्टार्ट करना पड़ेगा इसमें आ जाते हैं हम प्रैक्टिस सेट में एंड देन चैप्टर 12 हमने क्या नाम इसका सिर्फ डायनेमिक रखा है चलिए डायनेमिक ही नाम है ना मैं थोड़ा सा कंफ्यूज हो गया था नाम को देखकर ऐसा नहीं कि कोई और प्रोजेक्ट बन गया है यहां कर लेंगे एनपीएम स्टार्ट है ना एनपीएम स्टार्ट करा यह वाला चल गया होगा रिफ्रेश करते हैं देखि ड होम पर हम आ तो गए हैं बट काफी सारी चीजें कैसे दिख रही है अभी हमको प्राइस पर नाइट काफी सारी चीजें जो है यहां पर ब्रेक हो गई है है ना क्या बोल रहा है ये नो यूटिलिटी क्लासेस वर डिटेक्टेड तो एक बार इसको हमको चेक करना पड़ेगा कि क्या गड़बड़ हुई है है ना कुछ तो यहां पर ये बोल रहा है कि इस ये ठीक से देख नहीं पाया अच्छा देखिए गड़बड़ क्या हुई है हमारा जो टेल विंड है उसको तो हमने बोला ही नहीं कि ईजेएस फाइल के अंदर भी क्लासेस यूज हो सकती हैं तो हम आएंगे टेल विंड कॉन्फरल था व्यूज एटीएमएल के साथ-साथ क्या हो सकता है ईजेएस भी हो सकता है इससे शायद कॉमा नहीं लगता होगा इसको मैं एक बार चेक कर लेता हूं रिफ्रेश कर लेते हैं अच्छा कॉमा लग के चल तो गया है ना तो ये मैंने मैं अब बोल रहा हूं कि भाई एचटीएमएल फाइल तो हो ही सकती है साथ-साथ ईजेएस फाइल भी हो सकती है उसके अंदर भी क्लासेस को ढूंढ लीजिएगा तो उसने उसके अंदर क्लासेस को ढूंढा यहां पर रेंडर कर दिया इसलिए देखिए हमको क्या मिल रहा है चीजें जो है ठीक से दिखने लग गई है एक बार मैं ये चेक कर लेता हूं अच्छा अब देखिए अब क्या किया इसने पार्सल्स के अंदर जो क्लासेस है वो ये यूज नहीं कर रहा है क्योंकि हमने बोला है व्यूज के अंदर डायरेक्टली जो फाइल है वही आपको देखनी है इसका दूसरा तरीका क्या होता है यहां पहले स्टार्ट स्टार्ट लगाएंगे फिर स्टार्ट लगाएंगे इसका मतलब यह है कि भाई उसके अंदर भी कोई फोल्डर है तो उसको भी चेक कर लेना है ना अब रिफ्रेश करेंगे तो देखि यह वाली क्लासेस इसको ठीक से मिल गई कॉन्फिन हमने ठीक कर लिया अब आ जाते हैं देखिए वापस यहां पर पहला था नेम ऑफ द हाउस य हमने प्राइस कर लिया था प्राइस के बाद अगला क्या है वापस आ जाते हैं लोकेशन रिटिंग फोटो है ना तो इसको बोल देता हूं लोकेशन और यहां भी बोल देंगे लोकेशन नाम और य दोनों चीज चेंज कर दी हमने फिर होगा रेटिंग ली देखि रेटिंग आपको एंटर नहीं करानी होती है रेटिंग तो आप ओवर द टाइम कैलकुलेट करेंगे बट अभी हम इसको इनपुट मानकर बस अपनी चीजें बढ़ा रहे हैं एंड फोटो है ना फोटो यूआरएल हम इसका नाम रख देते हैं इसको भी बोल देते हैं एंटर पोटो यू आर है इसको रिफ्रेश करते हैं तो देखिए सब चीज चेंज हो गई हाउस मांग रहा है प्राइस मांग रहा है लोकेशन रेटिंग एंटर फोटो यूआरएल अभी बहुत सारी चीजें हम ओबवियसली नहीं कर रहे एकदम बेसिक यूआई बनाने की कोशिश कर रहे हैं बट इतना तो य ठीक से हमारा चल रहा है ठीक है एक बार इसमें डाल करर देख लेते हैं चीजें मान लीजिए उत्सव नाम बोल रहा हूं प्राइस पर नाइट मान लीजिए बोल रहा हूं भाई 999 आपको देने पड़ेंगे लोकेशन में बोल देता हूं गाजियाबाद में लोकेशन है रेटिंग तो भाई हमारी पूरी फाइव है है ना फोटो यूआरएल तोब हम क्या करते हैं एयर बीएनबी हाउसेस तो फोटो मिल ही जाएंगे है ना फॉर ये बोल रहा है ये पूरा का पूरा हमको मिल गया है हाउस नेम प्राइस लोकेशन रेटिंग फोटो यूआरएल उत्सव ये पूरा हमको मिल गया पर अब देखिए जैसे ही मैं होम पर वापस जा रहा हूं तो क्या हुआ इसने सिर्फ यहां पर हाउस नेम ही डाला उत्सव क्योंकि वही हमने डाला था तो ये लॉजिक भी हमको चेंज करना पड़ेगा जो ऑब्जेक्ट हमने बनाया उसके अंदर सारी वैल्यू डालो ना भाई जो जो वैल्यूज हम लेकर आए हैं तो ये कहां हमने डाला था ये आना पड़ेगा हमको राउट्स के अंदर एंड होस्ट राउटर के अंदर यहां देखिए रजिस्टर्ड होम्स के अंदर हम एक-एक चीज यहां पर डाल रहे थे है ना कहां गया ये पुश हमने किया हाउस नेम अभी मुझे लग रहा है कि हमको रिक्वेस्ट डॉट बॉडी यहां पर पुश कर लेना चाहिए आई थिंक जो भी वहां से आ रहा है वो पूरा का पूरा आप उठाकर यहां से पुश कर सकते हैं अपने बेसिकली इसके अंदर यहां से हाउस नेम अब मैं हटा देता हूं अपने एरे के अंदर एक बार फिर से चेक कर लेते हैं है ना एक ऑब्जेक्ट तो इसके अंदर गड़बड़ हो ही गया है एक बार फिर से मैं होम पर जाता हूं अभी क्योंकि मैंने कोड चेंज किया सर्वर रीस्टार्ट हुआ तो सर्वर रीस्टार्ट होते क्या हुआ मेरी वैल्यूज चली गई फिर से ऐड होम पर आते हैं फिर से यहां पर ऐड कर लेते हैं उत्सव 999 गाजियाबाद फ थैंक्स टू क्रम सब कुछ चीजें याद रख रहा है फिर से हमने किया सबमिट देखिए इस बार भी बोल रहा है कि इसने चीजें ऐड तो की हैं पर अब जब मैं होम पर जाऊंगा वहां देखते हैं क्या प्रिंट हो रहा है अब देखिए होम पर जाकर भी ठीक प्रिंट हो रहा है पूरा का पूरा जो ऑब्जेक्ट है जो एरे है उसके अंदर ये पूरा का पूरा यहां से प्रिंट हो गया है इसने भी उसके अंदर से हाउस नेम निकाल के हमारी लिस्ट में डाल दिया है बट बाकी चीजें भी इसके पास अवेलेबल है यह पूरा एक कार्ड यहां पर बना सकता है ठीक है तो यह हमारा काम हो गया पहला अगला क्या है डिजाइन द होम कार्ड टू शो ऑल ऑफ दिस इंफॉर्मेशन तो हमको ये कार्ड बनाना है जिसके अंदर ये इंफॉर्मेशन शो करना है अगेन देखिए मैं मानकर चल रहा हूं कि एक ऑप्शनल टास्क है क्योंकि हम मेनली नोट जस का कोर्स पढ़ रहे हैं तो ये जरूरी नहीं कि आप डिजाइन करना चाहते हो या डिजाइन कर रहे हो या आपके ऊपर आप इसको कितना सुंदर बनाना चाहते हैं कितना सुंदर नहीं बनाना चाहते हैं कार्ड लेआउट वैसे भी बहुत सारी जगह से हम उठा रहे होते हैं तो बहुत सारी जगह अगर आप सर्च करेंगे तो आपको कार्ड लेआउटस मिल जाते हैं जैसे कि अगर मैं यहां पर आऊं है ना और आप बस ये लिखिए टेल विंड कार्ड या आइटम कार्ड भी आप बोल सकते हैं आइटम ई-कॉमर्स कार्ड टेंप्लेट है ना व आपको मिल जाएगा देखिए बहुत सारे यहां पर मिल रहे हैं अलग-अलग लोग आपको टेंप्लेट कार्ड बनाने की कोशिश कर रहे हैं टेंप्लेट कार्ड देने की कोशिश कर रहे हैं जो आप यहां से देख सकते हैं देखिए इलेक्ट्रॉनिक्स का बोल रहा है कि भाई इस तरह का आप कोई टेंप्लेट अगर दिखाना चाह रहे हैं तो ये आप दिखा सकते हैं है ना अगर आप इस तरह की कोई टेंप्लेट दिखाना चाह रहे हैं फ्लो बाइट देखिए जो वेबसाइट हम यूज कर रहे हैं कोई भी आप यूज कर सकते हैं इस तरह का आपको टेंप्लेट दिखाना है जैसा भी टेंप्लेट दिखाना है यह आपको मिल गया या दूसरा आप टेंप्लेट इस तरह का कोई प्रोडक्ट का टेंप्लेट यूज करना चाह रहे हैं यह आप यूज कर सकते हैं है ना यह देखिए यह किसी ने एक टेंप्लेट बनाया हुआ है ये आप यूज कर सकते हैं तो इनमें से आप कोई भी टेंप्लेट उठा लें अभी मैं यहां पर पॉज करके इसको बना लेता हूं वरना का जो कोड है वो आपको यहां पर मिल ही जाएगा प्रोजेक्ट के अंदर आप इसको उठाकर कॉपी पेस्ट कर सकते हैं ना हमेशा गेट अप का जो लिंक है वो आपको नीचे मिल जाएगा वीडियोस में हमारे पूरे प्रोजेक्ट का जो गेट अप लिंक है तो उसको आप उठाकर यूज कर सकते हैं यहां पर नहीं भी मिल रहा है तो आप हमारे गेट पर जनरली जाकर इस पूरे का जो भी कोड का लिंक है उसको एक्सेस कर सकते हैं तो मैं यह वाला जो टास्क है इसको ऑप्शनल मान करके यहां भी एक कार्ड बना लेता हूं जल्दी से और उसको आपको हल्का सा एक्सप्लेन कर दूंगा हमने किस तरह से बनाया पर वो टाइम हमारा जो 10-15 मिनट का टाइम है वो बच जाए वो काम आप खुद से कर सकते हैं इसको ऑप्शनल मान सकते हैं बैक एंड का कोर्स है तो यूआई आपको ठीक से बनाना आता है बहुत अच्छे से या नहीं तो ये बहुत बड़ी जो बात है वो नहीं है है ना तो मैं कार्ड बना लेता हूं तो देखिए हम ओबवियसली हाथ से तो बना ही सकते हैं मुझे लगा यहां पर भी आपको अ आजकल सॉफ्टवेयर डेवलपमेंट कितना आसान हो गया है आगे चलके किन चीजों पर ध्यान देना है दिखा देता हूं तो देखिए ये हमारा यूल वाला कोड है जिसके अंदर हमने ये सिंगल अभी हाउस नेम दिखाया हुआ है तो आपको बहुत सारी चीजें किसी लेवल पर जाकर करने की जरूरत नहीं है देखिए मैं पूरे इस यूल को सेलेक्ट करता हूं और कर्सर को क्या बोलता हूं कैन यू कन्वर्ट दिस इनटू अ ब्यूटीफुल कार्ड शोइंग ऑल द इंफो लाइक या वही जो ऑब्जेक्ट है वो मैं कॉपी पेस्ट कर देता हूं यार आपको वो भी उसको बताने की जरूरत नहीं कि इसमें से क्या कीज है क्या वैल्यूज है या मैं ईजेएस यूज कर रहा हूं आपका कोड देखकर सब कुछ समझ जाएगा है ना शो ऑल दिस इंफो ब्यूटीफुल कार्ड शोइंग ऑल दिस इंफो हां बस इतना ही अगर मैं लिख दूंगा तो आई थिंक इसको कर देना चाहिए मैंने सबमिट कर दिया अी देखिए क्या करेगा कुछ-कुछ आपके कोड चेंजेज यहां पर जाकर कर रहा है अपने आप ही ईजेएस को हर जगह यूज कर रहा होगा इसने कुछ बोला कि भाई मैंने कोड बना लिया अब इसको मैं टेस्ट कैसे करूंगा इसको मैं एक्सेप्ट कर लेता हूं जो हमारा नॉर्मल आईडी है उसमें यहां आकर देख लेता हूं है ना मैं यहां आकर इसको रिफ्रेश करूंगा देखिए इसने क्या दिखा दिया एक कार्ड यहां पर बनाकर दिखा दिया है जिसके अंदर नाम आ गया है लोकेशन आ गया है प्राइस आ गया है स्टार रेटिंग है यहां पर दिखाने की कोशिश कर रहा है है ना मैं इसको रिफ्रेश कर लेता हूं एक बार देखिए कितनी सारी चीजें इसने यहां पर दिखा दी है इसको आप ओबवियसली इंप्रूव कर सकते हैं इसको आपको हमेशा यह मानना है कि दिस इज माय फर्स्ट ड्राफ्ट तो एक ड्राफ्ट इसने बना दिया अभी इमेज नहीं आ रहा है स्टंड नहीं आ रहा है उसको हम फिक्स कर लेते हैं बट ये दिस इज अ गुड स्टार्ट टू स्टार्ट विद है ना कि ये एक कम से कम मैं कार्ड यहां पर ठीक से दिखा पा रहा हूं काफी सारा इनिशियल कोड इसने लिख दिया बाकी सारा जो काम है वो हम ठीक से फिक्स कर सकते तो देखिए यहां पर फाइनल चीजें दिख गई अब क्या है बहुत बार जो इमेज यूआरएल था वो इसलिए ब्रेक हो रहा था क्योंकि बहुत सारे इमेजेस जब आप नॉर्मली किसी और डोमेन से गेट करने की कोशिश करते हैं तो दिखाता नहीं है है ना तो यह हमने दिखाना शुरू कर दिया अभी बाकी हमारा यूआई देखिए इसने उल्टा बना दिया है जितनी बड़ी स्क्रीन है उतना ही छोटा यह दिख रहा है जो हमारा इमेज है है ना जितनी छोटी स्क्रीन है उतना बड़ा दिख रहा है तो ओबवियसली ये सब चीजें हम चेंज कर सकते हैं बट एक कार्ड तो हमारा ये आ गया मान लीजिए इमेज अभी हमने हार्ड कोड कर दी है मैं एक और ऐड होम करता हूं एक नया हाउस यहां पर ऐड कर लेता हूं फर्स्ट हाउस इस बार प्राइस हम दे देते हैं 1299 लोकेशन हम दे देते हैं इस बार मान लीजिए बेंगलोर या बेंगलुरु है ना रेटिंग हम दे देते हैं मान लीजिए फोर है इस बार पोटो यूआरएल अभी हम यूज नहीं कर रहे हैं है ना तो यहां पर मैं कुछ भी दे दूं इसको हम सबमिट कर देते हैं रिटर्न टू होम तो देखिए क्या हुआ दो हाउसेस इस बार दिख रहे हैं है ना ओबवियसली ये डॉलर यहां पर दिखा रहा है डॉलर की जगह हमको यहां पर क्या दिखाना चाहिए रुपी सिंबल दिखाना चाहिए है ना जहां ये डॉलर दिखा रहा है अभी मान लीजिए मैं आरएस लिख देता हूं बट हमको आईडियली यहां पर क्या दिखाना चाहिए रुपीज का सिंबल दिखाना चाहिए इसकी जो स्टाइलिंग है वो हम फिक्स कर सकते हैं बट मोटा-मोटा हम यहां काम समझ गए हैं कि क्या हो रहा है अब यहां पर हम जब भी ऐड होम कर रहे हैं तो यहां पर हमको पूरा कार्ड बन के दिख रहा है जिसके अंदर सारी की सारी इंफॉर्मेशन हम दिखा पा रहे हैं है ना तो ये हमारा काम हो गया जो अ नंबर टू हमको करना था उसके बाद क्या है ऊपर जो भी सिलेक्टेड टैब है उसको हमको एक्टिव दिखाना है कि इस समय कौन सी टैब जो है वो एक्टिव है या दोनों में से कोई भी एक्टिव नहीं है इसका मतलब क्या है इसका मतलब है कि अगर मैं इस समय होम पेज पर हूं है ना जिसको हम गो टू होम बोल र हैं मान लीजिए मैं इसको होम बोल देता हूं होम पेज पर हूं तो ये कुछ एक्टिव दिखना चाहिए कि आप होम पर हो ऐड होम पर हूं तो ड होम एक्टिव दिखना चाहिए उसके अलावा बेसिकली कुछ भी एक्टिव नहीं दिखना चाहिए तो ये टास्क हमको करना है ये भी यूआई का टास्क है आप इसको थोड़ा सा ऑप्शनल भी मानकर इसको हटा सकते हैं एक्चुअली स्टाइलिंग वाला थोड़ा सा टास्क है बट अगर आप थोड़ी सी स्टाइलिंग में इंटरेस्टेड हैं तो इसके बाद इसको मेरे साथ भी करते हैं तो देखिए काम हम कैसे कर सकते हैं अभी हमने क्या यहां पर किया हुआ है पहले मैं नेविगेशन में अगर जाकर देखूं देखिए पूरा जो हेडर है है ना ये हमने हर जगह रीयूज किया है किसको रीयूज किया है नेविगेशन को यूज किया है है ना तो नेविगेशन फाइल को खोल लेते हैं अभी मैं नेविगेशन फाइल में अगर आकर देखूं देखिए जो इंडिविजुअल लिंक है यहां पर मैंने क्या लगाया हुआ है क्लास लगाया हुआ है होवर कि आप बैकग्राउंड को रेड 400 कर दीजिए यानी बैकग्राउंड इसकी देखिए थोड़ी सी लाइट हो रही है अगर मैं इसको होवर कर रहा हूं तो है ना तो यही मैं एक्टिव दिखाने के लिए भी कर सकता हूं कि अगर ये टैब एक्टिव है तो आप क्या करें इसका जो बैकग्राउंड है वो चेंज कर दें उससे थोड़ा सा एक्टिव लगने लगेगा तो पहला तो ये जो गो टू होम है इसको हम क्या चेंज कर देते हैं होम चेंज कर देते हैं है ना गो टू होम की जगह होम तो जब आप होम पर होंगे तो ये एक्टिव दिखना चाहिए ऐड होम पर होंगे तो ये एक्टिव दिखना चाहिए तो ये चेंज हो रहा है विद टाइम तो कोई वेरिएबल मैं यूज कर सकता हूं कि मैं मान लीजिए करंट पेज पास कर दूं हर जगह से करंट पेज का पास नाम पास कर दूं उस बेसिस पर यहां पर इसको चेंज कर लूं मैं क्या बताने की कोशिश कर रहा हूं चलिए देखते हैं मान लीजिए मैं होम में यहां पर चला जाता हूं अभी हम यहां पर क्या पास कर रहे हैं दो चीजें पास कर रहे हैं ये जो ऑब्जेक्ट हमने बनाया रजिस्टर्ड होम और पेज टाइटल मान लीजिए हम एक थर्ड चीज पास कर देता हूं क्या करंट पेज है ना करंट पेज इस समय कौन सा है अभी तो करंट पेज होम ही है है ना जब होम पर होंगे तो होम पास करेंगे ड होम पर होंगे तो ड होम पास करेंगे एड होम सक्सेसफुल पर होंगे तो वो पास करेंगे 404 पर होंगे तो वो पास करेंगे तो यहां पर हम हर एक में क्या करते हैं करंट पेज यहां से पास कर देते हैं करंट पेज की क्या वैल्यू है तो मैंने यहां से भी पास कर दिया और मुझे कहां-कहां पास करना पड़ेगा होस्ट में दोनों जगह पास करना पड़ेगा है ना तो यहां पर एक वेरिएबल हमने ऐड कर लिया है करंट पेज ड होम में इसका नाम होना चाहिए ऐड होम है ना करंट पेज हमको ऐड करना है और होम एडेड में इसका नाम होना चाहिए होम एडेड इसको फिर से कॉपी कर लेता हूं और लास्ट मेरा बचा 404 तो वहां पर भी चले जाते हैं वह हमने किया होगा app.js के अंदर है ना यह हमने किया हुआ है यहां पर भी मैं ऐड कर देता हूं करंट पेज एंड करंट पेज का नाम भी हम दे देते हैं 404 तो अब एक वेरिएबल मैंने बना लिया करंट पेज जो मैं हर जगह पास कर रहा हूं और यह मैं कहां पर यूज कर सकता हूं जो हमने टेंप्लेट बनाई है यानी नेविगेशन डस जो है डस जो है यहां पर हम इसको पास यूज कर सकते हैं और पूरा मैं है ना परसेंटेज ग्रेटर दन अब मैं इसके बीच में जो भी कोड लिखाऊ वो क्या होने वाला है जावास्क्रिप्ट का कोड होने वाला है तो यहां पर अगर मुझे क्लास ऐड करनी है मैं यहां पर क्या कर देता हूं वेरिएबल का हमने क्या नाम रखा है करंट पेज तो पहले हम करंट पेज को कंपेयर कर लेते हैं कि भाई करंट पेज अगर पहली वाली टैब कौन सी है पहली वाली होम टैब अगर करंट पेज इस समय होम हो तो क्या करें तो मान लीजिए मैं यहां पर एक क्लास ऐड कर देता हूं उसके लिए है ना यहां हम क्या लगा रहे हैं टरनरी ऑपरेटर लगा रहे हैं क्लास ऐड कर देते हैं कि भाई उस केस में आप बाय डिफॉल्ट इसको क्या कर लीजिए बैकग्राउंड रेड कर दीजिए अदर वाइज ये जो होवर बैकग्राउंड रेड हम लगा रहे थे अगेन ये टेल विंड का कांसेप्ट है कि जब भी होवर करें तब लग जाए तो मैं क्या करता हूं नॉर्मल केस में अगर ये होम पेज नहीं है तो आप इसकी बैकग्राउंड सिर्फ होवर पे चेंज करें है ना अगर ये होम पेज है तो डायरेक्टली चेंज कर दें अगर ये होम पेज नहीं है तो होवर पर चेंज करें तो एक बार इसका रिफ्रेश करके मतलब देख लेते हैं क्या हुआ है ना अभी देखिए हम होम पेज पर है अभी होम पेज पर है तो ये सेट नहीं हुआ एक बार चेक कर लेते हैं क्या गड़बड़ हुई बैकग्राउंड रेड 400 अच्छा हमने देखिए यहां पर इक्वल टू नहीं लगाया तो ये क्या हो रहा होगा यह चल रहा है किस तरह से ये चल रहा था एज अ वेरिएबल बल्कि ये चल रहा था एज जावास्क्रिप्ट कोड कंट्रोल जावास्क्रिप्ट कोड जबकि हमको इसको किस तरह से यूज करना था ये जो भी हमने यहां से रिटर्न किया है बीजी रेड 400 या होवर बीजी रेड 400 ये एज अ वैल्यू चले जाना चाहिए यहां पर है ना तो मैंने इसमें इक्वल टू लगा दिया फिर से इसको रिफ्रेश करके देख लेते हैं अब देखिए जैसे ही मैं होम पर हूं इसका बैकग्राउंड बा डिफॉल्ट चेंज आ रहा है अ ये होवर पर चेंज नहीं हो रहा है अगर मैं ऐड होम पर जाऊंगा तो देखिए यहां से बैकग्राउंड चेंज हो गया अब ये कैसे हो रहा है होवर पर जा रहा है तो ये जो लॉजिक मैंने यहां पर यूज किया है ये एज इट इज लॉजिक में कहां पर भी यूज कर सकता हूं जब वहां पर किया है तो आप कहां कर सकते हैं ड होम में भी कर सकते हैं है ना और इस बार बस मैं यहां पर क्या चेक ये जो टेक्स्ट है इसको हम चेंज करके कर देते हैं ड होम है ना फिर से उसको रिफ्रेश करते हैं वहां से शायद हमने ड होम पास नहीं किया एक बार चेक कर लेते हैं होस्ट राउटर से हमने क्या पास किया है होम एडेड पास कर दिया करंट पेज और ऐड होम इस तरह से पास किया हुआ है यही मैं यहां पर चेक कर लेता हूं अगर करंट पेजेस ऐड हो है ना इसको रिफ्रेश किया देखिए अब ड होम पर है तो ये वो वर्ड आ रहा है एक्टिव आ रहा है होम पर गए तो अब ये वाला एक्टिव आ रहा है अगर 404 पर जाएंगे तो दोनों में से कोई भी एक्टिव नहीं आ रहा मैं वापस होम पर चला जाऊंगा तो होम एक्टिव रहेगा एड होम पर चला जाऊंगा तो एड होम एक्टिव रहेगा ना एनीवे तो ये थोड़ा सा यूआई का टास्क था जो हमने आपको करके दिखाया कि आप किस तरह से इसको कर सकते हैं पर उम्मीद कर रहा हूं इस चैप्टर में हमको ये अच्छे से समझ आया होगा कि हमको इजीएस टेंप्लेट कैसे यूज करनी है यूआई को हम कैसे डायनेमिक बना सकते हैं कैसे उसकी अच्छे से हम स्टाइलिंग कर सकते हैं है ना इतना हमने कर लिया अगले चैप्टर में हम देख रहे होंगे अब थोड़ा सा अपने कोड को अरेंज कैसे करना है जैसे बड़ी कंपनियों में काम होता है आर्किटेक्चर बनता है एमवीसी आर्किटेक्चर इसका क्या मतलब होता है उसको हम कैसे चेंज कर सकते हैं आखि वो हमारे कैसे काम आएगा और अपने प्रोजेक्ट में हम उसको कैसे इंप्लीमेंट करेंगे तो बहुत जल्दी मिलूंगा आपसे अगले चैप्टर में जो कि होगा हमारा एमवीसी यहां आज फिलहाल हमने जो पूरा डायनेमिक यूआई कवर करना है आगे चलके हम पूरे चैप्टर में जब भी चीजें पूरे कोर्स में हम जब भी डायनेमिक यूआई बना रहे हो होंगे तो कोशिश करेंगे ईजेएस को यूज करने की और अभी जो हमने हैक मार के लोकल वेरिएबल को यूज किया है उसको भी जब हम डेटाबेस पढ़ लेंगे बहुत जल्दी तो उसको भी हम लोकल वेरिएबल बनाकर यूज नहीं कर रहे होंगे तो चलिए दोस्तों स्टार्ट करते हैं हमारा अगला चैप्टर और इस बार हम क्या देखने वाले हैं मॉडल व्यू कंट्रोलर यानी इसका दूसरा नाम आपने क्या सुना होगा इसका दूसरा नाम है एमवी सी जो शॉर्ट नेम है जिससे जनरली इसको जाना जाता है इसका क्या मतलब है तो देखिए होता यह है कि कोड जब थोड़ा-थोड़ा बड़ा होने लगता है जो अभी हम होने लगा है बहुत सारे हमारे पास राउट्स आ गए हैं हैंडलर आ गया है व्यूज आ गए हैं है ना बेसिक चीजें आना स्टार्ट हुई है फिर भी तो जब धीरे-धीरे कोड बड़ा होगा तो उसके बाद जब तक रिस्पांसिबिलिटी हर कोड की अलग-अलग डिफाइन ना हो तो हर चीज सब जगह हो जाती है है ना घर में भी आप देखिए दोस्तों में भी देखिए अगर किसी की क्लियर रिस्पांसिबिलिटी डिफाइन नहीं है कि किसको क्या करना है तो क्या होता है पूरी होचपोच हो जाती है हर आदमी हर काम करने की कोशिश करता है और हर कोई भी आदमी कोई भी काम ठीक से नहीं कर पाता कोड में भी यही प्रॉब्लम है तो कोड में भी हम क्या कोशिश करते हैं आप मान लीजिए क्रिकेट टी टीम का एग्जांपल ले लीजिए वहां क्लियर है ना कौन किस भाई आपकी प्राइमरी रिस्पांसिबिलिटी बॉलिंग है आपकी प्राइमरी रिस्पांसिबिलिटी बैटिंग है है ना ऐसी कोई टीम नहीं होती ना जहां 11 के 11 ऑलराउंडर हो कुछ-कुछ ऑलराउंडर चल जाते हैं बट 11 के 11 ऑलराउंडर नहीं चलते है ना वरना क्या होगा किसी भी चीज में स्पेशलाइजेशन नहीं हो पाएगा कोई भी काम ठीक से नहीं हो पाएगा यही यही बेसिकली तरीका है अलग-अलग आर्किटेक्चर पैटर्स होते हैं इसको क्या बोलते हैं आर्किटेक्चर पैटर्न बोलते हैं कि आप अपने कोड को आर्किटेक्ट के हिसाब से कर रहे हैं यानी अपने कोड को डिजाइन किस हिसाब से कर रहे हैं तो उसमें से एक ये सबसे पॉपुलर आप ये बोल सकते हैं जो आर्किटेक्चर पैटर्न है उसका नाम है मॉडल व्यू कंट्रोलर और यह बोलता है कि आपको अपनी रिस्पांसिबिलिटीज इन तीन तरह की चीजों में डिवाइड करनी चाहिए यानी एक मॉडल टाइप की चीजें होनी चाहिए एक व्यू टाइप की चीजें होनी चाहिए एक कंट्रोलर टाइप की चीजें होनी चाहिए तो हमको व्यू तो पता है है ना व्यू तो हमारी जो पहले मान लीजिए एटीएमएल फाइल थी या ईजेएस फाइल्स थी उनको हम व्यू बोल सकते हैं पर ये बाकी मॉडल और कंट्रोलर क्या है यह भी हम धीरे-धीरे समझने की कोशिश करेंगे बट आपको स्टार्टिंग में अभी यहां पर क्या समझना है आपको ये समझना है कि एमवीसी जो हम पढ़ रहे हैं ये एक आर्किटेक्चर पैटर्न है और इसका पूरा पॉइंट क्या है इसका पूरा पॉइंट यह है कि आप अलग-अलग चीजों की बेसिकली क्लियर रिस्पांसिबिलिटीज डिफाइन कर पाएं क्लियर ट्रेड्स डिफाइन कर पाएं उनका क्लियर फोल्डर स्ट्रक्चर डिफाइन कर पाएं ताकि कोड देखते समय कोड पढ़ते समय क्लियर पता हो कि भाई इस कोड की ये रिस्पांसिबिलिटी होनी चाहिए अगर कोई फर्स्ट डाउन खेलने के लिए आ रहा है कोई ओपनिंग करने के लिए आ रहा है तो उसकी प्राइमरी स्किल बैटिंग होनी चाहिए उसी तरह से यहां पर अगर कोई मॉडल में है तो उसका क्या काम है व्यू में है तो उसका क्या क्या काम है कंट्रोलर में है तो उसका क्या काम है सबसे पहले कहां से स्टार्ट करेंगे थोड़ा सा पहले समझ लेते हैं इसको थरेट पॉइंट ऑफ व्यू से तो इसलिए इसको बोला जाता है सेपरेशन ऑफ कंसर्न जो मैंने बोला ना क्लियर रिस्पांसिबिलिटी डिवाइड कर देना यानी रिस्पांसिबिलिटी को यहां दूसरा वर्ड क्या भी बोला जा सकता है कंसर्न्स यानी जब आप कोई देखिए सॉफ्टवेयर बनाने का मतलब क्या है कोई प्रॉब्लम है जो आप सॉल्व करने की कोशिश कर रहे हैं तो अगर और एक प्रॉब्लम तो होती नहीं का एक बड़ी प्रॉब्लम होती है उसके अंदर आप फिर उसको छोटी-छोटी प्रॉब्लम से डिवाइड करते हैं मान लीजिए आप amazonbusiness.in हाउसेस बुक हो पाए इस टाइप का इस टाइप का एक वेबसाइट या सॉफ्टवेयर या ऐप हम बनाने बनाने की कोशिश कर रहे हैं परट जब आप उसको थोड़ा सा डीप में जाकर देखेंगे तो बहुत सारी अलग-अलग अलग-अलग रिस्पांसिबिलिटी हैं यूआई मेरा कैसा दिखना चाहिए डाटा मेरा कहां पर स्टोर होगा कैसे बीच का कम्युनिकेशन होगा ऑथेंटिकेशन कैसे होगा ऐसे बहुत सारी चीजें हैं जो आपको लगेगा कि अच्छा जब उस प्रॉब्लम को मैं एक्चुअली सॉल्व करने जा रहा हूं तो फर्द बहुत छोटी-छोटी प्रॉब्लम्स है उन प्रॉब्लम्स को ही हम यहां पर बोल रहे हैं कंसर्न्स है ना कि आपको किस-किस चीज की कंसर्न है तो यहां पर हम क्या बोल रहे हैं सेपरेशन ऑफ कंसर्न यानी एक तरह की कंसर्न एक आदमी सॉल्व करेगा एक तरह की कंसर्न्स एक तरह एक आदमी आदमी मतलब यहां पर सेक्शंस यानी मॉडल व्यू एंड कंट्रोलर तो मॉडल कुछ स्पेसिफिक कंसर्न्स मॉडल सॉल्व करेगा कुछ स्पेसिफिक कंसर्न्स व्यू सॉल्व करेगा कुछ स्पेसिफिक कंसर्न्स कंट्रोलर सॉल्व करेगा और उससे आपको हमेशा क्लियर पता रहेगा कि अगर इस टाइप का मुझे कुछ कोड लिखना है एक बार जब हमको ये समझ आ जाएगा तो मुझे मॉडल में लिखना है व्यू में लिखना है या कंट्रोलर में लिखना है तो क्या बोल रहे हैं यहां पर हम मॉडल व्यू कंट्रोलर अ सॉफ्टवेयर आर्किटेक्चरल पैटर्न फॉर डेवलपिंग यूजर इंटरफेस यानी यूआई बनाने के लिए या पूरा एप्लीकेशन बनाने के लिए एक आर्किटेक्चर पैटर्न है मॉडल का यहां पर क्या मतलब होता है मॉडल मैनेस द डाटा एंड बिजनेस लॉजिक ऑफ द एप्लीकेशन यानी हमारा क्या डटा आया क्या डाटा गया डेटाबेस से इंटरेक्शन फाइल से इंटरेक्शन जो भी बेसिकली डेटा से रिलेटेड और हमारा कोर जो बिजनेस लॉजिक है किस बेसिस पर बुकिंग करनी है कितनी इन्वेंटरी बची हुई है कितने रुपए की बुकिंग करनी है ये सब जो मेन कोड होगा जो मेन सारा काम होगा वो कौन कर रहा होगा मॉडल कर रहा होगा और व्यू का क्या काम होगा व्यू का काम होगा हैंडल्स द डिस्प्ले एंड प्रेजेंट ऑफ डाटा टू द यूजर यानी अब ये व्यू डिसाइड करेगा कि ये जो डाटा मॉडल ने दिया मॉडल ने मान लीजिए डिफाइन कर दिया कि घर में हमारे पास चार फील्ड होने चाहिए पांच फील्ड होने चाहिए जैसे हमने डिफाइन किया हाउस नेम होना चाहिए लोकेशन होना चाहिए उसका इमेज होना चाहिए उसका प्राइस होना चाहिए उसकी स्टार रेटिंग होनी चाहिए ये कौन डिफाइन कर रहा है डिफाइन करेगा यहां पर मॉडल पर अब यह पांचों चीजें यूजर को किस हिसाब से दिखानी है क्या पहले पेज पर दिखाना है क्या अंदर जाकर दिखाना है है ना ये जो ये डिसाइड करना कि यूजर को जो इंफॉर्मेशन है किस तरह से रिप्रेजेंट करनी है यह कौन करर होता है व्यू कर रहा होता है तो मेन तो एक्चुअली रिस्पांसिबिलिटी इन दो मेंही डिवाइड हो जाती है क्या मॉडल देखेगा डाटा और सारा बिजनेस लॉजिक और वह डाटा दिखाना किस तरह से है यूजर को वह देखेगा व्यू आपका तो फिर कंट्रोलर क्या करेगा भाई कंट्रोलर यहां सबसे इंपॉर्टेंट है कंट्रोलर क्या करता है कंट्रोलर प्रोसेसेस यूजर इनपुट इंटरेक्ट विद द मॉडल एंड अपडेट्स द व्यू अकॉर्डिंग यानी ये जो मॉडल और व्यू है इन दोनों के बीच का जो इंटरेक्शन है यह कंट्रोलर करा रहा होता है यानी जब मान लीजिए यूजर ने कोई इनपुट दिया तो उसको प्रोसेस कर ना उसको मॉडल के पास भेजना जब मॉडल ने कोई चेंजेज किए मॉडल ने बताया भाई मैं मान लीजिए डेटाबेस से कुछ निकाल लाया हूं या मैंने बुकिंग इसकी कंफर्म कर दी है है ना ऐसे बहुत सारे जब ऑपरेशन होंगे जो बिजनेस लॉजिक या मॉडल से रिलेटेड हैं उसको दोबारा डिस्प्ले कर कराना जैसे ही वहां से कुछ अपडेट हुआ तो डिस्प्ले को जाकर चेंज करना उस उसको डिस्प्ले कराना यह पूरा का पूरा काम जो दोनों के बीच का हैंडलिंग जो है वो कौन कर रहा है कंट्रोलर कर रहा है और हमारे स्पेसिफिक काम है देखिए एमवीसी जो है ये कोई मंस टैक् से या नोट जेएस का का कोई स्पेसिफिक तरीका नहीं है एवीसी हर जगह यूज़ होता है आप जावा स्प्रिंग बूट करेंगे वहां पर भी एमवीसी यूज होता है पाइथन में जंगो में बैक एंड का कोड करेंगे वहां भी एमवीसी यूज होता है हर जगह एमवीसी यूज हो रहा होता है इवन मोबाइल एप्लीकेशंस में भी इंटरनली एमवीसी आप यूज कर लेते हैं है ना तो एमवीसी तो जनरिक चीज है बट अगर हम यहां जो हम पढ़ने की कोशिश कर रहे हैं एक्सप्रेस या नोड अगर इसके कंसर्न में बात करेंगे तो जो हम बना रहे हैं रूट्स है ना जो एक रूट फोल्डर हमने बनाया है वो भी किसका पार्ट होगा कंट्रोलर का ही पार्ट होगा क्योंकि वो भी बेसिकली सिर्फ इंटरेक्शन किसको किसको देना है कौन सा रिक्वेस्ट आया उसको राउट करा के कहां देना है यानी जो बेसिक हैंडलिंग हो रही है रिक्वेस्ट की सिर्फ राउट वही करता है और वो काम किसका होना चाहिए कंट्रोलर का होना चाहिए तो अगर हम पर्पस समझे एमबीसी सेपरेट्स कंसर्न्स विद इन एन एप्लीकेशन यही हम समझते आ रहे हैं पहले लाइन से मैं यही बोल रहा हूं कि मेन इसका पॉइंट क्या है रिस्पांसिबिलिटीज या कंसर्न्स को क्लियर अलग-अलग अलग-अलग डिवाइड कर देना है ना देखिए जैसे यहां पर ये जो अ डायग्राम देख रहे हैं डायग्राम में भी क्या दिख रहा है अगर एंड यूजर है तो वो डायरेक्टली किससे हमेशा बातचीत कर रहा है वो उसकी जो भी वे वेस्ट है वो कहां पर जा रही है कंट्रोलर पर जा रही है उसके बाद कंट्रोलर ये डिसाइड करता है कि क्या व्यू को देना है है ना और व्यू से क्या लेना है और क्या मॉडल को देना है मॉडल से क्या लेना है हमने पीछे डेटाबेस लगाया हुआ है नेटवर्क लगाया हुआ है फाइल लगाया हुआ है वो मॉडल अपने लेवल पर मेंटेन करता है तो मॉडल की क्लियर रिस्पांसिबिलिटी हो गई डटा को मैनेज करना स्टोर करना रिट्रीव करना ये सब कंट्रोलर की रिस्पांसिबिलिटी होगी इन सबका आपस में इंटरेक्शन कराना और व्यू की क्लियर रिस्पांसिबिलिटी हो गई कि भाई व्यू किस तरह का यूआई पर दिखना चाहिए ये देखना और फाइनली कंट्रोलर इसको यूजर से भी इनपुट आउटपुट वगैरह जो भी सब कराना है वो कौन करा रहा होगा कंट्रोलर करा रहा होगा हमारे केस में हमने ये भी बात कर ली जो स्पेसिफिक टू नोड या एक्सप्रेस है कि जो राउट्स हैंडलिंग है है ना आर ओ यू टी ई एस राउट्स हैंडलिंग जो है ये सब भी कौन कर रहा होगा ये सब भी हमारा कंट्रोलर कर रहा ठीक बात है अब हम थ्योरी तो देखिए बस हो गई बहुत है ना एक पॉइंट थ्योरी का भी बहुत होता है अब हम करेंगे अपना सबसे पहला कंट्रोलर ऐड तो वो कैसे करेंगे देखिए पहले अपना कोड हम वापस खोल लेते हैं है ना वापस आ जाते हैं लास्ट टाइम हमने कहां तक छोड़ा था तो ये हम चैप्टर 12 का जो प्रैक्टिस सेट है ये हमने कर लिया था तो इसकी हम एक कॉपी बना लेते हैं इसमें हमने कुछ कुछ चेंजेज किए होंगे तो उसको हम बाहर लाकर कॉपी बना लेते हैं है ना नोट जस फोल्डर के अंदर यहां मैं इसको पेस्ट कर लेता हूं इसको हम कर लेते हैं कॉपी और बाहर इसको कर लेते हैं पेस्ट यह हमने पेस्ट कर लिया इसको कर लेते हैं रिनेम ए नाम इसका हो जाएगा एमवीसी एंड चैप्टर हो जाएगा नंबर 13 ठीक है तो हमने क्या कर लिया चैप्टर नंबर 13 बना लिया और नाम इसका क्या दे दिया एमवीसी दे दिया ठीक बात है है ना इतना ही हमको यहां पर ये करना था अब हम अगर अंदर आकर सबसे पहले अपने फोल्डर्स को देखना स्टार्ट करें आपको क्या देखना है सबसे पहले फोल्डर्स को देखना स्टार्ट करना है तो देखिए पब्लिक फोल्डर हमारा है इसके अंदर तो हम नॉर्मल सीएसएस फाइल वगैरह रखते हैं फाइन है उसके बाद देखिए एक हमने राउट्स बनाया हुआ है राउट्स हमने समझ लिया रूट्स क्या होना चाहिए रूट्स या राउट्स क्या होना चाहिए ये हमारे कंट्रोलर का पार्ट है यूटिल्स हमने बनाया हुआ है ये तो छोटा सा यूट है सेपरेट उसके अलावा हमने बनाए हुए हैं व्यूज है ना तो देखिए व्यू तो ठीक लग रहा है मुझे अभी व्यू सारे व्यू के अंदर ही है इनका काम यूआई किस तरह से दिखेगा यही है तो व्यू फोल्डर तो हमारा बना हुआ है हमको कहां से स्टार्ट करना है हमको स्टार्ट करना है कंट्रोलर बनाने से तो सबसे पहले यहां पर मैं एक फोल्डर बना लेता हूं पैकेज बना लेता हूं जिसका नाम हम लिख लेंगे कंट्रोलर्स देखिए जैसे ही मैंने इसको लिखा कंट्रोलर्स यहां पर क्या हुआ य देखिए गियर आइन बनकर आ गया प्यारा सा है ना मटेरियल थीम यानी आइडेंटिफिकेशन एक मेन कंट्रोलर और ये अभी सारा का सारा जो कंट्रोलर का कोड है वो हमने कहां लिखा हुआ है अभी तो सारा का सारा जो हमारे राउटर हैं इनके अंदर ही लिखा हुआ है ना इसको एक नंबर हम छोटा करके देख लेते हैं तो देखिए अगर हम राउटर में आएंगे राउटिंग तो ये कर ही रहा है साथ-साथ पर्टिकुलर रिक्वेस्ट को हैंडल कैसे करना है ये भी यही कर रहा है है ना जबकि ये काम एक्चुअली किसका होना चाहिए अगर हम ये देखेंगे ये देखिए क्या काम किया है हमने इसके अंदर हमने देखा है क्या डाटा दिखाना है ये रजिस्टर्ड होम्स हम कहीं कहीं से लेकर आए उसको हमने व्यू को दिया और व्यू को बोला इसको रेंडर कर दो ये जो हमने डायग्राम देखा था ये काम किसका था यानी डाटा को लेकर आना और उसको व्यू को देना व्यू को बोलना इसको पेंट कर दो और वो व्यू वापस यूजर को भेजना यही काम था हमारे कंट्रोलर का तो यहां हम क्या कर सकते हैं कंट्रोलर बना सकते हैं अब देखिए कंट्रोलर किस-किस हिसाब से बन सकते हैं अगेन इसमें कोई सही गलत नहीं है ये आपकी चॉइस है धीरे-धीरे आपको समझ आता है आपने कहां थोड़ा सा बेटर कॉल लिया कहां थोड़ा सा खराब कॉल लिया हम भी हो सकता है थ्रू आउट द कोर्स से कई बार अपने डिसीजन जो है वो चेंज कर रहे हो अभी हम क्या डिसीजन लेने वाले हैं तो डिसीजन हम ये लेने वाले हैं अगर हम यहां देखें देखिए हमारे पास दो राउटर्स हैं अभी पहला ये राउटर है यूजर राउटर इसके अंदर क्या हो रहा है इसके अंदर ये जो होम की हैंडलिंग है हम सिर्फ ये कर रहे हैं है ना यानी हम यहां क्या कर रहे हैं यूजर के नाम से हमने इसको बनाया बट हम इसको क्या कर रहे हैं जो भी मेरे जितने भी रजिस्टर्ड होम्स हैं उनकी एक लिस्ट बनाकर यूआई में बनाकर देते हैं ठीक बात है उसके अलावा अगर मैं होस्ट की बात करूं यहां जो होस्ट है ये हमारे पास क्या-क्या कर रहा है अगर होस्ट के अंदर हम आकर देखेंगे तो होस्ट देखिए एक तो ऐड होम करता है है ना और ऐड होम का यूआई भी वो देता है यानी होम ऐड करना है पहले उसके लिए जो यूआई चाहिए जो फॉर्म चाहिए वो भी वो दे रहा होता है और उसके बाद उसकी जो पोस्ट रिक्वेस्ट हैंडलिंग है यानी जो फाइनल डेटा आ गया उस डेटा को जो सेव करने वाली बात है वो भी यही हैंडल कर रहा होता है तो ये दोनों चीजें देखकर क्या लग रही हैं सारी की सारी चीजें एक्चुअली सिर्फ होम से रिलेटेड है है ना तो अभी हम क्या कॉल ले सकते हैं कि हम जो यहां पर कंट्रोलर बनाने वाले हैं वो कंट्रोलर हम कैसा बना लेते हैं मान लीजिए h.j. हूं शॉप रिलेटेड है मार्केट प्लेस रिलेटेड है वेबसाइट रिलेटेड है जो भी बेसिकली फाइनल यूजर को दिखने वाला है उससे रिलेटेड है सारा कोड वहां पर रख लो फिलहाल हम यहां पर ये कॉल ले रहे हैं दोनों ही कॉल ठीक हैं है ना ऐसा नहीं कि कोई कॉल कोई एक डिसीजन अच्छा है कोई एक डिसीजन खराब है मार्जिनल आपको कुछ अच्छा कुछ खराब लग सकता है अभी मुझे लग रहा है बहुत ज्यादा एपीआई नहीं है तीनों के तीनों जो काम है वो होम से रिलेटेड है तो मैं होम नाम का एक कंट्रोलर यहां पर बना लेता हूं है ना तो कंट्रोलर के अंदर हम मैंने एक नया फाइल बना लिया जिसका नाम हमने रख लिया h . कंट्रोलर है इसको मैं कंट्रोलर पैकेज के अंदर डाल रहा हूं इवेंचर क्या है इवेंचर जेएस फाइल्स ही है नॉर्मल जावास्क्रिप्ट का ही हम कोड यहां पर लिखने वाले हैं है ना अब h जस के अंदर कुछ मूव करना स्टार्ट करना है तो मान लीजिए मैं सबसे पहले जो होस्ट के अंदर हमने ऐड होम दिया है यानी देखिए राउटिंग तो हो राउट के अंदर ही रहेगी यानी ऐड होम जो है ये तो यहीं पर रहेगा पर ये जो एक्चुअल फंक्शन हमने पास किया है जो यहां पर क्या करने की कोशिश कर रहा है इसको हैंडल करने की कोशिश कर रहा है इसको मैं यहां से मान लीजिए बाहर मूव कर लेता हूं इसको मैं उठा लेता हूं और ले जाकर यहां होम में पटक देता हूं है ना तो होम में हमने इसको डाल दिया बट अब हमें इसका कोई नाम भी रखना पड़ेगा है ना यहां हमको क्या रखना पड़ेगा इसका नाम रखना पड़ेगा तो हम इसका नाम क्या रख सकते हैं सीधे हम इसको कर सकते हैं एक्सपोर्ट डॉट मान लीजिए गेट ऐड होम ये क्या कर रहा है एक तरह से आपको ऐड होम करने के लिए जो पेज चाहिए वो दे रहा है तो इसका नाम हमने क्या रख लिया एक्सपोर्ट्स डॉट गेट ड होम इज इक्वल टू दिस अब देखिए थोड़ा सा शॉर्ट सिंटेक्स हमने बनाया है आप यहां पहले इसको कांस्टेंट डिक्लेयर कर सकते हैं इसके बाद एक्सपोर्ट्स ड गट एट हो इक्वल ट गेट ट होम कर सकते हैं दोनों ही तरीके ठीक है दूसरा क्या है कि मैं इसको यहां से पहले जैसे हम करते आ रहे थे वैसे करें यहां इसको एज अ कांस्टेंट डिक्लेयर करें और नीचे क्या कर दें एक्सपोर्ट्स डॉट गेट ड होम इज इक्वल टू मान लीजिए गेट ऐड हो है ना आप इस तरह से करेंगे ये भी ठीक है क्योंकि हमको काफी सारे एक्सपोर्ट्स करने होंगे डायरेक्टली आप वहीं पर कर सकते हैं अलग से वेरिएबल और कहीं हम यूज नहीं कर रहे हैं तो हम डायरेक्टली इसको एक्सपोर्ट ड गट ऐड होम करके जो इसका वैल्यू देना है वो भी यहां डायरेक्टली दे सकते हैं ए अब देखिए हमने क्या क्या किया रिक्वेस्ट रिस्पांस यहां नेक्स्ट ये सब सही चल रहा है आर ड रेंडर ड होम देखिए ड होम हमारा नाम है हमारे वाले व्यू का तो वो भी चल जाएगा पेज टाइटल हमने दिया ये भी चल जाएगा तो इतना ही बेसिकली ठीक लग रहा है हमको देखने में हमने जो गेट एड होम बनाया इससे हमारा काम जो है इतना काम जो है वो हो जाना चाहिए पेज टाइटल अभी हम पास कर रहे हैं करंट पेज अभी हम यहां पास नहीं कर रहे हैं पर हम देख लेंगे करंट पेज भी आई थिंक हमको पास करना पड़ेगा किसलिए ताकि अगर हम ये जो ऐड होम है इसको भी हम कहां दे रहे हो ऊपर टूलबार में दे रहे हो तो वो दिख जाए एक काम और कर लेते हैं साथ-साथ अब इसको रन करना स्टार्ट कर देते हैं ताकि हमको पता चलता रहे क्या चल रहा है क्या नहीं चल रहा है कहां हमने गड़बड़ कर दी है तो इसको क्या करेंगे इसको खोल लेंगे चैप्टर 12 चैप्टर अच्छा हम प्रैक्टिस सेट के अंदर हैं एक स्टेप और बाहर आ जाते हैं कर लेंगे चैप्टर 13 एमवीसी के अंदर आ गए और यहां क्या करेंगे एनपीएम स्टार्ट एनपीएम स्टार्ट हमने कर लिया क्या बोल रहा है ये बोल रहा है पोर्ट नंबर 3000 ऑलरेडी बिजी है तो इसको मैं एक सेकंड के लिए फ्री कर लेता हूं है ना शायद हमारा कहीं और कोड चला हुआ होगा उसके बाद हम 3000 पे इसको रन कर लेंगे तो देखिए इस बार जब हमने सर्वर रन किया तो इस बार सर्वर ठीक से चल गया है हमारा रिक्वेस्ट भी ठीक से लोड हो रहा है है ना एक गड़बड़ जो हमने और कर दी थी वो ये था कि शायद हमने पुराने वाला पैकेज गलत पैकेज रिनेम कर दिया था है ना हमको अगले वाला पैकेज रिनेम करना था तो चैप्टर 13 हमने बनाया था है ना जो हमने प्रैक्टिस सेट से कॉपी किया था उसको हमको रिनेम करना था तो वो मैंने अभी टाइम बचाने के लिए पीछे से कर दिया है कंट्रोलर जो मैंने नए वाले पैकेज में मूव कर दिया है है ना पहले हमने शायद जो पुराना 12 वाला था उसको रिनेम कर दिया था खैर तो अभी हमारा जो जैसे ही हमने रन किया तो पोर्ट हमने खाली कर लिया तो पोर्ट भी हमारा ठीक से चल गया है जो हमारा एसिस्टिंग पेस था वो भी हमारा अभी ठीक से लोड हो रहा है तो हम ड होम पर जा रहे हैं तो ड होम ठीक से लोड हो रहा है होम पर जा रहे हैं तो होम भी ठीक से लोड हो रहा है है ना तो हमने यहां क्या किया पेज टाइटल हमने पास कर दिया है ड होम और इस टाइटल को ही हमने वहां पर यूज कर लिया होगा वहां हमने शायद ही चेक कर लिया कि होम नहीं है तो आप उसको ड होम कर दीजिए है ना एक बार इसको चेक कर लेते हैं अगर मैं दूसरे वाले राउट के अंदर जाकर देखूं तो क्या हमने वहां कोई यह देखिए करंट पेज हम यहां से पास कर रहे हैं ऐड होम अच्छा अभी मैंने क्योंकि इसको कॉपी किया है सिर्फ है ना यह हमने जो कॉपी किया था यह भी गलत वाला कॉपी कर लिया था पुराने वाला कॉपी कर लिया था हमको क्या करना था हमको यहां से इसको निकालना था यह वाला कोड जो है यह हमको यहां से निकालना था इसको हम लाकर डाल लेते हैं होम्स के अंदर है ना ये जो करंट टाइटल था ये क्योंकि मैंने पुराने वाला कॉपी किया था इसलिए उसके अंदर नहीं आ रहा था अभी देखिए करंट पेज यहां पर ठीक से आ रहा है अभी ठीक से यह सेव भी हो रहा है तो हम कहां थे हमने कर लिया था एक्सपो गट एड हो और उसके अंदर हमने बस ये जो फंक्शन बनाया है यह हमारा नया फंक्शन सि से कंफ्यूज नहीं होना है ये फंक्शन ही है ना ये फंक्शन हमने बनाया फंक्शन यहां हमने पास कर दिया है ये फंक्शन क्या करता है बस ऐड होम व्यू को उठाता है यानी ये क्या करेगा बोलेगा व्यूज के अंदर जाओ ड होम व्यू है उसको आपको पेज टाइटल देना है करंट पेज देना है और जो ईजेएस हमने यूज़ किया था लास्ट चैप्टर में उससे हमने इसको रेंडर करा दिया है बट देखिए अभी अगर मैं इसको रिफ्रेश करूंगा है ना और उसके बाद ऐड होम पर जाऊंगा तो क्या होगा ये काम नहीं करेगा क्यों क्योंकि अगर मैं वापस आपको अगर होस्ट राउटर में आकर दिखाऊं ये शायद कुछ कुछ पुराना खुला हुआ है इसको बंद कर देते हैं वापस राउटर में आकर दिखाएं तो यहां हमने ऐड होम कॉल तो किया है बट जो साथ में इसका हैंडलर देना चाहिए था वो हैंडलर हमने नहीं दिया तो वो हैंडलर हम इंपोर्ट कर लेते हैं लोकल मॉड्यूस में कैसे करेंगे हम कर लेंगे इसको रिक्वायर है ना और यह हमको कहां जाना है देखिए रूट से पहले हमको कंट्रोलर के अंदर जाना है फिर होम्स निकालना है तो कर देंगे इसको डॉट डॉट स्ल कंट्रोलर्स स्लश होम्स है ना इसको आप इंपोर्ट कर लीजिए इसको बोल देंगे कंस्ट अब यहां पर हम डायरेक्टली इसको डिस्ट्रक्चर भी कर सकते हैं अगर हम चाहे तो है ना ये क्या कर रहे हैं हम नेम कोट कर रहे हैं तो एक-एक करके जितने भी है इनको सबको क्या कर लेते हैं डिस्ट्रक्चर कर लेते हैं तो उसको बोल देता हूं गेट एड होम और गेट एड होम को हम यहां लिख देंगे डायरेक्टली लाइक दिस है ना इसको कई बार ज्यादा क्लरिती हैं आप यह भी कर सकते हैं कि मैं इसको कर लेता हूं होम कंट्रोलर है ना ताकि जहां पर भी आप यूज कर रहे हो य आपको क्लियर रहे कि अच्छा यार ये हो कलर डॉट गट एड होम हम कर रहे हैं ताकि ये कहां से आए गेट एड होम कहां से आए ये बात एकदम देखते ही क्लियर समझ आ जाए कि भाई ये जो गेट एट होम आया है ये एक्चुअली होम कंट्रोलर्स में हम पास करने की इसको कोशिश कर रहे हैं देखिए ऐसा ल रहा है रूट डायरेक्टरी य डिक्लेयर हुई है यूज़ नहीं हो रही है तो इसको हम फिलहाल हटा देते हैं है ना पाथ भी ऊपर ऐसा ही लग रहा है कि ये डिक्लेयर हुआ था बट अब यूज़ नहीं हो रहा है क्योंकि ये सब चीजें हमने मूव कर दी थी तो ये भी यूज़ नहीं हो रहा है इसको भी हटा देते हैं तो सिर्फ एक्सप्रेस और होस्ट यहां पर यूज़ हो रहे हैं है ना जो हमने अ सॉरी एक्सप्रेस होस्ट तो एक्सटर्नल मॉड्यूल यूज़ हो रहे थे बाकी हमने क्या किया लोकल मॉड्यूल में यहां होम कंट्रोलर को ले लिया और होम कंट्रोलर को गेट एट होम पास कर दिया है इसको अगर मैं फिर से अब रिफ्रेश करूंगा तो देखिए मेरा वापस लोड हो गया तो चेंज कुछ नहीं हुआ जो जो पहले हो रहा था वही हुआ बस जो मेरी राउटिंग फाइल थी देखिए उसमें पूरा कोड हटकर क्या रह गया सिर्फ होरार गट इतना कोड रह गया गेट ड होम और बाकी मेन जो कोड था यानी जो एक्चुअल ये रिक्वेस्ट हैंडल कैसे होती है ड होम रिक्वेस्ट हैंडल कैसे होती है ये काम मेरा कहां आ गया कंट्रोलर के अंदर आ गया है ना तो यही हमको देखना था कि जो पहला कंट्रोलर है वो मैं किस हिसाब से ऐड कर सकता हूं इसके बाद हम क्या करेंगे बचा हुआ जितना भी कोड है वो सी कंट्रोलर्स में ऐड कर देते हैं तो ये काम अब हम जल्दी-जल्दी कर सकते हैं होस्ट राउटर के अंदर आएंगे देखिए अगला क्या है अगला हम हैंडल कर रहे हैं पोस्ट एड होम है ना तो यहां इसका नाम हम क्या रख सकते हैं पोस्ट एड होम जहां हमने किया था गेट एड होम यहां कर देंगे उसको पोस्ट एड होम तो इसका भी हमको जो फंक्शन है इसको उठा लेते हैं कट वापस आएंगे होम्स के अंदर यहां एक और बना देंगे मैं लिख दूंगा एक्सपोर्टस डॉट पोस्ट ड होम है ना ये जो फंक्शन है बस उठाकर यहां पेस्ट कर देंगे इसको एक बार थोड़ा सा फॉर्मेट कर लेंगे अब ये जो पोस्ट ऐड होम है ये भी अवेलेबल हो गया होगा क्योंकि हमने इसको डायरेक्टली एक्सपोर्ट्स किया है तो यहां लिख देंगे हो कलर डॉ प @ हो है ना अब बताइए हमने यहां कोई गड़बड़ की है क्या-क्या सारी चीजें ठीक से चल जाएंगी देखिए गड़बड़ ये है कि ये जो पोस्ट ऐड होम है ये किसको यूज़ कर रहा है यहां पर रजिस्टर्ड होम्स नाम का कोई एरे है इसको यूज कर रहा है और ये एरे हमने कहां डिफाइन किया हुआ है ये एरे तो हमने होस्ट राउटर में डिफाइन किया हुआ है तो इसको भी हमको हटाना पड़ेगा है ना तो मैं क्या करता हूं ये जो एरे है ये भी उठाकर कहां मूव कर देता हूं ये भी उठाकर यहीं पर मूव कर देता हूं जहां मेरा कंट्रोलर बना हुआ था तो ये राउटर का काम नहीं है उसका काम है अब जब ये एरे मूव हो गया तो ये जो एक्सपोर्ट्स हमने यहां से किया हुआ था ये भी हमको हटाना पड़ेगा तो ये एक्सपोर्ट भी यहां से हटा देते हैं कि भाई इसको को भी आप हटा दीजिए और ये भी कहां आ जाएगा ये भी आ जाएगा आपका लास्ट लाइन में लिख देते हैं इसको ये भी आईडियली आ जाएगा आपका कंट्रोलर के अंदर ताकि जो जो भी कंट्रोल इस कंट्रोलर को यूज कर रहा है उससे वो रजिस्टर्ड होम्स को जो है वो निकाल सके तो वापस आकर एक बार अपना जो कोड है थोड़ा सा कंसोलिडेट कर लेते हैं इसको देख लेते हैं क्या हमने कर लिया है क्या-क्या हटा दिया है तो अगर आप यहां देखेंगे देखिए जो मेरा एक्चुअल राउट है राउटर है उसका कोड कितना कम हो गया है है ना यहां पर अब हम क्या कर रहे हैं अब देखिए हमने एक्सप्रेस को इंपोर्ट किया एक्सप्रेस से हमने क्या निकाला होस्ट राउटर निकाल लिया उसके अलावा हमने क्या किया है होम्स कंट्रोलर को इंपोर्ट किया है और बस होस्ट राउटर को बोला कि भाई हम गेट को हैंडल करते हैं ये पाथ होता है उसके लिए ये कंट्रोलर है हम होस्ट राउटर में पोस्ट रिक्वेस्ट भी हैंडल करते हैं उसका भी सेम पाथ होता है उसके लिए ये राउटर है और बस इसी होस्ट राउटर को हमने क्या कर दिया एक्सपोर्ट कर दिया तो राउटर का काम सिर्फ राउटिंग वाला काम रह गया एक्चुअल लॉजिक सारा का सारा मूव करके हमने कहां डाल दिया कंट्रोलर के अंदर डाल दिया देखिए शुरुआत में जब आप ये करेंगे ना तो आपको ऐसा लगेगा कि सर ये काम बचा रहे हैं या काम बढ़ा रहे हैं है ना इसका फायदा क्या हुआ पर देखिए धीरे-धीरे जब आप स्ट्रक्चर के साथ काम करते हैं जब यहां आप 10 122 एपीआई सपोर्ट कर रहे होंगे एक-एक राउटर के अंदर तो उस समय आपको क्लियर रहता है कि यार मुझे पाथ जाकर चेंज करना है या राउटिंग के लॉजिक में कोई गड़बड़ है तो राउटिंग के अंदर जाना है अगर एक्चुअल काम में कोई दिक्कत हो रही है तो कंट्रोलर के अंदर जाना है तो लॉजिक हमेशा क्लियर होता है कि कहां पर जाकर क्या काम करना है तो होस्ट राउटर का काम तो पूरा हो गया दूसरा जो हमने बना रखा है यूजर राउटर इसको इसके लिए भी हम सेम काम कर लेते हैं देखिए ये भी रजिस्टर्ड होम्स को यूज़ कर रहा था फिलहाल फिलहाल मैं क्या करता हूं इसको भी यहां से निकाल लेता हूं इसका जो अ अ मेरा जो कोड है इसको मैं निकाल लेता हूं इसका नाम हम क्या रख लेते हैं गेट होम्स ये तो क्या करता है होम्स की लिस्ट आपको देता है होम्स के अंदर आएंगे एक और हमने यहां एक्सपोर्ट्स लगा लिया एकपो गट हो गेट होम्स क्योंकि होम्स की पूरी लिस्ट देता है और ये हमने कर दिया यानी होम्स की लिस्ट का जो पूरा यूआई है वो बना कर देता है ये हमने गेट होम्स ये भी एक्सपोर्ट कर लिया और ये जो रजिस्टर्ड होम्स है ना इसको टॉप पर ले जाते हैं है ना ये हर जगह यूज़ होना है क्लियर रहेगा कि कांस्टेंट हमारा ऊपर है अलग से है ना और जो मेरे अ तीन फंक्शंस हैं उसके बाद जो हमने तीन फंक्शंस बनाए हुए हैं लेफ्ट वाले को मैं बंद कर देता हूं तीन फंक्शन जो हमने बनाए हुए हैं एक फंक्शन ये है एक फंक्शन ये है एक फंक्शन ये यानी तीन कंट्रोलर्स एक तरह से आप ये मान लीजिए कंट्रोलर के अंदर तीन डिफरेंट डिफरेंट फंक्शंस हम यहां से एक्सपोर्ट कर रहे हैं और उसके अलावा जो रजिस्टर्ड होम्स है ये भी हम एक्सपोर्ट कर रहे हैं अब ये रजिस्टर्ड होम्स हम एक्सपोर्ट कर क्यों रहे एक बार यह भी देख लेते हैं ये रजिस्टर्ड होम्स और कहां-कहां यूज़ हो रहा है है ना अगर मैं क्या करूं आफ कीजिएगा अगर मैं क्या करूं इस चैप्टर नंबर 13 के अंदर इसको सर्च करने की कोशिश करूं तो बोलूंगा फाइंड इन फोल्डर रजिस्टर्ड होम्स देखिए तो तो देखिए होड जए में यूज हो रहा है उसके अलावा दिख रहा है कि हमको कहां यूज हुआ है ये यूजर राउटर के अंदर यूज हुआ है यूजर राउटर के अंदर अभी क्यों यूज हो रहा है क्योंकि हमने इसको हटाया नहीं है है ना यूजर राउटर के अंदर अब इसकी कोई जरूरत नहीं है इसको हटा सकते हैं इसके लिए एक्चुअली यहां पर हमको क्या चाहिए अब हमको चाहिए कंट्रोलर तो मैं यहां क्या करूंगा लिख दूंगा होम्स कंट्रोलर डॉट है ना गेट होम्स है ना ये फंक्शन हमको पास करना है देखिए फंक्शन हम एग्जीक्यूट नहीं कर रहे हैं ये पुराने वाले में भी आपको याद रखना है जब हमने क्या किया था मैं वापस स अगर आपको दिखा देता हूं होस्ट राउटर में हम ये फंक्शन का सिर्फ रेफरेंस पास कर रहे हैं एग्जीक्यूशन तो तब होगा जब इस पर एक्चुअल कोई रिक्वेस्ट आएगी साथ-साथ हमको क्या करना है ये जो लोकल मॉड्यूल में हमने इसको लोकल मॉड्यूल जो इंपोर्ट किया है ये इंपोर्ट हमको यहां भी चाहिए सेम कंट्रोलर होम कंट्रोलर यहां भी चाहिए तो देखिए इसने क्या किया पाथ इसने भी लिया हुआ है पाथ इसकी इसको भी कोई जरूरत नहीं है सिर्फ एक्सप्रेस लिया उससे यूजर राउटर बनाया होम कंट्रोलर को इंपोर्ट किया और यहां तो बस हमको एक ही देना था यूर router.get हमने बोला स्लैश कोम हैंडल करते हैं होम्स कंट्रोलर को पास कर देना रिक्वेस्ट जब आगी डॉट गट होम तो इसने क्या किया सिर्फ राउटिंग वाला काम किया बाकी आ गया होम्स कंट्रोलर के पास और देखिए हमको ये भी समझ आया अभी सर्च करके कि यह जो रजिस्टर्ड होम्स है ये एक्चुअली यही दो चीजें यूज़ कर रही थी पोस्ट एड होम रजिस्टर्ड कंट्रोलर में ऐड करता है और गेट होम्स रजिस्टर्ड होम्स को की लिस्ट को देता है तो अब इसको एक्सपोर्ट भी करने की कोई जरूरत नहीं है क्योंकि पूरा का पूरा कोड कहां है एसी फाइल में मेरा आ गया है तो अलग से इसको एक्सपोर्ट करने का कोई मतलब नहीं है जो यूआई वाली फाइल में इसका यूज़ हुआ है वो तो हम यहां से पास कर रहे हैं रजिस्टर्ड होम्स ये वाला वेरिएबल यूज़ हो रहा है जो हम एक्सपोर्ट कर रहे हैं वो वाला हमारा यूज नहीं हो रहा है तो इतने हमने सारे के सारे कंट्रोलर जो है वो ऐड कर लिए हैं एक बार इसको क्या कर लेते हैं चलाकर देख लेते हैं कि भाई कुछ ब्रेक तो नहीं हो गया है हम होम में आते हैं देखिए होम में होम दिख रहा है ड होम में आते हैं जरा एक होम ऐड कर लेते हैं उत्सव 1299 लोकेशन गाजियाबाद रेटिंग मान लीजिए फाइव फोटो यूआरएल कुछ भी है ना रैंडम हम दे देते हैं हम यूज़ कर नहीं रहे हैं उसको सबमिट हमने किया ये आ गया हमारा जो बेसिकली होम सक्सेसफुली एडिड वाला पेज है ये आ गया इसमें रिटर्न टू होम करते हैं तो देखिए मेरा होम भी यहां पर दिख रहा है तो जितनी भी फंक्शनैलिटी अभी हमने यहां बात की थी सारी की सारी फंक्शनैलिटी यहां भी ठीक से चल रही है और हो क्या गया है हमारे दोनों के दोनों जो रूट्स की वाली जो फाइल हैं ये बिल्कुल खाली हो गई है सिर्फ रूटिंग वाला लॉजिक इनके अंदर रह गया है और जो मेरा कंट्रोलर वाला लॉजिक था वो कहां मूव हो गया है होम्स के अंदर मूव हो गया है तो उम्मीद है आपको इतना धीरे-धीरे समझ आ रहा होगा कि कंट्रोलर हमने किस तरह से शेप किया है कोई नया काम नहीं किया है एजिस्टिफाई है आईडियली अगर आप लेयर के हिसाब से बात करेंगे तो राउट्स एंड कंट्रोलर सब कंट्रोलर ही माना जाता है बट फिर भी हमने राउट्स की रिस्पांसिबिलिटी क्लियर कर दी कि राउट्स में सिर्फ राउट्स रहेंगे और जो मेरा एक्चुअल रिक्वेस्ट हैंडलिंग का कोड है वो मेरा कहां मूव हो जाएगा कंट्रोलर के अंदर मूव हो जाएगा है ना तो ये हमको समझ आ गया हमने h जए के अंदर तीनों चीजें मूव कर दी होस्ट राउटर फाइनल किस तरह से दिखेगा आपको नोट्स में भी यहां दिख जाएगा वैसे आप गब का जो लिंक होगा नीचे वहां जाकर कोड अ डायरेक्टली कोड पर भी देख सकते हैं वरना देखिए इसके लिए बेस्ट तरीका है नीचे आपको वेबसाइट का लिंक दिख रहा है कपलीट king.in पर जाइए वहां जितने भी हमारे फ्री कोर्सेस हैं उन सबकी लिस्ट लिखी हुई है हर कोर्स के नीचे आपको सब कुछ मिलेगा नोट्स कैसे डाउनलोड करना है अ गिट अप का कोड कहां पर मिलेगा सर्टिफिकेट कैसे मिलेगा सबका एक-एक एक एक बटन होगा वहां जाकर आप बड़े इजली नोट्स को डाउनलोड करना है इमीडिएट डाउनलोड कर सकते हैं गिट अप के लिंक पर जाना है गेट अप के लिंक पर जा सकते हैं आपको वीडियो के लिंक से देखने की जरूरत ही नहीं है आप सीधे जाइए कपलीट king.in पर वहां सारे के सारे कोर्सेस जो अभी तक हमने किए हैं सबका आपको जो पूरे सारे के सारे लिंक्स हैं नोट्स हैं सब कुछ आपको फ्री एकदम वहां पर मिले ठीक है चलिए तो कंट्रोलर हमने ऐड कर लिए यूजर कंट्रोलर भी हमने ऐड कर लिया देखिए एक ये काम है जो आपको भी बिना देखे एक बार पॉज करके कर लेना चाहिए एज एन एक्सरसाइज एक कंट्रोलर अभी भी बचा हुआ है क्या आप 404 का हमने कोई कंट्रोलर अभी ऐड नहीं किया एक पेज अभी भी बचा हुआ है जो हम डायरेक्टली कहां पर कर रहे हैं app.js में हैंडल कर रहे हैं तो एक बार पॉज करके इसको कर लीजिए वरना मेरे साथ इसके बाद इसको कर रहे होंगे कि 404 की हैंडलिंग हम कंट्रोलर में कैसे करेंगे है ना तो 404 को खोल लेते हैं मैं जो करंट फाइल खुली है इन सबको बंद कर देता हूं 404 की हैंडलिंग हमने कहां की है app.js के अंदर की है app.js के अंदर अगर आपको ये दिखा देते हैं तो अगर मैं app.js के अंदर आकर देखूंगा देखिए यहां पर हम क्या कर रहे हैं यहां तो बहुत सारे काम अभी हो रहे हैं मेन मेन चीजें जो सेट करना है वो भी यहीं पर हो रहा है पब्लिक पाथ एक्सपोज करना है वो भी यहीं पर हो रहा है और देखिए साथ-साथ ये कंट्रोलर वाला जो लॉजिक है ये भी यहीं पर लिखा हुआ है क्या कि हमने सबसे बाद में इस यूज़ को य बेसिकली लगाया है और हम ये बोल रहे हैं कि भई अगर कुछ भी नहीं हुआ तो बाद में ये जो मेरा अ 404 वाला जो मेरा हैंडलिंग है वो भी यहीं पर हो जाए 40 फज फर जो पेज है ये भी इसको दिख जाए तो अब ये तो गड़बड़ बात है यह काम तो यहां पर नहीं होना चाहिए ये काम भी कहां पर होना चाहिए कंट्रोलर के अंदर होना चाहिए तो कंट्रोलर के अंदर मूव कर देते हैं अब ये 404 पेज का एक्चुअली होम से कोई रिलेशन नहीं है डायरेक्ट है ना आप चाहे तो इसको होम्स में भी रख सकते हैं चाहे तो उसको यहां भी छोड़ सकते हैं अगेन बहुत छोटी-छोटी कॉल्स हैं ये बट हम चाहे तो इसके लिए जो भी मान लीजिए कुछ एक्सटर्नल टाइप के पेज होंगे या कभी भी हमको एरर अलग-अलग तरह की एरर्स दिखानी होंगी अभी तो हम एक ही तरह की एरर दिखा रहे हैं बाद में एरर दिखानी होगी तो हम ये कॉल ले सकते हैं कि यार एरर के लिए अलग से कंट्रोलर बना लेते हैं एरर वाला जितना भी लॉजिक होगा वो सारा का सारा हम कहां डाल देंगे एरर वाले कंट्रोलर में डाल देंगे तो इसके लिए मान लीजिए मैं एक नया कंट्रोलर बना लेता हूं यहां हमने एक नया फाइल बना लिया इसका नाम हमने रख लिया एरर्स डॉट ज अरे जे ही छूट गया रिनेम एरर्स ड जए ठीक है अब यहां क्या करेंगे ये जो एरर्स वाला जो हमारा पूरा लॉजिक है इसको हम यहां से उठा लेंगे उठाकर कहां डाल देंगे यहां लिख देंगे एक्सपोर्ट्स डॉट है ना मान लीजिए इसको बोल देते हैं पेज नॉट फाउंड इज इक्वल टू दिस है ना ये क्या करेगा पेज नोट फाउंड को हैंडल कर रहा होगा एक्सपोर्ट भी हमारा एक ही लाइन में हो गया तो इसके अलावा भी हमको और कुछ करने की जरूरत नहीं है अब यह जो पेज नॉट फाउंड है इसको क्या कर लेते हैं इंपोर्ट कर लेते हैं यहां app.js के अंदर है ना तो यहां मैं क्या लिख लूंगा मान लीजिए एरर्स कंट्रोलर डॉट पेज नॉट फाउंड अब ये एरर्स कंट्रोलर है क्या यह तो हमने इसको बताया नहीं तो यह हम यहां पर कर लेते हैं इंपोर्ट लोकल मॉड्यूस में है ना क्या करेंगे रिक्वायर अब एक बार पाथ हमको देखिए यहां से देखना पड़ेगा app.js से कंट्रोलर्स डायरेक्टली डॉट लगाकर एक्सेस हो सकता है तो यहां हम लिख लेंगे कंट्रोलर्स एरर्स है ना हमको क्या चाहिए एरर्स वाला कंट्रोलर चाहिए और इसका नाम हमने नीचे क्या यूज कर लिया है एरर्स कंट्रोलर यूज़ कर लिया है तो य हमने इसको बना लिया एरर्स कंट्रोलर और यहां डायरेक्टली अब यूज के अंदर हम क्या पास कर देंगे एरर्स कंट्रोलर डॉट कौन सा हमको पेज चाहिए कौन सी अ कौन सा हमको काम करना है पेज नॉट फाउंड की हैंडलिंग आप यहां पर कर सकते हैं यहां हमने क्या नाम दिया है डायरेक्टली गेट 404 दिया है वो भी आप देना चाहे वो भी आप दे सकते हैं फिलहाल हम यहां पर क्या दे रहे हैं पेज नॉट फाउंड हमने दे दिया नाम से कोई बहुत ज्यादा मैटर नहीं करता सर्वर हमारा अभी भी चल रहा है है ना एक बार देख ले लेते हैं 404 अभी भी ठीक से चल रहा है या नहीं तो कोई भी रैंडम पेज पर चले जाते हैं मान लीजिए टेस्ट पेज पर चले जाते हैं एंटर दबाया देखिए 4044 पेज जो है वो हमारा ठीक से लोड यहां पर हो रहा है ठीक है तो बहुत छोटा सा टास्क था है ना ये भी हमारा काम पूरा हो गया कि एक जो 404 का कंट्रोलर हमको ऐड करना था ये काम भी हमने कर लिया तो कंट्रोलर्स तो हमको मोटा-मोटा भी यहां पर समझ आने लगे हैं नेक्स्ट स्टेप हमको क्या करना है अब हम देखेंगे मॉडल्स तो देखिए व्यू तो हम ऑलरेडी ऐड करके आए थे है ना हम क्या देखेंगे व्यू तो हम ऑलरेडी मैनेज कर रहे थे ठीक से हमारे सारे के सारे व्यूज व्यूज के अंदर थे राउट्स अभी हमारे राउट्स के अंदर हो गए हैं कंट्रोलर्स अभी हमारे कंट्रोलर के अंदर हो गए हैं मॉडल अभी भी हमने नहीं बनाया यानी डाटा की जो हैंडलिंग है हालांकि देखिए अगर यहां ध्यान से आप देखने की कोशिश करेंगे मॉडल अभी हमारा बहुत ज्यादा है भी नहीं हम कोई डेटाबेस इंटरेक्शन अभी हमने नहीं सीखा है जो आने वाले चैप्टर्स में हम सीख रहे होंगे फाइल में हम बहुत ज्यादा डाटा नहीं रख रहे हैं एक फाइल में हम अपना डाटा रखते हैं है ना तो बात करते हैं मॉडल की तो देखिए अभी तक जो हमको हाउस मिल रहा है है ना एक बार हम चलते हैं अपने कंट्रोलर में और हम चलते हैं अपने होम्स के अंदर तो देखिए अभी होता क्या है जो भी यूजर हमको बनाकर भेजता है रिक्वेस्ट बॉडी में वो जो भी बनाकर भेजता है हम उसको डायरेक्टली इस रजिस्टर्ड होम्स के अंदर डाल लेते हैं तो एक तो रजिस्टर्ड होम्स देखने में ऐसा लग रहा है कि भाई ये थोड़ा मॉडल टाइप की चीज है है ना यहां पर एक एक एरे है जिसमें हम फाइनल डाटा रखते हैं बट ये बिल्कुल भी बहुत ज्यादा इंटरेस्टिंग नहीं है इंटरेस्टिंग बात क्या होने वाली है इंडिविजुअल मॉडल क्या है इंडिविजुअल मेरा होम क्या है अगर मैंने इंडिविजुअल होम डिफाइन कर लिया तो रजिस्टर्ड होम्स तो क्या है बस उसका एक लिस्ट है बस उसका एक एरे हम बनाने की कोशिश कर रहे हैं तो वो उतना ज्यादा इंटरेस्टिंग नहीं है उसको हम हैंडल कर सकते हैं मेन चीज हमको यहां पर क्या बनानी चाहिए कि इंडिविजुअल होम के अंदर हम क्या रख रहे हैं क्या नहीं रख रहे हैं अभी जो हमने काम किया है एक्चुअल प्रोडक्शन कोड के हिसाब से देखेंगे तो एक बहुत बड़ा ब्लंडर है बहुत बड़ी गलती है हमने सीधे रिक्वेस्ट डॉट बॉडी को उठाया और उसको ही अपना मॉडल मान लिया यानी कल को कोई क्लाइंट कुछ और भेज देगा तो हमको यहां पर परवा ही नहीं हमको पता ही नहीं है है ना देखिए क्लाइंट का लॉजिक हमेशा क्लाइंट के पास है वो तो ब्राउजर से आ रहा है तो कोई कुछ भी रिक्वेस्ट बनाकर हमको भेज सकता है हमने इसकी कोई चेकिंग नहीं की इसको बिल्कुल भी अनफोल्ड नहीं किया सीधे बॉडी को उठाया और सीधे बॉडी को अपने रजिस्टर्ड होम्स में डाल दिया अजूम कि बॉडी के अंदर वो सारी की सारी फील्ड सारी की सारी चीजें आई है यानी रिक्वेस्ट डॉट बॉडी क्या आया है एक होम का ऑब्जेक्ट ही बनकर आया एक होम का ही फाइनल पूरा का पूरा स्ट्रक्चर बन के आया तो यह बात सही नहीं है है ना तो यह काम अब हम मैनुअली कर लेते हैं कैसे करेंगे अपने आप इंश्योर करके कर लेते हैं चैप्टर नंबर 13 के अंदर ही एमवीसी के अंदर अब एक नया फोल्डर हम यहां पर बना लेंगे अच्छा एक कंट्रोलर्स के अंदर बना रहा है कंट्रोलर के अंदर नहीं बनाना है हमको हमको बनाना है बाहर 13 के अंदर बना लेते हैं ना मैं मान लीजिए यहां पैकेज ड जसन को क्लिक करके फिर यहां पर बना लेते हैं इसका नाम हम रख लेंगे मॉडल्स है ना और अभी देखिए कौन सा मॉडल है हमारे पास अभी तो एक ही मॉडल है हमारे पास इस मॉडल का नाम है होड जस इंडिविजुअल होम हमको डिफाइन करना है तो देखिए हमने जावास्क्रिप्ट के रिफ्रेशर में जब इनिशियली हम नोट ज शुरू कर रहे थे जावास्क्रिप्ट का रिफ्रेशर पढ़ा था वैसे अभी हमको ऐसा लग रहा होगा कि सर ये तो पुराने जमाने की पुराने जन्म की बात लग रही है याद नहीं आ रहा क्या हो गया है ना क्या पांच सात शायद 10 वीडियो पुरानी बात लग रही है पर देखिए एक बार वापस जाकर रिवाइज कर लीजिएगा यानी जावास्क्रिप्ट हमको बार-बार बार-बार रिवाइज करनी पड़ेगी हम फ्रंट एंड में रिएक्ट कर रहे हो बैक एंड में कर रहे हो चीजें हमको बार-बार देखनी है है रिफ्रेशर में हमने क्या पढ़ा था हमने देखा था क्लास का कांसेप्ट क्लास क्या होता है तो अब ये सही समय है कि हम इस मॉडल को डिफाइन करें अपने होम को डिफाइन करें और किस तरह से डिफाइन कर सकते हैं एक क्लास बना के डिफाइन कर सकते हैं फाइनली इसको भी हमको एक्सपोर्ट ही करना है तो हम यहां देखिए क्या लिखने की कोशिश कर रहे हैं मॉड्यूल ड एक्सपोर्टस इ क्लास होम है ना तो अपनी एक क्लास बना लेते हैं हम क्या लिख रहे हैं मॉड्यूल ड एक्सपोर्ट्स इज इक्वल टू क्लास ये जो हमारा नया वाला एकमा स्क्रिप्ट सि सिंटेक्सिस में हम क्लास लिख सकते हैं है ना तो हमने लिख लिया क्लास होम और क्लास को हमने बंद कर लिया देखिए साथ-साथ जो दूसरा काम हमको करना है वह भी हम यही कर सकते हैं क्या यह जो हमारा रजिस्टर्ड होम्स वाला जो चक्कर है यह रजिस्टर्ड होम्स भी हम क्या कहां निकाल सकते हैं अभी देखिए रजिस्टर्ड होम्स कौन हैंडल कर रहा है मेरा कंट्रोलर हैंडल कर रहा है बट डेटा डिफाइन करने का काम मॉडल डिफाइन करने का काम किसका है यह तो मॉडल का काम होना चाहिए कंट्रोलर का काम नहीं है तो ये जो रजिस्टर्ड होम्स है इसको भी मैं निकाल कर कहां ला सकता हूं फिलहाल मैं इसको कट कर रहा हूं है ना इसको कट करके हम कहां ला सकते हैं एरर्स को हम बंद कर देते हैं और ऐप को भी हम बंद कर देते हैं है ना हम ले आते हैं इसको होम के अंदर तो हम बोल रहे हैं भाई ये जो रजिस्टर्ड होम है ये भी हम यहीं पर रख रहे हैं और जैसा हमने कमेंट में वहां लिखा हुआ है एक तरह से अभी ये मान लीजिए अभी तो हम इसको इन मेमोरी रख रहे हैं है ना तो मैं बोल देता हूं ये मेरा एक्चुअली डेटाबेस से लेकर आ रहा हूं मैं है ना पर ये क्या है फिलहाल फेक डेटाबेस है बाद में जब हम अगले चैप्टर में क्या पढ़ रहे होंगे डेटाबेस हैंडलिंग पढ़ रहे होंगे एसक्यूएल के साथ कैसे डील करना है नो एसक्यूएल डेटा बेसेस के साथ कैसे डील करना है मंगो के साथ कैसे डील करना है तब इस कोड को हम कहां लिख देंगे मंगो में कैसे सेव करना है कैसे निकालना है वैसे लिख देंगे फिलहाल अभी मैं इसको इन मेमोरी रख रहा हूं यानी सिर्फ एज अ वेरिएबल रख रहा हूं अभी इसी चैप्टर में हम इसको क्या करेंगे कम से कम हम फाइल में राइट करके वहां से रीड करने की कोशिश हम कर रहे होंगे है ना इसका सिंटेक्स और क्या होता है यहां पर हम लिखेंगे कंस्ट्रक्टर कंस्ट्रक्टर के अंदर अलग-अलग वैल्यूज आएंगी जिन वैल्यूज को हम यहां पर दिस लगाकर इनिश इज करने की कोशिश करेंगे अगेन मैं यहां पूरा सिंटेक्स दोबारा कवर नहीं कर रहा हूं बट हम क्या अज्यू कर रहे हैं वो हम ऑलरेडी जो हमने जावास्क्रिप्ट का रिवीजन किया था वहां हम उसको देख चुके हैं तो देखिए अभी हमारे होम के अंदर क्या-क्या चीजें हैं जो हमारी बॉडी के अंदर आती हैं हाउस नेम आता है प्राइस आता है लोकेशन आता है रेटिंग आता है फोटो यूआरएल आता है है ना ये पांच चीजें हैं जो हमको चाहिए तो ये पांच की पांच चीजें हम कहां लिख लेते हैं अपने कंस्ट्रक्टर के अंदर हम लिख लेते हैं तो क्या-क्या लिखेंगे हाउस नेम है ना एक बार मैंने निकाल के रखा है चेक कर लेते हैं प्राइस लोकेशन और क्या है रेटिंग एंड फोटो यूआरएल है ना रेटिंग एंड फोटो यूआरएल तो ये पांच चीजें हैं जैसे अगर आपने पहले जावा पढ़ी है या c+ प् पढ़ी है जिन लोगों ने पढ़ी है वहां पर क्या होता है कंस्ट्रक्टर एगजैक्टली ऐसे नहीं लिखते हैं बट कंस्ट्रक्टर में जो जो फील्ड आपको मिलते हैं उनसे आप अपना ऑब्जेक्ट बना सकते हैं जावास्क्रिप्ट में भी हमने देखा है आप कंस्ट्रक्टर लिखते हैं पांच चीजें मैंने लिख ली अब मुझे अगर अपने ऑब्जेक्ट के फाइनल वेरिएबल को एक्सेस करना है तो मैं क्या करता हूं उसको दिस लगा कर करता हूं तो मैं करूंगा दिस डॉट हाउस नेम इ इक्वल टू हाउस नेम देखिए डिफरेंस है क्या ये मेरा लोकल वेरिएबल है इस फंक्शन का और ये मैंने क्योंकि दिस लगाकर एक्सेस किया है तो ये मैं इस होम ऑब्जेक्ट का यानी जो होम ऑब्जेक्ट है इस समय इसके जिस होम क्लास है इसके जिस ऑब्जेक्ट की इस समय बात हो रही है उस ऑब्जेक्ट का मैं हाउस नेम एक्सेस कर रहा हूं यानी यहां मैं चाहूं तो नाम अलग भी कर सकता हूं यहां मैं कर दूं हाउस हाउस और ये मेरा हो जाए हाउस नेम तो जो भी आपको करना है वैसे से आप ये कर सकते हैं इसको जल्दी-जल्दी पूरा कर लेते हैं मैं लिख लेता हूं प्राइस इज इक्वल टू प्राइस दिस डॉट लोकेशन इ इक्वल टू लोकेशन दिस डॉट रेटिंग इज इक्वल टू रेटिंग एंड दिस डॉट फोटो यूआरएल = इक्व ट फोटो रए तो हमने क्या किया जो भी पांच की पांच चीजें हमको किसी ने कंस्ट्रक्टर में मतलब न्यू होम बनाते हुए पास की उन सबको हमने अपने कंस्ट्रक्टर ऑब्जेक्ट के अंदर डाल लिया उन सबको हमने होम ऑब्जेक्ट के अंदर डाल लिया अब होम ऑब्जेक्ट के अंदर तो डाल लिया आईडियली अब देखिए हमको क्या-क्या करना चाहिए हम कोशिश ये करेंगे होम ऑब्जेक्ट बनाकर कोई करेगा क्या है ना ये देखिए इसने होम ऑब्जेक्ट बना लिया मान लीजिए यहां पर आएगा होम ऑब्जेक्ट बना लेगा उसको रजिस्टर्ड होम्स के अंदर ऐड करने की कोशिश कर रहा है और बस उसके बाद उसको शो करने की कोशिश कर रहा है सिमिलरली रजिस्टर्ड होम्स को यूज़ करने की कोशिश कर रहा है तो हम यहां दो फंक्शन बना सकते हैं सेव एंड फेच ऑल तो हम क्या बोल सकते हैं अगर आप अपने ऑब्जेक्ट पर आपने पहले न्यू होम का ऑब्जेक्ट बनाया आप उस पर सेव कॉल करेंगे तो फिलहाल मैं उसको कहां ऐड कर दूंगा अपने फेक डेटाबेस में यानी इस एरे में ऐड कर दूंगा बाद में सेव कि कर रहा होगा इसको फाइल में सेव कर रहा होगा या डेटाबेस में सेव कर रहा होगा है ना फिलहाल मैं अपने इसको फेक डेटाबेस में सेव करूंगा और जब भी पहले सेव बना लेते हैं उसके बाद फेच ऑल में थोड़ी सी इंपॉर्टेंट बात आपको बतानी है वो इसके बाद कवर कर लेंगे तो हम क्या कर रहे हैं देखिए यहां हमने क्या बना लिया एक इसका मेंबर ऑब्जेक्ट बना लिया है सेव है ना ये भी शॉर्ट सिंटेक्स है यहां आपको फंक्शन वगैरह वरना आपको क्या देना होता है कॉमा देते उसका एक वेरिएबल बनाते इक्वल टू फंक्शन लिखते ये एकमा में शॉर्ट सिंटेक्स है आपको फंक्शन डिफाइन करने आप डायरेक्टली कर सकते हैं और सेव के अंदर मैं क्या करूंगा ये जो रजिस्टर्ड होम्स है इसी में ऐड कर दूंगा क्या दिस मैं बोल रहा हूं भाई जो भी मेरा करंट ऑब्जेक्ट है ना इसी को आप कहां मूव कर दीजिए अच्छा मैं ऐड मैंने फंक्शन यूज कर लिया एरे का फंक्शन क्या होता है पुश फंक्शन होता है है ना तो मैंने बोल दिया पुश दिस तो ये क्या करेगा इसको ले जाकर इस मेरा जो फेक डेटाबेस है जो मेरा एरे है जिसको अभी मैं एरे बोल रहा हूं इस रजिस्टर्ड होम्स एरे में लता रहेगा है ना अब देखिए हम क्या कोशिश कर रहे हैं डाटा को सेव करना हम ये मैं सारा लॉजिक यहां सेव लिख क्यों रहा हूं हम डायरेक्टली यहां पर क्यों नहीं लिख सकते रजिस्टर्ड होमस डट पुश क्योंकि आईडियली ये जो रजिस्टर्ड होमस डट पुश यहां करने की कोशिश की जा रही है क्या की जा रही है होम ऑब्जेक्ट बना कर के उसको सेव करने की कोशिश की जा रही है आईडियली डाटा से रिलेटेड जितना भी बिजनेस लॉजिक है डटा को सेव करना डेटा को रिट्रीव करना डेटा को मैनेज करना हैंडल करना वो सारा काम मॉडल के अंदर होना चाहिए इसलिए वो सारा कोड हम मॉडल के अंदर मूव कर रहे हैं इसलिए हमने इस मॉडल के अंदर ही एक फंक्शन बना दिया सेव जो कि अपने आप ही हैंडल कर लेगा कि ये कहां सेव होना चाहिए आज फाइल में हो रहा है कल को डेटाबेस में हो रहा है वो सभ ये कर लेगा इसके बारे में जो हमारा कंट्रोलर है उसको वरी करने की जरूरत नहीं है है ना तो अब इसको हम चेंज कर लेते हैं अब देखिए रिक्वेस्ट डॉ बॉडी आ रहा है आईडियली अब हमको क्या करना है इससे नया होम का ऑब्जेक्ट बनाना है पहले इतना काम हम कर लेते हैं है ना ये जो होम है इसका ऑब्जेक्ट हमको बनाना है तो मैं यहां क्या कर लेता हूं मैं लिखता हूं न्यू होम है ना इसके अंदर अब हमको क्या पास करना है एक-एक करके पास करना है क्या रिक्वेस्ट डॉ बॉडी डॉट सबसे पहली चीज हम क्या एक्सपेक्ट कर रहे हैं यहां पर हम एक्सपेक्ट कर रहे हैं हाउस नेम हमको पता है बॉडी के अंदर सारी चीजें यही आती हैं है ना बाद में हम यहां पर वैलिडेशन वगैरह भी ऐड कर रहे होंगे पहले हम चेक करेंगे कि उसने ये सारी चीजें एक-एक करके दी भी है या नहीं अ जो बेसिकली रिक्वेस्ट आई है उसके अंदर य पांचों चीजें है भी या नहीं नहीं है तो हमको होम ऐड करना है या यहां से कोई एरर पास करनी है यह सब हम आगे चलके चैप्टर्स में कर रहे होंगे बट फिलहाल हम क्या कर रहे हैं न्यू होम हमने कर लिया इसको इंपोर्ट कर लेते हैं मॉडल्स होम से है ना तो यहां क्या हुआ होम रिक्वायर मॉडल्स होम हमने इंपोर्ट कर लिया और न्यू होम ऑब्जेक्ट हम बनाने की कोशिश कर रहे हैं इसको मैं क्या बोल देता हूं कंस्ट होम इक्वल टू न्यू होम सबसे पहले मैंने लिख लिया हाउस नेम उसके बाद क्या लिखेंगे रिक्वेस्ट डॉट बॉडी डॉट अगली चीज हम क्या एक्सपेक्ट कर रहे हैं प्राइस लोकेशन रेटिंग है ना यहां कर लेंगे प्राइस इतने पार्ट को मैं कॉपी कर लेता हूं अगली चीज है हमारी लोकेशन उससे अगली चीज है हमारी रेटिंग उससे अगली चीज है हमारी फोटो यूआरएल है ना देखिए इतने से क्या होगा अच्छा मैं कॉमा अपने आप भी लगा दिया और कॉपी पेस्ट तो कर ही लिया था ठीक बात है मेरा होम का ऑब्जेक्ट बनकर तैयार हो गया और यह जो मैं पुश कर रहा था पहले अब इसकी जगह मैं क्या कॉल कर सकता हूं होम डॉट सेव होम के अंदर ही मैंने एक फंक्शन लिख लिया है है ना इसको मैं थोड़ा सा अगली लाइन में कर देता हूं ताकि क्लेरिटी रहे देखिए हमने क्या किया है रिक्वेस्ट डॉट बॉडी की ये सारी चीजें पास करके सबसे पहले क्या बना लिया होम बना लिया न्यू होम करके है ना और ये जो होम ऑब्जेक्ट मेरा बन गया इस होम ऑब्जेक्ट पर मैंने सेव कॉल कर लिया और इंटरनली ये क्या कर रहा होगा इसको रजिस्टर्ड होम्स के अंदर डाल दे रहा होगा तो इतना लॉजिक तो अभी हमारा हो गया अभी देखिए मैं इसको यूज करने की कोशिश करूंगा तो फट जाएगा क्यों फट जाएगा क्योंकि अब जो रजिस्टर्ड होम्स है वो मैंने कहां मूव कर दिया है वो मैंने मूव कर दिया मॉडल के अंदर है ना होम्स के अंदर अ जो मेरा कंट्रोलर है इसके अंदर से हमने रजिस्टर्ड होम्स को हटा लिया है पर ये जो गेट होम्स है ये मेरा अभी भी रजिस्टर्ड होम्स को एक्सपेक्ट कर रहा है तो मैं होम पर जाऊंगा तो क्या होगा ये क्रैश हो जाएगा बोलेगा रजिस्टर्ड होम्स अभी भी आपने डिफाइन नहीं किया तो हमको इसका वाला लॉजिक भी चेंज करना है है ना पहले इसको मैं थोड़ा सा और इंप्रूव कर लेता हूं लॉजिक को देखिए अभी हमने यहां क्या किया हुआ है ये रिक्वेस्ट डॉट बॉडी बहुत बार हमने यूज़ कर लिया तो उसको हम क्या कर लेते हैं को हम क्या कर सकते हैं डिस्ट्रक्चर कर सकते हैं मैं यहां इन सबको पहले अलग-अलग निकाल लेता हूं है ना इक्वल टू हम लिख देते हैं रिक्वेस्ट ड बॉडी और यहां मैं क्या कर सकता हूं ये जो हमने लिखा है एक्चुअली यहां से डायरेक्टली कॉपी करके इसको ला सकते हैं ये पांचों की पांचों चीजें मुझे निकालनी है डिस्ट्रक्चरिंग का लॉजिक मैं यहां पर यूज़ कर लेता हूं हाउस नेम प्राइस लोकेशन रेटिंग फोटो यूआरएल कहां से निकाल लीजिए रिक्वेस्ट डॉ बॉडी से निकाल लीजिए और उसके बाद ये न्यू होम के अंदर भी मैं सारी चीजें डायरेक्टली कॉमा लगाकर पास कर पाऊंगा है ना लॉजिक चेंज कुछ नहीं हुआ है लॉजिक एगजैक्टली सेम है जो पहले था बस हमने क्या कर लिया पहले रिक्वेस्ट डॉट बॉडी को डिस्ट्रक्चर करके सब चीजों को अलग-अलग निकाल लिया उसके बाद सब चीजों को एक साथ हमने यहां पर न्यू होम लगाकर पास कर दिया और होम डॉट सेव हमने कर दिया है ना तो ये इतना काम हमारा जो है वो रेडी हो गया है इसके बाद हमको क्या करना है इसके बाद हमको देखना है ये लॉजिक कैसे आएगा अब यहां पर जहां हमको होम्स का लिस्ट चाहिए ये कैसे आएगा तो देखिए यहां तो मैंने होम के अंदर एक सेव नाम का फंक्शन बना दिया था मेरा काम चल गया बट यहां तो किसी ने होम का ऑब्जेक्ट बनाया नहीं है यहां क्या करना है डायरेक्टली सबको सारे के सारे होम के ऑब्जेक्ट चाहिए बट होम का ऑब्जेक्ट नहीं बनाना है तो ऐसे फंक्शन अगेन बाकी लैंग्वेजेस में भी हम ऐसे ही करते थे कोई ऐसा अगर फंक्शन आपको चाहिए जो इस ऑब्जेक्ट से रिलेटेड ना हो डायरेक्टली इस क्लास से रिलेटेड हो तो हम उसके लिए क्या करते हैं स्टैटिक यूज़ करते हैं मैं स्टैटिक के बाद जो भी फंक्शन लिखूंगा वो डायरेक्टली इस क्लास के नाम से कॉल किया जा सकता है तो हमने क्या कर लिया मान लीजिए फेच ऑल नाम का एक फंक्शन बना लिया जिसका मैंने जिसको मैंने बना लिया स्टैटिक और यहां से मैं क्या कर सकता हूं ये जो मेरा रजिस्टर्ड होम्स है इसको मैं डायरेक्टली रिटर्न कर सकता हूं है ना बाद में हम क्या कर रहे होंगे डेटाबेस से पूरा का पूरा रीड करके ला रहे होंगे उसके ऑब्जेक्ट्स क्रिएट कर रहे होंगे वो सब कर रहे होंगे अभी तो हमने फेक डेटाबेस बनाया हुआ है इन मेमोरी बस हमारा वेरिएबल है है ना तो यहां मैंने डाल दिया तो फैच ऑल क्या करेगा जो भी फैच ऑल कॉल कर रहा है उसको रजिस्टर्ड होम्स का पूरा का पूरा लिस्ट दे देगा तो इस फॉल को मैं कहां कॉल कर लूंगा यहां पर इसको हम पहले डिफाइन कर लेते हैं कॉन्स्ट रजिस्टर्ड होम्म्स कैसे निकालना है होम क्लास तो यहां पर ऑलरेडी इंपोर्टेड है होम क्लास पर आप डायरेक्टली कॉल कर लीजिए फेच ऑल और वो क्या करेगा आपको सारे के सारे ऑब्जेक्ट निकाल करर रजिस्टर्ड होम्स के दे देगा है ना तो क्या चेंज हमने किया ऊपर देखिए पहले हमने ऑब्जेक्ट बनाया था होम का उसके ऊपर हमने सेव कॉल किया यहां हमने होम क्लास के ऊपर डायरेक्टली फैच ऑल फंक्शन कॉल कर लिया और वो हमको होम्स का पूरा एक रजिस्टर्ड होम्स का लिस्ट निकाल कर दे रहा है और वो पूरा का पूरा लिस्ट उसके बाद हमने यहां पर यूज कर लिया तो कंट्रोलर से देखिए जो ऊपर पहले हमने रजिस्टर्ड होम सरे यहीं पर डिफाइन किया हुआ था वो चला गया और अब मेरा मॉडल से रिलेटेड जो भी कोड है यानी कैसे वो जो होम है वो निकल कर आएगा कैसे वो सेव होगा कैसे मैं उसको रिट्रीव कर रहा हूं ये सारा का सारा लॉजिक हमने कहां मूव कर दिया ये सारा का सारा लॉजिक हमने इस अपनी मॉडल फाइल के अंदर मूव कर दिया है है ना एक बार इसको फिर से चला करर अब देख लेते हैं अब हम रिफ्रेश करेंगे तो देखिए अब ये ठीक हो गया है अभी क्योंकि रजिस्टर्ड नहीं है तो कुछ नहीं दिख रहा है एक बार फिर से रजिस्टर कर लेते हैं है ना सबमिट किया होम रजिस्टर्ड सक्सेसफुली रिटर्न टू होम किया देखिए जो लॉजिक हमारा चल रहा था वो लॉजिक अभी भी हमारा बिल्कुल ठीक से यहां पर काम कर रहा है है ना तो यह काम भी मेरा ठीक से हो गया तो मॉडल को हमने यहां पर जो मूव करना था जो मॉडल हमको यहां पर मूव करना था मॉडल हमने मूव कर लिया मॉडल हमने बना भी लिया इसके बाद अब हम क्या कोशिश करें है ना ये देखिए एडिंग मॉडल में हमने यह काम भी कर लिया यानी हमको कंट्रोलर में आकर यहां पर यह मूव करना था फैच ऑल हमको यहां पर मूव करना था एक काम हम यहां पर कर सकते हैं जो हमने पहले भी किया था क्या ये जो फेक डाटाबेस है इसको थोड़ा सा हम इंप्रूव कर लेते हैं क्या इंप्रूव कर लेते हैं हम इसमें काम कर लेते हैं कम से कम इसको फाइल में राइट करने के लिए फाइल में राइटिंग हम पहले भी कई बार कर चुके हैं अभी क्या हो रहा है मैं जब भी अपना सर्वर मेरा किल होता है सर्वर मेरा रीस्टार्ट होता है तो क्या होता है ये जितने भी हमारे रजिस्टर्ड होम्स हैं सारे के सारे गायब हो जाते हैं है ना एक ये जो हमने फालतू कंसोल लॉगिंग की हुई है अब इसकी शायद जरूरत नहीं है अब ये कंसोल लॉग हम यहां से हटा सकते हैं है ना पोस्ट होम्स से भी और ये जो रजिस्टर्ड होम्स आ रहे हैं इससे भी है ना बहुत ज्यादा लॉगिंग हमारी हो रही थी कम से कम पहला लॉजिक मैं वापस आ जाता हूं पहला लॉजिक हम ऐड कर लेते हैं क्या ये जो रजिस्टर्ड होम्स है इसको कम से कम फाइल में तो राइट करो यार है ना फाइल से रीड करके राइट कर लो जब डेटाबेस पढ़ लेंगे तो डेटाबेस में भी कर लेंगे अभी तो हर बार रिफ्रेश करने पर पूरा जितने भी होम रजिस्टर किए वो सारे के सारे उठ जाते हैं तो ये तरीका तो सही नहीं है है ना तो हम क्या करेंगे सेव के अंदर पहले सबसे पहले क्या कोड लिख लेंगे इस बार रजिस्टर्ड होम्स में तो हम पुश करेंगे ही करेंगे साथ-साथ क्या करते हैं एक फाइल पाथ पहले निकाल लेते हैं है ना मान लीजिए हम होड जन नाम की यहां पर एक फाइल बना ली बाहर एक फाइल बना ली या डेटा फोल्डर के अंदर एक फाइल बना ली एक नया फोल्डर भी आप बना सकते हो डेटा जिसके अंदर डेटाबेस से रिलेटेड चीजें हैं और उस फाइल के अंदर इसको हम राइट करने की कोशिश कर लेते हैं तो सबसे पहले हमको क्या चाहिए पाथ दो हमको चाहिए देखिए फाइल हैंडलिंग के लिए हमने पहले भी यूज़ किए हैं दोनों के दोनों मॉड्यूस जो पाथ मॉड्यूल है ये भी हमको चाहिए जो एफएस मॉड्यूल है ये भी हमको चाहिए तो सबसे पहले मॉडल के अंदर इन दोनों को हम इंपोर्ट कर लेते हैं तो मैं कर लेता हूं कॉन्स्ट fssai.gov.in तो मान लीजिए बोल देता हूं पाथ और ये बनता कैसे ये हमने पहले भी कई बार बनाया मैं बोल दूंगा सीधे पाथ डॉट जॉइन रूट डायरेक्टर भी हमको इंपोर्ट करना पड़ेगा देखिए यूटिल्स के अंदर हमने ऑलरेडी किया हुआ है है ना वो कोड अभी हमने डिलीट किया नहीं है यूटिल्स के अंदर अगर हम आएंगे अभी ये कहीं पर यूज नहीं हो रहा है पर ये पाथ को रिक्वायर करके हमको होम डायरेक्टरी कैसे बनानी है यह काम हमने पहले से ही किया हुआ है पाथ यूट के अंदर है ना तो उसको मैं क्या कर लेता हूं इसको भी हम इंपोर्ट कर लेंगे तो हम कर लेते हैं सबसे पहले रूट डायरेक्टरी भी इंपोर्ट कर लेते हैं तो मैं कर लेता हूं कंस्ट रूटडीर इ इक्वल टू रिक्वायर है ना और यहां से हमको पाथ कैसे चाहिए यहां से पहले हम जाएंगे बाहर उसके बाद हम जाएंगे यूटिल्स के अंदर उसके बाद हम जाएंगे पाथ यूट है ना इसमें भी डिफॉल्ट एक्सपोर्ट य लगा हुआ है तो रूट डायरेक्टरी हमको मिल जाएगी है ना तो यह हो गया हमारा पाथ या इसको हम बोल देते हैं हमारा होम पाथ हो डेटा है ना होम डेटा पाथ हमने इसको बोल दिया कैसे बनाएंगे पाथ डॉट जॉइन पाथ हमने इंपोर्ट कर लिया है जो पाथ मॉड्यूल है उसको हम बोलेंगे इसका हम फंक्शन कॉल कर रहे होंगे जॉइन सबसे पहले हमको चाहिए रूट डायरेक्ट्रीएंट्री होगा जो भी मैं आपको दिखाऊंगा डाटा के अंदर हम एक फाइल यहां पर क्रिएट कर सकते हैं या मान लीजिए वो अपने आप ही क्रिएट हो जाएगी अभी डेटा फोल्डर को हम एमटी छोड़ देते हैं तो हम बोल रहे हैं इसके अंदर जाना भाई डटा फोल्डर के अंदर और उसके अंदर हमारी एक फाइल बना देना होड जन के नाम से जिसके अंदर हमको ये सारा डाटा डालना है या ये सारा डाटा रीड करना है तो सबसे पहले हमने पाथ बना लिया पाथ हमारा बनकर हो गया है तैयार उसके बाद तो बस अब हमको क्या करना है fs3 फाइल ये हमने पहले भी यूज किया है इस बार सिंक वाला फंक्शन यूज नहीं करेंगे जो नॉर्मल ए सिंक वाला फंक्शन है वो यूज करेंगे फाइल का पाथ आप यहां पर पास करोगे क्या आपको सेव करना है वो आप पास करोगे और एरर हैंडलिंग कर रहे होगे अगर एरर हैंडलिंग आपको करनी है तो है ना तो हम क्या कर लेते हैं एए जो मॉड्यूल हमने इंपोर्ट किया हुआ है डॉट राइट फाइल हमको यूज करना है पाथ हमारा क्या है होम डाटा पाथ यह हमने बनाया यह हम यूज कर लेते हैं देखिए डाटा हमको क्या राइट करना है रजिस्टर्ड होम्स जो एरे है यही हमको राइट करना है इसको ऊपर हमको क्या करना पड़ेगा पहले फाइल में जो भी आप राइट करते हैं वो स्ट्रिंग होना चाहिए तो हम जेसन का फंक्शन यूज कर लेते हैं जसन ड स्फाई और ये स्ट्रिंग इफाई क्या कर देगा हमारे रजिस्टर्ड होम्स का जो ऑब्जेक्ट है इसको स्ट्रिंग में कन्वर्ट कर देगा और तीसरी चीज हमको क्या देनी पड़ेगी इसको थोड़ा सा छोटा कर लेते हैं तीसरी चीज हमको क्या देनी पड़ेगी एक एरर हैंडलर ब्रैकेट की जरूरत नहीं क्योंकि सिंगल आर्गुमेंट है है ना ये एरर आ भी सकता है नहीं भी आ सकता है बट फिलहाल यहां पर हम क्या लिख देते हैं कसोल डलॉग फाइल राइटिंग कंक्लूजन हुआ है ना और एरर भी यहां पर प्रिंट कर देते हैं अगर एरर होगी तो एरर प्रिंट हो जाएगी अगर एरर नल प्रिंट हुई तो हमको समझ आ जाएगा वैसे तो यहां लॉजिक भी लगा सकते थे एल्स बट अभी अगेन बहुत ज्यादा वो काम नहीं कर रहे हैं हम ये देखने की कोशिश कर रहे हैं कि फाइल राइट हो रही है या नहीं हो रही है इतने को पहले एक बार टेस्ट कर लेते हैं अभी तो डाटा के अंदर कुछ नहीं है है ना अगर मैं इसको दोबारा से होम पर क्लिक करूंगा देखिए सर्वर क्योंकि रीस्टार्ट हुआ चार बार हमने कोड चेंज किया सर्वर रीस्टार्ट हुआ तो हमारा होम जो है वो चला गया है ऐड होम के अंदर आ जाते हैं उत्सव निकाला 999 बेंगलुरु रेटिंग फाइव एंड लोकेशन एडीए है ना ये हमने दे दिया इतना बन गया देखिए जैसे ही मैंने ये क्लिक किया साइड में आपको दिख रहा होगा डाटा के अंदर होम डॉट जेसन नाम की फाइल बन गई है यानी इतना काम हमारा ठीक हुआ है h जन के अंदर जाकर देखेंगे तो देखिए पूरा का पूरा एक एरे बन गया है एरे के अंदर एक ऑब्जेक्ट आ गया है सिंगल ऑब्जेक्ट मेरा आ गया है हाउस नेम उत्सव प्राइस 999 लोकेशन बैंगलोर रेटिंग फ फोटो यूआरएल एसडीएफ यानी जो सेव वाली फंक्शनालिस टू होम करूंगा तो क्या हुआ अभी देखिए यर आर अवर रजिस्टर्ड होम्स जो है यह दिखना बंद हो गया है ना यह क्यों नहीं दिख रहा है देखिए हो क्या रहा है मैं आपको बताता हूं यहां शायद हमने इसको इंक्लूड भी किया है यह हमने दिखा दिया आपको कि ये बेसिकली राइट हो रहा है प्रॉब्लम क्या हो रही है प्रॉब्लम ये हो रही है कि जैसे ही हमने फाइल को राइट किया यहां पर देखिए फाइल है हमारी होड जसन नोड मन को लगा कि भाई कुछ कोड चेंज हो गया है नमन तो क्या कर रहा है हमारा पूरा का पूरा फोल्डर उठाकर देख रहा है है ना नोड मन को लगा कि भाई कुछ फाइल चेंज हो गई उसने सर्वर रीस्टार्ट कर दिया और सर्वर रीस्टार्ट किया तो मेमोरी से हमारा जो रजिस्टर्ड होम्स है वो गायब हो गया है अभी हमने रिट्रीव करने का कोड तो लिखा नहीं है तो हुआ क्या ये सारा का सारा एमटी हो गया हमको नोड मन को क्या बताना पड़ेगा भाई डेटा फाइल के अंदर जब भी कोई चेंज हो तो कोड चेंज नहीं हुआ है डेटा फाइल मेरी कोड नहीं है तो आप बार-बार सर्वर को रीस्टार्ट मत कीजिए उसका क्या तरीका है उसका तरीका है अभी तक हमने जो कोई क्योंकि हम स्पेसिफिक कॉन्फिन नट बन की नहीं दे रहे थे तो डिफाइन करना जरूरी नहीं था बट अगर आप डिफाइन करना चाहते हैं तो आप नमन की कॉन्फ़िगरेशन डिफाइन कर सकते हैं नमन जन नाम की फाइल में है ना तो वो हम कर लेते हैं यहां बाहर आ जाएंगे जहां पैकेज ड जसन वगैरह चीजें पड़ी हुई है यहां एक नई फाइल बना लेंगे नमन ड जन अब देखिए इसका मतलब क्या है ये आपको इसमें कुछ करने की जरूरत नहीं है यह फाइल अपने आप पिक कर लेगा अगर ये फाइल नहीं है तो वो डिफॉल्ट कॉन्फ़िगरेशन लेता है यानी आपके पूरे के पूरे फोल्डर को मैनेज करता है देखता है अगर आप नटम ड जसन दे देंगे तो जो जो चीजें आप इसमें डिफाइन करेंगे उन्हीं चीजों को ये देख रहा होगा तो यहां हम क्या डिफाइन कर सकते हैं एक जेसन आपको डिफाइन करना है वॉच एक्सटेंशन कौन-कौन से वॉच करने हैं किस-किस को इग्नोर करना है और क्या एग्जीक्यूट करना है तो ये सारी सारी की सारी चीजें आप यहां पर दे सकते हैं है ना सबसे पहले हम क्या दे रहे हैं किसको वॉच करना है तो हम बोल रहे हैं यार पूरे फोल्डर को ही वॉच कर लो है ना यानी इस समय तुम जहां पर पड़े हुए हो वॉच किसको करना है हम बोल रहे हैं जहां आपकी फाइल पड़ी हुई है एकदम हमारे होम फोल्डर में पड़ी हुई है वहां से आपको सब कुछ वच करना है वहां से आप डॉट लगा लीजिए डॉट पर जो भी पाथ आ रहा है सब कुछ आपको वच करना है है ना अगला क्या पूछ रहा है कौन-कौन से फाइल एक्सटेंशंस है ना यह आप बता सकते हैं कि भाई यह फाइल देखो यह फाइल मत देखो तो एक्सटेंशन में हम क्या बोल रहे हैं जेएस फाइल हो सकती है जेसन फाइल हो सकती है ईजेएस यानी हमारी व्यू वाली फाइल हो सकती है पर वो कहां होनी चाहिए इस पूरे फोल्डर के अंदर जो जो फाइल हैं सबको आप देख सकते हो बोल देता हूं जेएस जेसन एंड ईस तीनों फाइल में से कुछ भी हो तो चलेगा अब हमारा मेन काम है क्या कि हमको किसको कौन सी फाइल ऐसी है जिसको हमको इग्नोर करना है है ना तो मैं बोल देता हूं किस-किसको इग्नोर करना है है ना किस-किस को इग्नोर करना है तो हम बोल रहे हैं एक तो नोड मॉड्यूस को इग्नोर कर दीजिए नोड मॉड्यूस में अगर डायरेक्टली कोई चेंज हो रहा है तो हमको उसको लोड करने की जरूरत नहीं है बार-बार उसके अंदर कोई चेंज हो सकता है है ना या आप लगा भी सकते हैं नहीं भी लगा सकते हैं मेन चीज हमको यहां पर अभी क्या लगानी है हमको लगाना है डेटा फोल्डर है ना हम क्या बोलने की कोशिश कर रहे हैं कि भाई डेटा फोल्डर के अंदर अगर कुछ भी भी चेंज हो रहा है तो वह आप यहां पर मत लगाइए उसकी वजह से आपको सर्वर रीस्टार्ट नहीं करना है और रन हमको क्या करना है एग्जीक्यूट हमको क्या करना है एकसी का मतलब क्या है एग्जीक्यूट एग्जीक्यूट हमको क्या करना है नोड ए जेएस फाइनली आपको एग्जीक्यूट करना है है ना तो यहां दे देते हैं exe.com है उसको रीस्टार्ट कर लेते हैं ताकि ये क्या करे अपनी जो उसकी नमन जसन कॉन्फ़िगरेशन फाइल है उसको ये पिक कर ले उसके बाद अब एक बार फिर से होम रजिस्टर करके देख लेते हैं ऐड होम करते हैं उत्सव या इस बार नाम चेंज कर लेते हैं ताकि हमको क्लेरिटी रहे कि ओवरराइट हुआ या नहीं हुआ फर्स्ट हाउस है ना ये जो हमारा था h डॉट जसन इसको मैं खोल लेता हूं ये आपको दिखता रहे ये पुराना अ मेरा वैल्यू है प्राइस 999 गाजियाबाद रेटिंग फोर फोटो यूआरएल एसडीएफ अब देखिए मैं जैसे ही सबमिट करूंगा क्या होगा जैसे ही मैंने सबमिट किया ये वैल्यूज मेरी चेंज हो गई फर्स्ट हाउस आ गया प्राइस आ गया गाजियाबाद रेटिंग फोटो यूआरएल बट देखिए नीचे हमने बोला फाइल राइटिंग कंक्लूजन एरर नल आया है बट उसके बाद सर्वर रीस्टार्ट नहीं हुआ यानी नोड मन ने इस बार समझ लिया कि डटा फोल्डर के अंदर चेंज हुआ है तो कोई चेंज नहीं करना है रिटर्न टू होम किया तो देखिए हाउस हमको यहां पर अपना दिखने लग गया है है ना तो ये जो एक प्रॉब्लम हमको हो रही थी नोट बन की वजह से ये हमने दूर कर ली बट अभी हमारी जो मेन प्रॉब्लम है वो बची हुई है मेन काम हमको क्या करना था मेन काम अगर हम वापस आ जाएं हमारे मॉडल के अंदर मॉडल कहां है हमारा होड जसन है सेव वाला काम तो हो गया हमने देखा फाइल के अंदर सेव हो रहा है बट रिट्रीव अभी भी नहीं हो रहा है है ना यानी अगर मैं इसको क्या कर दूं किल कर दूं और दोबारा से सर्वर रीस्टार्ट कर लूं अब भी और मैं फिर से होम पर जाऊंगा तो देखिए मेरे होम्स की लिस्ट गायब हो गई है जबकि क्या है होम्ड जन तो यहां पर सेव्ड है बट भाई आपने इसको पढ़ा ही कहां स्टार्टिंग में आपको कम से कम पढ़ना चाहिए तभी तो आप रिट्रीव ऑल कर पाएंगे फैच ऑल कर पाएंगे अभी तो हमने फैच ऑल में एरे दे दिया और एरे इनिशियली क्या हमने इनिशियलिज्म इनिशियलिज्म के बाद अगला काम हमको क्या करना है फाइल को रीड करने वाला काम हमको करना है फाइल को रीड हम कैसे कर सकते हैं तो देखिए पाथ हमको पहले एज इट इज बनाना पड़ेगा होड जसन के लिए उसके बाद सेम एफएस जैसे राइट फाइल किया था ऐसे ही रीड फाइल दे देंगे और वो फाइल हमको एरर और डाटा दोनों चीजें बनाकर हमको रिटर्न कर देगी इसमें क्या प्रॉब्लम है अभी वो प्रॉब्लम भी समझेंगे है ना तो सबसे पहले इतना काम मैं कर लेता हूं जो हमको पाथ बनाना था पाथ हमारा एज इट इज बना हुआ है पाथ को हम ले लेते हैं है ना पाथ हमारा बन गया उसके बाद एड राइट फाइल की जगह हमको क्या करना है इस बार रीड फाइल करना है तो बोल दूंगा एडॉट रीड फाइल फाइल का पाथ क्या है फाइल का पाथ हमने बना लिया है भाई फाइल का यह पाथ है कंटेंट इस बार हम तो देंगे नहीं हम तो सीधे देंगे उसको कॉल बैक हम बोलेंगे भाई एरर हो या डाटा हो दोनों चीजों में से जो भी आए वह हमको दे देना और यह हमारे इस कॉल बैक में पास कर देना ठीक है तो सबसे पहले मान लीजिए पहले एक बार देख लेते हैं सही से चल भी रहा है या नहीं कसोल डॉट लॉग लगाकर लिख देते हैं फाइल रेड है ना और यहां दे देते हैं हम ई आर आर एरर क्या आया डाटा क्या आया है ना एक बार इसको चलाकर देख लेते हैं हम क्या करेंगे इसको मैं होम में रिफ्रेश कर लेता हूं देखिए जैसे ही मैंने होम दबाया इसने क्या बोल दिया फाइल रेड एरर आपका न लाया है और ये बफर इसने हमको बना कर दे दिया कि डाटा आपका बेसिकली यहां पर आ गया है है ना तो डाटा यानी फाइल रीड तो हुई अभी हमें इसको कन्वर्ट करना पड़ेगा कन्वर्ट कैसे करेंगे डेटा को हम बोलेंगे जसन डॉ पास डाटा तो देखिए यहां हमने हैंडलिंग भी करी है एरर की आप हैंडलिंग करना चाहे कर सकते हैं हम क्या बोल रहे हैं कि भाई अगर एरर आ गया कोई पढ़ते हुए मान लीजिए अभी फाइल एजिस्ट ही नहीं करती जब फर्स्ट टाइम चलाएंगे तो फाइल होगी ही नहीं तब एरर देगा य एरर देगा कि भाई फाइल नॉट फाउंड एक बार चलाकर देख लेते हैं मैं जो होड जसन है इसका 2 मिनट के लिए मैं नाम चेंज कर देता हूं कि होड जसन उसको ना मिले है ना इसका नाम हम कर देते हैं होम स्टेंप होम स्टेंप कर दिया वापस आ जाते हैं यहां पर है ना फिर से मैं होम दबाता हूं देखिए जैसे ही मैंने दोबारा होम दबाया इसने क्या बोला फाइल रेड और उसके बाद एरर आ गई मेरे पास एरर क्या आ गई डाटा इस बार अनडिफाइंड आया एरर आ गई है और एरर ये क्या बोल रहा है नो सच फाइल और डायरेक्ट्रीएंट्री तो ये फाइल रीड करने में एरर आने ही वाली है यह हमने समझ लिया है तो एरर हैंडलिंग यहां पर थोड़ी सी जरूरी हो जाती है तो मैं बोल रहा हूं भाई अगर फाइल आपको नहीं मिली फिलहाल एक ही तरह की एरर हम हैंडल कर रहे हैं अगर फाइल आपको नहीं मिली है तो क्या कर लेना ये मान लेना कि जो हमारा रजिस्टर्ड होम्स है वो क्या है एमटी है तो उस केस में क्या रिटर्न कर सकता हूं डायरेक्टली एमटी रिटर्न कर सकता हूं है ना मैंने बोला उस केस में एमटी दे देना एल्स अब देखिए वैसे तो हम रिटर्न कर चुके हैं तो एल्स लिखने की जरूरत नहीं है डायरेक्टली इफ के बाद लिख सकते हैं अगर इफ चला होता तो रिटर्न ही चल गया होता है ना एल्स मैं रिटर्न कर देता हूं क्या जेसन ड पार्स क्या कि भाई हमको ये एक्चुअली ऑब्जेक्ट बनाना है ये जो हमारे पास डेटा क्या आ रहा है स्ट्रिंग डेटा आ रहा है इसको पार्स करके एक जेसन बना दो और उसको रिटर्न कर दो है ना अब इस रजिस्टर्ड होम्स की हमको जरूरत नहीं है रजिस्टर्ड होम्स तो है भी नहीं आईडियली वैसे हमको क्या करना चाहिए था ये रजिस्टर्ड होम्स हमको एरे मेंटेन तो करना ही है ताकि हम पुश उसके अंदर कर सके तो मैं दूसरा काम क्या कर लेता हूं हम यहां इसको चेंज कर लेते हैं थोड़ा सा यहां हम पहले बना लेते हैं एकली कुछ बनाने की जरूरत नहीं है ये रिटर्न करने की जगह बस मैं क्या कर लेता हूं रजिस्टर्ड होम्स के अंदर या तो एमटी असाइन कर देते हैं या रजिस्टर्ड होम्स के अंदर ये असाइन कर देते हैं है ना और ऊपर अगर हमने उसको कांस्टेंट डिक्लेयर किया हुआ है तो उसको मैं क्या डिक्लेयर कर देता हूं लेट डिक्लेयर कर देता हूं ताकि ये वेरिएबल की जो वैल्यू है यहां रजिस्टर्ड होम्स के अंदर जा पाए है ना तो अगर एरर होगा तो हम इसको एमटी असाइन कर देंगे वैसे एमटी तो असाइन है ही है ना देखिए ऊपर एमटी असाइन है तो ये कोड भी बचा सकता हूं मैं क्या कर सकता हूं मैं चेक कर लेता हूं कि अगर एरर नहीं है भाई एरर है तो तो ये मेरा एमटी है ही है अगर एरर नहीं है तो मेरे रजिस्टर्ड होम्स को आप बस पार्स करके रजिस्टर्ड होम्स के अंदर असाइन कर देना अब ये जिसने फैच ऑल किया है यह भी एक्सपेक्ट कर रहा है कि इसको रजिस्टर्ड होम्स मिलेगा तो एक कांस्टेंट के बाद मैं क्या कर लेता हूं यहां से रिटर्न कर देता हूं सॉरी ये एए ड रीड फाइल के अंदर जब इफ हो गया है तो यहां से मैं रिटर्न कर देता हूं रजिस्टर्ड होम्स है ना ये हमने रिटर्न कर दिया अब एक बार दोबारा होम पर जाकर देख लेते हैं कोड तो हमको समझ आ रहा है एक बार देखिए मैं दोबारा रिमाइंड करा देता हूं हमने कुछ बहुत ज्यादा नहीं किया है जो पाथ है वो एज इट इज पाथ बनाया है ना इसको और थोड़ा सा छोटा कर देते हैं जो पाथ है वो पाथ बनाया उसके बाद रीड फाइल किया अगर यहां पर पहले कंसोल लॉक कर दिया अगर एरर नहीं है तो जो जेसन का डटा आया जो भी स्ट्रिंग डाटा आया उसको जेसन में कन्वर्ट करके रजिस्टर्ड होम्स में असाइन कर दिया एरे को और उसके बाद रजिस्टर्ड होम्स को रिटर्न कर दिया है ना अदर वाइज अगर ये असाइन नहीं हुआ है तो एमटी होगा एमटी रिटर्न हो जाएगा मैं दोबारा होम दबा रहा हूं तो देखिए क्या हुआ एक एरर आ गया जो एरर हमने यहां पर भी लिखा है क्या बोल रहा है ये ये अभी यहां पर एरर में बोल रहा है कि यहां प्रॉपर्टी अनडिफाइंड आई है यहां भी अगर हम देखेंगे तो प्रॉपर्टी अनडिफाइंड आ रही है डिफाइंड क्यों आ रही है क्या प्रॉब्लम है देखिए अनडिफाइंड इसलिए आ रही है अगर आप यहां समझने की कोशिश करेंगे हमने यह बना दिया है ए सिंक जो फैच ऑल कर रहा है हमारा होम्स बैठकर है ना होम्स जो बैठकर पहली बात तो हम ये जो हमने डटा की फाइल बनाई थी होम स्टेंप इसको मैं रिनेम कर देता हूं ल नेम दिस टू होम्स अगेन है ना तो ये हमारा हो गया ये देखिए क्या कर रहा है एक्सपेक्ट कर रहा है कि ये फेच ऑल कॉल करेगा इसको रजिस्टर्ड होम्स का एक लिस्ट मिल जाएगा उसको ये शो करेगा जबकि ये जो फाइल रीड करने का ऑपरेशन है ये कैसा है ये तो एक ए सिंक ऑपरेशन है हम यहां क्या कर रहे हैं हम यहां रीड फाइल करने की कोशिश कर रहे हैं रीड फाइल जो है वो ए सिंक में बाद में रिस्पांस करेगा तो जो फैच है वो तो एक्चुअली यहीं पर खत्म हो गया तो फेच ने तो कुछ रिटर्न ही नहीं किया उसने तो अनडिफाइंड रिटर्न कर दिया ये बाद में जो रिटर्न कर रहा है ये तो इस फंक्शन को रिटर्न कर रहा है एरर और डाटा को ये हमारे फैच वल जो कॉल कर रहा है यहां तक नहीं पहुंच पाएगा ये ए सिंक वाला जो चक्कर है हमने पहले भी देखा है ए सिंक वाले चक्कर को रिजॉल्व करने के लिए जनरली हम क्या लगा रहे होते हैं हम लगा रहे होते हैं कॉल बैक तो इसके बाद हम क्या करेंगे यहां रीड डाटा करने के लिए हमें कॉल बैक एक्सपेक्ट कर लेंगे कॉलबैक ले लेंगे फेच ऑल के अंदर है ना है ना क्या ले लेते हैं फैच ल के अंदर ले लेते हैं कॉल बैक तो फैच ऑल में हम क्या करेंगे यहां मैं एक्सपेक्ट कर लेता हूं कि जहां हमने फैच ऑल लिखा हुआ है यानी ये जो मेरा मॉडल है कि यहां आप भाई इसको एक कॉल बैक पास कर दीजिए है ना और मैं क्या करूंगा मैं आपको रिटर्न नहीं करूंगा बट जब आपका काम पूरा हो जाएगा फैच ऑल पूरा हो जाएगा तो मैं कॉल बैक को कॉल कर मैं कॉल बैक को यहां से कॉल कर देता हूं है ना तो मैं क्या करूंगा यहां से जहां हम रिटर्न रजिस्टर्ड होम्स करने की कोशिश कर रहे थे यहां मैं कॉल कर देता हूं कि भाई कॉल बैक कॉल कर दो वि विद दिस रजिस्टर्ड होम्स है ना ये जो भी रजिस्टर्ड होम्स है यहां पर आप ये कॉल बैक कॉल कर दीजिए अब देखिए कई बार ये एज्यूम किया जाता है कि आप मे जब आप फाइल से हमेशा रीड कर सकते हैं राइट कर सकते हैं तो उसको मेमोरी में क्यों मेंटेन करना है ना तो मैं क्या कर सकता हूं एक्चुअली इस फेक डेटाबेस की मेरे को जरूरत नहीं है है ना मैं क्या करता हूं यह फेक डेटाबेस जो है वो मैं यहां से गायब कर देता हूं अब हमको कहां-कहां और चाहिए था रजिस्टर्ड होम्स हमने एक्सपोर्ट करना तो पहले ही बंद कर दिया था यह हमने इसको दे दिया है यहां हमको और चाहिए जब कोई सेव करने की कोशिश कर रहा है है ना जब कोई सेव करने की कोशिश कर रहा है तो भी हम को क्या चाहिए हमको रजिस्टर्ड होम्स चाहिए इसको भी हम फिक्स करेंगे पहले हम ये जो रीड वाला लॉजिक है पूरा फिक्स कर लेते हैं मैं वापस अगर यहां पर आऊंगा तो देखिए यहां क्या है फैच ऑल तो अभी हमने ऐसे ही कॉल किया हुआ है कोई कॉल बैक तो दिया नहीं है हम आईडियली यहां पर क्या चाहते हैं हम ये बोलना चाहते हैं कि भाई जब फैच ऑल हो जाएगा तो यह रेंडर करना है ना तो मैं क्या कर सकता हूं ये रेंडर को मैं उठा लेता हूं और ये रेंडर को मैं कहां पास कर देता हूं फैच ऑल के अंदर पास कर देता हूं और इसको बोल देते हैं कि भाई तुमको रजिस्टर्ड होम्स यहां पर मिलेगा है ना एज आर्गुमेंट मिलेगा कॉल बैक को और उस कॉल बैक पर आप यह अ जो आपको यह पेंट करना है यह पेंट आप कर दीजिएगा देखिए कोड हल्का सा मुश्किल हो गया यह अब मैं आपको दिखा देता हूं कैसे मैंने बोला होड फॉल रजिस्टर्ड होम्स आपको मिलेगा है ना ये कॉलबैक मैं अब यहां पर एक पास करने की कोशिश कर रहा हूं फल के अंदर मैं एक फंक्शन पास कर रहा हूं क्या फंक्शन पास कर रहा हूं कि भाई आप इसको रजिस्टर्ड होम्स दोगे तो ये उसको रेंडर कर देगा तो होगा क्या यह कॉल बैक यहां पर आएगा फॉल के अंदर फॉल जब अपना काम पूरा कर लेगा तो हम यह रेंडर वाला फंक्शन जो है इसका यहां इस रजिस्टर्ड होम्स के साथ एग्जीक्यूट कर देंगे और यूआई मेरा ठीक से जो है वो रेंडर हो जाना चाहिए एक बार दोबारा लोकल हो 3000 पर एंटर दबाकर देख लेते हैं क्या हुआ है वेटिंग फॉर फाइल चेंजेज कुछ तो गड़बड़ है बोल रहा है रेफरेंस एरर होम इज नॉट डिफाइंड कहां पर नहीं डिफाइन हुआ है होम्स 28 लाइन नंबर पर अच्छा अब यह बोल रहा है आपने वेरिएबल तो ऊपर से डिलीट कर दिया है जो रजिस्टर्ड होम्स हमने बनाया था वो तो डिलीट कर दिया है तो वैल्यू असाइन किसको कर रहे हो य ये जो वेरिएबल है हमने डिफाइन ही नहीं किया हुआ है है ना तो हम क्या कर लेते हैं यहां पर ये जो कॉल बैक है इसको डायरेक्टली कॉल कर सकते हैं इस रजिस्टर्ड होम्स की जरूरत नहीं है मैं बोल रहा हूं ये जो जेसन पार्ट्स है यही तो मेरे होम्स हैं है ना या तो यहां पर कॉल कर दीजिए अगर एरर आ गया है तो कॉल बैक में मैं क्या कॉल कर सकता हूं एमटी के साथ कॉल कर दो अगर इनिशियल है तो एमटी के साथ कॉल कर दो अदर वाइज इसके साथ कॉल कर दो है ना तो कॉल बैक में हमने दोनों चीजें पास कर ली या तो पास कर लो या ये कर लो है ना इसके बाद देख लेते हैं अभी भी शायद कोई एरर आ रही है कैन नॉट सड हेडर्स एक बार रिफ्रेश करके देख लेते हैं अच्छा अभी भी एरर आ रही है कहां हम कर रहे हैं इसको अच्छा अब दूसरे दूसरी गलती देखि हमने क्या कर दी हमने इ भी कॉल कर दिया और यह भी कॉल कर दिया पहले तो हम बोल रहे थे हम रिटर्न कर रहे हैं इसलिए हमने एल्स नहीं लगाया था अब हम क्योंकि दो बार काम किया तो इसने क्या किया दो बार कॉल बैक कॉल कर दिया दो बार रिस्पांस भेजने की कोशिश की तो जो हमारी पुरानी एरर है वो आ गई है कि आप दो बार रिस्पांस भेजने की कोशिश कर रहे हेडर्स अब सेट नहीं किए जा सकते तो हमको आइली य क्या करना चाहिए इफ एल्स करना चाहिए है ना इफ एल्स मैंने कर दिया कि भाई या तो ये भेजना या ये भेजना है ना दोनों में से एक चीज भेजना इसको हम टरनरी ऑपरेटर से भी कर सकते हैं बड़े आसानी से है ना एक लाइन में हो जाएगा वो थोड़ा सा बेटर रहेगा वो कर लेते हैं मैं कर देता हूं उसको कॉल बैक है ना नॉट एरर तो यह भेज दीजिए अदर वाइज एमटी भ है ना ये पूरी फिल्स कंडीशन की हमको जरूरत नहीं पड़ेगी बस हमने इतने से में काम कर दिया क्या बोल दिया कि भाई कॉल बैक कॉल कर देना अगर एरर नहीं है तो क्या करना पार्स करके इसको भेज देना अदर वाइज एमटी एरे फल ने तो अपना काम कर दिया है है ना आईडियली अब जो एरर है वो चली जानी चाहिए देखिए अभी एरर चली गई है हमारी अब मैं होम्स दबा रहा हूं तो देखिए क्या कर रहा है ये मैं कितनी बार भी सर्वर रीस्टार्ट करूं इसको क्ल करके फिर से स्टार्ट कर लेता हूं फिर से मैं होम दबा रहा हूं तो देखिए मेरा जो सेव्ड होम है वो बारबार यहां पर आ रहा है ये कैसे साबित होगा कि सर ये सेव्ड होम ही आ रहा है देखिए मैं फर्स्ट हाउस का नाम फाइल में जाकर चेंज कर देता हूं क्या उत्सव मुझे अब सर्वर भी रीस्टार्ट करने की जरूरत नहीं है मैं अब जब भी क्या करूंगा होम पर दबांग तो देखिए नाम इसका क्या चेंज हो गया उत्सव नाम चेंज हो गया क्योंकि हर बार होम दबाने पर यह जाकर फैच ऑल करने की कोशिश करता है फाइल से रीड करके लाता है यहां पर इसको सेव करता है एक लॉजिक जो हमारा अभी पेंडिंग रह गया जो बीच में मैंने बोला था क्या जो हम सेव करने की कोशिश कर रहे हैं मॉडल के अंदर है ना हमने टोटल जो रजिस्टर्ड होम्स था उसको तो डिलीट कर दिया है पर सेव करते हुए भी मेरे को क्या चाहिए मैं पूरी फाइल ओवरराइट नहीं करूंगा मैं अगला होम ऐड करूंगा तो मुझे पहले एजिस्टिफाई उसके अंदर अगला होम ऐड करना पड़ेगा उसके बाद उसको सेव करना पड़ेगा तो यहां रजिस्टर्ड होम जो है ये यहां पर भी हमको चाहिए तो मैं क्या कर सकता हूं यह फैच ऑल फंक्शन तो है ही फैच ऑल फंक्शन ही कॉल कर लो है ना तो हम क्या करेंगे सेव के अंदर भी पहले करेंगे कि भाई हर बार सेव करने से पहले पहले जाओ फाइल रीड करके आओ उसके अंदर आपको क्या मिलेगा उसके अंदर आपको मिलेगा रजिस्टर्ड होम्स और यह जो रजिस्टर्ड होम्स मिला है इसको यूज करके ही आपको बाकी पूरा का पूरा ये जो काम है यह आपको करना है तो ये पूरा का पूरा हमने कहां मूव कर दिया कॉल बैक के अंदर मूव कर दिया और इसको बोला कि भाई पहले हर क्या करना पहले रजिस्टर्ड होम्स को फैच करके लेके आना जब वो फैच हो जाएगा उस होम के अंदर एक नया ऐड करना एक नया बेसिकली होम जो वो ऐड करना और उसके बाद उसको राइट करने की कोशिश करना अब इसको हम एक बार टेस्ट करके देख लेते हैं मैं वापस आता हूं ड होम के अंदर ड होम दबाया एक सेकंड हाउस हम ऐड कर लेते हैं नाम मतलब कुछ भी हो वैसे तो नाम से कोई फर्क नहीं पड़ता एसडीएफ है ना मैं आपको होम्स डॉट जसन यहां खोल कर दिखा देता हूं देखिए अभी हमारी फाइल में एक नाम है जैसे ही इस बार मैंने सबमिट किया अच्छा कुछ तो गड़बड़ हमने कर दिया ये बोल रहा है फेच ऑल इज नॉट डिफाइंड अच्छा तो हमको क्या करना था यहां पर ये जो फैच है ये हमको होम क्लास पर कॉल करना है तो ये हम नाम इसको दे देते हैं होम डॉट फैजोल है ना आई थिंक इससे दूर हो जाना चाहिए इसको हम कर लेते हैं वापस इसको हम फिर से करते हैं सबमिट फिर से सबमिट किया देखिए बोल रहा है होम आपका रजिस्टर हो गया है रिटर्न टू होम किया तो देखिए इस बार दो होम हमारे दिखने लगे हैं उत्सव एंड सेकंड होम अगर हो जसन के अंदर जाकर देखेंगे तो देखिए यहां भी क्या हो गया है एक पहला ऑब्जेक्ट ये मेरा बन गया है और अगला ऑब्जेक्ट ये मेरा बन गया है है ना तो एक तरह से हमारा जो फेक डेटाबेस है वह एक्चुअल डेटाबेस की तरह भी हमारा काम कर रहा है फाइल की तरह काम कर रहा है अब मैं कितनी बार भी सर्वर किल कर लूं है ना यह कहीं हमने शायद फाइल रेड फाइल राइट कंक्लूजन नहीं है क्योंकि फालतू में एक लॉग क्रिएट कर रहा है हां ठीक है तो यह हमने दे दिया अ अभी अगर मैं सर्वर किल करके भी स्टार्ट करता हूं सर्वर में किल कर देता हूं उसके बाद में सर्वर स्टार्ट करता हूं देखिए अभी मैं यहां पर दिखा रहा हूं तो भी मेरी जो दो सेव्ड होम्स हैं वो मेरे हमेशा हमको यहां पर दिख रहे हैं है ना तो देखिए मॉडल का हमने काफी अच्छे से इस्तेमाल कर लिया है मॉडल के अंदर हमने फाइल को रीड भी कर लिया है फाइल को राइट भी कर लिया है देख लिया कैसे हम फाइल को रीड करके हमेशा अपना एप्लीकेशन शो करेंगे कैसे हम फाइल को राइट करके शो करेंगे देखिए मुझे ये भी समझ आ रहा है कि धीरे-धीरे क्या होगा अभी कोड आपको थोड़ा-थोड़ा कॉम्प्लिकेटेड लगने लगेगा क्योंकि एप्लीकेशन थोड़ी बड़ी हो रही है है ना पर आपको इसलिए हम ये जो पूरा एमवीसी है ये इसलिए हम इस पॉइंट पर कवर कर रहे हैं कि धीरे-धीरे हमको ये क्लर होने लगे जब आप मान लीजिए कोड का गिट हब लिंक पर जाएंगे कोड को डाउनलोड करेंगे देखेंगे तो यहां पर आपको क्या दिखेगा कंट्रोलर डाटा मॉडल ये सब चीजें यहां आपको दिख रही है यूटिल्स व्यू अलग-अलग अलग-अलग चीजें हैं कम से कम जो लॉजिक है मेरा अलग-अलग है अब देखिए अगर ये मैं सेम मॉडल का लॉजिक जो अभी मैंने यहां लिखा मैं अगर अभी इसको कंट्रोलर के अंदर ही लिख रहा होता तो कंट्रोलर और कितना ज्यादा कॉम्प्लिकेटेड हो जाता तो ये हमने एक्चुअल फाइल में सेव करना रिट्रीव करने से पहले क्या किया मॉडल को एक अलग फाइल में मूव कर लिया जो मॉडल का लॉजिक था डेटा को रिट्रीव करना डेटा को सेव करना ये सब हमने अलग फाइल में मूव कर लिया उसके बाद उसको हमने कंट्रोलर में अब यहां पर आकर डायरेक्टली यूज़ कर लिया कंट्रोलर को अब क्या करना पड़ रहा है कंट्रोलर के सिर्फ लिखना पड़ रहा है होड फच ऑल और यहां होम का ऑब्जेक्ट बनाकर होड सेव अभी एक्चुअल फाइल में सेव होगा डेटाबेस में सेव होगा कल को आकर मैं पीछे से यहां लॉजिक भी चेंज कर सकता हूं कि यार फाइल में सेव नहीं करूंगा डेटाबेस में सेव करूंगा कंट्रोलर को पता नहीं चलेगा क्योंकि कंट्रोलर की रिस्पांसिबिलिटी ये देखने की नहीं है कि डेटा कहां सेव हो रहा है कंट्रोलर की रिस्पांसिबिलिटी है मॉडल को ये बोलने की कि जाओ डाटा सेव करके आओ या डाटा को रिट्रीव करके आओ है ना तो इतना काम हमारा रीडिंग फाइल जो है वो हो गया है अभी देखिए हमको क्या करना है इस बार जो प्रैक्टिस है ना थोड़ा सा सेट जो है वो बड़ा है देखिए मैं बार-बार बोलता हूं कि क्या है प्रोग्रामिंग जो है वो करने वाली चीज है है ना करने से होगा जितना आप ट्राई करेंगे उतना ही होगा वरना आप मुझे कोड करते देखते रहेंगे बड़ा अच्छा आपको लगेगा लगेगा सब समझ आ गया है बट जब अपने आप ट्राई करेंगे नहीं हो पाएगा तो चलिए इसको स्टार्ट करते हैं है ना एक काम जो मैंने चेंज कर लिया है अभी पिछले एक सेकंड में वो ये कर लिया है कि हम जिसको एडमिन बोल रहे हैं एक्चुअली हमको यहां एयर बिन भी में उसको होस्ट बोलना चाहिए तो मैंने नाम होस्ट कर लिया आपने एडमिन भी बना लिया तो कोई प्रॉब्लम नहीं है है ना तो क्या करते हैं सबसे पहले हमको क्या करना है जो व्यूज फोल्डर है बोल रहा है स्ट्रक्चर द व्यूज फोल्डर इनटू होस्ट एंड स्टोर ये दो व्यू के अंदर भी आप सेपरेशन बना लीजिए एंड मूव द रिस्पेक्टिव व्यू फाइल्स देयर है ना तो हमको क्या करना है सबसे पहले यहां वापस आ जाते हैं हमको क्या-क्या करने के लिए इसने बोला अभी जो ये ब्राउजर है इसको थोड़ा सा छोटा कर लेते हैं इसकी उतनी जरूरत नहीं है यहां आ जाते हैं ये बोल रहा है व्यूज फोल्डर के अंदर आ जाइए तो पहले तो बाकी सब बंद कर देते हैं यहां से भी जो चीजें है इनको हम बंद कर देते हैं व्यूज फोल्डर के अंदर आ जाइए सारे व्यूज डायरेक्टली पड़े हुए हैं तो ये बोल रहा है कि भाई आप क्या करिए दो फोल्डर बना लीजिए व्यूज के अंदर भी क्या क्या फोल्डर बना लीजिए एक आप होस्ट नाम का फोल्डर बना लीजिए और एक स्टोर नाम का फोल्डर बना लीजिए तो यह हम बना लेते हैं है ना यहां हम एक फोल्डर बनाते हैं व्यूज के अंदर इसका नाम हम रख लेते हैं होस्ट और एक और फोल्डर बना लेते हैं व्यूज के अंदर इसका नाम हम रख लेते हैं स्टोर है ना ताकि क्लियर रहे कि भाई कौन सा व्यू किसके लिए है तो देखिए 404 तो दोनों के लिए नहीं है 404 को बाहर छोड़ देते हैं ऐड होम कहां पर हो रहा है देखिए ऐड होम सिर्फ करता है होस्ट तो ड होम को होस्ट के लिए होस्ट के अंदर मूव कर देते हैं हो ईएस क्या है ये तो जो हमारा होम पेज है वही है जो पूरे होम की लिस्ट दिखाता है इसको हम कहां मूव कर सकते हैं स्टोर के अंदर है ना ये आईडियली स्टोर का काम है होम एडेड किसको दिखता है यह भी होस्ट को ही दिखता है जब वो होम ऐड कर लेता है तब उसको दिखता है ये भी हमने बाहर मूव कर दिया 404 को हमने बाहर ही छोड़ दिया है ना तो ये जो व्यूज को हमको चेंज करना था ये व्यूज को हमने चेंज कर लिया है ना होस्ट में मूव कर लिया स्टोर में मूव कर लिया दूसरा चेंज हमको कहां करना पड़ेगा जहां हम इनको एक्सेस कर रहे हैं वहां भी तो चेंज करना पड़ेगा तो ये हम कहां कर रहे हैं ये हम कर रहे हैं कंट्रोलर के अंदर कंट्रोलर के अंदर मैं आ जाता हूं होम्स के अंदर अगर हम आएंगे तो देखिए यहां हमने डायरेक्टली इसको होम करके इस्तेमाल किया हुआ है एक बार चेक कर लेते हैं अभी जो व्यू है वो क्रैश कर रहा होगा है ना क्योंकि उसको जो सही जगह है वो मिल नहीं रही है तो हम क्या क्या करेंगे ड होम कहां के अंदर आ गया है अभी होस्ट के अंदर आ गया होस्ट स्ल ड होम है ना सिमिलरली जो हमारा होम एडेड है यह व्यू भी कहां चला गया है होस्ट स्ल होम एडेड के अंदर चला गया है है ना और जो हमारा होम पेज है जिसको हम होम बोल रहे हैं यह कहां चला गया मेरा यह मेरा चला गया है स्टोर के अंदर है ना स्टोर स्ल होम के अंदर चला गया अब देखिए ये भी एक्चुअली जो होम है ना ये पहले हमने होम पेज के वजह से होम लिखा था बट ये होम नाम से ऐसा लग रहा है कि हम एक इंडिविजुअल होम दिखाने की कोशिश कर रहे हैं तो इसको मैं क्या कर लेता हूं इसको मैं रिनेम कर लेता हूं टू मान लीजिए हम यहां क्या दिखाने की कोशिश करते हैं हम यहां दिखाने की कोशिश करते हैं होम लिस्ट है ना तो हम इसको कर लेते हैं होम लिस्ट ईजेएस है ना और यहां पर भी मैं होम्स में भी इसका नाम चेंज कर देता हूं होम लिस्ट ईजेएस सिर्फ यूआई चेंज हुआ है फिर से रिफ्रेश करते हैं अभी क्या बोल रहा है गड़बड़ हो गया कुछ तो अच्छा देखिए पार्शल जो हमने यूज़ किए हुए थे उनका लोकेशन चेंज हो गया पहले पार्सल्स क्या कहां थे डायरेक्टली पार्शल के अंदर होते थे अभी अगर मैं ड होम की बात करूंगा तो पार्शल कहां है पहले आपको आना पड़ेगा एक फोल्डर बाहर तब मिलेगा आपको पार्सल्स है ना तो पार्शल यहां भी चेंज कर दिया नेविगेशन में भी चेंज कर दिया आई थिंक दो ही पार्सल्स हमने बनाए हुए हैं तो यह काम हो गया होम एडिड के अंदर जाएंगे तो वहां भी हमको यही काम करना पड़ेगा है ना और स्टोर के अंदर जाएंगे वहां भी हमको यही काम करना पड़ेगा है ना तो ये रिफ फैक्टरिंग है चेंजेज हैं जो हमको साथ-साथ करने पड़ते हैं जब आप चीजें मूव कर रहे हो तो है ना बहुत सारी लैंग्वेजेस में बहुत सारी जगहों पर ये रीफैक्स अपने आप हो जाती है आप अगर मूव कर रहे हो तो चीजें अपने आप चेंज हो जाती है बट यहां पर नहीं होती है हमको हाथ से करना है देखिए ये फ्लो हमारा ठीक से चल गया ड होम चला रहे हैं तो वो पेज भी हमारा ठीक से लोड हो रहा है तो होम एडेड भी ठीक से ही लोड हो रहा होगा है ना तो पहला जो टास्क उसने दिया था वो हमने कर लिया क्या कर लिया हमारे जितने भी व्यूज थे एक तो उसका नाम हमने थोड़ा सा फिट कर लिया है बाकी व्यूज के अंदर भी हमने सेपरेशन बनाना स्टार्ट कर दिया है पार्सल्स हमारे पार्शल के अंदर हैं उसके अलावा होस्ट के अंदर हमने होस्ट वाली चीजें डाली हैं स्टोर के अंदर स्टोर वाली चीजें डाली है 404 हमारा बाहर पड़ा हुआ है है ना तो पहले वाला टास्क हो गया डन अगला ये क्या बोल रहा है है ना तो किसलिए बोला इसने ये इसलिए अलग-अलग कराया था क्योंकि ये चाह रहा है कि अब हम और और जो व्यूज है वो ऐड करें क्या-क्या व्यूज हमको ऐड करना है ऐड मोर व्यूज टू द स्टोर लाइक स्टोर के अंदर क्या-क्या हमको ऐड करना है होम का लिस्ट ये तो हमने कर ही लिया है तो यानी इंडेक्स पेज को हमको थोड़ा सा अलग करना है होम डिटेल यानी एक इंडिविजुअल होम पर अगर कोई क्लिक करेगा तो क्या दिखेगा उसके लिए एक पेज ऐड करिए एक फेवरेट लिस्ट यानी यूजर चाहे तो देख पाए उसने क्या-क्या फेवरेट मार्क किया है अगर हम नॉर्मल amazonbusiness.in कैसे करूंगा तो बुकिंग्स का पेज बनाएंगे और होस्ट में हमको क्या-क्या ऐड करना है होस्ट होम को एडिट कर पाए अभी तक हम सिर्फ ऐड कर पा रहे हैं एडिट कर पाए क्या होस्ट भी अपने पूरे होम के लिस्ट देख पाए तो ये नॉर्मल होम लिस्ट में और होस्ट होम लिस्ट में क्या फर्क होगा थोड़ा सा फर्क होगा होस्ट को मान लीजिए हो सकता है वहां पर डिलीट ऑप्शन दिख रहा हो एडिट ऑप्शन दिख रहा हो नॉर्मल यूजर को क्या दिखता है वहां पर बुक ऑप्शन दिखता है है ना तो वो चीजें हम यहां पर चेंज कर रहे होंगे तो ये काफी सारा काम इसने हमको बता दिया करने के लिए है ना देखिए जैसे होम में यहां क्या दिख रहा है अभी हमने यहां कोई बुक का बटन लगाया नहीं है बट जो नॉर्मल यूजर है यहां पर बुक करने के लिए बटन दिखना चाहिए और बाकी लोगों को कुछ और दिखना चाहिए तो पहले बुक का बटन भी ऐड कर लेते हैं जो हमने ऐड नहीं किया सबसे पहले कहां जाएंगे स्टोर के अंदर होम लिस्ट के अंदर यहां हम यह पूरा का पूरा होम का लिस्ट दिखा रहे हैं यहां जाते हैं एक एसवीजी हम शायद दिखाने की कोशिश कर रहे हैं इसको मैं थोड़ा सा छोटा कर लेता हूं क्या दिखा रहे हैं हम होम का रेटिंग हम दिखा रहे हैं है ना और हमारा डिव जो है वो कहां पर कंप्लीट हो रहा है इसको एक नंबर छोटा मैं कर लेता हूं दो मिनट के लिए इसको बंद करना स्टार्ट करते हैं यह हमारा पर होम का व्यू है है ना यह वाला जो डिव है इस डिव के अंदर हम दिखाने की कोशिश कर रहे हैं तो ये जो मैक्स एसएम है इसके अंदर मैं लगा लेता हूं इस इमेज डिव p4 इस p4 के अंदर ही हम बना लेते हैं हेडिंग आया फिर से एक पैराग्राफ आया इसके अंदर हमने क्या दिखाया लोकेशन दिखाया है एक बार यहां ऐड करने की कोशिश कर लेते हैं तो यहां मान लीजिए मैं एक ऐड कर लेता हूं क्या इनपुट या सीधे बटन भी ऐड कर सकते हैं बटन टैग बटन एंड ये इसके अंदर होना क्या चाहिए मान लीजिए बुक नाम का ऑप्शन होना चाहिए फ से इसको चेक करके देख लेते हैं देखिए अभी बुक नाम का बटन आ गया ओबवियसली अभी ये अच्छा नहीं दिख रहा है इसके अंदर मैं क्या कर लेता हूं क्लास दे देता हूं मान लीजिए बीजी ग्रीन 500 इसको एंटर दबा लेते हैं और इसको हम दे देते हैं पैडिका हम दे देते हैं पडि लगाकर देख लेते हैं पहले चलिए अभी हम इसकी सुंदरता पर ध्यान नहीं दे रहे हैं है ना इसको और थोड़ा सा लाइट कर लेते हैं सुंदरता पर ध्यान नहीं दे रहे हैं बट एटलीस्ट बुक का जो बटन है वो बुक का बटन आने लगा है कि जब यूजर कोई नॉर्मल यूजर देखता है तो उसको बुक का बटन दिखता है जब कोई एडमिन दिखेगा तो उसको या होस्ट हमारा देखेगा तो उसको हम बटन ये चेंज करके दिखाएंगे पहले हम बाकी चीजें देख लेते हैं बहुत सारे नाम थे हम भूल गए एक होम लिस्ट हमको ऐड करना है होम लिस्ट तो देखिए हमारे पास है तो स्टोर में हम एक दूसरा पेज यहां पर ऐड कर लेते हैं इसी की मैं कॉपी बना लेता हूं फिलहाल के लिए और उसका नाम मैं क्या रख देता हूं रिनेम कर देता हूं index.js यानी होम पेज पर देखिए कई बार ऐसा होता है आप सिर्फ दो तीन होम्स दिखाएंगे जब हम एयर बिन भी बना रहे होंगे जब हम एक्चुअल कोई होम की लिस्ट पर जाएगा स्पेसिफिक दबाए मुझे अपार्टमेंट्स दिखने हैं मुझे होटल्स में जाना है मुझे अ नॉर्मल बंगलोज बुक करने हैं जो भी वो बताएगा तो वहां पर फिर बहुत सारे आ रहे होंगे तो दोनों पेज का क्या हम बायफर केशन कर रहे हैं अभी दोनों में हम सेम ही चीज दिखा रहे हैं बट इंडेक्स पेज पर हम क्या दिखाएंगे कुछ-कुछ होम्स दिखा दिखा रहे होंगे ऑफर्स दिखा रहे होंगे कुछ ऐसी चीजें दिखा रहे होंगे और होम लिस्ट में हम प्रॉपर पूरे के पूरे होम की लिस्ट दिखाएंगे है ना तो फिलहाल ये दो व्यूज हो गए अगला क्या है होम डिटेल होम डिटेल हमको ऐड करना है एक नया व्यू हम यहां पर ऐड कर लेते हैं जिसका नाम मैं रख लेता हूं होम डिटेल डॉट ईजेएस है ना होने तो हम हमारे सारे ईजेएस ही होने वाले हैं तो होम डिटेल हमने ऐड कर लिया ठीक है और क्या है फेवरेट लिस्ट होना चाहिए है ना फिलहाल फेवरेट लिस्ट में भी मैं क्या दिखा देता हूं जो होम लिस्ट है वही दिखा देते हैं ताकि हमको कम से कम कुछ व्यू दिख इसका भी मैं नाम कर देता हूं क्या फेवरेट लिस्ट आईडियली यहां पर सिर्फ वो दिखने चाहिए पहले यहां पर एक कोई फेवरेट करने के लिए हार्ट वाला या ऐसा कोई सिंबल होगा बाकी जगह पर जहां या ऐड टू फेवरेट टा टाइप का बटन होगा यूजर उससे उसको फेवरेट में ऐड करेगा बाद में फेवरेट लिस्ट प जब हम जाएंगे तो सिर्फ फेवरेट वाली चीजें दिखनी चाहिए पूरी फंक्शनैलिटी हम बाद में चलके ऐड कर रहे होंगे अभी कुछ कुछ चीजें हम यहां पर पहले से कर रहे हैं है ना यह रिजर्व मेरा पेज हो गया यानी चेकआउट टाइप का पेज हो गया एक और पेज बना लेते हैं रिजर्व ड जए सॉरी ईजेएस है ना और हमको क्या बनाना है बुकिंग्स मैं जो जो बुकिंग ऑलरेडी कर चुका हूं जैसे हम आईआरसीटीसी में देखते हैं भाई मेरे कौन-कौन से टिकट्स बुक हो गए हैं है ना तो बुकिंग ड इएस इतने सारे व्यूज हमने ऐड कर लिए और ये बोल रहा है होस्ट में भी ऐड कीजिए एडिट होम एंड होस्ट होम लिस्ट है ना तो होस्ट के अंदर हम आ जाते हैं एक तो ये जो होस्ट होम लिस्ट है है ना तो ये होम डिटेल को जो मैं क्या करता हूं यहां भी कॉपी नहीं सॉरी होम लिस्ट को मैं क्या करता हूं यहां भी कॉपी कर लेता हूं फिलहाल होस्ट को भी वो दिखना चाहिए और इसका नाम हम रिनेम कर लेते हैं ताकि कंफ्यूजन ना हो क्या यह होस्ट का होम लिस्ट है और साथ-साथ अगला क्या बोला इसने यहां पर ऐड करने के लिए एडिट होम है ना तो जैसे हम ऐड होम कर रहे हैं वैसे हम एडिट होम भी कर पाए तो एडिट हो डस है ना तो ये भी हमने कर लिया अभी देखिए बाकी हर जगह हम क्या हान वाला तरीका यूज कर रहे हैं होम एडेड में ही हमने सिर्फ ये कैप्स वाला यूज किया हुआ है इसको भी मैं हाइन कर लेता हूं होम एडेड जए और ये क्योंकि होम एडेड ऑलरेडी यूज भी हो चुका है तो इस बाकी सबको मैं बंद कर देता हूं पर होम एडेड को हम जाकर कंट्रोलर में चेंज कर देते हैं होम्स होम एडेड है ना तो देखिए व्यूज जो हमको ऐड करने थे व्यूज तो ऐड हो गए हैं ऐड होम अभी हमारा दिख रहा है ये लिस्ट दिख रहा है बाकी को अभी एक्सेस करने का हमने कोई तरीका बनाया ही नहीं है बट इसने बोला था होम ऐड करो हमने होम ऐड कर दिया उसके बाद ये क्या बोल रहा है इंप्रूव द हेडर विद नेविगेशन टू ऑल पेजेस यानी आपको क्या करना है अब हेडर को आप जाकर इंप्रूव कीजिए और वहां पर नेविगेशन ऐड कीजिए सब पेजेस के लिए ठीक है तो मैं वापस आ जाता हूं यहां पर आ जाते हैं हम सबसे पहले खोल लेते हैं अपना पार्शल na.es नेविगेशन के अंदर ही हमने . ईए लगाया हुआ है और यहां हमको क्या करना है और चीजें अब यहां पर ऐड करनी है तो देखिए पहले मैं जो होम वाला है जो स्टोर वाला है वो खोल लेते हैं तो देखिए बुकिंग्स यहां पर दिखनी चाहिए फेवरेट लिस्ट दिखनी चाहिए होम डिटेल तो जब होम पर क्लिक करेंगे तो दिखेगा तो वो नेविगेशन में दिखाने की जरूरत नहीं है है ना इंडेक्स हमको दिख रहा है और रिजर्व वाला भी जब कोई यहां पर बटन क्लिक करेगा तो दिखेगा तो अभी हमको यहां पर कम से कम क्या दिखाना है एक तो हमको बुकिंग्स ऐड करना है है ना तो तो एक और लिस्ट आइटम मैं यहां पर ऐड कर लेता हूं जिसका नाम मैं रख देता हूं अ ऐड होम तो होस्ट के लिए ऊपर वाले को भी हम चेंज कर लेते हैं इसका नाम मान लीजिए बुकिंग्स पेज शो करने के लिए हम पाथ भी ऐड कर लेंगे क्या बुकिंग्स है ना और यहां करंट पेज भी हम क्या दे देंगे बुकिंग्स है ना यह दो चीजें अगर हो गई है और इसका नाम भी हमको क्या देना है बुकिंग्स ठीक है इसको मैं दोबारा से रिफ्रेश करके देख लेता हूं देखिए एक नया पेज ऐड हो गया हमारा बुकिंग्स मैं बुकिंग्स पर अभी जा रहा हूं तो ये बोल रहा है 404 क्योंकि उसकी हैंडलिंग हमने नहीं की है तो राउट्स में जाके वो हैंडलिंग भी कर लेते हैं कहां आ जाते हैं वहां जाते हैं राउट्स के अंदर कहां गए राउट्स ऊपर है है ना और यह कहां हमको करना है यूजर राउटर के अंदर है ना एक होस्ट है इसका नाम भी देखिए हम चेंज कर सकते हैं अब हम होस्ट और बेसिकली स्टोर ट्रीट कर रहे हैं बाकी हर जगह पर तो इसका यूजर राउटर का भी मैं नाम चेंज करके क्या कर लेता हूं होस्ट एंड स्टोर राउटर है ना यहां भी इसका हम नाम चेंज कर देते हैं यूजर राउटर की जगह कर देते हैं स्टोर टर यहां भी कर देते हैं स्टोर राउटर यहां भी कर देते हैं स्टोर राउटर और कहां चेंज करना पड़ेगा जहां हमने इसको यूज किया है यूज कहां किया है पड जस में पड जए में भी आके मैं इसका नाम कर देता हूं स्टोर है ना और ऊपर जहां इंपोर्ट किया यहां भी चेंज करना पड़ेगा स्टोर टर ठीक बात है है वैसे देखिए होस्ट राउटर को भी मैं चेंज कर सकता हूं वहां से पहले दो दो वैल्यूज हम एक्सपोर्ट कर रहे थे इसलिए नेम एक्सपोर्ट लगाना पड़ रहा था इसको भी अब हम नॉर्मल डिफॉल्ट एक्सपोर्ट बना सकते हैं इसके लिए हमको क्या करना पड़ेगा जैसे हमने य स्टोर राउटर एक्सपोर्ट किया ऐसे ही हमको होस्ट राउटर भी एक्सपोर्ट करना पड़ेगा डिफॉल्ट एक्सपोर्ट के लिए आप लिखेंगे मॉड्यूल डट एक्सपोर्ट है ना और य हम लिखेंगे अ सॉरी मैंने कहां कर दिया मैंने कर दिया है पहले किस तरह से लिखा हुआ था ऐसे लिखा हुआ था अभी हमको क्या कर देना है इसको पोस्ट राउटर कर देना है है ना इतने से हमारा काम चल गया होस्ट राउटर अभी भी हमने शायद कुछ गड़बड़ कर दिया इतने सारे चेंज जब आप करो तो गड़बड़ हो जाती है अब यह क्या बोल रहा है यूजर राउटर नहीं मिल रहा है यूजर राउटर तो है ही नहीं अच्छा फाइल का नाम भी हमने चेंज कर दिया है वह हमने पड जस में जाकर चेंज नहीं किया है यूजर राउटर नहीं अब इसका नाम हमने कर दिया है स्टोर टर देखिए सर्वर हमारा फिर से ठीक से चल गया है होम पर आ रहे हैं होम आ रहा है ड होम पर आ रड होम आ रहा है बुकिंग्स पर अभी बुकिंग नहीं आ रहा है जो काम करने चले थे वो भी नहीं किया क्या स्टोर राउटर के अंदर अब एक बुकिंग के लिए भी आप ऐड कर दीजिए तो मैं क्या करता हूं इसको कॉपी कर लेते हैं यहां स्लैश अब हम बोलेंगे भाई बुकिंग्स के लिए भी आपको हैंडल करना है होम कंट्रोलर के अंदर मान लीजिए मैं बना देता हूं गेट बुकिंग्स है ना गेट बुकिंग्स अब जाकर बनाना पड़ेगा क गेट बुकिंग्स कुछ नहीं है तो होम्स कंट्रोलर के अंदर जाते हैं है ना अब देखिए फिर से अब क्या होगा अगर मैं कंट्रोलर की फिर से बात करूं इतने सारे जो हैंडलिंग है वो सारी की सारी यहां पर आ जाएगी तो अब ऐसा लग रहा है कि यार जो पहले कॉल हमने ली थी वो सही नहीं थी जो कंट्रोलर है ना इसको भी उसी हिसाब से ब्रेक कर देते हैं यानी कंट्रोलर को भी दो कंट्रोलर बना देते हैं यह जो होम्स कंट्रोलर है इसको मैं रिनेम करके कर देता हूं स्टोर कंट्रोलर और एक यहां पर कंट्रोलर और ऐड कर देते हैं फिलहाल मैं इसकी कॉपी बना लेता हूं जिसका नाम मैं रिनेम करके कर देता हूं क्या होस्ट है ना तो एक हो गया मेरा होस्ट कंट्रोलर एक हो जाएगा मेरा स्टोर कंट्रोलर वैसे हम चाहे तो इनका नाम भी नाम में भी कंट्रोलर ऐड कर सकते हैं है ना ताकि और क्लेरिटी रहे होस्ट कंट्रोलर एंड स्टोर कंट्रोलर है ना अब देखिए होस्ट के अंदर क्या-क्या होना चाहिए होस्ट के अंदर होम तो हमने ऐड किया ही हुआ है होस्ट के अंदर ऐड होम है पोस्ट होम हैय दोनों होना चाहिए ये गेट होम्स होस्ट के अंदर नहीं चाहिए गेट होम्स को होस्ट के अंदर से हटा देते हैं स्टोर के अंदर अगर आएंगे तो ऐड होम और पोस्ट होम यहां पर नहीं चाहिए है ना इसके अंदर क्या होना चाहिए सिर्फ गेट होम्स होना चाहिए और एक अभी हम जो नया ऐड कर रहे हैं क्या एक्सपोर्ट्स डॉट बुकिंग्स है ना या इसका नाम हम कर लेते हैं गेट बुकिंग्स यह क्या हैंडल कर रहा है गेट हैंडल कर रहा है गेट बुकिंग्स और फिलहाल मैं यहां क्या कर लेता हूं जो होम में हम कर रहे थे होम्स निकालने के लिए वही मैं यहां पर बुकिंग्स में भी ऐड कर देते हैं बस यहां व्यू जो है वह हम यहां पर कौन सा यूज़ कर लेंगे स्टोर की जगह हम यूज कर लेंगे बुकिंग्स स्टोर के अंदर क्या नाम है हमारा बुंग . नाम है तो इसको बुकिंग्स ही कर लेते हैं है ना इसके अंदर अभी हमने कुछ यूज तो किया नहीं है रजिस्टर्ड होम्स वगैरह पढ़ा नहीं हुआ एक बार बुकिंग्स को चेक कर लेते हैं बुकिंग्स तो अभी खाली पड़ा हुआ है है ना तो देखिए थोड़ा मुझे पता है थोड़ी चीजें स्पीड से चल रही है है ना बट आपको थोड़ा सा आप अगर समझने की कोशिश करेंगे देखेंगे तो ये आपको चीजें समझ आ रही होंगी कोड जब हम अ बड़े प्रोजेक्ट्स बनाएंगे तो थोड़ा इसी टाइप से यहां पर हो रहा होगा फिलहाल ये रजिस्टर्ड होम्स हमने यहां पर पास किया हुआ है टाइटल हमने पास किया हुआ है करंट पेज पास किया हुआ है करंट पेज को भी हम कर देते हैं बुकिंग्स बुकिंग शायद हमने स्मॉल में लिखा हो बुकिंग्स एंड पेज टाइटल हम कर देते हैं माय बुकिंग्स है ना बस इतना कर देते हैं अभी और क्या-क्या गड़बड़ हो गई है हमने नाम चेंज कर दिए थे बहुत सारे चेंज हम एक साथ कर रहे हैं ये हम कोशिश करेंगे आगे अवॉइड करने की हमने नाम चेंज कर दिए थे कंट्रोलर्स के कंट्रोलर्स के नाम कहां पर होने चाहिए राउटर्स के अंदर यहां पर आकर एक बार चेक कर लेते हैं स्टोर कंट्रोलर अच्छा ये तो उसने नाम रिनेम कर दिया है है ना होम कंट्रोलर आ गया है इसका नाम भी हम कर देते हैं स्टोर कंट्रोलर स्टोर कंट्रोलर हमको करना पड़ेगा स्टोर कंट्रोलर ड गेट होम नहीं अच्छा इसका नाम है होस्ट कंट्रोलर है ना अभी हम है होस्ट के अंदर तो यहां हमको चाहिए एक्चुअली होस्ट कंट्रोलर होस्ट कंट्रोलर ले लिया होस्ट कंट्रोलर के साथ हमको चाहिए गेट एड होम पोस्ट एड होम आई थिंक यह ठीक चल गया है अगला हमको क्या करना है स्टोर के अंदर जाकर करना है स्टोर राउटर के अंदर स्टोर कंट्रोलर ले लिया गेट ये मिल गया गेट बुकिंग्स मिल गया है ना देखिए सर्वर हमारा फिर से ठीक से स्टार्ट हो गया है होम पर आए तो होम दिख रहा है बुकिंग्स पर आए अभी तो हमने यूआई कुछ ऐड नहीं किया है अभी यूआई जाकर ऐड कर लेते हैं वापस में आ जाता हूं ड होम पर आए तो ड होम दिख रहा है है ना बुकिंग्स के अंदर एक काम हम और कर लेते हैं गेट बुकिंग्स के अंदर फैच ल वगैरह कुछ करने की जरूरत नहीं है फिलहाल उस पेज को हम एमटी दिखा देंगे रजिस्टर्ड होम्स हटा देते हैं सिर्फ दे देते हैं इसको पेज टाइटल एंड करंट पेज है ना और वापस मैं आ जाता हूं बुकिंग्स के अंदर और यहां एक डमी यूआई हम ऐड कर देते हैं बुकिंग के अंदर आएंगे तो यहां मैं क्या कर लेता हूं मान लीजिए 404 वाला यूआई उठा लेता हूं ताकि नेविगेशन और हेड वगैरह सब चीजें दिख पाए और उसके अलावा हम यहां पर क्या शो कर देंगे यह जो गो बैक होम हमने शो किया था उप शो किया था यहां बोल देंगे माय बुकिंग्स है ना अच्छा सॉरी माय बुकिंग्स में भी हेडिंग को डालते हैं और यहां लिख देते हैं बुकिंग्स विल अपीयर हियर है ना और यह जो होम का लिंक है इसकी जरूरत नहीं है होम के लिंक को हटा देते हैं अब देखिए क्या होगा अब जब मैं होम से बुकिंग्स पर दबा रहा हूं तो क्या लिखा आएगा अच्छा अब क्या गड़बड़ है अच्छा हमने ये जो पार्सल्स का लिंक कॉपी कर दिया है ये बुकिंग्स के अंदर नहीं चलेगा क्योंकि यहां हमको लगाना पड़ेगा डॉट डॉट स्लैश तो यहां भी लगाना पड़ेगा डॉट डॉट फिर से दबा देते हैं बुकिंग्स देखिए अब जब हम बुकिंग्स पर आ रहे हैं तो दिख रहा है माय बुकिंग्स बुकिंग्स विल अपीयर हियर ऐड होम पर जा रहे हैं ऐड होम आ रहा है होम पर जा रहे हैं होम आ रहा है तो बुकिंग पेज जो है वो हम यहां पर दिखा पाए हैं अभी ओबवियसली इसके अंदर कोई कंटेंट नहीं है हमने एकदम एमटी ये रखा हुआ है पर बुकिंग स्पेस दिखाना किस तरह से हमने देख लिया बाकी साथ-साथ काफी सारी रीफैक्स की की है है ना तो यहां हम देख ले हम क्या-क्या कर रहे थे और भी पूरा अभी तो एक नेविगेशन की आइटम हमने ऐड की है अभी हमको और भी आइटम्स ऐड करनी है तो बाकी सारी आइटम्स भी ऐड कर लेते हैं बाकी सारी आइटम्स में क्या-क्या होगा बुकिंग्स को भी मैं फिलहाल बंद कर देता हूं है ना वापस आ जाते हैं देखिए फेवरेट लिस्ट हमको दिखाना है है ना फेवरेट लिस्ट दिखाना है ये सब चीजें हमको कहां दिखानी है होस्ट कंट्रोलर में बंद कर देता हूं नेविगेशन में बंद कर देता हूं स्टोर राउटर हमको चाहिए स्टोर कंट्रोलर हमको चाहिए होस्ट राउटर भी हम बंद कर सकते हैं प जस बंद कर सकते हैं है ना अब देखि हमको क्या करना है जैसे मैंने गेट बुकिंग किया ऐसे हमको क्या करना है गेट फेवरेट लिस्ट ना यहां हमको ऐड करना पड़ेगा गेट फेवरेट लिस्ट है ना यहां पर पेज टाइटल क्या होगा मान लीजिए इसको बोलते थे माय फेवरेट्स एंड इसका नाम भी हम बोल देते हैं है ना तो यह हमने कर दिया यह हो गया गेट फेवरेट लिस्ट के लिए और भी देख लेते हैं होम डिटेल अभी हमको ऐड नहीं करना है होम लिस्ट हम ऑलरेडी टाइप काइंड ऑफ यहां पर कर चुके हैं बट हमको फिर इंडेक्स और करना पड़ेगा तो जो गेट होम्स है इसकी एक कॉपी बनाकर एक इंडेक्स भी कर लेते हैं गेट इंडेक्स इतने सारे पेजेस देखिए रियल एप्लीकेशन में आपको बनाने पड़ते हैं रजिस्टर्ड होम मिलेगा स्टोर के अंदर उसके बाद आपको यूज करना है इंडेक्स पेज टाइटल को हम बोल देंगे एर बी एनबी होम की जगह एयरबीएनबी होम बोल सकते हैं करंट पेज को हम इंडेक्स बोल सकते हैं है ना पर यह जो होम्स है यहां पर पेज टाइटल एयरबीएनबी होम की जगह हम बोलेंगे होम्स लिस्ट है ना और करंट पेज हो गया हमारा होम तो इतनी चीजें हमने यहां पर ऐड कर लिए फेवरेट लिस्ट हमने ऐड कर लिए और भी कुछ बचा है क्या स्टोर के अंदर इंडेक्स हमने ऐड कर लिया रिजर्व पेज भी जब हम क्लिक करेंगे तब आएगा नेविगेशन में नहीं आना चाहिए अब यह दो पेजेस हमको नेविगेशन में ऐड करने हैं इंडेक्स पेज हमको ऐड करना है और फेवरेट लिस्ट हमको ऐड करना है उसके लिए पहले जाना पड़ेगा राउटर में इनके लिए राउटिंग भी ऐड कर देते हैं है ना तो यह जो बुकिंग्स मैंने किया है इसकी मैं दो कॉपी कर लेता हूं एक हमको करना है इंडेक्स और एक हमको करना है अ ये देखिए पाथ आप चूज कर रहे हैं है ना जैसे हमने बुकिंग्स चूज किया यह हम पाथ यू चूज कर रहे हैं कि भाई एपीआई जो है वो सिर्फ इस पाथ पर आनी चाहिए तो देखिए रिस्पांसिबिलिटी क्लियर है स्टोर उसकी हैंडलिंग कर रहा है कंट्रोलर जो है वो उसकी हैंडलिंग कर रहा है कि भाई किस तरह से रिक्वेस्ट को हैंडल करना है और यह जो हमारा राउटर है यह बता रहा है कि भाई कहां पर आप उसको बेसिकली एंटरटेन करेंगे है ना और गेट बुकिंग्स की जगह यहां पर क्या कर लेंगे गेट इंडेक्स और फेवरेट में हम कर लेंगे गेट फेवरेट है ना गेट फेवरेट लिस्ट तो ये काम हमने कर लिए दोनों अगला काम हमको क्या करना है एक बार इनका यूआई में जाके चेक कर लेता हूं वैसे इंडेक्स और फेवरेट्स में आई थिंक दोनों में हमने यूआई ऐड कर लिया था फेवरेट लिस्ट के अंदर भी हमने यूआई ऐड किया हुआ है और इंडेक्स के अंदर भी हमने सेम यूआई ऐड किया हुआ है यानी सेम आपको होम्स के लिस्ट दिखने वाली है तो इसमें हमको यूआई ऐड नहीं करना है अगला काम हमको क्या करना है अगला काम हमको करना है नेविगेशन में इसको ऐड करने का तो नेविगेशन में आ जाते हैं अभी अगर मैं नेविगेशन में नहीं भी ऐड करता हूं देखिए इतना चल जाना चाहिए स्लैश बुकिंग्स की जगह मैंने क्योंकि हैंडलिंग डाल दी है मैं अगर स्लश फेवरेट्स कर रहा हूं है ना तो भी एक्चुअली माय बुकिंग दिख रहा है एक बार फेवरेट्स में हम चेक कर लेते हैं गड़बड़ कुछ तो की है हमने इसका मतलब फेवरेट्स में हमने किया है फेवरेट लिस्ट गेट फेवरेट लिस्ट में जाकर करेंगे तो यहां देखिए यूआई तो हमने इंडेक्स वाला ऐड किया था बट यहां किया नहीं हमने तो य यूआई भी हम पूरा यह वाला यूज कर लेते हैं कि भाई पहले होम्स को करो उसके बाद फेवरेट्स का लिस्ट दिखा दो स्टोर इंडेक्स की जगह आपको करना है स्टोर अच्छा य देखिए यूआई भी हमने छोड़ दिया कॉपी पेस्ट के बहुत सारी दिक्कत है हमको देना है ए ए प ओ यू आर आई टी ई फेवरेट लिस्ट है ना रजिस्टर्ड होम्स आपको चाहिए पेज टाइटल और करंट पेज आपको फेवरेट्स वाले चाहिए इस र को बंद कर देते हैं फिर से चेक करते हैं फेवरेट्स पर क्या दिख रहा है देखिए बोल रहा है हियर आर अवर रजिस्टर्ड होम्स है ना इसको भी हम चेंज कर जाकर फेवरेट लिस्ट में ये रहा हमारा यहां बुलाया हमने यर आर रजिस्टर्ड होम्स हेयर आर योर फेट है ना ये हमने इसको कर दिया फिर से रिफ्रेश करते हैं देखिए आ गया हेयर आर योर फेवरेट्स अभी हम बाकी सबको ही फेवरेट ट्रीट कर रहे हैं तो फेवरेट मेरा आ गया अगला क्या था एक हमने फेवरेट ऐड किया है और हमने ऐड किया इंडेक्स एक इंडेक्स को भी जाकर देख लेते हैं इंडेक्स तो देखिए इंडेक्स पर भी सेम चीज आ रही है आईडियली वैसे क्या होना चाहिए देखिए गड़बड़ जो हो रही है वो क्या क्या है अगर मैं राउटर में आऊ जो होम्स कंट्रोलर है है ना जो गेट होम्स है वो होम्स पर आना चाहिए इंडेक्स तो स्लैश पर आना चाहिए है ना तो मैं बोलता हूं देखिए अ यहां कितना आसान हैय चेंज करना और कहीं पर चेंज नहीं करना है मैं बोलूंगा स्लैश इंडेक्स जो है ना यह आप अब ट्रीट करो स्लैश पर और यहां इंडेक्स की जगह मैं कर देता हूं होम्स और यहां होम्स कंट्रोलर में दे देते हैं गेट जब जो स्लैश आए उस पर इंडेक्स आना चाहिए है ना और जब स्लैश होम्स हो तो उस पर गेट होम्स आना चाहिए एक बार इसको चेक कर लेते हैं अगर मैं कंट्रोलर में भी आकर देखूंगा तो देखिए इंडेक्स पर मैंने बोल दिया करंट पेज इंडेक्स होना चाहिए होम्स बोल दिया करंट पेज होम होना चाहिए अब जब मैं होम दबांग तो फिलहाल होम पर क्या आ रहा है फिलहाल होम पर स्लैश आ रहा है हमको कैसे पता चलेगा इंडेक्स में आ जाते हैं इक्सड जए रजिस्टर्ड होम्स की जगह कर देते हैं वेलकम टू एयर बीएनबी होम पेज है ना या इंडेक्स पेज ही बोल देता हूं क्लेरिटी के लिए इंडेक्स पेज और जो होम है मेरा होम लिस्ट वहां हम यही बोल सकते हैं यर आर अवर रजिस्टर्ड होम्स अब देखिए अब जब मैं होम दबा रहा हूं हम क्या बोल रहे हैं वेलकम टू एयर बीएनबी इंडेक्स पेज क्योंकि होम पर हमने क्या दबाया हुआ है कि भाई जब भी कोई होम दबाए तो क्या स्लैश पेज पर जाना चाहिए और स्लैश पेज की हमने हैंडलिंग चेंज करके कर दी है इंडेक्स पेज पर जाना है और स्लैश अब अगर मैं कर रहा हूंगा होम नहीं हमने पाथ क्या दिया है होम लिस्ट दिया है शायद एक बार चेक कर लेता हूं मैं राउट है मेरा स्लश होम्स दिया है स्लश होम्स किया तो देखि यर आवर रजिस्टर्ड होम्स इन दोनों को हमको कहां ऐड करना है नेविगेशन में ऐड करना है नेविगेशन में देखि स्लश हमारा ऑलरेडी डेड है अगला हमको क्या ऐड करना है मैं मान लीजिए बोल देता हूं स्लश होम्स करंट पेज शायद होम ही रहने वाला है ब व भी चेक कर लेते हैं हमने क्या पास किया है होम्स में होम में होम पास किया है इंडेक्स में हमने करंट पेज इंडेक्स पास किया है है ना तो यहां ऊपर वाले में चेंज कर देंगे जो ऊपर वाला है मेरा उसमें हम बोलेंगे करंट पेज इंडेक्स होना चाहिए यहां पर पेज होम होना चाहिए स्लश होम्स और यहां इसका नाम आप दे दीजिए [संगीत] होम्स लिस्ट और ऊपर वाले को बोल देता हूं मान लीजिए इसका नाम हम एयर बीएन भी रख देते हैं ताकि यहां पर एयर बन भी दिखे तो इसका मतलब आप होम पर जा रहे हैं बहुत जगह जैसे आइकन दिखाते हैं यहां मैं एयर बन भी दिखा देता हूं एंटर करर देखते हैं तो देखिए एक एयर बीएन बी आ रहा है मैं एयर बीएनबी दबा ंगा तो मैं स्लैश पर चला गया यानी इंडेक्स पेज पर होम्स लिस दबाया तो होम्स पर आ गया बुकिंग्स दबाया बुकिंग्स पर आ गया ड होम दबाया ड होम पर आ गया एक लिस्ट हमको अभी और ऐड करनी है फेवरेट वाली है ना तो बुकिंग से पहले हम मान लीजिए एक फेवरेट वाला भी ऐड कर देते हैं यहां ये हमने ऐड कर लिया इसका हम नाम बोल देते हैं फेवरेट्स यह फेवरेट्स जो सेम है यह आ जाएगा करंट पेज और यह आ जाएगा यहां प है ना फेवरेट्स ये पूरा का पूरा ये भी ऐड हो गया देखिए एक लाइन से ये कर लिया आप देखिए ये भी आ गया है अ बार मैं एयर बीएनबी पर जा रहा हूं तो नॉर्मल दबा रहा हूं तो होम पेज पर आया होम्स लिस्ट में होम लिस्ट आया फेवरेट्स में बोल रहा है हेयर आर योर फेवरेट्स अंदर का कंटेंट अभी हमने सेम रखा है सब वो भी चेंज कर रहे होंगे बुकिंग्स दबाया तो बुकिंग्स पर आ गए ड होम दबाया तो ड होम पर आ गए तो पूरा का पूरा जो मेरा नेविगेशन है जो मेरा होम बार है वो भी मेरा ठीक से चलने लग गया है जो यहां का सबसे बड़ा काम था ये सबसे छोटा जो पॉइंट लग रहा है ना देखने में ये सबसे बड़ा काम था क्यों क्योंकि ये करने में नेविगेशन करने में हमने अगला काम भी कर लिया है क्या रजिस्टर ऑल द न्यू राउट्स एंड ऐड डमी व्यूज देयर है ना डमी व्यूज हमने ऐड कर दिए हैं ये बोल रहा है कंट्रोलर को भी स्टोर और होस्ट में चेंज कर दीजिए ये भी हमने कर दिया है अगला काम ये क्या बोल रहा है ऐड एडिट एंड डिलीट बटन टू द होस्ट होम व्यू अच्छा एक काम अभी हमने छोड़ दिया नेविगेशन में अभी हमने सिर्फ किस-किसको कवर किया है सिर्फ होस्ट जो स्टोर वाले थे इनको कवर किया है अभी हमने होस्ट वालों को कवर नहीं किया है होस्ट वालों में सिर्फ अभी ऐड होम आ रहा है है ना एडिट होम देखिए कैसे होगा आप किसी होम पर क्लिक क्लिक करेंगे वहीं से एडिट होम होगा होम एडिड ऑलरेडी एडेड है उसको नेविगेशन में ऐड करने की जरूरत नहीं है बट होस्ट होम लिस्ट को हमको ऐड कर लेना चाहिए है ना तो अब मैं क्या करता हूं ये नेविगेशन को हम खुला रहने देते हैं अब स्टोर राउटर नहीं चाहिए स्टोर कंट्रोलर नहीं चाहिए इंडेक्स एजेएस नहीं चाहिए अब हमको चाहिए होस्ट का राउटर है ना क्योंकि यहां सिर्फ ड होम अभी हैंडल्ड है यहां हमको अगला हैंडल करना है और होस्ट का कंट्रोलर तो होस्ट का कंट्रोलर कहां है ये रहा हमारा होस्ट कंट्रोलर तो सबसे पहले क्या करेंगे यहां देखिए सिर्फ गेट ऐड होम है पोस्ट ड होम है यहां मैं क्या करता हूं स्टोर कंट्रोलर से यह जो गेट इंडेक्स या गेट होम्स हमने बनाया हुआ था इसको मैं कॉपी करके एक बार ले आता हूं होस्ट के अंदर भी क्योंकि सिमिलरली होम का लिस्ट हमको यहां पर भी दिखाना है है ना यह मैंने कर दिया और यहां गेट होम्स की जगह हम क्या कर देंगे गेट होस्ट होम्स कर देते हैं मान लीजिए इसको गेट होस्ट होम्स ये भी वही सेम चीज फेच करेगा इस बार यहां ये यूआई कौन सा यूज़ करेगा स्टोर वाला नहीं होस्ट वाला यूज करेगा और यहां यूज करेगा होस्ट होम लिस्ट रजिस्टर्ड होम्स यूज करेगा पेज टाइटल क्या देगा होस्ट होम लिस्ट देगा करंट पेज क्या देगा होस्ट हो है ना होस्ट होम्स हमने दे दिया तो ये क्या बन गया कंट्रोलर तो मेरा बन गया है अब इस कंट्रोलर को हमको देना है राउट है ना तो गेट होस्ट होम्स है यहां पर आ जाते हैं हम हमारे राउटर के अंदर होस्ट राउटर के अंदर य दो हमने ऐड होम दिए हुए हैं एक और मैं दे देता हूं होस्ट राउटर डॉट गेट टाइप की कॉल होने वाली है है ना और पाथ हमको इसका क्या देना है अब देखिए जो होस्ट वाले है ऑलरेडी स्लश होस्ट के अंदर है है ना तो अभी हमें क्या दे देता हूं स्लश होस्ट होम होस्ट होम लिस्ट है ना और क्या देना है होस्ट कंट्रोलर डॉट गेट होस्ट होम्स है ना तो हमने इसकी राउटिंग भी दे दी कि भाई इस पाथ पर आपको यह हमेशा मिलने वाला है एक बार चेक कर लेते हैं अब अगर मैं यहां आकर लिखूं स्लश होस्ट स्लश होस्ट होम लिस्ट है ना होस्ट होम लिस्ट पर कम से कम हमको ये लिस्ट मिल जाना चाहिए देखिए तो बोल रहा है हियर आर रजिस्टर्ड होम्स हमको कैसे पता चलेगा तो होस्ट होम लिस्ट को भी जाकर चेंज कर लेते हैं है ना इसको बोल देते हैं हे होस्ट र आर योर है ना तो हमने होस्ट होम लिस्ट डिफाइन कर लिया इसको एंटर दबाया तो देखिए ये हमारा यही वाला व्यू आ रहा है तो ये बात भी तय हो गई अभी इसको भी हमको ऐड करना चाहिए कहां पर नेविगेशन में जैसे ऐड होम है तो वहां पर ये वाला भी दिखना चाहिए तो फिर से आ जाते हैं नेविगेशन के अंदर लास्ट में ज हमने ड ड होम किया हुआ है यहां पर इससे पहले मैं एक और आइटम ऐड कर देता हूं होस्ट के साथ इस बार क्या है होस्ट होम लिस्ट है ना इस पाथ पर जाना है नाम क्या होना चाहिए नाम भी यही होना चाहिए होस्ट होम्स मान लीजिए इसका हम नाम बोल देते हैं और यहां करंट पेज क्या होना चाहिए करंट पेज का हमने वहां क्या दिया है होस्ट कंट्रोलर के अंदर होस्ट होम्स दिया है तो होस्ट होम्स ही दे देते हैं यहां पर भी ताकि वो बेसिकली जो सिलेक्शन है वो भी हमारा ठीक से चलने लगे देखिए फिर से इसको बड़ा कर लिया फिर से एंटर दबाते हैं तो देखिए होस्ट होम्स पर हम आ गए एयर बीएनबी होम लिस्ट फेवरेट्स बुकिंग्स और ये दो चीजें किसके लिए होस्ट के लिए इवेंचर क्या कर रहे होंगे किस तरह के यूजर ने लॉग इन किया है अगर कोई होस्ट लॉग इन कर रहा है तो उसको ये दो ऑप्शन दिखने चाहिए कोई नॉर्मल यूजर लॉगइन कर रहा है तो उसको ये वाले ऑप्श दिखने चाहिए है ना तो बाद में जाकर कर रहे होंगे बट फिलहाल होस्ट होम्स भी आ गया हे होस्ट एंड ड होम भी आ गया ड होम एक काम दूसरा हमको अगला टास्क जो इसने दिया है वो क्या दिया है इसने बोला है जब अगर होस्ट वाला आप होम देख रहे हो तो वहां आप बुक बटन मत दीजिए वहां आप कौन सा बटन दीजिए एडिट और डिलीट बटन दीजिए यह काम हम कर लेते हैं होस्ट फम लिस्ट ईजेएस तो हमारा खुला ही हुआ है नीचे जहां हमने अभी बुक बटन दिया था पहली बात तो य एक के बजाय दो बटन कर लेते हैं एक बटन का नाम हम कर देते हैं एडिट और एक बटन का नाम हम कर देते हैं डिलीट कलर भी इनके थोड़े से चेंज कर देते हैं मान लीजिए एडिट का कलर मैं कर देता हूं ब्लू 500 और डिलीट का कलर हम कर देते हैं रेड ना एक बार ये चेक करले हैं देखिए अब क्या हो गया थोड़ा सा सेपरेशन हो गया जब मैं होस्ट वाले पर आ रहा हूं तो हर होम के नीचे मुझे बुक का बटन नहीं दिख रहा है मुझे एडिट और डिलीट दिखता है बट अगर मैं नॉर्मल होम लिस्ट पर आ रहा हूं यानी नॉर्मल यूजर के लिए आ रहा हूं तो मुझे यहां पर क्या दिखता है बुक वाला बटन दिखता है तो यहां से आप होम्स को बुक कर सकते हैं जब होस्ट आकर देखेगा तो या तो होम की लिस्टिंग को एडिट कर पाएगा या डिलीट कर पाएगा और देखिए सारा काम हम क्यों कर पा रहे हैं क्योंकि बार-बार फाइल से हम डाटा लोड कर रहे हैं और यहां हो रहा है वरना हर बार मैं ऐड होम कर रहा होता फिर आपको दिखा रहा होता है ना तो हर चीज जो हम कर रहे हैं उसका सेंचुअरी हमको आगे चलके बहुत ज्यादा फायदा हो रहा है तो यह काम भी हो गया उसके अलावा अभी क्या हम बोल रहे हैं एडिट का डिलीट का और फेवरेट का कोई लॉजिक अभी हम नहीं बना सकते हम लॉजिक क्यों नहीं बना सकते क्योंकि देखिए होता क्या है जब हम इसका लॉजिक अभी बनाने की कोशिश करेंगे तो आइडियल क्या होना चाहिए जब हम एडिट दबा रहे हैं मान लीजिए मैं होस्ट होम पर आता हूं एडिट दबाता हूं तो मुझे पर्टिकुलर इस होम को एडिट करना है तो उसके लिए क्या होता है पाथ में मुझे ये जो उत्सव वाला होम है एक मान लीजिए उत्सव है एक सेकंड हाउस है मुझे उत्सव को एडिट करने के लिए कोई पाथ बना रहा है तो वो डायनेमिक पाथ हम कैसे बनाते हैं वो वो हम देख रहे होंगे नेक्स्ट चैप्टर में तो इसके बाद उसकी जरूरत हमको महसूस होगी बट यहां तक मैं उम्मीद कर रहा हूं थोड़ा सा बड़ा हो गया है चैप्टर है ना काफी देर से आप मेरे साथ पढ़ रहे हैं बट काफी सारा काम हमने यहां पर किया अगला पार्ट अब हमारा आ गया है अगली चीज हम क्या पढ़ने वाले हैं आज डायनेमिक पथ्स है ना डायनेमिक पाथ तो देखिए सबसे पहले समझेंगे कि डायनेमिक पाथ का क्या मतलब है किसकिस तरह से अब हम लास्ट चैप्टर में हम देख कर आए थे क्या प्रॉब्लम है कि बेसिकली होम जो हम एयरबीएनबी का प्रोजेक्ट बना रहे हैं उसके डिटेल पेजेस वगैरह पर हम नहीं जा पा रहे हैं बट एनीवे अभी हम पहले समझेंगे कि डायनामिक पा क्या होता है उसके बाद बहुत सारे फीचर्स हमारा जो प्रोजेक्ट है उसमें आज हम ऐड कर रहे होंगे है ना ताकि एक फुल फ्लेज प्रोजेक्ट टाइप का हमारा दिखने लगे बैक एंड प्रोजेक्ट दिखने लगे और साथ-साथ बहुत सारे कांसेप्ट भी हम लर्न करेंगे ठीक है तो सबसे पहले हम क्या देखेंगे सबसे पहले देखेंगे कि भाई डायनेमिक पाथ होते क्या हैं जो मैंने अभी बात की तो देखिए दो तरह की चीजें आप बोल सकते हैं जो डायनेमिक पाथ के अंदर आती है यानी आप पाथ के अंदर कुछ डायनेमिक कंटेंट पास कर पाए अगर आप कुछ डायनेमिक मतलब कुछ चेंजिंग कंटेंट अभी तक हमने जो यूआरएल बनाए हैं वो है स्लैश होम लिस्ट स्लैश व्हाट एवर टेस्ट स्लैश कांटेक्टर स्ल एड होम यानी वो जो पाथ है वो हमेशा कांस्टेंट है फिक्स्ड है आप जब भी जाएंगे उसी पाथ पर जा सकते हैं बट हम पाथ इस तरह का भी बना सकते हैं जिसके अंदर बार-बार चीजें चेंज हो रही हो यानी पहले से हमने डिक्लेयर किया ही ना हो कि पूरा पाथ क्या होने वाला है वहां पर रैंडम चीजें चेंज हो सकती है इसका मतलब क्या है तो देखिए पहली चीज होती है जिसको आप बोलते हैं क्वेरी पैरामीटर जो आपको यहां लेफ्ट में दिख रहा है ये क्या है ये है क्वेरी पैरामीटर तो ये क्वेरी पैरामीटर में क्या हो रहा है मान लीजिए हमारी वेबसाइट है और क्वेश्चन मार्क के बाद आप दे सकते हैं की वैल्यू पेयर्स की वैल्यू पेयर्स मतलब जैसे हम जेसन में देते हैं कहीं पर भी एक की यानी की हमेशा सेम रहेगी नाम उसका हमेशा सेम रहेगा उसकी क्या वैल्यू है तो मान लीजिए मैं यहां दे देता हूं नेम क्या होने वाला है मेरा होम आईडी क्या होने वाला है कुछ भी आप यहां पर दे सकते हैं तो यह कैसे होता है आप की देते हैं इक्वल टू लगाते हैं वैल्यू देते हैं फिर अगर मल्टीपल की वैल्यूज आपको कंबाइन करने हैं तो एक एंड वाला जो सिंबल है सिंगल एंड सिंबल आप लगाते हैं फिर अगला की वैल्यू देते हैं तो इस तरह से आप मल्टीपल की वैल्यूज दे सकते हैं और उसके बाद जब यह फाइनली हमारे कंट्रोलर के पास जाएगा जो यह जब ये रिक्वेस्ट हमारे कंट्रोलर के पास जाएगी तो एक स्पेसिफिक तरीका है इन की वैल्यूज को निकाल लेने का है ना प्रैक्टिकली सब कुछ करके देखेंगे और अब आप धीरे-धीरे जब नॉर्मली आप वेब सर्फिंग करते हैं वेबसाइट्स पर जाते हैं देखना शुरू करेंगे पाथ ऊपर मेरे ब्राउजर में क्या आ रहा है तो आपको लगेगा हां यार ये तो बहुत ज्यादा इस्तेमाल जो है वो किया जाता है दूसरा क्या है दूसरा है पाथ पैरामीटर जो थोड़ा सा ज्यादा इंपॉर्टेंट है ज्यादा क्लेरिटी देता है हम थोड़ा ज्यादा समय पाथ पैरामीटर पे लगा रहे होंगे क्वेरी पैरामीटर किसी भी पाथ में देना थोड़ा सा सिंपल होता है इसका इंप्लीमेंटेशन भी सिंपल होता है बाद में हम आराम से इसको देख सकते हैं अभी पाथ पैरामीटर पर ज्यादा ध्यान देंगे पाथ पैरामीटर का क्या मतलब है मान लीजिए हमारा जो यूआरएल है वो क्या है example.com स्टूडेंट्स अब यहां स्लैश लगाकर आप बीच में बोल सकते हैं कि यार स्लैश स्टूडेंट्स तक तो पाथ मेरा कांस्टेंट रहेगा बट उसके बाद यहां पर एक जो वैल्यू आने वाली है एक डायनेमिक वैल्यू होने वाली है आप स्टूडेंट का नाम यहां पर दे रहे हैं हम अपने केस में देखेंगे हमको कैसे इस्तेमाल करना है या जैसे हमने यहां क्या दिया है मान लीजिए स्लैश यूजर्स उसके बाद आप यूजर आईडी करके लिख सकते हैं ये जो कोलन करके मैंने लिखा है ये जनरली क्या होता है यह तरीका होता है यह बताने का कि ये यूजर्स भी तो लिखा है क्या पता है यूजर्स में कोई वैल्यू आ आने वाला हो नहीं पर अगर आपने कहीं कोई नाम कोलन लगाकर लिखा है तो पढ़ने वाले को या इवन कंप्यूटर को भी ये बात समझ आ जाती है कि यूजर आईडी पाथ का पार्ट नहीं है ये यूजर आईडी यहां पर एक वेरिएबल को मान लीजिए रिप्रेजेंट कर रहा है एक वैल्यू को रिप्रेजेंट कर रहा है जो वैल्यू बार-बार यहां पर चेंज होने वाली है है ना तो यहां पर जो मेरा फाइनल यूआरएल बनेगा वो किस तरह का बनेगा बीच में आप यहां पर कोई भी वैल्यू दे सकते हैं उसके बाद फिर आपका नॉर्मल पाथ हो सकता है इसको आप क्या बोलते हैं इसको आप बोलते हैं पाथ पैरामीटर कि पाथ के बीच में आप कोई पैरामीटर पास कर रहे हैं और इसकी वैल्यू भी हम अंदर जाकर ले सकते हैं देख सकते हैं तो इन दोनों को हम देख रहे होंगे पहले अपना जो प्रोजेक्ट है उसमें एक यूज़ केस बनाना स्टार्ट करते हैं जो हमने बोला था क्या अगर होम डिटेल पेज ऐड करना है तो कैसे करेंगे तो इसको हम बनाना स्टार्ट करते हैं इसको यूज़ करना स्टार्ट करते हैं और साथ में देखेंगे इसकी वैल्यूज जो हैं वह हमको कैसे मिलने वाली है ठीक है तो देखिए अब हमने क्या स्टार्ट किया यहां पर थोड़ी सी जब कॉम्प्लिकेटेड चीज़ें होने वाली हैं अह हम इस प्रोजेक्ट को थोड़ा बड़ा करने वाले हैं तो आगे चलके अब हम क्या फॉलो करेंगे जब भी हम कोई टास्क करने वाले हैं पहले हमने यहां उसका एक मोटा-मोटा डिटेल लिखा हुआ है आप इसको एल्गोरिथम मान लीजिए आप इसको टास्क के डिटेल्स मान लीजिए जब भी भी हम आगे चलके कोई भी टास्क कर रहे होंगे हर पॉइंट में पहले हम इस तरह से यहां पर पॉइंट लिखकर आपको दिखाएंगे कि भाई अगर मान लीजिए हमारा ओवरऑल टास्क क्या ओवरऑल टास्क है मेरा कि होम का डिटेल पेज हमको ऐड करना है अभी होम का लिस्ट पेज तो हमारे पास है बट होम का डिटेल पेज हमारे पास नहीं यानी मैं इंडिविजुअल होम पर क्लिक करके उसकी डिटेल्स नहीं देख पा रहा हूं जो मैं नॉर्मली एयर बीएनबी में देख सकता हूं क्या बात कर रहा हूं मैं मान लीजिए यहां आपको दिखा देते हैं मान लीजिए मैं एयरबीएनबी खोल लेता हूं एर ब एब [संगीत] कॉ मैं थोड़ा सा बड़ा करके इसको आपको दिखा देता हूं तो देखिए ये तो जो होम का लिस्ट है ये तो हमको दिख ही रहा है जब भी आप इसके होम पेज पर आते हैं अलग-अलग अलग-अलग घर यहां पर आपको दिख रहे हैं जहां पर आप जा सकते हैं बट मान लीजिए ये घर मुझे अच्छा लग रहा है बीटल जूस हाउस है ना हंट द बीटल जूस हाउस मैं इस पर एक बार क्लिक कर देता हूं तो देखिए जैसे ही मैंने इस हाउस पर क्लिक किया अब एक नया पेज मेरे पास खुल गया है जहां सिर्फ इस घर की पूरी की पूरी डिटेल्स है तो इसको हम क्या बोल रहे हैं इसको हम बोल रहे हैं होम डिटेल पेज जरा अपने वाला जो हमारा था इसको भी हम स्टार्ट कर लेते हैं है ना सीडी हम थे चैप्टर 13 के अंदर काम करते इसकी कॉपी पहले ही बना लेते हैं अब हमको करना है चैप्टर 14 है ना एमवीसी तो हम कर चुके थे इसको मैं बंद कर देता हूं इसकी बना लेते हैं कॉपी और इसका नाम हम रख लेते हैं रिनेम डायनेमिक पाटस और यह कर लेंगे नंबर 14 ठीक है तो अभी तो जो पुराना स्टेट था वही है तो क्या करते हैं जरा चैप्टर नंबर 14 के अंदर आ जाते हैं चैप्टर 14 और यहां आकर कर लेते हैं एनपीएम स्टार्ट जरा देखें हमारा स अभी हमको क्या बना कर दे रहा है तो बोल रहा है लोकल होस्ट 3000 पर चले जाइए चलिए चलते हैं लोकल होस्ट कोलन 3000 पर तो देखिए ये हमारा खुला हुआ था है ना हमने जो हमारा इंडेक्स पेज है वो बना लिया था तो यहां पर अभी हमने एक बुक बटन बनाया हुआ है बट कोई ऐसा तरीका नहीं है कि मैं इस घर की डिटेल जाकर देख सकता हूं देख सकूं मैं चाहे यहां पर हूं होम लिस्ट पर हूं फेवरेट में हूं हमने कोड तो अंदर सेम ही लिखा हुआ है बट यहां मुझे दो घर तो दिख रहे हैं जो हमारे दो घर हैं बट इनकी मैं डिटेल चेक नहीं कर पा रहा हूं क्लिक करके इनके अंदर नहीं जा पा रहा हूं तो वो हम अब यहां पर ऐड करने की कोशिश करेंगे हमने देख लिया एयरबीएनबी में कैसे दिखता है हमको भी यहां पर क्लिक करके पूरा डिटेल पेज बनाने की यहां पर कोशिश करनी है तो देखिए अभी यहां पर एक मेन दिक्कत क्या है अभी जब भी मैं होम लिस्ट में आता हूं एयरबीएनबी में होम पेज पर आ रहा हूं होम लिस्ट पर आ रहा हूं यहां जो कंटेंट है वो हमेशा सेम ही रेंडर होता है बेस्ड ऑन कि मेरा यूआरएल क्या है अब यहां पर क्या होगा हमारे पास ये दो घर हैं एक घर का नाम है उत्सव एक घर का नाम है सेकंड हाउस अब मैं अगर उत्सव में क्लिक करके जाऊंगा तो जो अंदर कंटेंट आना है वो अलग टाइप आना चाहिए जब मैं सेकंड हाउस पर क्लिक करके जाऊंगा तो जो अंदर कंटेंट आना है वो अलग टाइप का आना चाहिए तो इससे प्रॉब्लम हमको क्या होगी इससे प्रॉब्लम ये होगी कि जब मैं इसके अंदर जो भी पाथ है उस पर जा रहा हूं तो मुझे पता होना चाहिए कि यूजर किस घर पे क्लिक करके अंदर आया है है ना तो उसके लिए हम क्या कर रहे होंगे ये जो यूआरएल है इसके अंदर हम लगा रहे होंगे एक होम का आईडी हर होम का मान लीजिए नाम मान लीजिए या कोई आईडी उसको प्रोवाइड कर देंगे और वो आईडी आपके पाथ में आ जाए और जब आप अंदर जाएं तो आप पाथ से देखें कि कौन से घर के लिए क्लिक किया गया है मैं कौनसे घर की डिटेल लाने के लिए मुझे यहां पर लाया गया है और फिर उसी घर की आप वहां पर डिटेल जो है वो दिखा रहे हो है ना अभी हम बातें कर रहे हैं थोड़ा सा जब और इसको प्रैक्टिकली करेंगे तो और बेटर आपको समझ आना शुरू होगा है ना तो यहां पर हमने टास्क की डिटेल्स क्या-क्या लिखे हुए हैं एक-एक स्टेप करके यहां से इंप्लीमेंट करना स्टार्ट करते हैं सबसे पहले हमने बोला है ऐड अ डिटेल्स बटन इन द होम लिस्ट टू गो टू लिंक पाथ हो स् होम आईडी तो आपको क्या करना है आपको एक बटन ऐड करना है डिटेल्स का कोई बटन ऐड करना है होम लिस्ट के अंदर जो हम हर एक घर रेंडर कर रहे हैं इसके अंदर आप बनाइए जिससे क्या हो रहा हो आप इसके अंदर जा सके हैं लिंक पाथ में हो स् होम आईडी के अंदर आप जा सके ये आपको पाथ लगाना है है ना तो सबसे पहले हम क्या करते हैं जो होम डिटेल पेज है हमारा ये खोल लेते हैं कहां मिलेगा अब हमने चीजें अरेंज कर ली है एमवीसी करके तो व्यूज के अंदर हमको मिलेगा व्यूज के अंदर जाते हैं ये मिलना चाहिए हमको स्टोर के अंदर है ना ये रहा हमारा होम लिस्ट ठीक है होम डिटेल पेज अभी हमने सिर्फ ब्लैंक रखा हुआ है ना हमने ब्लैंक पेजेस तो ऐड कर लिए थे बट अभी यहां पर किया कुछ नहीं था इन तक जाने का तरीका कुछ नहीं था तो हम आ जाते हैं होम लिस्ट के अंदर है ना इसको मैं एक नंबर छोटा कर लेता हूं ताकि थोड़ा सा हमको बेटर समझ आए अब नीचे आ जाते हैं और देखते हैं कहां हमने बनाया हुआ है ये देखिए बुक नाम का बटन बनाया हुआ है अभी हम बुक फंक्शनैलिटी तो वैसे भी नहीं दे रहे हैं है ना पर चलिए फिलहाल मैं क्या करता हूं बुक फंक्शनैलिटी रहने देता हूं इसके अंदर यहां पर एक दूसरा मैं जो लिंक है वो ऐड कर लेता हूं या बटन में ऐड कर लेता हूं जिसका नाम होना चाहिए डिटेल्स अब देखिए मैं चाह क्या रहा हूं जैसे ही जब कोई इस बटन पर क्लिक करे तो वो दूसरे लिंक पर चला जाए दूसरे पाथ पर चला जाए जहां स्लैश होम वाला पाथ हो तो यहां पर हमको क्या करना पड़ेगा मैं इसको एक एंकर टैग बना सकता हूं या लिंक बना सकता हूं तो मैं क्या कर लेता हूं इसको एक लिंक बना लेते हैं और लिंक देते हैं दे देते हैं क्या स्लैश होम्स लिस्ट स्लैश यहां पर हमको एक्चुअल आईडी देना पड़ेगा देखिए हम क्या बोल रहे हैं उसको स्लैश होम्स या जो होम लिस्ट है तो स्लैश होम लिस्ट या स्लैश आईडी आपको यहां पर देना पड़ेगा तो मैं यहां क्या कर लेता हूं स्लैश होम्स जो पाथ हमको दिया है स्लैश होम्स कर लेते हैं एंड स्लैश घर का आईडी अभी देखिए घर का ऑब्जेक्ट हमारे पास यहां किस नाम से आया है होम नाम से आया है अ इसके अंदर आईडी नाम की कोई चीज है नहीं बट मान लीजिए मैं आईडी लगा लेता हूं तो मैं बोलता हूं भ डायनेमिक मैं लिखना चाह रहा हूं आप जिस घर के लिए होंगे वो यहां से क्लिक होगा और यहां होम के अंदर एक आईडी मैं आपको देने वाला हूं वो आईडी आप यहां से क्लिक कर दें और इस जो लिंक है इसका नाम आप कर दें डिटेल्स है ना और यहां पर एक क्लास भी इसको दे देते हैं कि थोड़ा सा दिखने में भी ठीक लगे और क्लास में ग्रीन की जगह इसको दे देता हूं ब्लू है ना एक बार इसको दोबारा से रेंडर करके देखते हैं होम लिस्ट में तो देखिए क्या आया एक डिटेल्स टाइप का बटन मेरे पास आ गया है और जब मैं इसको क्लिक कर रहा हूं तो ये कहां जा रहा है अभी तो होम्स पर ही ये जा रहा है होम्स पर ही क्यों जा रहा है जो हमारा पाथ है वो होम्स ही है यह होम्स पर ही क्यों जा रहा है यह होम्स पर ही इसलिए जा रहा है क्योंकि अभी हमने आईडी प्रोवाइड ही नहीं किया है तो दूसरा काम आप क्या कर सकते हैं लिंक लगाने के बाद आपके पढ़ाई के फ्लो को ब्रेक करने के लिए माफी चाहता हूं बट एक बार क्विकली आपको दिखाना चाह रहा हूं जहां पर हम बहुत ज्यादा एफर्ट कर रहे हैं हमारा पोर्टल नॉलेज गट . a जहां पर आपको मिलेगी बेस्ट एजुकेशन कोर्सेस एआई ड्रिवन फॉर्म में इमीडिएट डाउट सॉल्विंग बहुत सारी चीजें यहां पर आपको मिलने वाली है इस पर बहुत ज्यादा मेहनत हम कर रहे हैं तो अगर आप लिंक चेक करेंगे नीचे नॉलेज गट . a तो ये पोर्टल आपको दिखाई देगा बहुत सारे नए-नए एफर्ट्स यहां पर करते रहते हैं जैसे अभी बच्चों के लिए एकदम फ्री हमने गेट रैंक प्रोडक्टर बनाया था जो कि यहां पर बहुत अच्छा 48000 से ज्यादा देखिए लाइव बच्चों ने हमको ये चेक किया है अगर आप यहां पर हमारे कोर्सेस भी देखेंगे तो जो हमारे मोस्ट पॉपुलर कोर्सेस हैं वो आपको दिखेंगे गेटनेट पीएसयू अगर आप एग्जाम्स निकालना चाहते हैं उनके लिए बहुत सारे कोर्सेस हैं प्लेसमेंट स्पेसिफिकली अगर आप सर्विस बेस कंपनीज का प्रिपरेशन कर रहे हैं फोसिस टीसीएस उसके लिए हमारे यश सर के बहुत सारे कोर्सेस हैं और अगर आप स्किल्स कोडिंग में देखेंगे तो यहां पर अगेन ये लिस्ट जो है वो ग्रोइंग है बहुत सारे कोर्सेस आपको यहां पर दिखेंगे बट जैसे हमारा मन स्टैक या डीएसए का एक पैकेज है या डीएसए या मनक नॉर्मली भी अगर आप यहां पर देखना चाह रहे हैं अगर मैं मन स्टैक में आऊं यानी जो हम अ बेसिकली नॉर्मली सीरीज में भी पढ़ रहे हैं आपने देखा होगा उसको और इन डेप्थ अगर आप देखना चाहते हैं 100 आवर्स से भी ज्यादा का रिकॉर्डिंग है ये अगेन लाइव कोर्स हमने पहले चलाया था उसकी भी रिकॉर्डिंग आप वन ईयर टू ईयर के लिए बहुत सारे अवेलेबल एड ऑनस हैं हमारे पास यहां पर जिसमें कि अगर आपको एक वन टू वन मेंटर चाहिए आपकी सारी प्रॉब्लम सॉल्व करने के लिए जॉब सपोर्ट यानी मोस्ट अप टू डेट जॉब्स आप यहां पर देखना चाहते हैं रिज्यूमे अगर आप चाहते हैं पर्सनली मैं आपका रेजू में रिव्यू कर रहा हूं मॉक इंटरव्यू अगर आप चाहते हैं बहुत ही देखिए इकोनॉमिकल प्राइस में आप वो ले सकते हैं अगेन रेजूम एंड मॉक इंटरव्यू आर अनलिमिटेड इंटरव्यू सिर्फ लाइक 90 पैसे पर डे में है ना जिस इंटरव्यूज को मैं नॉर्मली 10 15000 चार्ज कर रहा होता हूं वो सब आप यहां पर देख सकते हैं बहुत ही अच्छे कोर्सेस अगर आप इसको बेसिकली चेक करना चाहते हैं अपनी स्किल्स को अपग्रेड करना चाहते हैं अगेन एंड ये थोड़ा जो लिस्ट है आपको दिख रहा होगा बट एआई रिलेटेड और बहुत सारे कोर्सेस यहां पर ऐड होने वाले हैं तो वो भी आप यहां पर चेक कर सकते हैं बैक टू स्टडी