हां जी कैसे हैं आप सभी स्वागत है आपका चाय और कोड में हमारा एक यूनिक youtube2 की अभी तक हमने जितना भी बैक एंड सीरीज के अंदर पढ़ा है वह सब है बेसिक्स हां जी अभी तक सिर्फ मैंने आपको एक इंट्रोडक्शन दिया है कि बैक एंड किस तरह से होता है इतना भी ज्यादा कोई बड़ी बात नहीं है बैक एंड आप लिख सकते हो एक्सप्रेस का हमने थोड़ा सा इंट्रोडक्शन लिया थोड़ा सा मांगूस का इंट्रोडक्शन लेकिन यह सब था बेसिक्स अब इस पॉइंट ऑनवर्ड से जो भी हम स्टार्ट करने जा रहे हैं वह है हमारी
प्रोफेशनल जर्नी प्रोफेशनल जर्नी इतनी आसान नहीं होती है वैसे मैं कोशिश करूंगा पूरा इस चैनल पे कि हर एक वीडियो के अंदर हम इन डेप्थ जाएं एक-एक लाइन का मतलब समझे और अच्छे से पूरे फ्लो को हम समझे लेकिन इसके लिए लगेगा आपका बहुत सारा डेडिकेशन यह सीरीज सिर्फ मैं अकेले पूरी नहीं कर सकता क्योंकि हम जिस तरफ जा रहे हैं वह भी मैं आपको दिखाऊंगा वह है बहुत ही ज्यादा प्रोफेशनल अप्रोच जितना भी हम कोड लिखेंगे वह है 100% प्रोडक्शन ग्रेड कोड यानी कि जितनी भी बड़ी कंपनियां है वह सारा का सारा यह कोड
स्टैंडर्ड फॉलो कर रही है और यही कोड स्टैंडर्ड आप भी जब किसी बड़ी कंपनी में जाएंगे तो फॉलो करेंगे यहां से जो हम सीरीज स्टार्ट कर रहे हैं यहां से आपको थोड़ा सा अपना दिल थाम के बैठना पड़ेगा क्योंकि ये सब लूप फंक्शन वेरिएबल नहीं है अब हम जा रहे हैं आगे कि सॉफ्टवेयर डेवलपमेंट कैसे होता है एक एप्लीकेशन कैसे बिल्ड होती है उसके बेसिक्स जानने के लिए और उसका सबसे बड़ा रोल बैक एंड के अंदर होता है यकीन मानिए आपको बैक एंड में इतना मजा आएगा कि आप फ्रंट एंड भूल जाएंगे इसके बाद में
हालांकि फ्रंट एंड के अपने अलग मजे हैं लेकिन बैक एंड के अंदर जितना कोड लिखने में प्रॉब्लम सॉल्विंग में और जो कोड लिखने का असली मजा है वह आपको यहां पे आएगा इस वीडियो का टारगेट है 500 कमेंट्स जो आप मुझे पता है फटाफट पूरा कर देंगे कोशिश करेंगे हम डे वन के अंदर ही हम 500 कमेंट्स पूरे कर लें और यहां से मैं आपको ओवरव्यू देना शुरू करूंगा कि एक प्रोडक्शन ग्रेड एप्लीकेशन कैसे बनती है कैसे वो प्रोडक्शन ग्रेड टूल्स हैं क्या-क्या आप यूज़ करेंगे और कैसे एनवायरमेंट वगैरह सब सेटअप कर करना है इस
पॉइंट ऑनवर्ड से मैं एक फ्रेश गेट गेट रिपोजिटरी बना रहा हूं ताकि आप भी सारा कोड गेट हप पे देख पाएं और उसको समझ पाएं अभी तक आप में से कई लोग सोच रहे थे कि हितेश अभी तक भी क्यों गिट का आपने रिपोजिटरी नहीं बनाया क्योंकि अभी तक सिर्फ बेसिक्स था उनको गिट पे पुश करके कोई फायदा नहीं था इसलिए मैं एक अलग से एक रेपो बनाना चाहता था जहां पे हम सिर्फ और सिर्फ एक प्रोजेक्ट की बात करें और उसी प्रोजेक्ट को पूरा एंड तक लेके जाएं यह अकेला अपने आप में एक ऐसा
प्रोजेक्ट है जो आपको ना कि सिर्फ जावास्क्रिप्ट के अंदर प्रोफेशनल बनाएगा बल्कि अगर आपको कहीं कॉलेज के अंदर रिज्यूमे में सबमिट करना है तो यह एक प्रोजेक्ट मोर देन इनफ है इतना कॉम्प्लेक्शन इसके अंदर इंक्लूडेड है ना ही यह सब चीजें किसी पेड कोर्स में है ना ही किसी फ्री कोर्स में है और ना ही आज तक youtube1 मिल जाए तो बताइएगा जरूर उसको भी अप्रिशिएट करेंगे उसको भी शाउट आउट देंगे तो चलिए पहले मैं आपको इंट्रोड्यूस करता हूं कमेंट्स याद रखिएगा 500 कमेंट्स का हमारा टारगेट है पहले मैं आपको एक ओवरव्यू देता हूं कि
अब हम क्या क्या मेगा प्रोजेक्ट बनाने वाले हैं और उसके बाद ही हम प्रोजेक्ट सेटअप का स्टार्ट करते हैं स्क्रीन शेयर करता हूं आपके साथ में यह हमारा प्रोजेक्ट है जो डिजाइनर ने हमें बना के दिया है हमारे पर्सनल डिजाइनर्स हैं यहां पे तो ये हम प्रोजेक्ट बना रहे हैं अब आप सोच रहे होंगे अच्छा ये एक पेज बनाएंगे नहीं जी ये एक पेज नहीं है अगर आप खोल के देखें तो ये प्रोजेक्ट इतना कॉम्प्लेक्शन होता है पहले प्रोजेक्ट्स का डिजाइन फाइनलाइज होता है ताकि हमें ये तो पता लगे एक्चुअली में हम बनाने क्या जा
रहे हैं हो सकता है इसका लुक एंड फील चेंज हो जाए हमें लुक एंड फील से मतलब नहीं है हम बैक एंड डेवलपर्स हैं यह काम यूआई डेवलपर्स का यूआई डिजाइनर्स का और हमारे फ्रंट एंड इंजीनियर्स का है यूआई डिजाइनर्स जो होते हैं या यूआई डेवलपर्स होते हैं सॉरी डिजाइनर्स नहीं डेवलपर्स जो होते हैं उनका रोल होता है मेजर्ली इस लुक को अचीव करना जैसे ये बटन है साइन अप बटन तो किस तरह के हमारे पास बटंस हैं लॉगइन लिखा आ रहा है किस टेक्स्ट में लिखा आ रहा है कितना फॉन्ट में लिखा रहा है
यूजुअली फिग्मा फाइल्स या एक्सटी फाइल्स में उनको ये सारे इंस्ट्रक्शंस दिए जाते हैं कि इनके बीच में स्पेसिंग कितनी रखनी है कितना फॉन्ट रखना है क्या इमेज है क्या एसेट्स हैं यह सब हमें रखा जाता है तो यह काम है आपके यूआई डेवलपर्स का ताकि ये लुक अचीव करें उसके बाद आपके जो फ्रंट एंड इंजीनियर्स हैं वो इस प्रोजेक्ट के सारे यूआई को लेते हैं बटंस को लेफ्ट नेविगेशन बार को कार्ड्स को और इन सबको कनेक्ट करते हैं हमारे बैक एंड से जो कि काम है आपके फ्रंट एंड डेवलपर्स का जो कि एपीआई कॉल करते
हैं डाटा रिसीव करते हैं और सारा काम करते हैं तो हम उस चीज के लिए इंटरेस्टेड नहीं है यह बटन यहां पे पर्पल दिखे या रेड दिखे मुझे इससे मतलब नहीं है मैं एक बैक एंड डेवलपर हूं तो बैक एंड डेवलपर यूजुअली इन सारी फाइल्स को देख के पिक करता है कि अब इस एप्लीकेशन को बनाया कैसे जाएगा कैसे डेटा पॉइंट्स कलेक्ट किए जाएंगे क्योंकि सबसे इंपॉर्टेंट एज अ बैक एंड डेवलपर हमारे लिए क्या है डाटा वही तो स्टोर करना है बैक एंड में अब उस डटा को कैसे लिया जाए स्टोर किया जाए और कैसे
उसको प्रोसेस करके सामने दिया जाए यही सारा खेल है इसी के लिए सारा काम होता है अब आप देखेंगे यहां पे जितने भी कंटेंट है देखिए यूजर का प्रोफाइल तो ओबवियसली बनेगा ही उसका यूजर नेम भी आएगा लेकिन और भी कितनी चीजें हैं मेरे लाइक्ड वीडियोस भी स्टोर किए जा रहे हैं मेरी हिस्ट्री भी स्टोर की जा रही है तो अगर आप जनरल एक ओवरव्यू देखें तो हां वीडियोस का शायद कोई मॉडल होगा और यूजर्स के अंदर मेरे पास एक एरे होगा जहां पर मैं सारे वीडियोस की आईडी डाल दूं जो भी मैंने देखा है
तो शायद मैं मेरा हिस्ट्री यहां पे क्रिएट कर पाऊंगा ये जो आप सोच पा रहे हैं ये इसीलिए सोच पा रहे हैं क्योंकि आपने मॉडल्स वाले पहले वीडियोस देखे हैं और अब आपका एक ब्रेन प्रोसेसिंग इंप्रूव हो गया है लेकिन ये पूरे मॉडल्स किस तरह से बनाए जाते हैं ये आप अपने फर्स्ट ईयर सेकंड ईयर या थर्ड ईयर में भी नहीं सीखते हैं थर्ड ईयर से मेरा मतलब है जब आप इंडस्ट्री के अंदर है वो मैं आपका फर्स्ट ईयर मान रहा हूं कॉलेज का नहीं तो वहां पे आप दोती साल 5 साल देते हैं तब
आपको डेटा मॉडलिंग अच्छे से समझ आती है कि क्या फ्यूचर स्कोप रखते हुए हम डेटा मॉडलिंग करते हैं अब इस प्रोजेक्ट के अंदर आपके लिए काफी डेटा मॉडलिंग कर दी है जिसके अंदर मैं आपको बताऊंगा कि किस तरह से डेटा मॉडलिंग की जाती है क्या-क्या चीजें हमने ध्यान में रखी कैसे इसको फर्द फ्यूचर में इंप्रूव किया जा सकता है यह जो हमारा इरेजर टूल है यहां पर मैं इसको यूज कर रहा हूं और आगे जाकर मैं आपको यह पूरा बता भी दूंगा किस तरह से यह सब यूज होता है कैसे इसको एक्सेस होता है बट
बाय द वे अ बिग शाउट आउट टू द रेजर टीम कि उन्होंने मुझे पूरा फ्री एक्सेस दे रखा है इसका लिंक मैं डिस्क्रिप्शन में डाल दूंगा ताकि आप ये सारा का सारा मॉडल किस तरह से बना है क्या है एटलीस्ट एक ओवरव्यू नजर डाल लें लेकिन अगर इस सारे को अभी आप देखेंगे तो बहुत ज्यादा कंफ्यूज हो जाएंगे क्योंकि अभी हम उस लेवल पे पहुंचे ही नहीं है हमने एक भी ऐसा कॉम्प्लेक्टेड मॉडल थोड़ा सा डरावना लगे कि या इतना बड़ा काम करेंगे बट आपको अप्रिशिएट क्या करना है कि अगर इतना कॉम्प्लेक्टेड कर लिया तो
उसके बाद क्या टुडूज और क्या बेसिक प्रोजेक्ट आप कहोगे जो बना देंगे इसीलिए मैंने कहा कि इतना किसी पेड कोर्स में पढ़ाना पॉसिबल नहीं है हमें भी लगेगा बहुत टाइम लगेगा महीनों लगेंगे यह काम इतना इजी नहीं हो जाएगा क्योंकि बहुत कॉम्प्लेक्शन है इस पूरे प्रोजेक्ट में समझाना और भी ज्यादा कॉम्प्लेक्टेड से कि हम यूजर को कैसे स्टोर रखते हैं यूजर की आईडी कैसे रखी जाती है मंगो डीवी में यूजर नेम ईमेल फुल नेम अवतार जो कि एक इमेज होगा कवर इमेज पासवर्ड रिफ्रेश टोकेंस अच्छा ये रिफ्रेश टो टकंस जेडब्ल्यू t यह सब क्या होता
है यह सब भी हमें देखना है सारा पढ़ेंगे कैसे सेशंस क्रिएट होते हैं कैसे टोकेंस बांटे जाते हैं क्रिएटेडटेड ऐड इनको मैनिपुलेशन कैसे होगा तो हम काफी कुछ सीखेंगे इसका मैं आपको डिस्क्रिप्शन में लिंक दे दूंगा अब यहां पे एक कॉमन क्वेश्चन आता है वो कॉमन क्वेश्चन क्या है कि सर ये जो आपने मॉडल बनाया क्या मुझे भी एग्जैक्ट ऐसा ही मॉडल बनाना है अभी के लिए तो हां अभी जब तक आप ये सीरीज फॉलो कर रहे हैं तो हम सारे सेम पेज पे रहेंगे एक ही मॉडल को फॉलो करेंगे लेकिन जरूरी नहीं कि मॉडल
इसी तरह से बने ये प्रोजेक्ट इसी तरह से हैंडल हो जरूरी नहीं है सबकी अलग-अलग सोच है सबका अलग-अलग फ्यूचर स्कोप है तो हो सकता है जिस तरह से हमने यह मॉडल बनाया आप किसी अलग तरह से बनाते हैं और वो भी सही है अगर गिवन फंक्शनैलिटी अचीव हो रही है जो भी फ्रंट एंड पे चाहिए या जो भी हमें यूजर को देनी है अगर वो अचीव हो रही है तो वो भी अच्छा ही मॉडल है वो भी सेम मॉडल है तो प्लीज ऐसा मत सोचिए कि इसको रटना पड़ता है मॉडल ऐसे ही डिजाइन होते
हैं नहीं ये फ्यूचर स्कोप पे डिसाइड होता है आप किस तरह की एप्लीकेशन बना रहे हैं उसपे डिपेंड होता है हमने काफी चर्चा इसकी करी है हमारे हॉस्पिटल मैनेजमेंट सिस्टम में भी और कई जगह भी करिए तो उम्मीद करता हूं आप अभी समझ गए होंगे इसको चलिए अब वापस से चलते हैं तो यह हो गया हमारा बेसिक कि ठीक है हमारे प्रोजेक्ट इस तरह से होंगे और काफी कॉम्प्लेक्टेड नहीं खेल रहे हैं हम काफी बड़ा और काफी इन डेप्थ में खेल रहे हैं इसका लिंक आपको डिस्क्रिप्शन में मिल जाएगा मैं दे दूंगा और नहीं हो
तो मुझे याद दिला देना मैं ऐड कर दूंगा वैसे मैंने कर दिया है शेयर इसको अ अच्छा यहां पे एक इजी तरीका यह भी है शेयर करने का मैं आपको बताता हूं यहां पे तो इसको शेयर करने का जो सबसे इजी तरीका है एक हमारे पास में ये शेयर पे क्लिक करके और मैं आपको क्यूआर कोड भी दे सकता हूं तो अगर आप जहां पे भी देख रहे हैं कंप्यूटर स्क्रीन वगैरह पे तो इसको स्कैन कर लीजिएगा वैसे मैं लिंक भी डाल दूंगा कॉपी करके डिस्क्रिप्शन में बट अगर याद नहीं रहे तो एटलीस्ट आपके पास
एक स्कैनेबल कोड तो है ही तो आप शेयर ले सकते हैं सारा ओके जी चलिए इतना काम तो हमारा हो गया है और हमें समझ में भी आ गया है कि ठीक है काफी कॉम्प्लेक्टेड दिस हैं तो ओबवियस सी बात है कंट्रोलर की प्रैक्टिस बहुत ज्यादा होगी अब अभी के लिए जो हमारे पास पा में फोकस है हमारा सारा अटेंशन जो जाएगा वह हमारे इस यूजर मॉडल पे जाएगा कि किस तरह से हम यूजर को सेव रखना चाहते हैं अब यूजर को सेव रखने के लिए सिर्फ उसका ईमेल पासवर्ड नहीं यहां पे हम देख रहे
हैं कि हम इमेजेस भी हैंडल कर रहे हैं हां जी तो यह एक सबसे बड़ी चीज है इस प्रोजेक्ट के अंदर कि यहां पे जितना भी काम हो रहा है मैं आपको कुछ भी बेसिक से नहीं ले रहा हूं मैं सब कुछ एडवांस लेवल पे लेके जा रहा हूं बेसिक्स के लिए हमने वीडियो ऑलरेडी कर लिए हैं ऐसा नहीं है कि मैं आपको बेसिक्स पढ़ाऊंगा नहीं पढ़ाऊंगा लेकिन हम चीजों को एडवांस लेके जा रहे हैं डे वन से ही हम फाइल हैंडलिंग थर्ड पार्टी एपीआई थर्ड पार्टी सर्विसेस कैसे यूज़ करते हैं क्योंकि प्रोफेशनल लाइफ में
यह सब यूज़ होता है तो उनको कैसे यूज़ करना है कैसे सेव करना है इनफैक्ट प्रोजेक्ट स्ट्रक्चर भी किस तरह से प्रोफेशनली क्रिएट होता है वह सब हम देखेंगे ठीक है तो काफी बातें हो गई कमेंट भी आपने कर दिए होंगे अब तक टारगेट अचीव तो चलिए जी शुरू करते हैं अब इस प्रोजेक्ट को हम कैसे अ स्टार्ट करें और कैसे इसके बारे में हम चर्चा करें तो सबसे पहले क्या करता हूं कि मैं एक वीएस कोड ओपन करता हूं क्योंकि सारा काम हम करने तो वहीं वाले हैं तो यह लीजिए हमारा वीएस कोड यहां
पे आ गया है और मैंने एक नया ब्लैंक फोल्डर बना लिया था जिसका नाम है चाय और बैक एंड हां इसी नाम से हम करेंगे सारा का सारा काम तो चाय और बैक एंड का ये हमारा फोल्डर है इसके अंदर एक प्रोजेक्ट रिपोजिटरी इनिश इज कर लेते हैं और उसके बाद गिट पे इसको सेटअप कर लेते हैं तो उसी से हमारा सारा ऑलमोस्ट आधा काम तो हो ही जाएगा उम्मीद करता हूं आपको भी मेरे गिट के नोट मिल गए होंगे कम्युनिटी पोस्ट के अंदर मैंने डाल रखा है जितने भी गिट्स के बेसिक्स थे नोट्स थे
वो मैंने ऐड कर दिए हैं कभी फुर्सत मिलेगी तो वीडियो क्रैश कोर्स कोर्स तो क्या फुल कोर्स ही होगा वह भी ले आएंगे बट अभी के लिए ठीक है अब सबसे पहले हमारे पास काम है कि हमारे पास नोड इंस्टॉल है आप भी चाहे तो नोड ड v करके देख सकते हैं कि नोड हमारे पास वर्जन 19 हो 20 हो कोई खास फर्क पड़ेगा नहीं जो भी वर्जन है आप ले लीजिए और काम कर लीजिए एनपीएम इनेट करके देखते हैं तो उससे क्या होगा एक नोड पैकेज मैनेजर हमारा एक इनिश इज कर देगा अ रिपोजिटरी
को वैसे कई लोग एनपीएम को नोड पैकेज मैनेजर नहीं बोलते हैं बट उनकी अपनी कहानी है तो एनपीएम इनेट करते हैं पैकेज नेम हमारा चाय और बैक एंड ठीक है वर्जन भी ठीक है डिस्क्रिप्शन ए ए बैक एंड इन एट चाय और कोड चैनल youtube3 पॉइंट इक्ड जए एंट्री पॉइंट हम काफी चेंज करने वाले हैं उस परे भी हम बात करेंगे अभी के लिए हमारी एंट्री पॉइंट ठीक है index.js टेस्ट कमांड कुछ है नहीं गेट रिपोजिटरीज बाद में देंगे कीवर्ड्स हमारे हैं जावास्क्रिप्ट है और बैक है और चाहे तो है ही है चाहे तो कीवर्ड
लिखना ही पड़ेगा ना ऑथर मेरा नाम यहां पर ऐड कर देता हूं आपका मन करे आपका नाम ऐड करिए आईएससी लाइसेंस ठीक है यह हमारा पैकेज इनिला इज हो गया तो पैकेज ड जेसन हमारे पास में है अब पैकेज ड जेसन तो है हमारे पास में लेकिन अभी और भी काफी काम हमें करना है ओके तो इतने पे काम हम चला लेते हैं वैसे तो हमारे अभी कई फोल्डर्स कई फाइल्स बहुत कुछ बनेगा लेकिन क्या अभी उन फाइल्स को फोल्डर्स को मैं बना के एक्चुअली में मैं आपको बताऊंगा रीजन कि क्यों नहीं बना रहा हूं
क्योंकि गिट के अंदर वो पुश नहीं होंगे तो कैसे गिट के अंदर भी पुश होंगे कैसे काम होगा उन सबके बारे में बात करेंगे अभी के लिए हमारी इस रिपोजिटरी को इनिला करके हम एक्चुअली गिट प तो ऐड कर ही देते हैं और एक रीड म फाइल भी ऐड कर देते हैं तो मीड एडी तो इसके अंदर भी कुछ कंटेंट लिख देते हैं चाय और बैक एंड सीरीज और यहां पर ऐड कर देते हैं दिस इजी सीरीज ऑन चाय ऑन बैक एंड बैक एंड विद जावास्क्रिप्ट इसको मैं और ऐड कर दूंगा ताकि आपको और इजी
रहे सारे लिंक्स वगैरह भी यही ऐड कर देंगे ताकि इजी रहे इनफैक्ट वो लिंक भी ऐड कर ही देते हैं यहां पर ज्यादा इजी रहेगा तो इसको हम शेयर करके कॉपी लिंक बैक जाते हैं और इसको यहां पर ऐड कर देते हैं मॉडल्स लिंक तो यह हमारा हो गया मॉडल लिंक ओके आप चाहे तो इसको यहां पर इस बटन को क्लिक करके और देख भी सकते हैं कि कैसा हमारा आउटपुट आया इस तरह का आउटपुट है तो एटलीस्ट हमारा काम हो गया है अब इसको हम गिट रिपोजिटरी को इनिश इज करके और पुश भी कर
देते हैं तो सबसे इजी काम है गेट इन इट यह हो गई गेट रिपोजिटरी इनिला इज्ड अब हम सारी फाइल्स वगैरह सबको ट्रैक कर रहे हैं उसके बाद हम कर देते हैं यहां पे गिट ऐड सभी फाइल्स को ऐड कर दो तो यह लीजिए और कमिट मैसेज भी डाल देते हैं गेट कमिट और मैसेज देंगे हम स्टार्ट ऐड इनिशियल फाइल्स फॉर बैक एंड यह लीजिए ऐड भी कर दिया अब हमारे पास अभी जो ब्रांच एक्चुअली में चल रही है वो है हमारी मास्टर ब्रांच वीएस कोड वैसे ही काफी फ्रेंडली है इन सब चीजों के लिए
मास्टर ब्रांच हमारी चल रही है हम इस ब्रांच को रिनेम कर लेते हैं ताकि गेटअप के स्टैंडर्ड्स के साथ हम मैच कर ले तो इसको हम चेंज कर लेते हैं एक्चुअली में सारा गेट देख लेते हैं बाकी का वैसे तो हम ब्रांच भी चेंज कर सकते हैं यही बट वो भी करते हैं सबसे पहले आइए क्रिएट न्यू रिपोजिटरी हम एक न्यू रिपोजिटरी क्रिएट करना चाह रहे हैं जिसका नाम है हमारे पास में चाय बैक एंड और चाय बैक एंड के बाद पब्लिक ही रखेंगे इसको ए वीडियो सीरीज ऑन चाय और कोड ैनब रिपोजिटरी है गिट
इग्नोर वगैरह मैं आपको मैनुअली ऐड करना सिखाऊंगा वो हम बाद में करेंगे अभी इसको क्रिएट रिपोजिटरी कर लेते हैं सिर्फ हमारा एक ही काम है मेजर्ली कि हमें ब्रांच चेंज करनी है तो आप गट ब्रांच ड एम से मेन चेंज कर सकते हैं हमें जो चाहिए मेजर्ली वो लास्ट की दो कमांड्स या फिर आप इससे भी काम चला सकते हैं सिर्फ एक लिंक से भी तो अभी सबसे पहले तो ब्रांच में चेंज कर देता हूं ताकि हमारा स्टैंडर्ड सेम रहे तो ब्रांच ड ए से आप जो एसिस्टिंग करंट ब्रांच है उस ब्रांच को आप रिनेम
कर देते हो मैं इसको मेन कर देता हूं ताकि मास्टर की जगह मेन हो जाए लेफ्ट कॉर्नर में आप देख भी सकते हैं वैसे तो नहीं दिख रहा होगा आपको दिखाते हैं अभी यहां पे अब यहां पे आपको दिख रहा होगा जूम करने से भी नहीं दिख रहा होगा काफी डिफिकल्ट है बट 4k में वीडियोस है देख लीजिएगा तो यहां से हम आ गए हैं मेन ब्रांच में अब हमारी ब्रांच है मेन ओके तो सारा कमिट वगैरह सब कुछ ठीक चल रहा है ब्रांच है बट अभी हम पुश नहीं कर सकते हैं क्योंकि हमने ओरिजिन
सेट नहीं करा है तो ओरिजिन के लिए हम सबसे पहले ये ओरिजिन नहीं हमने एक्चुअली में रिमोट सेट नहीं करा है तो कॉपी करते हैं इसको और रिमोट यहां पे अप्लाई कर देते हैं तो रिमोट हमारा ये ऐड हो गया है अब हमारी गिट रिपोजिटरी को यह भी पता है कि पुश उसको रिमोट कहां पे करना है उसके बाद हम आते हैं पुश पे और अप स्ट्रीम भी सेट करेंगे डैश यू जो ऑप्शन है यह अपस्ट्रीम सेट करता है मेरे नोट्स के अंदर यह सारा सब कुछ मेंशन है तो यह हमारा हो गया अपस्ट्रीम भी
मेंशन और प्लस इसी सेम टाइम पे इसने पुश भी कर दिया सारा का सारा कोड तो ओबवियस सी बात है अब हम रिफ्रेश करके देखेंगे तो हमें सारा का सारा कोड मिल जाना चाहिए और आपको भी मिल ही जाएगा आइएगा github.com हितेश चौधरी पे और आपको चाय बैक एंड इजली मिल जाएगा ठीक है तो एटलीस्ट अभी हमने जितना कोड पुश किया है वह सारा का सारा कोड आ गया है अब मैं आपको थोड़ी सी और चीजें बताता हूं यहां पे कि किस तरह से हम प्रोफेशनली इसको हैंडल करेंगे और यह सारा का सारा काम किस
तरह से करेंगे तो यह काम तो हो गया है रिपोजिटरी वगैरह सब कुछ सेट है इतना तो बड़ा बेसिस है लेकिन अब आते हैं एक-एक करके कि किस तरह से हम फाइल्स फोल्डर्स ये सब मैनेज करेंगे देखिए एक सबसे जरूरी जो काम हम करने वाले हैं व है इमेजेस को स्टोर करना इमेजेस को हम किस तरह से स्टोर करेंगे कि हम ओबवियस सी बात है थर्ड पार्टी सर्विस यूज करेंगे उसके बारे में सेपरेट वीडियो होगा लेकिन यूजुअली आप ये सिंटेक्स देखेंगे कि कोई भी थर्ड पार्टी सर्विस आप यूज़ कर रहे हैं तो कुछ फाइल्स और
फोल्डर्स हम यहां पर बनाते हैं तो एक फाइल तो मैं बनाता हूं पब्लिक अब इस पब्लिक के अंदर एक और मैं यहां पर फाइल बनाऊंगा जिसका नाम है यहां पे टेंप फाइल तो नहीं एक्चुअली में मुझे फोल्डर बनाना है यहां पे जिसका नाम मैं रख देता हूं टेंप अब क्या होगा आपने एक फाइल भी बना ली और एक फोल्डर भी बना लिया लेकिन अगर आप देखेंगे गट में अगर स्टेटस देखता हूं यहां पे तो आप इस फाइल को एक्चुअली में पुश नहीं कर सकते हो क्योंकि गिट स्टेटस देखोगे तो उसने कहा देखिए आपने फोल्डर्स बनाए
हैं मैं फाइल्स को ट्रैक करता हूं फोल्डर के अंदर फोल्डर वो अभी एमटी है तो उसको पुश करना मतलब कोई सेंस नहीं बनाता है गट के लिए यह सिनेरियो आपके साथ भी आएगा काफी बार आएगा तो इसलिए हम यहां पे अब अपना गिट का ब्रश अप करेंगे कि और क्या-क्या हम गिट के अंदर सीख सकते हैं साथ की साथ में ताकि प्रोफेशनली आप इस तरह के काम करो तो इस तरह की जब फाइल्स आती है तो सबसे पहले हम क्या करते हैं वहां पे एक नई फाइल क्रिएट कर देते हैं और जिस तरह से हम
डॉट गट इग्नोर बनाते हैं वैसे ही डॉट कीप गट कीप फाइल बनाते हैं अब क्योंकि ये फाइल आ गई इस फाइल के अंदर होता कुछ नहीं है ये फाइल होती एमटी है बट इस फाइल से क्या है इस तरह के अगर आपको फोल्डर्स बनाने हैं टेंपररी जो जरूरी भी है हमारे वर्कफ्लो के लिए और जिनको पुश भी करना है हमें और ट्रैक भी रखना है तो किस तरह से रखे एमटी फोल्डर तो इसलिए हम एक वहां पे एमटी फाइल बना देते हैं ड गट की वैसे तो इस फाइल का नाम कुछ भी हो सकता था
बट ये एक स्टैंडर्ड प्रोसीजर है जो फॉलो करते हैं अब अगर मैं यहां पे देखूं गिट स्टेटस तो एक्चुअली में व फाइल यहां पे बोल रहा है कि ठीक है पब्लिक के अंदर ये टेंपरेरी वगैरह सब आपको मैं यहां पे ट्रैक करके रखूंगा यहां पे ठीक है उम्मीद करता हूं ये मेरी जो गिट फाइल है ये टेंप के अंदर ही है एक बार देख लेते हैं तो हम यहां पे अ सीडी करके देख लेते हैं पब्लिक के अंदर और टेंप के अंदर ठीक है ठीक है सारी फाइल्स हमारी एकदम सही जगह पे है ठीक है
जी इतना काम तो हो गया अब ऑब् वियस सी बात है यहां पे एक नई फाइल भी हमें दो-तीन नई फाइल्स लगेगी लगेगी सबसे पहली फाइल तो हमें लगेगी एक डॉट गट इग्नोर क्योंकि ऑब् वियस सी बात है अब हम प्रोफेशनली काम कर रहे हैं तो प्रोफेशनली जब काम कर रहे हो तो काफी एपीआई भी यूज करोगे काफी कीज भी यूज करोगे काफी सीक्रेट्स भी यूज करोगे ग लेकिन व सारी चीजें तो गिट पे पुश नहीं करनी है अच्छी बात भी नहीं होती है तो इसलिए यहां पे गिट इग्नोर हम फाइल बनाएंगे ताकि जो जो
फाइल्स हमें पुश नहीं कर रही है सेंसिटिव फाइल्स से उन सबको यहां पे हम रख पाए एक सबसे इंटरेस्टिंग चीज है कि आपके पास य गिट इग्नोर जेनरेटर्स भी है मार्केट में गिट इग्नोर जेनरेटर्स तो यह क्या करते हैं जिस तरह का आपका प्रोजेक्ट है उस परे बेस्ड आपको अ प्रोजेक्ट फाइल्स वगैरह सब जनरेट करके दे देते हैं मैं यूजुअली यह वाला यूज करता हूं वैसे तो आप कोई भी यूज करिए तो यहां पे क्या है आपको एक नोड जेएस का पूरा का पूरा मिल जाता है तो यह क्रिएट करता हूं तो यह देखिए नोड
की जितनी भी फाइल्स है जो सब आईडियली होनी चाहिए थी वहां पे गिट इग्नोर में तो वो होती है तो यहां पे यूजुअली जब भी प्रोफेशनल कोड लिखते हैं इस तरह का तो कॉपी करते हैं और यहां पे लाके पेस्ट कर देते हैं अब आपकी जितनी भी फाइल्स है जो नहीं जानी चाहिए वो यहां पे है बट अगर आपको लगता है कि कुछ और भी होनी चाहिए तो आप ऐड कर सकते हो जैसे नोड मॉड्यूस हो गया जेएसपीएम पैकेजेस हो गए वेब मॉड्यूस हो गया ये यूजुअली गट पे रीक्रिएट करी जा सकती है तो नहीं
करते हम एनवायरमेंट वेरिएबल भी देखिए नवी डॉ टेस्ट डॉट प्रोडक्शन जितने भी एनवायरमेंट वेरिएबल हैं वो सब भी यहां पे ट्रैक हो रहे हैं अब क्योंकि सब चीजें ट्रैक हो रही है अच्छे से तो ओबवियस सी बात है अब आप अ एनवायरमेंट वेरिएबल फाइल भी बनाना चाहोगे तो हम एक फाइल बनाते हैं ड एवी ये फाइल क्या होती है ये होती है एनवायरमेंट वेरिएबल फाइल जब भी हम चीजों को प्रोडक्शन में पुश करेंगे मैंने फ्रंट एंड में भी इसका डिस्कस किया था तो ये एनवायरमेंट वेरिएबल सिस्टम से उठाए जाते हैं ताकि ये सिक्योर रहे ये
फाइल से नहीं उठाए जाते हैं तो एनवायरमेंट वेरिएबल जैसे ही आपका ये बैक एंड का सोर्स कोड प्रोडक्शन में जाएगा एडब्ल्यू पे जाए डिजिटल ओसन पे जाए वहां पे भी उन सर्विसेस पे आपको एनवायरमेंट वेरिएबल के फील्ड्स मिलते हैं तो की वैल्यूज वहां पे भी आप ऐड कर देते हो तो डॉट इवी रखूंगा बट मुझे आपको भी तो देना है एनवायरमेंट वेरिएबल अब डॉ एवी पुश करेंगे ना गेट हब पे तो आजकल गेट हब भी आपको वार्निंग देता है कि प्लीज ऐसा मत करो तो इसलिए आपसे हटाने के लिए मैं क्या करता हूं एक टवी
ड सपल बना देता हूं जो भी काम मैं नवी में करूंगा सिर्फ आपको देने के लिए मैं उसको सैंपल में रखूंगा अब क्योंकि ये फाइल मैंने डॉट गट इग्नोर में नहीं ऐड कर रखी डॉट सपल भी तो वो यस सी बात है पुश हो ही जाएगी तो इतना काम तो हमारा हो गया और हमें समझ में भी आ गया कि एक-एक चीज हम क्यों कर रहे हैं क्या इसके लिए जरूरी है और कैसे सारा काम होगा ठीक है इतना काम तो हो गया पैकेज जेसन भी आ गया रीड मी भी आ गया लेकिन अब हमारी
इंडेक्स फाइल कहां है क्योंकि पैकेज जेसन में प्रॉमिस करके आए थे ना कि हमारी मेन फाइल index.js होगी हां जी तो उसका प्रॉमिस भी हम निभाएंगे अभी लेकिन इतनी जल्दी नहीं हम थोड़ा सा और काम करेंगे हम रूट के अंदर ही एक और नया यहां पर फोल्डर बनाएंगे जिसका नाम है एसआरसी अब यह टोटली टोटली आप पे डिपेंड करता है कि आप सारा का सारा डायरेक्टरी फाइल्स यहीं रख लो या सोर्स के अंदर रख लो सिर्फ एक फोल्डर स्ट्रक्चर है मुझे ऐसा लगता है सोर्स के अंदर हम थोड़ा सा और ऑर्गेनाइज रहेंगे तो इस हिसाब
से हम सोर्स के अंदर सारा का सारा रख लेते हैं जितना भी हमारे पास में वर्क रहेगा या जो भी हमारी फाइल्स रहेगी उसी के अंदर हम रखेंगे अब सोर्स के अंदर हम जाते हैं तो हमें दो-तीन फाइल्स लगेगी अब सबसे इजी मुझे क्या लगता है इन फाइल्स को क्रिएट करने के लिए कि आप कर सकते हैं राइट क्लिक करके वगैरह लेकिन काफी टाइम आपका सेव हो जाता है अगर आप कमांड लाइन से करें तो अब जरूर जरूरी नहीं है आप देखिए फाइल्स क्रिएट करनी है इसमें कोई इतना बड़ा बवाल करने की जरूरत नहीं है
कि आपने कमांड लाइन से कर ली हमने हमने राइट क्लिक करके कर ली मुझे जो इजी लगता है मैं वो कर लेता हूं आपको जो इजी लगे आप वो कर लो क्योंकि मैं एक मुझे लगेगी कांस्टेंट्स कांस्टेंट्स एक बार हां जी कांस्टेंट्स कांस्टेंट जए और ओबवियस सी बात है एक मेरी फाइल index.js अब टच कमांड से यह फाइल क्रिएट करने का मुझे फायदा यह है कि मैं जैसे ही एंटर करता हूं तो सोर्स के अंदर ना यह सारी की सारी फाइल्स क्रिएट हो गई और यह बाहर चल जाए अंदर चल जाए इन सब से मुझे
कोई मतलब नहीं है इजली सारा काम हो जाता है ठीक है एक काम तो यह हो गया हमारा अब सोर्स के अंदर मुझे मुझे कुछ फोल्डर्स भी बनाने हैं जिनकी हम एक-एक करके चर्चा करेंगे अब यह क्या है कि वो फोल्डर्स मैं बना अभी नहीं सकता क्योंकि वही वाली कहानी हर के अंदर डॉट कीप रखना पड़ेगा क्योंकि अभी सबके अंदर फाइल्स थोड़ ना रख सकता हूं तो जैसे-जैसे फाइल्स आएगी वो सारा काम होता जाएगा लेकिन अभी के लिए हमारे पास काफी काम हो गया है तो इसको हम गिट पे पुश कर देते हैं कि किस
तरह से सारा काम होगा लेकिन अभी हमारे पैकेज जसन को नहीं पता है कि आप किस तरह से काम में लोगे क्या सारी चीजें होगी तो हम क्या करते हैं इस पैकेज ड जसन फाइल पे भी थोड़ा सा वर्क कर लेते हैं और स्क्रिप्ट्स वगैरह लिख लेते हैं कि किस तरह से आपको ओपन करना किस तरह से रन करना है तो सबसे पहले तो मैं क्या करूंगा क्योंकि मुझे जो सिंटेक्स यूज करना है वह करना है इंपोर्ट वाला सिंटेक्स रिक्वायर वाला सिंटेक्स नहीं जावास्क्रिप्ट के अंदर दो तरह से इंपोर्टिन जीएस से एक मॉड्यूल से मैं
पूरे के पूरे प्रोजेक्ट में मॉड्यूल रखूंगा ताकि कंसिस्टेंसी बनी रख इसके लिए मुझे क्या करना है कुछ नहीं यहां पे आके लिखना है टाइप और मुझे सजेशन में आ जाता है कॉमन या मॉड्यूल मैं यूज करूंगा मॉड्यूल तो मैंने पैकेज ड जसन में बता दिया कि देखिए जी अपन इस तरह से चलने वाले हैं ठीक है जी इतना काम तो हो गया लेकिन अब मुझे यह भी पता है कि पास्ट में मैंने कुछ जब पढ़ाई करी थी तो मुझे पता है कि जब भी सर्वर की फाइल अ रीलोड होती है कुछ भी आप चेंज करते
हो तो सर्वर स्टार्ट और स्टॉप करना पड़ता है अब इसके कई ऑप्शंस है आप किस तरह से इसको करना चाहते हो हैंडल या तो हर बार सर्वर स्टॉप करिए स्टार्ट करिए ये भी ठीक है लेकिन इतनी फाइल्स लिखेंगे इतना आगे जाके कोड लिखने वाले हैं तो प्रॉब्लम होगी तो वैसे तो नट जए के अंदर आजकल एक डैश डैश वॉच करके ऑप्शन आया है लेटेस्ट जहां से आप काम कर सकते हैं लेकिन प्रोडक्शन ग्रेड में अभी इतना नहीं गया है वो अभी भी लोग एक अ यूटिलिटी यूज़ करते हैं जिसका नाम है नोड मन तो नोड
मन हम यहां पे इंट्रोड्यूस करेंगे और उसको यूज़ करेंगे नोड मन है कुछ भी नहीं बस यह आपकी फाइल जैसे सेव होती है सर्वर को रीस्टार्ट कर देता है बस इतना ही काम है इससे ज्यादा इसका कोई काम नहीं है आप नोड मन पे जाएंगे तो ज्यादातर आप देखेंगे कि डेफ डिपेंडेंसी इंस्टॉल होता है अच्छा डिपेंडेंसी और डेफ डिपेंडेंसी में क्या अंतर है डेफ डिपेंडेंसी वो डिपेंडेंसी होती है जो डेवलपमेंट के दौरान हम यूज़ करेंगे प्रोडक्शन में इसको नहीं लेके जाते हैं उससे कोई फाइल भारी हल्की होने से कोई फर्क नहीं पड़ता है क्योंकि सिर्फ
डेवलपमेंट में काम आएगा जैसे प्रोडक्शन में जाएगा तो इसको काम में नहीं लेते हैं बट आप यहां देखेंगे एनपीए आई नोड मन इस तरह से इंस्टॉल करोगे तो मेन डिपेंडेंसी बन जाएगी तो आपको ज्यादातर ऑप्शन मिलेगा यह इस तरह का एनपीएम इंस्टॉल ड ड सेव ड डेव यानी कि डेव डिपेंडेंसी डेवलपमेंट डिपेंडेंसी है ताकि मेन प्रोडक्शन में इसका कोई अंतर ना आए और आप नड मन इंस्टॉल कर लीजिए इसके अदर ऑप्शंस भी आपको मिल जाएंगे कि एनपीएम इंस्टॉल ड कैपिटल डी करके भी आप इंस्टॉल कर सकते हैं कुल मिला के बात ये है कि डेब
डिपेंडेंसी इंस्टॉल करनी है तो यह हमारा नोड मन रहा अब इस इस को इंस्टॉल करने का सबसे इजी तरीका है आपको जो दिखेगा वो दिखेगा कि एनपीएम इंस्टॉल डडी से डेवलपमेंट डिपेंडेंसी या फिर डैश डैश सेव डैश डेवलपमेंट वो भी कर सकते हो आप और नोड मन अ ये जैसे ही मैं इंस्टॉल कर रहा हूं तो आप सबसे पहले देखेंगे नोड मॉड्यूस आया लेकिन क्योंकि गिट इग्नोर में नोड मॉड्यूस ऑलरेडी है तो गिट मेरा ट्रैक नहीं कर रहा है इसको प्लस मेरे पास ये डेव डिपेंडेंसीज नाम से अलग से आया है डिपेंडेंसीज तो है ही
नहीं अभी मेरे पास वो तो हम आगे जाके बात करेंगे पर डेप डिपेंडेंसी हमारे पास में आ गई है नोड मन अब नोड मन क्या है इस सोर्स के अंदर जो इंडेक्स फाइल है इसमें आप जो भी लिखोगे इन सबको आपके पास अ रीलोड कर देगा बट बताना पड़ेगा ना ऐसे हवा में थोड़ी करेगा तो जैसे हमारे पास टेस्ट कमांड होती है स्क्रिप्ट होती है मैं क्या एक डेव कमांड यहां पे बना लेता हूं और नोड मन से बोलूंगा कि नोड मन आप प्लीज इस फाइल को रीलोड कर दीजिएगा जब भी मैं कुछ काम करूं
तो बड़ा इजी है उसको बोल दीजिए कि इससे क्या रन होगा नोड मन रन होगा अब नोड मन को करना क्या है एसआरसी के अंदर जाना है और यहां पे एक इंडेक्स नाम की फाइल है इंक्स या index.js जैसा भी आप लिखना चाहे बस जैसे ही मैं एनपीएम रन डेव करूं तो उसको इंस्टॉल कर दीजिए स्टार्ट कर दीजिए कुछ डिफिकल्ट था नहीं इतना तो डिफिकल्ट नहीं था तो हमारे पास में पैकेज जसन में भी कुछ चेंजेज आ गए हैं और हमने इस फाइल्स को भी मॉडिफाई कर दिया है अभी थोड़ी सी और चीजों के बारे
में बात करेंगे स्पेशली जो एनवायरमेंट वेरिएबल है ना ये और इसका मॉड्यूल जो है इनका थोड़ा सा पंगा चलता है तो इसको कैसे हम रिजॉल्व करते हैं उसको भी देखेंगे क्योंकि आप एक फाइल के अंदर चीज देखेंगे अगर आप डॉट नवी सर्च करेंगे एनवायरमेंट वेरिएबल की तो अभी भी यहां पे थोड़ा सा इशू यह है कि इनको जब भी आपको यूज करना है तो आप एक्चुअली में इस तरह से इजली es6 इंपोर्ट नहीं कर सकते आपको रिक्वायर वाला सिंटेक्स यूज करना पड़ता है रियड एवी तो इसका भी सलूशन है वो भी हम देखेंगे बट अभी
नहीं आगे आने वाले वीडियो में देखेंगे अभी के लिए हमारे पास में काफी काम हो गया है कि किस तरह से अपना प्रोजेक्ट सेटअप वगैरह सब कुछ हो चुका है और उसके बाद भी मैं आपको एक और काम भी बताऊंगा अभी हां काम काफी बताऊंगा 500 कमेंट्स के अलावा भी काम बताएंगे तो अभी हम गिट स्टेटस देखते हैं एक बार अपना कि ठीक चल रहा है क्या सब तो ठीक है काफी फाइल्स वगैरह आ चुकी है और ओबवियस सी बात है इन सबको ट्रैक भी हो चुका है तो सबको ऐड कर देते हैं सभी ऐड
कर देते हैं ए सच कोई दिक्कत वाली बात नहीं है गेट ऐड कर देते हैं और गेट कमिट मैसेज डाल देते हैं अ प्रोजेक्ट सेटअप प्रोजेक्ट फाइल्स फाइल्स पार्ट वन पार्ट वन ही तो हुआ है क्योंकि अभी पार्ट टू बाकी है अ कमिट हो गया और क्योंकि हमने अब स्ट्रीम सेट कर दिया है तो मैं डायरेक्टली गेट पुश कर सक सॉरी गिट पु पुश कर सकता हूं नॉट पुश पुश तो गिट पुश करेंगे तो हमारे ऑलमोस्ट सारे फाइल्स वहां पर चल जानी चाहिए एक बार देख लेते हैं ताकि आपको भी मिल रही है नहीं मिल
रही है फाइल तो एटलीस्ट इतना हमारा प्रोजेक्ट स्ट्रक्चर आ जाना चाहिए ठीक है जी आ गया काफी पैकेज जसन सोर्स के अंदर भी हमारी काफी फाइल्स वगैरह सब आ चुकी है जितनी भी हमें बेसिक चाहिए थी अब हम चलते हैं एक और दूसरी तरफ कि किस तरह से प्रोजेक्ट्स वगैरह प आएंगे अब मुझे यहां पर ना कुछ फोल्डर्स भी चाहिए अभी एलएस करके देखता हूं तो प है कांस्टेंट है एक बार सीडी करके बाहर आ जाते हैं एस तो हमारे पास रीड म मॉड्यूल सोर्स वगैरह है तो अब मुझे सोर्स के अंदर जाकर कुछ फोल्डर्स
क्रिएट करने हैं और यह फोल्डर्स मेरे आगे काम आएंगे और यही होता है एक्चुअली में प्रॉपर प्रोफेशनल प्रोडक्शन ग्रेड प्रोजेक्ट का स्ट्रक्चर सेटअप तो उसको भी हम कर ही लेते हैं तो सबसे पहले हम चलते हैं एसआरसी के अंदर अब यहां पे देखते हैं अभी तक तीन फाइल्स है लेकिन मुझे कुछ फोल्डर्स भी चाहिए तो एमकेडी आईआर से मैं फोल्डर बना सकता हूं अब फोल्डर्स मुझे क्या-क्या चाहिए एक तो चाहिए मुझे कंट्रोलर्स अब कंट्रोलर लिखिए कंट्रोलर्स लिखिए यह मैं आपके ऊपर छोड़ता हूं मैं कंट्रोलर्स प जाऊंगा यहां पे होगी मेरी मेजर्ली फंक्शनैलिटी इसके अलावा एक
और फोल्डर मुझे लगेगा डीबी यहां पर मैं लिखूंगा कि डेटाबेस कनेक्ट कैसे करना है अब डेटाबेस आपका मंगो डीबी हो चाहे पोस्टग्रेस हो फर्क नहीं पड़ता डेटाबेस का कनेक्शन लॉजिक यहां लिखा जाता है मोस्ट ऑफ द टाइम एक आपको फोल्डर मिलेगा मिडल वेयर्स का अब मिडल वेयर्स क्या होता है कुछ नहीं कोई जो कोड आपको इन बिटवीन रन कराना है आपके पास एक रिक्वेस्ट आई वो रिक्वेस्ट सर्वर फुलफिल करें उससे पहले ही मैं बीच में अगर कुछ चेकिंग लगाना चाहता हूं तो वो मिडिल वेयर के अंदर करता हूं जैसे कि सपोज कर कि आपके पास
एक रिक्वेस्ट आई और आप सर्वर से कुछ इंफॉर्मेशन पूछ रहे हो बट मैं एक मिडल वेयर लगा दूंगा बीच में कि आपकी कुकीज मुझे दो ताकि मैं पता करूं पहले ही कि आप उस इंफॉर्मेशन को लेने के लिए योग्य हो या नहीं हो तो यह सारा काम हम मिडिल वेयर के अंदर करते हैं अब मिडिल वेयर मिडिल वेयर बहुत तरह के होते हैं इसको भी हम लिखेंगे एक फोल्डर मुझे लगेगा मॉडल्स के लिए वो तो सबसे जरूरी है मॉडल्स प तो हम काफी चर्चा कर चुके हैं तो अभी आपको इसके डिस्कशन की जरूरत नहीं है
एक हम रखेंगे राउट्स अभी तक हमने जो भी प्रोजेक्ट किया उसके अंदर हमने राउट्स क्या करा इंडेक्स फाइल में लिख दिए याद है आपको app.get instagram2 जो भी हमने किया पर क्या है प्रोफेशनली ऐसे नहीं चलता है क्योंकि राउट्स काफी कॉम्प्लेक्शन हो जाते हैं और बहुत सारे होते हैं तो उनका कैसे स्टैंडर्ड अप्रोच रखते हैं तो एक फोल्डर में हम अलग से रखेंगे और काफी डिटेल में चर्चा करेंगे कि किस तरह से यह काम किया जा सकता है अच्छा ये राउट्स हो गया अब एक चाहिए होती है यूटिल्स अब ये यूटिल्स क्या है कुछ नहीं
है जी शॉर्टकट है यूटिलिटीज का बताया था ना प्रोग्रामर्स को एक कॉम्प्लेक्टेड के अंदर क्या है देखिए आप जब काम करेंगे आपको बहुत सारी यूटिलिटीज लगेगी जैसे कि फाइल अपलोड एक यूटिलिटी है तो फाइल अपलोड आप अपने यूजर से प्रोफाइल में भी करवाओ ग वीडियोस में भी कराओ ग तो क्यों ना उसकी एक यूटिलिटी बना के रख दी जाए कई जगह आप मेलिंग का भी यूज करोगे तो क्यों ना एक मेल की यूटिलिटी बना के रख दी जाए कई जगह आप और भी काम करोगे जैसे कि सपोज करिए कोई टोकेंस लेना देना बहुत सारे ऐसे
काम होते हैं तो जो फंक्शनैलिटी बार-बार रिपीट होगी क्यों ना उसको एक फाइल फोल्डर में रख दिया जाए और उसको यूटिलिटीज बोल दिया जाए जब भी काम में होगा वहां से फाइल ले लेंगे तो सिर्फ अपनी सुविधा के लिए यह काम किया जाता है अक्सर रखा जाता है यह फोल्डर आपको हर प्रोफेशनल ग्रेड प्रोजेक्ट में यह मिलेगा ही मिलेगा तो ये हमारा हो गया एक प्रोफेशनल स्ट्रक्चर प्रोजेक्ट का अब हर कंपनी में ये स्ट्रक्चर थोड़ा बहुत अलग होता है 19 इधर 20 उधर बस इतना ही अंतर होता है बाकी आपको इसी तरह से मिलेगा अब
जैसे मैं ये एंटर करता हूं तो मेरे पास सारे फोल्डर्स वगैरह बन गए हैं लेकिन प्रॉब्लम अभी भी वही है अगर मैं गट से पूछूंगा कि यार गिट स्टेटस बताओ प्लीज क्या चल रहा है अभी तो बोलेगा ठीक है आपकी पैकेज ड जसन वगैरह तो मॉडिफाई हुई है अ वैसे तो नहीं होनी चाहिए थी अ बट एक्चुअली में हम नॉट स्टेज्ड अच्छा हमने स्टेज स्टेज नहीं करा क्या अभी कर देते हैं स्टेज भी सारा सब कुछ लेकिन आप देखेंगे यह जो कंट्रोलर्स वगैरह इन फोल्डर्स को ये कुछ भी ट्रैक नहीं कर रहा है क्योंकि इनके
अंदर फाइल्स ही नहीं है अब या तो मैं सबके अंदर जाऊं एक-एक के अंदर जाके गिट की वगैरह वो सब रखूं लेकिन कोई सेंस भी नहीं है उनको रखने का क्योंकि उन फाइल्स में जैसे-जैसे काम आएगा वैसे-वैसे रख देंगे तब तक मेरे लोकल में रहेगा बट आप भी प्लीज यहां पे ये स्ट्रक्चर इस तरह से बना लीजिएगा अब धीरे-धीरे हम एक-एक करके फाइल्स के बारे में बात करेंगे डेटाबेस कनेक्टिविटी के बारे में बात करेंगे कैसे हम डेटाबेस सेटअप करेंगे क्या-क्या हमारी और यूटिलिटीज है क्या-क्या हमारे काम होंगे सबके बारे में बात करेंगे सबसे इजी है
यहां पे जाइए सोर्स कंट्रोल में जो भी आपको चेंजेज वगैरह लगते हैं कि करने चाहिए कमिट वो कर दीजिए वैसे तो कमिट चेंजेज आ जाने चाहिए थे बट देखते हैं कमेंट्स में आए कि नहीं आए सेटअप प्रोजेक्ट फाइल वन आने तो चाहिए थे यहां पे चेंजेज पर चेंजेज पप कांस्टेंट ज्यादा कुछ आए नहीं आने तो चाहिए थे बट ठीक है कोई बात नहीं जितने भी ये सब पैकेजेस हैं पब्लिक टेंपरे इन सब को हम कमिट कर देते हैं कमांड लाइन से करिए यहां से करिए क्या ही फर्क पड़ता है अ ऐड स्ट्रक्चर चेंजेज अब ओबवियस
सी बात है यह सारे चेंजेज प्रोपागेट तो होंगे नहीं पर फिर भी कर ही देते हैं एक बार तो वही सेम फाइल है सेम प्रॉब्लम है कि गिट आपके एमटी फोल्डर्स का ट्रैक नहीं रखता है अ बट ठीक है गट की अपनी अ प्रॉब्लम है अपने इश्यूज है हम उसके इश्यूज में क्यों ही प्रॉब्लम ले अभी आप इसका कोड का स्ट्रक्चर देखेंगे तो सोर्स तो दिखेगा लेकिन सोर्स के अंदर आपको को ये फोल्डर्स नहीं मिलेंगे अब फोल्डर्स तब मिलेंगे जब धीरे-धीरे हम काम करेंगे बट एटलीस्ट ये स्ट्रक्चर बना लीजिएगा तो ये हो गया हमारा बेसिक
स्ट्रक्चर किस तरह से हमारा काम होगा अब एक और चीज हां जी थोड़ा सा थोड़ा सा और प्लीज देखिए जिस तरह से हमने नट ब इंस्टॉल करा और हमें पता है कि नोड मन काफी एक इंटरेस्टिंग चीज है और काफी काम करता है वैसे ही एक और मैं आपको एक पर्सनल सजेशन देना चाहता हूं कि एक और आपके पास प्लगइन होता है प्रियर अब देखिए प्रियर आपने देखा होगा अक्सर लोग आपको बोलेंगे कि वीएस कोड का एक्सटेंशन होता होता है आप उसको सेलेक्ट कर लीजिए लेकिन प्रॉब्लम क्या है जब आप प्रोफेशनल ग्रेड कोड लिखेंगे तो
अकेले तो लिखेंगे नहीं आप लिखेंगे कोड साथ में तीन लोग और लिखेंगे चार लोग और लिखेंगे अब सपोज करिए किसी ने हर जगह कॉमा लगा सेमीकलन ऐड कर रखा है जावास्क्रिप्ट में किसी ने नहीं कर रखा तो जैसे गिट में जब सब चीजों को मर्ज करोगे तो इतने कॉन्फ्लेट्स आते हैं जिसकी कोई हद नहीं तो इसीलिए टीम का ना सेम पेज पे होना जरूरी है कि किस तरह की फॉर्मेटिंग रखी जा रही है हम टू स्पेसेस यूज़ कर रहे हैं या फोर स्पेस यूज़ कर रहे हैं टैब के लिए तो यह सारा कम्युनिकेशन अ होना
होना बहुत जरूरी है अक्सर अगर आपकी टीम में कुछ प्रोफेशनल्स हैं जिनको 510 साल का एक्सपीरियंस है या कुछ है वो इस तरह की कम्युनिकेशन एडवांस में करते हैं ताकि सब लोग अच्छे से काम करें अब सपोज करिए एक ब्रांच आपने ली आपका एडिटर क्या करता है सब जगह फोर स्पेसेस ऐड कर लेता है एक किसी की ब्रांच में सब जगह टू स्पेस है अब सेम फाइल इतने हजार कॉन्फ्लेट्स कैसे चेंज करोगे तो इसलिए प्रीटियर एक्सटेंशन का होना इंपॉर्टेंट है सिर्फ एक्सटेंशन नहीं वीएस कोड का प्रिटी ईयर की सेटिंग्स भी ऐड करनी पड़ती है पर
प्रोजेक्ट बेसिस पे तो इसलिए हम क्या करते है कि हम यहां पे प्रियर को भी इंस्टॉल करते हैं लेकिन प्रियर आप देखोगे यहां पे भी सजेशंस में कि डेफ डिपेंडेंसी है मेजर्ली अ इसको इस तरह से इंस्टॉल कम ही किया जाता है बट ठीक है हम भी कर ही लेते हैं इसको इंस्टॉल तो अ प्रियर को कॉपी कर लेते हैं आते हैं यहां पे और प्रियर को इंस्टॉल करते हैं तो यह ये लीजिए लेकिन ओबवियस सी बात है डेव डिपेंडेंसी है तो डडी के साथ यह प्रीटियर इंस्टॉल कर दो अब क्यों जरूरी है यह आपको
पता लग गया है एज सच अगर आप इसको इग्नोर करना चाहे तो इग्नोर भी कर सकते हैं अब जैसे ही आपने प्रियर इंस्टॉल करा कुछ हुआ तो है ही नहीं प्रिटी यर आ गया यहां पे प्रिटी यर एक्चुअली में जब आता है तो आपको एक्चुअली में कुछ थोड़ा सा काम करने पड़ते हैं दो तीन फाइलें आपको अपनी तरफ से ऐड करनी पड़ती है हां जी करनी पड़ती है इसका कोई और ऑप्शन नहीं है आपके पास में मैनुअली ही ऐड करनी पड़ती है कई बार वीएस कोड कुछ एक्सटेंशन आते हैं जो हेल्प कर देते हैं बट
ठीक है हम अभी नहीं जा रहे उसमें हम अभी बेसिक करते हैं तो एक हमारा जो एक्सटेंशन है सॉरी जो फाइल है वो है डॉट प्रेडियर और आरसी एट द एंड ऑफ द डे आपको क्या करना है डॉट प्रियर आरसी ये क्या होती है ये सारे के सारे प्रियर की कॉन्फिडेंस हैं कि किस तरह के प्रियर के आपकी क्या-क्या चीजें कर रहे हो मैं आपको बताता हूं कुछ चीजें वैसे तो आपको यहां पे डॉक्यूमेंटेशन वगैरह जब आप पढ़ोगे इसकी गिट हब वगैरह पे तो आपको मोस्ट ऑफ द थिंग्स मिल जाएगी और बड़ी कॉमन नॉलेज है
तो सब हर कोई यूज करता है डॉक्यूमेंटेशन वगैरह तो डॉक्यूमेंटेशन में चलते हैं और देखते हैं कि जैसे आपको जावास्क्रिप्ट के क्या-क्या फीचर्स आपको ऐड करने हैं तो ये इस तरह के सारे ऑप्शंस मिलते हैं एक बार मैं आपको ऑप्शंस लिख के दिखाऊंगा तो आपको भी समझ में आ जाएगा कि किस तरह से कर करते हैं अ इग्नोर कोड्स ये भी हम सारे देखेंगे किन-किन कोड को इग्नोर करना है और इंटीग्रेटिंग विद लिंटर्स किस तरह से लिंटिंग वगैरह लगानी है तो अभी मैं बेसिक आपको बता देता हूं तो सबसे पहला तो हमारे पास में जो
है वो है सिंगल कोट अब कहां पे सिंगल कोट यूज करना चाहते हो कहां डबल कोट वगैरह तो ये सब हम करेंगे तो हम सिंगल कोट को फाल्स कर देंगे ताकि हर जगह जहां भी यूज होगा डबल कोट्स ही यूज होगा तो ये लीजिए हमारा यहां पे आ गया फॉल्स ठीक है जी दूसरा क्या करना चाहते हो एक और ऑप्शन होता है यहां पे अ ब्रैकेट स्पेसिंग कितने ब्रैकेट की स्पेसिंग कि ब्रैकेट लगने के बाद स्पेस आना चाहिए नहीं तो हम उसको भी ट्रू कर देते हैं अ आपकी टीम के ऊपर है आप कैसा पसंद
करते हैं कैसा रखना चाहते हैं सबसे इंपॉर्टेंट जो मैं बात कर रहा था टैब विड्थ ताकि पूरे प्रोजेक्ट में टैब्स सेम रहे मैं यूजुअली टू टैब्स प्रेफर करता हूं कई लोग चार भी प्रेफर करते हैं डिपेंड करता है मैं प्रोजेक्ट लीड कराऊ या कोई और लीड कर रहा है जो लीड कर रहा है हमें फिर उसकी बात माननी होती है ठीक है तो हम इसको टू पे ले आते हैं अ ठीक है जी ये हमारा टू आ गया अ नेक्स्ट क्या चाहिए अ सेमीज चाहिए कि नहीं चाहिए मतलब सेमीकलन चाहिए नहीं चाहिए तो ठीक है
जी ये भी हमें चाहिए और क्या लगा सकते हैं तो और हम लगा लेते हैं यहां पे एक और ऑप्शन होता है ट्रेलिंग कॉमा ट्रेलिंग कॉमा मतलब जैसे हमने यहां पे लिखा यहां पे देखिए कॉमा नहीं है तो आपको चाहिए कि ट्रेलिंग कॉमा चाहिए किस तरह से तो मैं यहां पे एक सिंटेक्स यूज करता हूं जो कि है अपना es5 का तो es5 के अंदर ट्रेलिंग कॉमस होते हैं तो ये बेसिक हो गया हमारे पास में कि इतना काम हमारे पास हो गया है अच्छा ये तो हो गया कि मैं इस तरह से पूरे प्रोजेक्ट
का सेटअप और ये सब रखूंगा अब ऑटोमेटिक क्या होगा प्रियर यहां पे आप जब लेफ्ट बॉटम में क्लिक करोगे तो प्रिटी यर को अपने आप मिल जाएगा कि अ हां ठीक है प्रीटियर है कई बार प्रोजेक्ट रीस्टार्ट या फिर रीलोड भी करना पड़ता है बट बड़ा ही बेसिक है इसके अलावा एक और फाइल बनती है लास्ट लास्ट हां जी ये लास्ट है एक और फाइल हमको बनानी पड़ती है जिसका नाम है प्रेडियर इग्नोर जैसे गिट इग्नोर होता है वैसे प्रेडियर इग्नोर भी होता है प्रीटियर इग्नोर अब ये प्रियर इग्नोर क्या करता है कि कौन-कौन सी
फाइल्स में मुझे प्रियर को इंप्लीमेंट नहीं करना है वो मुझे बता दो तो इसके अंदर सबसे इंपॉर्टेंट जो मैं लगाता हूं यूजुअली कि मेरी जो एनवायरमेंट वेरिएबल फाइल है ना प्लीज उसको टच मत करना क्योंकि उसका सिंटेक्स थोड़ा सा ना वर्ड होता है की वैल्यू पेयर्स तो प्रीटियर जबजब उसमें कुछ करने की कोशिश करता है हमेशा कबाड़ा करता है तो मुझे पसंद नहीं है तो किसी भी तरह की नवी फाइल को मत देना है स्पेसिफिकली भी मेंशन कर देता हूं नवी भी मत करना और डॉट इनवी रिलेटेड जो भी और फाइल है डॉट सैंपल या
जो भी मैं कर रहा हूं तो वह सब मत करना प्लीज तो मुझे वहां पे शांति दो थोड़ी सी तो यह हो गया बेसिक अब आपको चाहिए कि नहीं यार मुझे और भी चाहिए तो आप और भी अपनी फाइल्स ऐड कर सकते हो जैसे मैं कुछ अपनी वीएस कोड की सेटिंग्स भी रखता हूं ताकि आपको इजली पढ़ने में आसानी हो सारा का सारा तो वीएस कोड की सेटिंग्स को मत छेड़ना अ नोड मॉड्यूस के अंदर तो बिल्कुल भी घू भूल के भी मत घुसना जैसे वो लिखे हुए हैं नोड मॉड्यूस को कभी नहीं छेड़ा जाता
है तो नोड मॉड्यूस यहां पे लिख दीजिए और मैं कुछ भी अगर डिस्ट्रीब्यूशन रिलेटेड कर रहा हूं तो डिस्ट्रीब्यूशन रिलेटेड भी मत करना अब इसकी भी फाइल्स जनरेटर मिल जाते हैं ऐसा कुछ नहीं है जो मैं आपको यूनिक बता रहा हूं सब जगह होता है बट ये हो गया हमारा बेसिक एक कॉन्फ़िगरेशन कि किस तरह से प्रीटियर और ये सब सेटअप किया जाता है अब आप देख रहे हैं कोड लिखना तो स्टार्ट ही नहीं करा है सेटअप बट ये एक बार ही लगता है टाइम इसके बाद जब आप आप करोगे तो धड़ाधड़ फटाफट करते जाओ
क्योंकि बड़े कॉमन प्रैक्टिसेस हैं आप पहली बार इस तरह का प्रोफेशनल ग्रेड सेटिंग्स वगैरह देख रहे हैं इसलिए आपको शायद नया लग रहा हो क्योंकि youtube0 चीज कि हमने पैकेज और जेसन में डेप डिपेंडेंसीज तो करी डेवलपमेंट की सेटिंग तो करी अभी तक लेकिन हमने कोई डिपेंडेंसी तो इंस्टॉल नहीं करी ना हमारे पास एक्सप्रेस है ना मोंगूज है आएगा आएगा बहुत कुछ आएगा सिर्फ वही नहीं वैसे ज्यादा नहीं हम कोई सात आठ डिपेंडेंसीज के साथ ही काम करेंगे ऐसे आंख बंद करके डिपेंडेंसीज नहीं भरेंगे बट अभी हमारे पास प्रीटियर सेटिंग हो गई है पूरी तो
अब हमारे पास बनता है कि प्रियर्स का सारा का सारा हम कोड पुश कर दें तो हम इसको स्टेज कर देते हैं ऐड प्रीटियर कन्फ कॉन्फिन ठीक है इतना मैसेज भी ठीक है कमिट कर देते हैं और चेंजेज को पुश कर देते हैं ये सारे चेंजेज मैं हाईली हाईली रिकमेंड करता हूं आप भी अपने लोकल पे या जहां पर भी आप ये सेटिंग्स कर रहे हैं प्लीज इनको करके देखिएगा इनको करने से आपको बहुत कुछ प्रोफेशन ली पता लगेगा किस तरह से चीजें होती है क्या-क्या काम होता है तो हमने उम्मीद है हमारी प्रेटर सेटिंग्स
वगैरह सब कुछ यहां पे ऐड कर दिए तो अभी तक हमारी रिपोजिटरी के अंदर काफी काम हो गया और ठीक-ठाक चल रहा है मामला अभी ठीक है ओके अब नेक्स्ट वीडियो में क्या करेंगे कोड लिखेंगे मॉडल्स का नहीं जी अभी नहीं लिखेंगे अभी प्रोफेशनली जब आप आ रहे हैं तो अभी आपको और सिखाना पड़ेगा कि प्रोफेशनली किस तरह से एरर्स हैंडल होती है एपीआई रिस्पांस क्या होता है उन परे क्या-क्या चर्चा होती है तो वो सब भी तो बातें करनी पड़ेगी ना इतनी जल्दी थोड़ी ना होगा अब देखिए पता भी नहीं लगा और ऑलमोस्ट हमारा
40 मिनट का वीडियो हो गया है है ना काफी बड़ा हो गया है तो अभी के लिए हम इतना ही करते हैं ताकि आपको एक पता लगे कि बेसिक्स इस तरह से था यह सारा काम हो गया काफी आईडिया आपको लग गया है कि अच्छा प्रोफेशनली इसीलिए टाइम लगता है और इसीलिए प्रोफेशनल अप्रोच बोलते हैं प्रोफेशनल अप्रोच कुछ नहीं है जी आगे हमें प्रॉब्लम ना हो आगे टीम में काम कर पाएं इसलिए सारी सेटिंग्स है और कुछ भी नहीं है ठीक है तो चलिए मिलते हैं आपसे नेक्स्ट वीडियो के अंदर इंतजार रहेगा आपसे मिलने का
नेक्स्ट वीडियो में हम देखेंगे कि और किस तरह से प्रोडक्शन ग्रेड सेटिंग्स होती है रीयूज बिलिटी का जो कांसेप्ट है कि मॉड्यूलर कोड लिखो और रीयूज बल लिखो वो कांसेप्ट मैं आपको अच्छे से समझाऊं बैक एंड में और उसको रियल वर्ल्ड में कैसे यूज करते हैं वो भी मैं आपको दिखाऊंगा उम्मीद करता हूं कमेंट का टारगेट आपने कंप्लीट कर दिया होगा और अगर आपको इस प्रोफेशनल ग्रेड सीरीज को अ पुश करना है तो प्लीज प्लीज एक हंबल रिक्वेस्ट है लिंक न पे शेयर करिए वीडियोस को क्योंकि जितना आप बड़ा मजा आता है कि यार और
इन डेप्थ जाओ और लोगों को सिखाओ डिमांड है इस चीज की तो प्लीज शेयर करिएगा और डरिए मत कि बाकी लोग सीख जाएंगे वो तो सीखेंगे पर आप ऑलरेडी बेटर सीखें और शेयर करिए कम्युनिटी में शेयर करने से कभी नहीं डरना चाहिए चलिए मिलते हैं आपसे अगले वीडियो के अंदर