इस वीडियो में मैं आप लोगों को Express स्टार्टिंग से लेके एंड तक बताऊंगा परसनली मैंने Express की साहिता से बहुत सारे पैसे कमाए हैं मेरे बहुत सारे क्लाइंट्स से जिनको मैंने Express की वेबसाइट्स डिलिवर करी हैं आप लोगों को Express की साहिता से वेबस��इट एकदम कमपा complete तरीके से और एक बहुत ही professional way में बनानी आ जाएंगी हम लोग सबसे पहले express को install कर लेंगे और उसके बाद हम लोग express से related सारे important topics जैसे कि request response cycle deployment template engines rendering ये सबको cover करेंगे इस वीडियो के बाद आप लोग express के चैंपियन बन जाओगे मुझे personally express की सबसे अच्छी बात ये लगती है कि express is all javascript यानि कि हम लोग जो javascript फ्रंट एंड में सीखते हैं वही जावास्किप्ट अब हम एक्सप्रेस की साहिता से बैक एंड में सीख सकते हैं एक्सप्रेस नोट जेस की साहिता से वेबसाइट को सर्व करना बहुत इजी बना देता है और अगर हम लोग एक सिंपल प्लेन HTTP सर्वर बनाएं नोट जेस से उससे कई गुना आसान हो जाती है कि ये course आप लोगों के लिए helpful होने वाला है personally मैं बहुत साथ appreciate करता हूँ जब आप लोग चलते हैं हम लोग अब जल्दी से अपनी computer screen के अंदर हम लोग express को install करेंगे और बहुत साल चीज़े हैं जो कि मैं आप लोग को बताओंगा और एक project को भी हम लोग एकदम complete करेंगे let's move on to a computer screen now तो guys मैं आचुक हूँ यहाँ पर अपनी computer screen के अंदर और हम लोग अब express को बहुती नज़दी की से देखेंगे अगर मैं express की बात करूँ तो express क्या है आप लोग अगर सिर्फ express आप लोग अगर note js express भी लिखते हो और note js express लिखने के बाद आपको जो पहला result मिलता है आप उस प लोगों को एक अच्छा आइडिया लग जाएगा कि क्या है यह एक्सप्रेस टीवेंट तो एक्सप्रेस क्या है एक बहुत ही बेसिक फ्रेमवर्क सबसे पहले आपको पता होना चाहिए बहुत ही बेसिक फ्रेमवर्क है नोट जैसे आप सर्वर साइड में तो आप लोग यहाँ पर अपनी APIs बना सकते हो बड़े आराम से तो मैंने यहाँ पर किया क्या है आप लोगों के लिए एक यहाँ पर फोल्डर बनाया हुआ है और मैं क्या करूँगा इस फोल्डर को VS Code में खोल लूँगा VS Code Install लिख दो यहाँ पर जो code.visualstudio.com जो website है इसको खोल के आप अपने प्लैटबॉम के साथ से हमने कई बार इस चैनल पर किया हुआ है आपका ये install हो जाएगा, अब एक बार ये install हो जाता है, तो आपको क्या करना है, एक extension install करना है, अगर आप चाहते हो मेरे जैसा theme आपका हो जाए, तो आपको एक extension install करना है, जिसका नाम है jellyfish theme, और बहुत सारे लोग पूछते हैं, कौन सा theme इस्तेबाल कर रहे हो, jellyfish, मैं बदल यह जो बोलते हैं अनोपीनियन एटिट फ्रेमबर्क यानि कि आप अपने ओपीनियन के हिसाब से एक्सप्रेस में कोड को लिख सकते हैं ऐसा नहीं है कि पर्टिकलर ओपीनियन के हिसाब से चल रहा है इस प्रेस समय रही बात को एक बहुत ही को ऐसे करोगे टर्मिनल खुल जाएगा अब मैं यहां पर एंटीएम इन लिखूंगा और उसके बाद यहां पर मैं अपने पैकेज का नाम एक्सप्रेस एक्सट्यूट लिख दूंगा और उसी के साथ सथ वर्जन 1.1 और दिस इज आट ट्यूटोरियल आप लोग एंपीयम इनिट माइनस वाइ करके भी जो है अपना यह बना सकते हो आपको बिल्कुल भी क्वेश्चन नहीं पूछ जाएंगे बड़के नियार हम लोग यहां बेसिकली आपकी ब्राउजर में जो जावास्क्रिप्ट रन करती है उसको सरवर पर रन करने का एक तरीका होता है इससे ज़्यादा कुछ भी नहीं होता है NoteJS बहुत सारे लोग कंफ्यूस करते हैं ज़्यादा कुछ भी नहीं होता है इससे ज़्यादा कुछ भी नहीं होता है इससे ज़्यादा कुछ भी नहीं होता है जैसे जैसे टाइम आगे बढ़ता गया अब यह बहुत ज्यादा मैचुर हो चुका है एक्सप्रेस की बात करने तो मैं बहुत मैचुर हो चुका है जिस टाइम पर आप लोग सीख रहे हो इस टाइम पर बहुत मैचुर वर्जन लोग यूज करेंगे अब अगर फाइव वर्जन भी आ जाता है और यह टोटल में फोर में बना रहा हूं तो आप टेंशन मत लेना कि बहुत सारी चीजें सेम है मैंने फाइप पर डेक्स की डॉक्यूमेंटेशन भी देखी थी तो जो आईडिया है तो सेम ह install express-7 आपकी पैकेज डोट जेसन के अंदर एक्सप्रेस आ जाएगा भी देखो नहीं है देखो आ गया ठीक है तो इस तरह से आप लोग जो है एक्सप्रेस को इंस्टॉल कर सकते हो अब हम लोग क्या करेंगे यहां पर इंडेक्स डोट जेस के अंदर अपनी एक्सप जो भी पैकेज करना चाहते हैं और आप एक्स्ट्रा पैकेज को यूज कर सकते हो ठीक है तो यह चीज आप लोगों को यहां मैं एनपीएम इनिट लिखकर मैं आप लोगों को दिखाता हूं मैं आप एनपीएम आई लिखकर सोरी एनपीएम इंस्टॉल मैं वापस से बना सकता हूं नोट बॉडल फोल्डर वह नोट बॉडल फोल्डर वैसे के वैसे ही बन गया जैसे था पहले तो उन्हें बहुत है वी फोल्डर होता है हम अगर अपने कोड को पूछ करते हैं तो हम डायरेक्टिव नोट मॉडियल्स को तो जिस तरह से यह सारी चीज़े काम करती है तो अभी हमें समझ में आगे Node.js क्या होता है हमें समझ में आगे NPM क्या होता है Node.modules भी समझ में आगे हमको क्या होता है NPM init command हमने शुरू में run करके देखा कि क्या होता है NPM init से फिर उसके बाद NPM install हमने देखा हमने express को install करके देखा NPM install express करके By the way आप लोग को बता दू uninstall command भी होता है NPM uninstall express अगर मैंने कर दिया express था यहाँ पर चला गया मैं install करूँगा वापस है definitely लोग यूज करना चाहते हैं इसको ठीक है तो मैं यहां पर एक्सप्रेस को इंस्टॉल कर लूंगा ठीक है आई होप कि आप लोगों को जी समझ में आ गई सब तो बेसिक क्लियर होने चाहिए यार कॉपी पेस तो कोई भी कर सकता है यहां पर एक्सप्रेस को कुछ इस तरह से यूज करना स्टार्ट कर सकते हो नोट जिस और एनपीएम की साहता से इसके बाद हेलो वर्ड कि यार यह जो प्रोग्राम है वह आए एस इस एड इंबॉर्डेंट यह इतना इंबॉर्डेंट क्यों है और हम क्यों एक्सप्रेस को इस्तेमाल करें यार नोट जीएस के अंदर हम स्ट्रीटीपी सर्वर भी तो बना सकते हैं नोट जीएस के अंदर इस्ट्रीपी सर्वर बनाने का एक बहुत अच्छा तरीका होता है मैंने आप लोग इतना दिखाया था बहुत पहले जो कि था नोट जीएस लॉन पेज तो नोट जीएस का लॉन पेज नोट जीएस टो डेफ्स लेंट था वहां बहुत मज़ेदार पेज है यार मतलब क्या तारीफ करूंगे इसकी जितनी बताया हुआ है किस तरह से एश्टीटीपी सर्वर बना सकते हो ठीक है देखो बेसिक एश्टीटीपी सर्वर कैसे बन सकता है तो यहां पर देखो इन्होंने बताया हुआ है कि यार आप रिक्वेस्ट रिस्पॉंस हेडर्स स्टाइटस कोड और हां तो एक्सप्रेस में इसलिए इंस्टॉल करूंगा और इस्तेमाल करूंगा क्योंकि मैं चाहता हूं कि मैं जो भी एंड दिखाना है प्लाश को टैप को जो और दिखाना है तो मैं नहीं कर सकता है यह मुझे फैल्स रिखना पड़ेगा डिरेक्टली नहीं रिख सकता लेकिन यहां का सिंटेक्स देखो जरा आप कितना क्लीन सिंटेक्स है कितना क्लीन सिंटेक्स है कि यार एप डॉट गेट यानि कि गैट रिक्वेस्ट कोई भी स्लाश पर भेजे तब आपको क्या करना है लोगों तो मुझे क्या करना है रेस्टोट यहां पर सेंड करना है अब आउट ठीक है मैं आप आप आप सेंड कर सकता हूं और यहां पर बाय दा वे अगर नोट जीएस इंस्टॉल नहीं करा है बहुत सारे लोगों नहीं कराऊँगा मुझे पता है तो यार नोट जीएस को इंस्टॉल जरूर कर लेना ठीक है डाउनलोड कर लेना नोट जीएस को और इंस्टॉल कर लेना ठीक है इस लोग कंप्यूटर में तो और भी टाइम ले लेता है इंस्टॉल कर लेना इसको जरूर से मिस बट कर रहा है इंस्टॉल कर लेना ठीक है इंस्टॉल करने के बाद रन करना फिर चलेगा यह ठीक है यहाँ पर आप लोग देख सकते हो एग्जांपल आप लिस्टिंग मुझे hello word देखने को मिल रहा है अगर मैं इस URL slash about पर जाओंगा तो आप लोग देखो मुझे about देखने को मिल रहा है अगर मैं इस URL slash contact पर जाओंगा तो मुझे cannot get contact देखने को मिल रहा है और एक चीज दिखाओ आपको बड़े मज़दार चीज है मैं इसको reload करता हूँ देखो इसने status code automatically send कर दिया 404 इसने status code को automatically send कर दिया मैं अगर manually status code को लिखता 404 को यहाँ पर तो मुझे जरा सोचो मुझे कितना custom code लिखना पड़ता है कि यार कोई भी end point अगर found नहीं नहीं है तो 404 भेज ले दो समझ रहो कितनी मेहनत है और यहां पर देखो सारे के सारे हेडर्स सारे के सारे कोंटेंट टाइप यह सब चीजें एक्सप्रेस खुद कर रहा है तो एक्सप्रेस एक फ्रेमवाक है जो कि आपका बहुत टाइम बचाता है ठीक है तो यह जो आप लोगों जो है तो हमने सीख ली यह सब चीजें बेसिक चीजें हमने एक्सप्रेस के बारे में सीख ली जो कि आप सबको आनी चाहिए अब यहां पर हम लोग क्या करेंगे क्योंकि हम लोग यह पीएज बनाने वाले हैं हम लोग थंडर क्लाइंट को इंस्टॉल करेंगे और अगर आ बिसीकली डिग्गे थंडर लाइन पोस्ट मैन की दराय ठीक है आप लोग पोस्ट में भी यूज कर सकते हो मैंने काफी यूज किया है पोस्ट मैन इस चैनल पर हमने कई टूटोरियल्स पोस्ट मैन की साहिता से कबर किया बट आप लोग को मैं बताना चाहता है कि अगर आप लोग विशेष कोड के अंदर रहना चाहते हो और विशेष कोड के अंदर से सारे काम करना चाहते हो तो आप लोगों का लोग वाला तो यहां पर मुझे देखने को मिल जाएगा रिस्पोंस कि आ रहा है तो यहां पर देखो मैं गैट रिक्वेस्ट भेजूंगा इसको तो यह वर्ड आ गया स्लैश अबाउट पर भेजूंगा तो यहां पर देखो यह अबाउट आ गया तो आप लोग को थंडर लाइन ठीक है बहुत मज़ा चीज है मुझे मज़ा आ गया इसको यूज करके और यहां पर आप विश्व कोड के तो आपको समझ में आ रही है पोस्टमेंट भी आप लोग इस्तेमाल कर सकते हो बहुत सारे लोग ऐसे हैं जिस कंपनी में वह काम करें वह पोस्टमेंट यूज होता है अगर आपके कॉलेज में पोस्टमेंट यूज करवाया जा रहा है फॉर सम रीजन और आप इसी में रहन कम टाप स्विच करोगे कम राम खिलाओगे एप्स को ठीक है और आपके बाद ज्यादा राम बचेगी कंप्यूटर तेज काम करेगा तो इसीलिए ये बहुत ही मज़ेदार experience है thunder client ठीक है मज़ा आ जाता है करना install और जब नई टाप में यहाँ पर आप अपने code लिखते लिख देखो rest.send about मैंने यहाँ पर किया अगर मान लो मेरे बास कुछ templates होती मान लो कुछ templates होती let us say index.html ठीक है एक template होती मान लो एक complex template होती तो मैं लिख देता हूँ I am a complex complex HTML template ठीक है तो मैं यहाँ पर इसको HTML template लिख दूँगा और मान लो इसमें बहुत सारी HTML है बहुत सारी CSS है और अलग तरह की चीज़ें है ठीक है तो मैं क्या करूँगा कि यह ना लिख कर तो अपने पास विशेष पर पास करें और विशेष पर पास करें और विशेष पर पास करें और विशेष पर पास करें और विशेष पर पास करें और विशेष पर पास करें और विशेष पर पास करें और विशेष पर पास करें और विशेष पर पास करें और विशेष पर यहां पर मैं पात लिखूंगा और इसको पर लेकर आऊंगा क्योंकि इंपोर्ट है ठीक है तो हमने बिसीजली क्या किया कि यहां पर पात मॉडल को यूज किया और मैं कहूंगा पात टॉट जॉइन और हमें पता है कि अंडरस्को अंडरस्को डर नेम क्या होता है नोट ज पर देता है और इसके बाद मैं क्या करूंगा इंडेक्स डॉट एच्टीमल यहां पर दे दूंगा ठीक है ऑफिसली हमारा जो सर्वर है वह के लोग यहां पर देखते हैं यहां पर मैंने इसको जैसे सेव किया होगा अ अगर मैं इस पर कोई भी request वगैरह भेजूंगा और error आ गया मान लो तो ये crash हो जाता है इसलिए हम node mon को use करेंगे तो हम npm install minus g node mon कर देंगे globally node mon को install कर लेंगे और जो node mon है वो क्या है हम क्यों use करेंगे यार देखो अगर हमारा request डालते समय कोई error आ गया ठीक है मान लो कोई error आ गया तब क्या होगा node mon खुद से restart हो जाएगा और हमको जो है यहाँ पर दिक्कते नहीं होंगी ठीक है तो अगर मैं यहाँ पर आप लोगों को दिखाओं कि इस तरह से आप लोग इसको यूज कर सकते हो मैं आप जल्दी से इसको खोल कर दिखाता हूं आप लोगों यहां पर देखो कि है लोकलों सी साथ में हेलो वर्ड आ रहा है और स्लैश अब उपने क्या रहा है स्लैश अब उपने मेरी एसटीमल टेंपलेट है मैं इसका टाइटल कुछ इस तरह से कर दो कंप्लेक्स टेंपलेट तो यहां पर टाइटल चेंज करना है चेंज होना चाहिए टाइटल चेंज ह अगर मैं इसको सेव करूंगा तो मैं इसको सेव करूंगा कुछ इस तरह से और मैं रिस्टार्ट करूंगा अपने सर्वर को अब आप नोडमान यूज कर रहे हैं तो यह क्यों रिस्टार्ट नहीं हुआ यह बाय डिफॉल्ट इन एक्सटेंशन को वाच कर रहा है ठीक नहीं कर रहा है इस टिपल में चेंज करो तो मुझे रिस्टार्ट करना पड़ रहा कोई बात नहीं ठीक है अभी के लिए हम लोग जो है इसको ऐसे रखेंगे कंप्लेक्स टेंपलेट ठीक है तो यहां पर आप लोग देखो अगर मैं तो कंप्लेक्स टेंपलेट ट� चाहिए तो यह तो यह टाइटल चेंज होगा ऐसा नहीं है कि आप लोग से पर तो टाइटल चेंज नहीं होगा तो यह यह एक्सटेंशन अगर चेंज होती है तब यह सर्वर को रिस्टार्ट करेगा अगर एचटीमल चेंज हो रही है तो यह सर्वर को पैटल चेंज करके रिलोड करेंगे तो चेंज होगा ठीक है तो यह चीज हम लोगों समझने पड़ेगी अब यह हो गया हमारा तो I hope कि आप लोग एक basic static website बना पाओगे, अब हम लोग क्या करेंगे, bootstrap को देखेंगे, थोड़ा सा मैं आपको bootstrap के बारे में बताओ, bootstrap क्या है, copy paste, क्या है bootstrap, copy paste, bootstrap है copy paste, ठीक है, बहुती simple सी बात है, ठीक है, मैंने paste कर दिया यहाँ पर, bootstrap के कुछ components को use कर सकता हूँ, hello world आ गया, यह bootstrap है, ठीक है, मैं यहाँ पर bootstrap के components को use कर सकता हूँ, मैं आ सकता हूँ component में, मैं nav bar में आ सकता हूँ, और nav bar के अंदर आके मैं यह nav bar copy कर सकता हूँ, और मैं यहाँ पर h1 की जगह nav bar डाल सकता हूँ, और मेरी static website बन जाएगी, अब आप लोग मुझे यार यह बताओ, क्या आप node.js क आपको जल्दी से बताना चाहता हूं कि आप लोग स्टाइटस कोड चेंज कर सकते हैं लेट अब आप लोग यहां पर स्टाइटस कोड 500 डालना चाहते हो ठीक है और मालों आपने कस्टम फोन और फोन पेज बनाया और आप किसी एंड पॉइंट पर कस्टम और फोन पेज शो करना चाहते हो तो आप कुछ इस तरह से चेनिंग करके कर सकते हैं आप लोगों ऐसे कर सकते हो कि जो रिस्पॉंस है आप लोगों ऐसे कर सकते हैं रिस्पॉंस डॉट और इसके बाद स्टाइटस और आप यहां पर पांच 500 लिख सकते हो ठीक है और सेव कर सकते हो इसको अब देखो मैं इसको रिलोड करूंगा अगर मैं आप जरा व्यूप एडिटर्स करता हूं सॉरी इंस्पेक्ट करता हूं और नेटवर्क में जाता हूं अरे यार इंस्पेक्ट करना है नेटवर्क जाना है रिलोड करना है और यहां पर देखो सर्वर कोट 500 भीजा ऑफिसली में 500 सर्वर को नहीं भेजने जाता पांच सर्वर को जो होता है वह इंटरनल सर्वर एरर को तो मैं चाहूंगा कि यह मेरे यूजर्स को 500 एरर मिले बट यहां पर हम लोग क्या करेंगे कि इस चीज को ठीक कर लेंगे ठीक है अब यहां पर अगर आप आपको जेसन सेंड करनी है तो आप जेसन भी सेंड कर सकते हैं मैं बहुत ही बेसिक सी जेसन आप लोगों को सेंड करके दिखाऊंगा आप लोग रेस्ट डॉट जेसन कुछ इस तरह से कर सकते हो और यहाँ पर जो जेसन है वो आप लोग डाल सकते हैं जैसे मान लो मैं हैरी औ एक्वायर्ड हेडर्स को ऑटोमेटिकली सेट कर देता है अब आप में सभी लोगों को यार यह रॉपास दिख यूं आ रहा है मेरा तो नहीं आ रहा है यह तो यार मैंने कर रखी एक एक्सटेंशन स्टॉल जिसका नाम है जेसन फॉरमेटर क्या बगए रहा कर सकते हो कितना इटम्स किस को लाइट पर्टिकुलर जो भी आपका है ऑब्जेक्ट या फिर एरे उसके अंदर कितना इटम से यह भी बताता है यह बहुत बढ़ी चीज है बड़ी-बड़ी जिससे के लिए बहुत काम आने वाला है ठीक है तो आपको समझ में आगे और अब यह सब्सक्राइब करें तो अब हम लोग बहुत बेसिक वेबसाइट बना सकते हैं कस्टम स्टाटिस कोड पर हम लोग जेसन भेज सकते हैं एक बैक एंड हम लोग बड़े आराम से बना सकते हैं तो आप लोग जो है इतना कुछ तो करी सकते हो एक्सप्रेस की साहता से ठीक है तो एक पोर्टफोलियो वेबसाइट अगर मैं अभी आपको बनाने को बोलूं बोलूं एक बहुत ही सिंपल सी पोर्टफोलियो वेबसाइट आप लोग को बनानी है मैं चाहूँ को आप लोग जाएं मूट स्ट्रैप पर इस वीडियो के बा� करके सारी चीजें इस्तेमा पर नव बार लगाना है, नीचे फूटर लगाना है, ये सारे काम आप लोग करोगे तो बहुत आसान हो जाएगा आप लोगों के लिए अपनी custom portfolio websites बनाना, ठीक है, तो अब हम लोग क्या करेंगे, आगे बढ़ेंगे और express के बारे में और चीज़ें देखेंगे, तो ग आप लोगों को बताने जा रहा हूं कि अगर एक फोल्डर है हमारे पास मान लोग पास एक स्टार्टिक फोल्डर है और हम उसको सर्व करना चाहते हैं एक्सप्रेस की सायदा से तो वह चीज कैसे करेंगे हम लोग तो मैं आप लोगों उसका पूरा तरीका बताता हू ठीक है तो पब्लिक के नाम से मैं बना रहा हूं और देखो यहां पर यह जो आइकोंस की जो मैं एक्सटेंशन यूज कर रहा हूं उसने यहां पर एक पब्लिक वाला जो हमारा जो ग्लोब होता है ना जो कि डब्ली डब्ली डब्ली यू का आपने अगर लोगों देखा हो तो उस मान लो मैंने डाल दिया इस इंडिक्स ठीक है इस इंडिक्स ठीक है अ और यहां पर मान लो मैंने डिव डॉट कंटेनर डाला और यहां पर मैं लॉरेम 34 लिख रहा हूँ एक बहुत ही सिंपल सी साइड बना दी मैंने बस यह चेक करूँगा कि यह public folder अक्शुल में काम भी कर रहा है की नहीं कर रहा है तो मैं यहां पर यहां पर सर्व करना चाहता हूँ इस public folder को देखो path तो मैंने already import करी रहा है यहां पर मैं अब इस्तेमाल कर सकता हूँ app.use को और जब मैं कहता हूँ app.use app.use का मतलब एक middleware तो express के अंदर एक middleware का concept होता है तो express middleware जो होते हैं वह एक फंक्शन होते हैं जो कि रिक्वेस्ट और रिस्पॉंस ऑप्चेक्ट की एक्सेस को रखते हैं और वह उसको चेंज कर सकते हैं लिखिए क्वेस्ट और रिस्पॉंस दोनों ऑप्चेक्ट उनके पास होते हैं तो किस तरह से यहां पर एक एक्सप्रेस टॉट स्टाटिक और इसके बाद मैं आप डिरेक्टरी दे दूंगा तो मैं आप लिखूंगा पार्ट डॉट जॉइन और मैं जॉइन करूंगा अंडर स्कोर अंडर स्कोर डर नेम को पब्लिक से टीक है एंड ऑफिसली दिस पब्लिक विल बी एस्ट्रेंग क्योंकि पब्लिक कोई वेरिबल नहीं है अंडरस्कोर अंडरस्कोर डर नेमिक वेरिबल है ठीक है तो अगर यहां पर मैं आप लोगों को लेकर चलूं अपने इस लोकल होस्ट मैं यहां से static folder serve कर रहा हूँ ठीक है अगर मैं यहाँ पर slash में आ जाओ slash about में आ जाओ sorry अगर मैं यहाँ पर slash about में आ जाओ तो मुझे यह about वाला endpoint मिल जाएगा और obviously अगर मैं यहाँ पर जो slash वाला endpoint है उसमें hello word भेजना चाहता हूँ तो यह restart हो जाएगा node mon के कारण तो अगर मैं यहाँ पर अपना browser खोलू और यहां पर मैं स्लाश हेलो लिखूं हेलो और मैं एंटर मानू तो यहां पर हेलो वर्ड लिखकर आ गया ठीक है तो यह इस तरह से हमारी जो एपिएइज है वह हम लोग बना सकते हैं आपको यह चीज बहुत ही ग्लेली समझ में अभी तक आ गई होगी अब आपने मिडलवेयर भी लिख सकते हो तो मैं आपको एक बहुत ही सिंपल सा मिडलवेयर लिखकर दिखाऊंगा आप मान लो मैं इसका नाम है डिडल वे देता हूं और मैं इसको एक आरो फंक्शन बनाऊंगा और यह जो आरो फंक्शन यह तीन चीजें रिस्पॉंस को जाते वक्त भी ऑलटर कर सकता है और और यहां पर रिक्वेस्ट जो होती है हमारी जो आ रही है उसके सारे परामेटर्स का भी एक्सेस रखता है तो मैं अगर यहां पर रिक्वेस्ट को चेंज करना चाहता हूं यह कंसोल डॉट लॉग रिक्वेस्ट करना चाहता हूं तो मैं यहां पर कर यहां पर है डिमिडल वे डाल दूंगा मैंने इसको रिस्टार्ट किया मैं इसको अगर हिट करूंगा तो आप लोग यहां पर देखो यह जो यह पर आ गया है ठीक है तो मिल वेयर्स इन मोस्ट ऑफ द केसेस लोग यूज करते हैं बनाते नहीं है बट अगेन आप लोग बना भी सकते हैं अगर आप लोग बनाना चाहते हैं तो बना भी सकते हैं एक आप एडवांस एक्सप्रेस यूजर के तौर पर फंक्शन होता है उसको हम रन कर देते हैं क्योंकि हम चाहते हैं कि है रिमिटल वेयर के बाद वाला मिडलवेयर इसके बाद रन हो ठीक है तो इसलिए हम लोग इस तरह से नेक्स्ट लिख देते हैं बट एगेंट हम इसको जल्दी से कॉमेंट समझ में आ गया अब हम लोग यहां पर बात करेंगे कि अगर हम लोग चाहते हैं एक परामीटर दिना फॉर यहाँ पर hello के साथ साथ name देना चाहता हूँ और मैं hello word के बाद एक name को भी print करना चाहता हूँ तो मैं किस तरह से करूँगा अब एक बार आपने इस तरह के parameters बना लिये तो इसको आप इस्तेमाल कैसे करोगे यह आपका सवाल होगा तो name to अगर आप लोग यहा ने मालो एक नेम नाम का मैंने यह बनाया ठीक है नेम ओर नेम टू नाम का बनाया तो मैं जब इसको इस्तेमाल करना चाहूंगा तो मैं रिक्वेस्ट डॉट परम स्टॉट नेम कर दूंगा और यह जो नेम पैरामेटर है वह यहां पर आ जाएगा तो अब मैं अगर पालिट स्टार्टस कोड हेलो वर्ड ओके तो यहां पर मैंने गर्बर कर दी मुझे आप प्लस यूज करना चाहिए कि मैं हेलो वर्ड के साथ साथ यह सेंट करना चाहता हूं तो इसको मैं रिलोड करूंगा यह पर तो देखो हेलो वर्ड है नहीं गया अगर मैं यहां पर हेलो वर्ड लविश लिखूंगा तो हेलो वर्ड कीर्ति लिखूंगा तो कीर्ति आ गया, मैं यहाँ पर संस्कृति लिखूंगा, संस्कृति तो संस्कृति आ गया, ठीक है, मैं पूजा लिखूंगा तो पूजा आ गया, you got the point यार, बहुत समझदार हो, ठीक है, अब यहाँ पर हम लोग क्या करेंगे, कि अगले concept को देखे कि कभी भी हमको अगर इन parameters को send करके एक block post को fetch करना है या फिर मान लो आप लोगों को आपका एक database है उससे एक particular key value pair निकालना है तो वो सारे काम आप कर सकते हो ठीक है ये चीज तो आपको समझ में आ गई तो आपको यह चीज आपको खुली है अगर मान लो मैं एक एक एप बनाना चाहता हूँ जो की लेट अस से एक डेटा स्टोर में से और मान लो वो जो डेटा स्टोर है तो मैं वो सारी के सारी चीज़े सर्व कर सकता हूँ हमने यहाँ पर अभी जो बनाया ये जो एक्सप्रेस का इंट्रोडक्टरी आप उसको कर देंगे बन क्योंकि हमने फैला दिया उसमें बहुत सारा राय था ठीक है हम इसी के साथ साथ क्या करेंगे कि एक नया फोल्टर बनाएंगे और उसका नाम रखेंगे ब्लॉग ठीक है और ब्लॉग नहीं रखेंगे ब्लॉग एक्सप्रेस लिखेंगे ठीक है जैसे राजधानी एक्सप्रेस वैसे हमारा ब्लॉग एक्सप्रेस ओपन विट कोड करूंगा ठीक है ओपन विट कोड करने के बाद मैं यहां बनाएंगे और एनटीएम इनिट करूंगा इनिशलाइज करूंगा अ इसका नाम ब्लॉग एक्सप्रेस ही रहने देता हूँ, पैकेज का वर्जन रहने देता हूँ, इस एक ब्लॉग हम दे दे देते हैं, दिरिंग, कोड विद हैरी एक्सप्रेस, कोड्स, ठीक है, entry.index.js रहेगा, test command अभी मैं नहीं लिख रहा हूँ, package.json, बन गई है इंडेक्स टॉट जेसबी बना देते हैं और बहुत सारी चीजें मालूंगे मैं बहुत सारी चीजें जो है यहां से कॉपी पेस्ट करूंगा कहां से अरे यहां से ही ठीक है तो मैं क्या करूंगा कि इसको बहुत ही अच्छी तरह से प्रक्षर करूंगा त एक प्रोडक्शन आप बनाना है तो किस तरह से बनाई जाए ठीक है तीम रिवेर्स जो मैंने यूज कि वह सबको मैं हटाऊंगा और मैं करूंगा क्या कि एक फोल्डर बनाऊंगा सबसे पहले स्टार्टिक इसके अंदर में सारी की सारी स्टार्टिक यहां पर कुछ इस तरह से स्टार्टिक स्टार्टिक फोल्डर वह सर्व करोगा ठीक है अब यहां पर मैं क्या करूंगा कुछ एंड पॉइंट मेरा होम पेज को सर्व करेगा तो मैं इस तरह से स्लाश करूंगा और मैं से नहीं सेंड फाइल करूंगा ठीक है तो मैं रिक्वेस्ट डॉट सॉडी रिस्पॉंस डॉट सेंड फाइल करूंगा और जिस तरह से यहां पर हम लोगों ने देखा कि हम सेंड फाइल करके एक फाइल को सेंड कर सकते हैं यहां पर हमने देखा था पार्ट जॉइन करके हमने को जिस टेंपलेट्स रख देंगे इसका नाम ठीक है फोल्डर बनाना था फाइल बना दी मैंने कोई बात नहीं डिलीट करके दोबारा भी बना सकते हैं ठीक है तो यह टेंपलेट्स मैंने यहां पर कुछ इस तरह से बना दी इसको मैं सेव करूंगा इंडेक्स टॉट जी� आपने सची लोग सोचो या राउटर को सेपरेट कर दूँगा का क्या मतलब है तो राउटर को सेपरेट कर देने का मतलब यह है यार कि मेरा जो राउटर है भी यहाँ पर अगर मैंने साले राउट्स लिख दिये तो बहुत सारा रायता फैल जाएगा मैंने जा एक राउटर नाम से फोल्डर बनाऊंगा और यह राउट्स के नाम से फोल्डर बनाऊंगा और इसके अंदर मैं क्या करूंगा एक अपनी ब्लॉग डोट जेस फाइल बनाऊंगा हम मान लो मेरे पास कुछ ब्लॉग के जो मेरे राउट्स है वह है मान लो में ये सारे के सारे routes डालना है चाहता हूं सबसे पहले मुझे क्या करना पड़ेगा मैं एक्सप्रेस को लेकर आऊंगा इन सब चीजों को लेकर आता हूं जो चीज चाहिए होंगे उन चीजों को मैं यहां पर रख लूंगा ठीक है अब मैं इसके बाद क्या करूंगा इस पर मिटाता हूं मैं राउटर को लेकर आऊंगा मैं कहूंगा कौन स्ट्राउटर इज इक्वल टू रिक्वायर क्या रिक्वायर करूंगा एक्सप्रेस टॉट राउटर एक्सप्रेस है अपने पास डॉट राउटर ए डॉट राउटर ठीक है अ तो यह express का router में लिए आया अब मैं यहाँ पर क्या करूँगा मैं बड़े आराम से सारे के सारे routes अपने यहाँ पर लिख सकता हूँ ठीक है तो पहला route में लिखता हूँ मैं यहाँ पर लिखूँगा router.get और यहाँ पर slash और जब slash मैं यहाँ पर जो लिखूँगा मैं दूसरा दूँगा अपना arrow function और इस arrow function का जो content है hi app. लिस्ट जरूर लिखूंगा ठीक है और मैं एक्सांपल ऐप लेखी लॉग एप लिस्ट लेंगे आट लोकल होस्ट पोर्ट 30 पोर्ट 3000 सॉरी ठीक है ब्लॉक डोट जस मैंने यहां पर लिख दिया जैसे कि आप लोग देख सकते हो सेंट फाइल के अंदर में क्या करूंगा अपनी इस फाइल का पाथ दूंगा ठीक है तो क्या होगा पाथ इंडिक्स टॉट जस ठीक है इंडिक्स टॉट एस्टी फाइल सॉरी तो मैं इंडिक्स टॉट एस्टीएमल इसको करूंगा और यहां पर एक बहुत ही बेसिक से एस्टीएमल डाल दूंगा अ और मैं यहाँ पर home page लिख दूँगा, और लिख दूँगा this is my blog home page, ठीक है, यह मैंने किया, मैं अपनी index.js को run करूँगा node से, और obviously मैं यहाँ पर npm install minus d nodeborn करूँगा, मैं nodeborn को as a dev dependency install करूँगा, globally install नहीं करूँगा, ठीक है, तो मैं एवं डेव डिपेंडेंसी नोट बन को इंस्टॉल करूंगा कि जो नोट मॉन है मुझे सिर्फ डेवलपमेंट के टाइम बचाई है मुझे जो नोट मॉन है तो मुझे बिल्कुल भी अपनी आप का एक पार्ट नहीं बनाना है ठीक है तो मैं आप आर्मोड इं और जिस लिखूंगा लोकल होस थ्री थाउजन्ड और लोकल होस थ्री थाउजन्ड यहां पर जो है यह मिलेगा तो मैं यहां पर आउट कैन नोट गैट स्लाश लिखकर आ रहा है और गलत भी कह रहा है यार वह बिल्कुल सही कह रहा है वह कह रहा है यह नोट गैट स्लाश करा आपने जो है बिल्कुल भी जो स्लाश वाला एंड बॉइंट वह बनाया यह आपने दो ब्लॉक डोट जेस को पूरा करता हूं मैं आप पर टेंपलेट स्लाश इंडेक्स टॉट इस टीम लिखता हूं अ टाउंट टू स्टार्ट अभी हम इसको चेंज करेंगे ठीक है कैसे बताऊंगा भी आपको अब मैं करना चाहता हूं इसको इस्तेमाल और जब मैं इसको इस्तेमाल करना जाता हूं आप लोग भी सोच रहे हैं इसको इस्तेमाल कैसे करो तो मैं करूंगा ठीक है यहां पर मैं पर लिखूंगा और उसी के साथ मैं क्या करूंगा मैं पर लिखूंगा रिक्वायर रिक्वायर व्हाट रिक्वायर रोट लाइट लॉप ओके तो यहां पर मैं इस चीज करूंगा यह करें क्रास्ट क्या करबड़ा गई यूज राश हुआ कैन नोट फाइंड मॉड्यूल रिक्वायर राउट स्लाश प्लॉप प्लॉप जेस्ट एक राइकी ब्लॉप जेस मुझे नहीं मिला और तो इसका रीजन है कि मैंने आप रॉड एक्सपोर्ट से लिखा तो मैं लिखूंगा मॉड्यूल डॉट एक्सपोर्ट्स इस रिकॉल टू रॉटर ठीक है और मिल जाना चाहिए और इसको भी नहीं मिला किया मिल जाया रॉटर मैंने आप रॉटर एक्सपोर्ट किया र रॉट लाइश ब्लॉग तो यह मैंने बहुत ही सिली मिस्टेक करिए मुझे यहां पर बिल्कुल भी रिक्वाइड नहीं करना इसको ऐसे मुझे सिर्फ राउटर को इस तरह से बनाना राउटर इस एकॉल टू एक्सप्रेस टॉट राउटर और यह फंक्शन है और यहां पर मैं लिखूंगा पार्ट टॉट चॉइन अंडर्सको अंडर्सको डर नेम और राउट स्लाश प्लॉग लॉट जेस कुछ इस तरह से तो मेरा कहा गया राउट लाश ब्लॉक डॉट जेस ब्लॉक डॉट जेस और इसको सिंगल कोट में या डबल कोट जिसमें मन चाहे ठीक है आप चल गई देखो आप चल गई आप चल गई अब अब यहां पर देखते हैं क्या चल रही है यहां पर इन पास प्लेट आफ प्लेट आफ प्लेट आफ प्लेट आफ प्लेट आफ प्लेट आफ प्लेट आफ प्लेट आफ प्लेट आफ प्लेट आफ प्लेट आफ प्लेट आफ प्लेट आफ प्लेट आफ प्लेट आफ प्लेट आफ प्लेट आफ प्लेट आफ प्लेट आ� तो या फिर आप क्या करो कि कुछ पार्ट डॉट जॉइन करके देता तो मैं आप लिखता हूं पार्ट डॉट जॉइन है और अंडर्सकों डर्नेम के साथ साथ यह ठीक है एंड इस चुड़ वर्क यार इस चुड़ वर्क तो यह नो सच फाइल और यह जो particular file है यह एक्चुली रूट्स के अंदर ढूंढ रहा है टेंपलेट को बट मेरी ब्लॉग एक्सप्रेस के अंदर डिरेक्टली टेंपलेट है तो होता क्या है कि यार जब मैं यहाँ पर जा रहा हूं यानि कि मैं जब इस ब्लॉग डोट जेस कंट्रोड कर रहा हूं तो जो अं� आते हैं तो मैं यहां पर हूं तो मुझे एक कदम बाहर आकर टेंपलेट में गुसना है तो मैं डॉट डॉट स्लाश करूंगा यहां पर इस तरह से क्यों करूंगा क्यों मुझे एक कदम बाहर आना है जो ब्लॉक डॉट जेस है वह रूट्स के अंदर है रूट्स के तो मैं रूट्स के अंदर ढूंढ रहा हूं मैं किसके अंदर ढूंढ रहा हूं इस आउटर फोल्डर तो आउटर फोल्डर में जाने के इस माइट ब्लॉग होम पेज आ गया ठीक है यह होम पेज हमने बना लिया बड़ा सिंपल सा होम पेज बना लिया ठीक है यहां देख लेना ठीक है आपको मजा आएगा उस चीज में ठीक है तो आप वह जरूर देख लेना है जो है मैंने यहां पर गुरा कोड्स बना रखा है वेब डेलवेप्पमेंट का 103 वीडियोस का और उसमें भी मैंने नोट जैस बता रखा है एंड में और एक्सप्रेस भी थोड़ा बहुत बता रखा है बट यहां पर थोड़ा डिटेल में मैं जा रहा हूं ठीक है तो यह चीज मैंने कर दी अब यह मेरा रूट हो गया डेफिनेटली मैं एक अपने ब्लॉक पेज को बनाना चाहूंगा ठीक है तो यहां पर देखो मैंने क्या किया कि राउटर डॉट केट यह कर दिया में राउटर डॉट केट स्लाश ब्लॉक करूंगा और स्लाश ब्लॉक पर मैं क्या करूंगा मैं चाहूंगा कि मेरी सारी किस अ इस सारी जो ब्लॉक्स है वह डिस्प्लेइ हो जाए ठीक है तो वह चीज करने के लिए मुझे क्या करना पड़ेगा मुझे यहां पर एक ब्लॉक डॉट जस पाइल बनानी पड़ेगी ठीक है तो मैं एक काम करता हूं यहां पर डेटा फोल्डर बनाता ब्लॉक्स रहेंगे इसके अंदर सारे के सारे ब्लॉक्स डाल लेता हूं ठीक है तो मैं क्या करूंगा कि अपनी जेसन के अंदर कुछ इस तरह इस तरह से ब्लॉक्स टाइम हुआ ठीक है और इसे एरे रहेगा और एरे ऑफ ब्लॉक्स रहेगा जिसमें टाइटल होगा ��मारा लेट असे आ हाउ टू गेट स्टार्ट इड विप पाइट ठीक है और उसी के साथ साथ कंटेंट होगा अब इसलिए मैं दो फिल्ड लोग यहां पर सिर्फ यह चीज देख रही है किस तरह से हम लोग इसको यूज कर सकते हैं ठीक है अब इस इस कंटेंट लिखना ठीक है और मैं इस तरह के बहुत सारे इसमें आड करूंगा जीएस जैंगो सीएस ठीक है अब मैं कुछ इस तरह से देखना दूंगा यह आप लोगों पर पता चाहिए कि यार हां इस कंटेंट अलग-अलग है ठीक है अ अब मैं इस फाइल को रीड करूंगा और एफस मॉड्यूल की साइथा से इस फाइल को रीड करूंगा इस फाइल को रीड करने के बाद मैं यहाँ पर इसको डिस्प्ले कर दूंगा ठीक है यहाँ पर जब मैं यह कर रहा हूँ तो मैं क्या करूँगा ब्लॉक्स ठीक है और मैं किसको करूँगा ब्लॉक्स इस इकुल टू ठीक है और और इसको मैं को जिस तरह से मना देता हूं ठीक है तो बिल्कुल भी कंफ्यूज नहीं होना है हम लोग को हमें इसको जो है बिल्कुल इस तरह से रखना है एक एरे ऑफ ऑब्जेक्ट्स है ठीक है बहुत ही सिंपल से एरे ऑफ ऑब्जेक्ट्स ब्लॉक डॉट जेस आकर यहां पर ब्लॉक्स टॉट चीज के अंदर अधिक है अब क्या करूंगा कि मैं इसको यहां पर मैंने राउटर बना रखा है मैं चाहता हूं कि ब्लॉक के अंदर साधी के साधी ब्लॉक पर जाए सबसे पहले तो मैं क्या करूंगा कि लिखूंगा ब्लॉक डॉट फॉर इच ठीक है और मैं यहां पर क्या करूंगा सिंपली इनको अ ब्लॉग एलिमेंट डॉट टाइटल या एलिमेंट डॉट टाइटल ई डॉट टाइटल करूँगा मैं इ रखूँगा बहुत ही सिंपल सी चीज रखूँगा और अगर मैं याब ए स्लाच ब्लॉग में गया अगर मैं याब ए स्लाच ब्लॉग में गया ये तो ठीक है ये इस इस माई ब्लॉग पेज आ रहा है और कि एक ब्लॉक होम डॉट एचटीएमल बनाओ और यह टेंपलेट हमें इंडिक्स टोट एचटीएमल बिल्कुल इसके जैसे टेंपलेट बनाओ ब्लॉक फॉर्म डॉट एचटीएमल ठीक है तो यह इंडिक्स टोट एचटीएमल मैं कॉपी करूंगा इसके पंटेंट को यहां पर दिस लॉक पेज लिख दूंगा यहां पर लॉक होम पेज लिख दूंगा ठीक है और यहां पर मेरा दिस इज माइ होम पेज लिख दूंगा ठीक है साइट होम पेज तो अगर मैं यहां पर जाऊंगा ब्लॉक पर तो ब्लॉक होम पेज आएगा और उसी के साथ साथ यहां लोग को अगर मुझे डिस्प्ले करना है तब मैं क्या करूं कि मैं इसको बंद करता हूं जल्दी से और मैं अपने इस मैं गलत जगह पर आगे मैं इस पूरे इस चीज को बंद करता हूं कि मैंने दो प्रोजेक्ट खोल रखे हैं भी विश्व कोड के लिए मैं अब क कि index को खत्म करूं सबसे पहले और इसको भी close कर दूं blogs.js को भी मैं सारे के सारे content को याबर ले कर आ रहा हूँ अब मैं क्या करूँगा कि ये जो console.log है इसको अटा दूँगा और इसकी जगह क्या करूँगा कि जो मेरा blogs है उसको मैं display कराऊँगा इस file में ठीक है blog home.html में बट उससे भी ज़्यादा important अभी हमारे पास ये है कि हम एक blog post blog post को display कराएं ठीक है अब अगर आप लोग codewithari.com पर जाएं तो आप लोग देखो मैंने कुछ इसी इसी तरह का डिजाइन दिया हुआ है देखो यहां पर यह पेजे ब्लॉग में जाओगे ब्लॉग आ गया ठीक है और किसी भी एक कि हम स्लाइट ब्लॉग पोस्ट लेश उस ब्लॉग पोस्ट का जो स्लग होगा वह डिस्प्ले कराएंगे आप अपने ठीक है तो हम क्या करेंगे कि इसमें एक लग और ऐड करेंगे तो मैं एक चीज और ऐड करता हूं यहां पर जो मेरा ब्लॉग टोट जेस इसमें एक चीज और एड करूंगा स्लग ठीक है और स्लग क्या होता है स्लग कुछ नहीं है बस यह जो मेरा इस पर्टिकलर ब्लॉक की विंडोस 11 ISO और उसे के साथ साथ यह सारी के सारी चीजें हैं और हाउ टू टेपलॉइ नोट जेस ऑन उबन टू और उसे के साथ साथ मतलब यह सा इस लग को जैंग लॉन कर लेता हूं पाइथन जैंग लॉन कर देता हूं ठीक है और यहां पर क्या करूंगा सीएसस लॉन कर दूंगा ठीक है तो सीएसस लॉन में नियावर कर दिया इसको सेव कर लेंगे और इन सारी के सारी फाइल्स को सेव करने के बाद यह जो ब्लॉक्स है मेरे मैं स्लैश ब्लॉक पो स्लैश इस तरह से अगर कोलन स्लग रखूंगा तो अब मैं ब्लॉक पेज टॉट एश्टीमल बना सकता हूं ब्लॉक पेज टॉट एश्टीमल और मैं इस पर्टिकलर ब्लॉक को कैसे लेकर आऊंगा मैं आप लिखूंगा ब्लॉक डॉट फिल्टर अगर आपने फिल्टर यूज किया है कभी अपनी लाइ जावास्क्रिप्ट में तो मैं आपको बता दूंगा नहीं किया तो बता दूं क्या होता है कि आप यहां पर क्या करते हो कि एक ऐसा एलिमेंट रिटर्न करते हैं इस ब्लॉग्स में से जो किस फंक्शन के लिए ट्रू रिटर्न करें तो मैं आपको लिखूंगा इस प्रॉब्लम तो अगर ऐसा हो जाता है तो मुझे मेरा ब्लॉग मिल जाएगा तो मैं यहां पर लिख देता हूं अच्छा बात मैंने यहां पर लिख दिया है कि अब मैं क्या करूंगा कि कंसोल डॉट लॉग माइब्लॉक कर दूंगा और अगर मान लूंगा यहां पर स्लाश पाइथन डॉट टैश लॉन करो सॉरी बजाएब लॉग पोस्ट लिखना पड़ेगा कि अ इस लग इस नॉट डिफाइंड दिखा रहा है ओके तो मैं इस तरह से नहीं कर सकता इटॉट लगी का सुनाव नहीं कर सकता मैं रिक्वेस्ट टॉट पर एम्स डॉट लग करेगा अब यह चलना चाहिए अब यह नो सच फाइल और डिरेक्टरी ब्लॉक पेज ओके तो ब्लॉक पेज नहीं है मेरा तो मुझे ब्लॉक पेज बनाना पड़ेगा अ तो मैं आप लॉपी रोडेश टीम को यह ब्लॉग होम का जो कंटेंट है वहीं से ले आता हूं और यहां पर मैं लॉप पेज लिख देता हूं वैसे आइडली यहां पर वह टाइटल आएगा मेरा चो अ ब्लॉग का टाइटल होगा जो ब्लॉग भी जो भी ब्लॉग शो कर रहा हूं इसका टेटल है कोई आप लॉप का बंद हैगा आप यह ल ब्लॉक कंटेंट हेयर ठीक है और यह करने के बाद मैं क्या करूंगा कि दोबारा से हिट करूंगा इस एंड पॉइंट को यहां पर देखो ब्लॉक कंटेंट हेयर आ गया क्या हमारा वो जो ब्लॉक था वो प्रिंट हुआ यह मैं देखने के कोशिश कर रहा हूं यहां पर एक एम्टी यह चीज आ रही है ठीक है जो कि बिल्कुल भी साइड चीज नहीं है तो यह इस चीज को डिवर्क करने के लिए वैक्ट कंसोल डॉट लॉग इडवाइट लग करूंगा अब इडवाइट सब नहीं रिक्वेस्ट टॉट अ परम स्लॉट स्लग करूँगा और देखूँगा कि क्या है ये ठीक है तो मैं यहाँ पर इसको रिलोड करूँगा और यहाँ पर क्या मेरा Python Learn आ रहा है आ रहा है ओके तो मुझे इसको डिबग करने के ज़रूरत नहीं है मैंने एक बहुत ही सिली मिस्टेक करी है यहाँ पर वो है रिटर्न ना ये देखो मेरा ये वाला जो object है वो आ गया है ठीक है मेरा ये object आ चुका है और my block के अंदर मुझे ये filter होके मिल गया है अब मैं क्या करूँगा इस block को इस्तेमाल कर सकता हूँ इस block के title को इस्तेमाल कर सकता हूँ अब आप में से के लोगों का सवाल यह होगा कि यार मुझे database में data को save करना update करना है वो मैं कैसे करूँ लेंगे इस पर्टिकुलर डॉट जीएस फाइल को तो आइडली क्या होगा कि आप लोग मॉन्गूस यूज करोगे मैं याद पर मॉन्गूस दिखा देता हूं आपको क्या होता है और मॉन्गूस बहुत हीजी है आपको सिंपली मॉन्गूस को इस्तेमाल करना है एक मॉडल बनाना बहुत ही सिंपल सा और उसके बाद क्या करना है एक नया जो उसका ऑप्शन टेक्टर करके आप उसको सेव कर सकते हो अपडेट कर सकते हो अपने मॉन्गूस डिपीट कर सकते हो बहुत ही आराम से तो तो यह चीज मैं आप लोगों को सेजेस्ट करूंगा आप लोग खुद से करो बट हम लोग यहां पर क्या करेंगे कि हैंडल बार्स को जाएंगे हैंडल बास क्या होता है हैंडल बार्स को यह वाले हेंडल की बात नहीं हो रही है आप पर मैं आप लोगों अच्छा नहीं लगता है, but ideally अगर आप लोग bug या handlebar में से कोई भी एक चीज यूज़ करो, तो आपका काम हो जाता है अब जो चीज हम लोग देखने वाले हैं, उसका नाम है express handlebars, अब आप लोग कहोगे क्या चीज है ये, और क्यों इस्तेमाल करूँ express handlebars को, तो यार देखो हम लोगों ने अभी ये blog template blog home, blog.js, ये पूरी और हमारे javascript के variables हमें किसी ना किसी तरीके से template भेजने है, तो हमें किसी ना किसी तरीके का एक templating engine बनाना ही पड़ेगा और एक बहुत ही famous engine handlebars है तो हम handlebars को इस वीडियो में इस्तेमाल करने वाले हैं तो मैं आपर जल्दी से आप लोग को दो चीज़े समझाऊंगा एक तो express handlebars क्या होता है और handlebars क्या होता है अब आप लोग को कि दोनों सेम नहीं है क्या नहीं आज दोनों सेम नहीं है तो अगर मैं handlebars की बात करूँ यानि कि सिर्फ handlebars की बात करूँ तो आप लोग देखो यहाँ पर कि handlebars एक templating engine है जो कि javascript templating करने में बहुत सायक होता है है अब एक्सप्रेस हेंडल बार्स क्या है एक्सप्रेस हेंडल बार्स एक एनपीएम पैकेज जिसको आप लोग इंस्टॉल कर सकते हो तो हम लोग काम करते हैं इसके ना गिटअप पेज पर जाते हैं सीधे और इसके गिटअप पेज बहुत अच्छी जानकारियां इंस्टॉल एक्सप्रेस हेंडल बार्स और मैं यहां पर इसको राइट क्लिक करके इंस्टॉल मार लूं एनपीएम इंस्टॉल चुका है ठीक है अब मैं इसको इस्तेमाल कर सकता हूं अब एक्सप्रेस हेंडल बार्स के अगर आप लोग इटवेज पर जाकर पड़ोगे तो यहां पर देखो बंदे लिखा हुआ है कि आई क्रिएटिट इस प्रोजेक्ट आउट फ्रस्ट्रेशन इस बंदे इसको यूज करना है और यहां पर आप देखो इसके डिरेक्टरी के स्ट्रॉक्चर क्या है अब दो डॉट हेंडल बार्ड्स फाइल्स है यह कुछ नहीं एसटीमल फाइल है हम लोग यहां पर देखेंगे किस तरह से काम करता है सबसे पहले तो बनाने वाला है जिसका नाम होगा में डॉट हैंडल बार्स तो चलो यार में डॉट हैंडल बार्स बना लेते हैं तो मैं आपने में डॉट हैंडल बार्स बना लूंगा ठीक है और यह तो यहां पर मूच्चे आ गई हैंडल बार्स का लोग आ गया रखूंगा आप लोगों दिखाता हूं यहां पर देखो इन्होंने बता रखा है कि यार इस तरह की बॉडी डाल दो और जो भी आप और इसको यहाँ पर डालो, आप खुद ही समझ जाओगे जब मैं करूँगा तो, ठीक है, मैं इसको समझाओगा ही नहीं, आप खुद समझ जाओगे, तो यह देखो, example app लिखा हुआ है, main.handlebars के अंदर, अब मैं क्या करूँगा, जो भी चीज मैं यहाँ पर डालूँगा, म जो हमारा इंजिन है उसको हमें सेट करना है एज हैंडल बार्स और उसी के साथ साथ हम जो है इसको इस्तेमाल कर सकते हैं अब देखो इन्होंने कैसे इस्तेमाल कि इन्होंने का रेस्ट और रेंडर होम यानि कि होम डॉट हैंडल बार्ट फाइल को ढूंढा जाएगा कहां पर व्यू� एंडल बार्ट्स को यह होम डॉट है निर्भाज को ढूंढेगा व्यूज के अंदर इसीलिए यह पर इस तरह से लिखा हुआ है तो मैं करूंगा क्या यहां पर कि जो होम डॉट है निर्भाज से इसको बना लूंगा ठीक है तो मैं यहां पर सबसे पहले होम डॉट टॉप्स के अंदर ठीक है तो मैं जल्दी से बना लेता हूं डॉप हैंडल बार्स ठीक है हैंडल बार्स थोड़ा सा बड़ा सा नाम है बट ठीक है कोई बात नहीं चलेगा ठीक है तो होम डॉट हैंडल दो मैंने गर्बर गर्दी लिखने में होम डॉट हैंडल बार्स लिखना था मुझे हैंडल बार्स ठीक है अब यहां पर मैं क्या लेगा यहां पर यहां पर नोड मॉन इंडिस्ट और जिस कर दूंगा ठीक है और यह रोग क्रैश हो गया अपनी इसकी अधिक इसकी अधिक लिया बजा है मैंने कुछ बड़कर है डेफिनेटली तभी क्रैश हुई है अ रिक्वायर एक्सप्रेस हैल्डल बार्ड्स ओके तो यहां पर मैंने क्या कर दिया कॉन्सटेंट्स पता नहीं क्या किया मैंने पुजे नहीं मालूं कहां से आए सब चीज है सेव करूंगा चल गई आप हमारी ठीक है तो यहां पर मैं क्या करूंगा इसको कंट्रोल क्लिक इस्तेमाल करेंगे जो कि हमने ऑलरेडी देखा है यहां पर देखो आप लोग कि मैंने आप पर रेस्ट और ट्रेंडर आप लोग को बताया था कि यार यह इस चीज को यूज करेंगे अब देखो यह रेस्ट और ट्रेंडर होम मैंने आप लिख दिया तो यहां पर मैंने जब इसको खोला तो मुझे यहां पर यह व्यूज इन डिरेक्टरी यह वाली इस डिरेक्टरी में यह व्यूज को नहीं तो मैं क्या करूँ नहीं ढूंढ पाया तो मुझे यहां पर ढूंढना पड़ेगा कुछ गड़बड़ क्यों नहीं ढूंढ पाया है यह home.handlebars को क्योंकि यह layout के अंदर है ठीक है तो मुझे views के अंदर डालना है इसको आप लोग अगर यहां पर देखो मैंने layout के अंदर main.handlebar डाला है और home.handlebars यहां पर डाला है ठीक है तो वापस से अपने nude mon को हम लोग start करेंगे index.js और इसके बाद reload करेंगे और यहां पर देखो this is home.handlebars इसका मतलब हम handlebars को use कर पा रहे हैं और इसका मतलब यह हुआ कि हम लोग handlebars के अंदर variables भी डाल सकते हैं तो हम लोग क्या करेंगे रहेंगे कि यह सब कुछ बंद करेंगे और यह जो गिटअप पर हैंडल बार्ट्स वाला यह पेज है इसमें हम लोग यह देखेंगे कि क्या हमारी जो में डॉट हैंडल बार्ट्स है इसका व्यूपेज सोट्स अगर मैं करूं तो आप लोग देखो यह जो यह जो खड़ा है यानि कि यह जो टेंपलेट है यह यहां से आ रही है कहां से में डॉट हैंडल बार्ट्स और बॉडी की यह के बीच में यह रेंडर हो जा रहा है इसका मतलब मैं आप पर बॉडी जब लिख रहा हूं तब मैं कुल बार देखो मिलाकर ये कह रहा हूँ कि इसके अंदर डाल दो जो भी home.handlebars के अंदर हो ठीक है तो ये यहाँ पर डाल देगा main.handlebars के अंदर I hope this is clear आप लोगों को ये चीज तो clear हो गई होगी अब तक ठीक है अब हम क्या करेंगे कि हमने main.handlebars तो बना लिया इस तो हमारा जो template है वो है getbootstrap.com पर जाओंगा से एक्सप्रेस के वह बता दिया है बट उसके बावजूद भी कुछ लोग उससे आपकर यह बोल सकते हैं कि आर आपने जो ब्लॉग बनाया वह खूबसूरत नहीं दिख रहा है ठीक है खूबसूरत ओके खूबसूरत भी दिखेगा कोई ऐसी बात नहीं है तो हम क्या Home.handlebars के अंदर मैं Bootstrap लिख सकता हूँ, सबसे पहली बात, मैं Main.handlebars के अंदर एक चीज और डालूँगा, क्या डालूँगा, मैं Navbar डालूँगा, मेरा Navigation Bar, वो मैं Body से पहले डालूँगा, यानि कि जो भी Content मैं यहाँ पर Replace करूँगा, मैं यहाँ पर डालूँगा एक Navigation Bar, और अगर आप लोग आओगे अपनी एप में और रिलोड करोगे उसको तो यह देखो नैविकेशन बार यहाँ पर आ गया ठीक है यह HTML की बेसिक्स है अगर यहाँ किसी को दिक्कत होती है तो मैं कहूँगा यार मेरा वेब डेवलपमेंट का कोट्स उठा लो ठीक है कौन सा उ बाद notes भी लिखे हुए है है तो मुझे लगता होगी आप लोगों को ठीक है तो यहां पर अब हम क्या करेंगे कि यह नाव बार होम लिंग ड्रॉपडाउन यह सब चीजों का चेंज करना फॉर एक्सापल मान लो आपके ब्लॉक का नाम है खतरनाक ठीक है अजय को तो नहीं होगा यार कुछ अच्छे से नाम लगता हूं मान लो कोडिंग थंडर है कोडिंग थंडर किसी को याद तो बताओ ने फ्लास के बहुत पुराने टूटल में कोडिंग थंडर नाम को बनाया था तो मान लो कोडिंग थंडर है किसी का ठीक है और और रिलोड किया मैंने दो कोडिंग थंडर यहां पर आगे कोडिंग थंडर यहां पर आगे होम अब जितने मंचाएं पेज बनाओ ठीक है मैं दो बनाऊंगा वह सेंट है अल्रेडी तो सब कुछ जो है अवेलेबल है सब उपलब्ध है आपको बस देखना है वीडियो को और इंप्लीमेंट करना आराम से बन जाएगा फंक्शन मैं चाहता हूं ब्लॉग पर कोई क्लिक करें तो सीधे ब्लॉग वाले पेज पर जाए तो मैं स्लाश ब्लॉग कर दूंगा इस तरह से स्लाश ब्लॉग ठीक है तो मैं यह चाहता हूं कि यार कोई भी अगर यहां पर अगर मेरे इस वाले एंड पॉइंट पर आए मैं ब्लॉग जो इसको यहां लेकर आता हूं कोई भी यहां पर आए तो मेरी यह जो होम वाली फाइल है वह रेंडर हो जो कि हो बीडी है ठीक है कोई भी स्लाश ब्लॉग पर आए अगर कोई भी एंडल बार्ट से बना लूंगा और वह फाइल रेंडर होगी तो मैं चल्दी से ब्लॉग हो लाइट यहां पर ब्लॉग हो लाइट बार्ट बनाऊंगा ठीक है और एच कैपिटल ठीक है जो कि मैं पहले भूल गया था अब नहीं भूलूंगा ठीक है ब्लॉग यूज करेंगे तो इसको भी बंद करता हूं में डॉट हैंडल बार्स के अंदर हमारी जो बेसिक टेंपलेट है वह है जिसके ऊपर सब कुछ बनेगा यानि कि एवेइथिंग विल पी ऑन टॉप ऑफ में डॉट हैंडल बार्स ठीक है तो यहां पर ब्लॉग हो रहा ह दिखाऊंगा सबसे बारे में आप लोगों यहां पर यह दिखा देता हूं कि आप लोग किस तरह से यहां पर हैंडल बार्स को यूज कर सकते तो हैंडल बास एक बार मैं आप लोगों को दिखाता हूं कि कैसे आप लोग हेल्पर्स का इस्तेमाल कर सकते इसके इस इंच यहां पर ही देखो लिखिए इस पर यह आ गया तो मैं बिसीएली क्या करूंगा इस इस का इस्तेमाल किस तरह से करूंगा तो यह यहां पर मैं बैक करूंगा मैं सिंपली इसको कॉपी करना चाहता हूं अभी के लिए कोई बात यहां से कॉपी कर लेंगे अच्छी क्लिक करके खुल गया तो यहां पर हम लोग क्या करेंगे सारे के सारे अ ब्लॉक्स को हम लोग यहाँ पर आइटरेट करेंगे अब यहाँ पर देखो मैंने li this लिखा हूँ मैं सिर्फ this लिखता हूँ मैं चाहता हूँ कि सारे के सारे ब्लॉक्स मेरे आ रहे हैं कि नहीं आ रहे हैं this.title और मैं definitely उसका title और slug ही लेना चाहूँगा तो मेरी जो blog.js है जिसके अंदर मैंने router अपना बना रखा है मैं क्या करूँगा कि इसके अंदर यहाँ पर मैं यहाँ पर इसको देना चाहता हूँ blogs ठीक है अब blogs क्या है मेरा blogs मेरा यह है ठीक है जो कि मैंने यहाँ पर एक blogs टॉट जीएस बनाइए इसके अंदर सारे हमारी ब्लॉग्स है ठीक है तो हम क्या करेंगे अब यहां पर जाएंगे और गिट अब में देखेंगे यह हैंडल एक्सप्रेस हैंडल बार्ट्स में किस तरह से हम लोग टेंपलेट में वेरिबल्स को भेज सकते चीजें डाली हुई है मैं आपके आपका करूंगा कि रेस्ट डॉट रेंडर ब्लॉक होम लिखूंगा कॉमा लगाऊंगा और कुछ इस इस तरह से मैं लिखूंगा ब्लॉग्स और यहां पर लिख दूंगा ब्लॉग्स ठीक है तो मैं जब ऐसा करूंगा तो आप लोग देखो मैं लोकल ओस्ट रिचार आप लोगों को खोलकर दिखाता हूं और स्लैश ब्लॉग नहीं शेयर श्लेश श्लेश ब्लॉग ही ठीक है रेस्ट टोट रेंडर ब्लॉग होम को में रेंडर किया ब्लॉग होम टोट हैंडलबार्स और हमने क्या किया ब्लॉग व्यूज के लिए लेट के अंदर नहीं बनाना है तो मेरी जो एंडल बार फाइल्स है वह मेरी यूज के अंदर आएंगे तो मैं इसको यहां पर रिस्टार्ट करके रिलोड कर लेता हूं और यहां पर देखो इस सारे के सारे टाइटल जो है वह मेरे पास कुछ इस तरह से एक डिव डॉट ब्लॉग एक लास इगल डू ब्लॉग दे दूंगा इसको और उसी के साथ साथ मैं यहां पर इच टू दे दूंगा और यहां पर दे दूंगा कुछ इस तरह से इस डॉट टाइटल और दिस डॉट टाइटल देने के बाद आप लोग यहां पर देखो कि यह कुछ इस तरह से दिखाई पड़ेगा रिलोड करें दिखाएं तो यह कुछ इस तरह से दिखाई पड़ेगा अगर मैं इसी चीज को एक डिव के अंदर डाल दूं तो यह अच्छी तरह सेंटर भी ह अब अच्छा एक विडियो लिखूंगा और यहां पर मैं क्या करूंगा मेरा जो यह वाला एंड पॉइंट लाइट लॉग पोस्ट लाइट लग मैं उस अच्छा करूंगा लाइट लॉग पोस्ट लाइट लाइट लाइट और इसके बीच में चीज रखें लाइट करूंगा यह चीज मैं इसके बीच में डालूंगा और यहां पर देखो मैं रिलोड करूंगा तो जैसे मैं क्लिक करूंगा मैं यहां पर चला गया अब मैं क्लिक करूंगा तो यहां पर चला गया अब मैं यहां पर चला गया अब मुझे बताएं बहुत वेबसाइट आप लोग बड़ा आराम से वहां पर जा सकते हैं वह अब मैं क्या करूंगा यहां पर इस लग के हिसाब से यहां पर आपको वनट शो करके दिखाऊंगा तो सबसे पहले तो मुझे क्या करना होगा ब्लॉग पेज टोट है बाइट बनाना होगा तो मेरा जो ब्लॉग पेज है ब्लॉग पेज टोट है बार अब लॉग पेज टोट है बार इसको मुझे बनाना पड़ेगा फूल बनाया बाग होम बनाया में ब्लॉग पेज टोट है बार लेयाउट्स विन वराउंगा इस बार यह गलती नहीं करूंगा अ इस बार मैं यहीं पर बनाऊंगा handlebars ठीक है और यहां पर मैं क्या करूँगा कि सबसे पहले तो एक H2 रखूँगा उसके अंदर मैं title डालूँगा ठीक है title डालूँगा और इसके अंदर एक paragraph लूँगा और यहाँ पर content डालूँगा और मुझे मालूं भी कि शायद यह अच्छा ना दिखे बड़ गए हमारे पर डिजाइनिंग के इस चैनल पर मैंने बहुत कुछ बना कर डाला हुआ है आप लोगों के लिए वह आप देख लेना ठीक है अब यहां पर देखो मेरे पास माइट लॉग एक बार आ गया तो मैं से टॉट स्टेंडर करूंगा ब्लॉक पेज को और यह जो ऑब्जेक्ट होगा इसमें दो चीज होगी तो टाइटल होगा टाइटल क्या होगा माय ब्लॉक टॉट टाइटल और जो हमारा यहां पर यह होगा कॉन्टेंट वह क्या होगा माय ब्लॉक टॉट कॉन्टेंट ठीक है अब मैं यहां पर अगर इसको रिलोड करूं तो यह देखो यहां पर यह चीज आ गई लेकिन लगता है मैंने ब्लॉक पेज रहा है तो यह भी ब्लैंक है सब कुछ ब्लैंक है देखते हैं क्या ऐसा क्यों रहा है ठीक है तो मैंने क्या टाइटल दिया है इसको और उसी के साथ साथ कॉन्टेंट भी दिया है तो यहां पर यह पता रेंडर क्यों नहीं हो रहा इसको देखो रेंडर नहीं होने का कारण यह है कि मुझे आप रामाई ब्लॉग इस इकॉल टू ब्लॉक डॉट फिल्टर यह तो करना है करना प्रिंट कराओगा यहां पर मैं दिखा देता हूं आप लोगों को कंसोल पर डॉट लॉग अगर कुछ इस तरह से आप लोग दिखाओगे और मैं इसको अगर हिट करूँगा तो यहाँ पर देखो जो माइ ब्लॉग है वह एक एरे है जिसके अंदर सिर्फ एक ऑब्जेक्ट है तो मुझे वह ऑब्जेक्ट चाहिए अक्शुली वह ऑब्जेक्ट मैंने लिया उसका टाइटल ले लिया वह ऑब्जेक्ट लिया नहीं है बट डिप डॉट कंटेनर और आप लोग इसको अच्छा बना सकते हो मुझे पता नहीं क्यों लोग ऐसा कमेंट करते हैं कि यार इसको कंप्लीट ही कर देते मतलब अगर आपको कंप्लीट करना है इसको मैं आप लोगों बहुत ही आनेस्टली बहुत ही सही से समझा मैं कुछ ऐसा नहीं है कि मैं आप लोगों को यह बोलना हूं कि आपको यह नहीं कहना चाहिए अगर आपका डाउट है तो मैं क्लियर कर रहा हूं तो मैं इसलिए इसको ब्यूटीफाइड नहीं कर रहा हूं इस प्लॉक को क्योंकि मुझे पता है आप इसको आपको आपको लगता है कि इससे भी मुझे हाई लेवल पर जाना है तो यह आप यह वाले प्रोजेक्ट इसमें आप लोगों को अलग थी कि तो दिक्कत नहीं होनी चाहिए हम लोगों को अब यहां पर मैं क्या करूंगा अ कि मैंने यहाँ पर काफी चीजें देखिए अब देखो ब्लॉग में हम जा रहे हैं तो वह ब्लॉग मिल गया कोई भी ब्लॉग हम खोलते हैं उसका कंटेंट मिल जाता है फिर उसके बाद होम पर हम क्लिक करते हैं तो कुछ हो नहीं रहा है क्योंकि हमने जो हमारा मीन डॉट ह अब मैं अगर रिलोड करूंगा और फिर मैं होम पर जाऊंगा तो मुझे यहां पर जो है होम पर क्लिक कर रहा हूं तो कुछ नहीं है आप रहा हूं पर डिजाइन कर लेना अच्छा साफ लोग ब्लॉग पर कोई जाएगा तो यहां पहुंच हो जाएगा कोडिंग दंडर पर क्लिक करो होम पर जाओगे ब्लॉक पर क्लिक करो ब्ल कि आप लोगों ने जो है यह ब्लॉग अच्छी तरह से बना लिया है सब्सक्राइब बताया और यहां पर इसको प्रोजेक्ट होता था क्योंकि यहां पर आप लोगों को जो है कि कोई कोड चीज तो उसको आप लोग ढूंढ रहे हैं यह आप लोगों को मैं जो सिंटेक्स दे रहा हूं ताकि आप इसको यूज कर पाओ यह यह आपके बहुत काम आएगा ठीक है तो मैं आप अपना सर्वर को यह बंद करता हूं टर्मिनल्स को बंद करता हूं और हमने बहुत बढ़िया प्रोजेक्ट यार बना लिया है तो देट वॉट एक्सप्रेस अब हम लोग जो करने वाले हैं वह डिप्लाइमेंट एक्टिफिकेशन का हम लोग यहां पर देखेंगे कि इस तरह बहुत ही क्विक डिप्लॉयमेंट आप लोग कर सकते हैं एंजिन एक्स और पीएम टू की साहिता से अब हम लोग क्या करेंगे ब्लॉक तो हमारा बन चुका है मैं इसको ब्लॉग इसलिए बताऊं क्योंकि अक्शन में हमने सारी चुकोर फंक्शनलिटी है वह इंप्लीमेंट कर दी है और अब हम यहां पर करना इसको डाउनलोड करना है बेसिकली सबसे पहले हम लोग को इस आपको होस्ट करने से पहले यह समझना होगा कि यार यह है एड द एंड ऑफ द डे एक नोट जेस आप इको ज्यादा बड़ी चीज नहीं है एक नोट जेस की अप्लीकेशन है तो हम ड्रॉपलेट बनानी है नोट ट्रेटिवल ड्रॉपलेट अगर आप लोगों नहीं बनानी है तो आप यहां पर क्रिएट पर क्लिक करके ड्रॉपलेट पर क्लिक करके और उसके बाद यहां पर उबन टू चुन लेना बेसिक चुन लेना रेगुलर कर लेना ताकि पांच और प्रति माह की पढ़ जाए आप लोगों को यह एसएसडी के साथ वाली जो आपकी ड्रॉपलेट है वह आपके यूजर जहां ज्यादा पूछे जाने वाला सवाल इस चैनल पर यह भी है कि एक ड्रॉपलेट को रीपरपस कैसे करें रीपरपस का मतलब यार एक चीज है आपके पास आप उसको दोबारा से इस्तेमाल करना चाहते हो आप उसको रीपरपस करना चाहते हो तो यह लोड होने में पता नहीं इतना टाइम क्यों ले रहा है बड़ी जैसे ही लोड हो जाएगा तो मेरे पास नोट जेस वाली तो मैं यहां पर ट्यूटोरियल पर क्लिक करूंगा और ट्यूटोरियल पर क्लिक करने के बाद यहां पर यह नोट जेस वाली जो मेरी ड्रॉपलेट है यहां पर क्लिक करूंगा और इसके बाद मैं डिस्ट्रॉय पर क्लिक करूंगा यहां पर इसको मैं डिस्ट्रॉय कर दू हाँ ठीक है मेरी कुछ प्रोडक्शन एप्लीकेशन भी चल रही है यहाँ पर अगर मैंने उसको रीबिल्ड कर दिया ट्रॉपलेट को तो हो जाएगी दिक्कत ठीक है सारी साइट से जाएगी डाउन वह मैं चाहता नहीं हूं ठीक है तो मैं वेट करूंगा इसके पी एड्रेस है तो मैं क्या करूंगा यहां पर विंडोस पावरशल में जाऊंगा लिखूंगा एससेस रूट आट द रेट ऑफ और यह कर जब तक यह नहीं होती तब तक मैं इसमें नहीं हो पाऊंगा तो वह वापस आता हूं इसको रिबिल्ड करके कि तो उस टाइम लगता है एक बात चब तक कर लेते हैं जब तक यह रिबिल्ड हो रही है तब तक मैं एपोर्टेंट बात मेरे दिमाग में ओबन टू 20.04 सर्वर को सेट अप कर लो एक नॉन रूट यूजर उसमें बना लो तो यह सारे काम आप लोगों करने पड़ेंगे ठीक है मैंने देखो एकदम बता रखा आपको स्टेप बाय स्टेप कि किस तरह से आप लोग नॉन रूट यूजर बना सकते हो ठीक है तो यह चीज आप लोग जरूर कर लेना तो यार देखो मैंने ना कुल मिलाकर सारी चीजें आप लोगों बता दी हैं इस डिप्लॉयमेंट की सीरीज में इंक्लूडिंग नोट जीएस आप भी मैंने आप बताई हुई है आपको कि किस तरह से करते हैं आप लोग किस तरह से नोट जीएस आपको होस्ट कर सकते हैं इस प्रोडियो में अब हम इसे हमारी जो ड्रॉपलेट बनी हुई है, मैं दुबारा से इसमें लॉग इन करने की कोशिश करता हूँ, अक्शुली मैंने इसको रीबिल्ड कर लिया है, इसलिए यह मुझे वार्निंग दे रहा है, कह रहा है, remote host identification has changed, अगर मैं यहाँ पर ssh, cd.ssh करूँ, और rm करूँ, known host को, जाएंगे समझ रहा है आप लोग यहां पर कि क्या किया मैंने अब देखो यार वैसे आइडली आप लोग को एक नॉन रूट अकाउंट बनाना है ठीक है जो कि रूट एक्सेस जिसके बाद तो पर फॉर द सेक ऑफ दिस टोटोरियल मैं जल्दी से अपडेट सोरी अपडेट रन कर लो ताकि आपकी जो पाकेज इंडेक्स अब अपडेट हो जाए तो जैसे ही यह चीज हो जाएगी हम लोग क्या करेंगे नोट सोर्ट से चल्दी से नोट जीएस को इंस्टॉल करेंगे तो अगला कमांड में यह रन करूंगा देखो यार यह दो कमांड से क्या होता है कि आपका नोट जीएस का जो लेटेस्ट वर्जन है वह भी हुआ ठीक से कि नहीं इस कमांड को रन करके नोट माइनस माइनस वर्जन का मतलब है कि नोट का को का कौन सा वर्जन चल रहा है एनपीएम माइनस माइनस वर्जन का मतलब है एनपीएम का कौन सा वर्जन चल रहा है इस कंप्यूटर में ठीक है तो यहां पर आप लोग देखो नोट माइनस माइनस वर्जन एनपीएम माइनस माइनस वर्जन ठीक है अब अब अब जो जैसे मैंने एक सैंपल नोट जैसे फाइल बनाइए बट रुको आप लोग सैंपल एप जैसे फाइल आप लोग मत बनाना हम लोग क्या करेंगे अपना जो एक्सेस्टिंग प्रोजेक्ट हम उसको अपलोड करेंगे ठीक है तो मेरी टॉपलेट के आईपी एड्रेस का इस्तेमाल करूंगा कुछ इस तरह से ठीक है यूजरनेम रूट डालूंगा और यहां पर पोर्ट 22 डालूंगा क्विक कनेक्ट करूंगा ओके करूंगा और यहां पर यह लॉगिन हो जाएगा अब अगर आपने पासवर्ड सेट मैं इसको और छोटा और लंबा नहीं करने लगता ठीक है ए फ्लैश ओन पर हम लोग जाएंगे एक नई डिरेक्टरी बनाएंगे जिसका नाम यहां हम लोग रखेंगे नोड आप ठीक है और इस नोड आप डिरेक्टरी के अंदर इन फैक्ट मैं बिल्कुल जैसे मैंने यहां पर किया हुआ मैं वहीं चीज करूंगा यहां पर मैंने कहा रखी है अपनी नोड आप मैंने अपनी नोड आप रखी हुई है पीएम सारी की सारी फाइल सब डिट अपलोड कर देता हूं ठीक है अपडेट नहीं अपलोड नोड बॉडल इसको छोड़कर ऑफिसली जाएंगे फाइल्स ठीक है नोट बिकॉस उनका साइज बड़ा है जस्ट बिकॉस कि वह फाइल्स बहुत सारी होती है ठीक है तो एक बार यहां पर अपलोड कर दी अब मैं यहां पर एलस लिखूंगा सीडी स्प्लाश होम पर जाऊंगा एलस लिखूंगा मुझे फोल्डर निल जाएगा नोड अप वाला अब यहां पर देखो मैं क्या करूंगा यहां पर डेटा इंडेक्स टॉट जेस पैकेज लॉग जैसे प्रोफीट प्रोफीट प्रोफीट प्रोफीट प्रोफीट प्रोफीट प्रोफीट प्रोफीट प्रोफीट प्रोफीट प्रोफीट प्रोफीट प्रोफीट प्रोफीट प्रोफीट प्रोफीट प्रोफीट प्रोफीट प्रोफीट प्रोफीट प्रोफीट प्रोफीट प् index.js ताकि app.js index.js क्योंकि मेरी index.js जो है वो entry point है इस particular app में तो मैं यहाँ पर pm2 start index.js करूँगा और जैसे मैं pm2 start index.js करूँगा यह दोखो यह start हो गई और इसके बाद मैं क्या करूँगा चेक करूँगा कि क्या यह actual में start भी होई है कि नहीं होई है कौन से port पर यह start होनी थी 3000 port पर इसको start होना था index.js 3000 इसका मतलब यह हुआ कि अगर मैं इस IP पर जाओंगा और 3000 port पर जाओ तो मुझे मेरी note just की आप दिखनी चाहिए बट वो नहीं दिख रही है ठीक है उसका reason पता है क्या है मैंने UFW allow 3000 नहीं किया है ठीक है तो rules अभी update हो गए firewall से मैंने allow कर दिया है port अब 3000 port क्योंकि मैंने allow कर दिया है इसलिए यहाँ पर जो है दिखना चाहिए 3000 port पर कि यहाँ पर मैंने express को install नहीं किया था npm i express और जैसे ही मैं express को install करूँगा तब जो है मेरी express देखो install हो जाएगी तो express install हो गई है अब मैं यहाँ पर देखता हूँ node index.js करके तो यह app listening on local host 3000 अब देखता हूँ यहाँ पर कि चलाएगी चल रही है कि नहीं चल रही है हां चल रही है देखो कोडिंग थंडर ब्लॉग हाउट गेट स्टार्टिड बिट पाइथन दो यह मेरी आप जो है यहां पर आ गई है ठीक है बट दिस नॉट द वे हम इस हम लोग इसको ऐसे नहीं करेंगे ठीक है इसे बिल्कुल भी था इसको दुबारा से रन करेंगे पीएम टू स्टार्ट इंडेक्स टॉट जेस हाथ यह स्टार्ट हो गया अभी ठीक है और अब हम लोग यहां पर देखते हैं कि क्या यह स्टिल काम कर रही है हाई बिल्कुल काम कर रही है पीएम टू इसको बहुत अच्छे भी करना चाहते हैं अ देखो यार मैं पूरा डिप्लॉयमेंट इस वीडियो में नहीं बता सकता मैंने एक्सप्रेस बहुत अच्छे से बताया इस वीडियो में बट डिप्लॉयमेंट की एक एक चीज मैं यहां पर नहीं बता सकता उसके लिए मैंने एक सेप्टेट प्लेलिस पर बना रखी है इसक यहां पर आई लिखा मैं इसको पर लेकर जाऊंगा सर्वर नेम की जगह पर मैं यह लिखूंगा ठीक है तो मेरे सर्वर की जो आईपी है यह मैं ऐसे कर दो ठीक है इसके बाद मैं इस configuration को activate करूंगा कुछ इस तरह से ठीक है और मेरा configuration अक्टिवेट हो जाएगा अब अगर मैं यहां पर सिर्फ इस पर जाऊंगा बिना 3000 के मैं इस पर जाऊंगा तो मेरा लॉग चलना चाहिए बट नहीं चल रहा है क्योंकि इंजन एक्स के जो डिफॉल्ट कंफिग्रेशन है वह यहां पर जो है यह टीसी इंजन एक्स वह यहां पर काम कर रहा है ठीक है और यहां देखो अ आप में इसे लोग ऐसे होंगे जो कि सोच रहे होंगे कि यार यह मैं क्या बताया जाना मुझे समझ नहीं आ रहा है सॉरी इंजन एक्स रिस्टार्ट करना था मुझे मैंने पीएम टू रिस्टार्ट कर दिया गलती से इंजन एक्स रिस्टार्ट ठीक है तो ठीक है देखो यार सबसे पहले हमने क्या किया कि हमने कहा कि हम PM2 नाम के प्रोसेस मैनेजर को इस्तेमाल करेंगे PM2 क्या करेगा PM2 को क्यों हमने यूज किया PM2 बड़ी स्मार्टली मैनेज करता है multiple node js processes को और आपकी सर्वर पर डिप्लाइमेंट को बड़ा इजी बना देता है फॉर एक्सांपल अगर 3000 पोर्ट पर चल रही है मेरी यह एक एक्सप्रेस आप तो मैं 3000 एक पर एक दूसरी एक्सप्रेस चला सकता हूं 3003 पर एक और एक्सप्रेस आप चला सकता हूं तीन अधिकार एक और एक्सप्रेस आप चला सकता हूं एंड सो ऑन ठीक है तो यह सब चीजें जो है मैं कर सकता हूं तो यह आप इस्तेमाल किया जा सकता है रिवर्स प्रॉक्सी का मतलब क्या कि यार एंजिन एक्स को मिलेगी रिक्वेस्ट और वह डायरेक्ट कर देगा कहां पर लोकल होस्ट को लंब्स थ्री थाउसेंट पर हम एंजिन एक्स के तू क्यों पास कर रहे हैं अपनी रिक्वेस्ट वेबसाइट पर या फिर कोई लेट एस से आपको स्टार्टिक फाइल सर्व करनी है तो आप एंजिन एक्स को वह जिम्मदारी तो यहाँ पर आप लोड बैलेंसिंग कैसे करोगे? कर सकते हो, अब्यूसिली नोट जीएस में भी कर सकते हो लोड बैलेंसिंग, लेकिन यार उतना दिमाग कौन लगाएगा?
अगर आप जल्दी जल्दी करना चाहते हो, जब आप अपना प्रॉड़ट बना रहे हो, तो आप अपने बिजनस को लेके सीरियस होते हो, अपने काम को लेके सीरियस होते हो, अपने प्रॉजेक्ट को लेके सीरियस होते हो, ना कि आप यह चीज़ खोजोगे कि कैसे नोट जी ट्रिमेट कर लिया और यह आपकी चलेगी मस्त एकदम ठीक है अब इसी में अगर आप लोग अपडेट वगैरह करना चाहते हो बिल्कुल आप जावास्क्रिप्ट यूज करके कर सकते हो जिस तरह से मैंने यहां पर यूज करी है आप डॉट आम का गया रॉटर डॉट गेट अब रॉटर डॉट पोस्ट भी यूज कर सकते हो रॉटर डॉट पुट भी यूज कर सकते हो आप रॉटर डॉट डिलीट चाहिए तो यह डेवलपमेंट वाला को आप जरूर अक्सेस करो काफी लोगों ने अक्सेस किया है इन फैक्ट 12 मिलियन लोगों ने इसको अक्सेस किया है और कभी अच्छा लगता है कि मैं इतना यूजफुल कोर्स बना पाया कि यार इतना इस वीडियो में इतना ही guys, thank you so much guys for watching this video and I will see you next time