हे देय गाइ कैसे हो आप लोग सो इस वीडियो में हम लोग u का क्लोन क्रिएट कर रहे हैं और एक बहुत ही हाई क्वालिटी क्लोन है यह हमारे मोन सीरीज का पार्ट है जो ऑलरेडी चल रही है इन केस आपने उसे फॉलो नहीं किया तो कर लो एक्चुअली शुरुआत से हमने मन स्क हमारे इस चैनल पे पढ़ाया है एंड वो सारे स्टूडेंट्स जो मन स्क फॉलो कर रहे हैं देखो हमने ये प्रॉमिस नहीं किया था लेकिन आपके लिए एक नया प्रोजेक्ट लेकर आए हैं हाई क्वालिटी u क्लोन और वैसा क्लोन है जो आप एक्चुअल
में अपने फोन प चलाते हो बिल्कुल वैसा वीडियो काफी बड़ी है अगर आप देखोगे तो इसमें उस लेवल पे पढ़ाया भी है ठीक है तो एक इंटरेस्टिंग चीज मैं आपको फटाफट बताता हूं व्हिच इज अबाउट एक नया फीचर जो हमने ऐड किया हमारे वेबसाइट पे फटाफट चेक आउट करो sharing.com यहां पे ये रिक्वेस्ट अ कॉल बैक आप पढ़ाई करते हो राइट कभी-कभी बहुत पढ़ते हो कभी-कभी बंद कर देते हो स्टक हो गए डेटा स्ट्रक्चर्स पहले पढ़े या वन स्टक पढ़े बहुत कंफ्यूज कॉलेज भी जाना है असाइनमेंट भी है दुनिया तमाम के क्वेश्चंस दिमाग में घूम
रहे हैं तुम्हें पता है इन रियलिटी कि तुम कर सकते हो बट तुम कर नहीं रहे हो उस लेवल पे काम तो इस तरह के सारे क्वेश्चंस के आंसर फ्री ऑफ कॉस्ट आप हमारे लिए आप हमारे लिए हम आपके लिए कर सकते हैं मतलब आप वान ले क्यों करोगे हम करेंगे आपके लिए सो बेसिकली गो टू द वेबसाइट shein.com रिक्वेस्ट अ कॉल बैक अपना डेट अपना टाइम सेलेक्ट करो और आपको हमारी तरफ से कॉल आएगा ठीक है आपको जो भी क्वेश्चंस पूछने हैं आप पूछ सकते हो आपके डाउट्स आपके क्वेरीज रिजॉल्व कर दी जाएंगी फ्री
ऑफ कॉस्ट आपके लिए ठीक है चलो अब बात करते हैं इस प्रोजेक्ट पे तो बेसिकली ये एक मोन बेस प्रोजेक्ट है एंड इसके बाद हम इसमें हम इसी के थ्रू या थोड़ा इसके अराउंड माइक्रो सर्विसेस देखने वाले हैं च च इज वेरी हैवी हैवी पार्ट वेरी वेरी हैवी पार्ट अगर आप फ्यूचर में जाके बड़ी कंपनीज में अप्लाई करोगे तो आपको माइक्रो सर्विसेस वाला पार्ट काफी हेल्प करेगा आपके रेजूमेक्स वो माइक्रो सर्विसेस पे हैं बट ये वीडियो एक बड़ा प्रोजेक्ट है मन बेस्ड और इसमें हम रिएक्ट नट मंगो वो सब कुछ यूज करेंगे जो आपको चाहिए
था ठीक है और बड़ा प्रोजेक्ट आपके लिए क्रिएट किया तो इट्स टाइम फटाफट शुरू करते हैं हम लोग यहां पे बैक एंड एंड फ्रंट एंड को अलग-अलग तरीके से देखेंगे बेसिकली बैक एंड कैसे क्रिएट होता है डॉक्यूमेंटेशन कैसे बनती है एसआरएस क्या होता है एसआरएस डॉक्यूमेंटेशन कैसे बनती है और हम कैसे डॉक्स को हमारे डेवलपर्स के साथ शेयर करते हैं पता है आपको इंटरेस्टिंग बात हम शेरिस हमारे यहां पे 25 26 डेवलपर्स हैं ऐसा समझ लो तो वी आर एक्चुअली अ कम्युनिटी ऑफ क्रिएटर्स और डेवलपर्स जो एक्चुअल में पढ़ाते भी हैं तो इस तरीके का
सिनेरियो है पूरा तो हम लोगों को पता है कि हम लोग कैसे काम करते हैं शेरिस में राइट आपको सिखाया कि कंपनी के अंदर कैसे काम होता है तो इस वीडियो में बहुत कुछ इंटरेस्टिंग चीजें आ रही है इट्स टाइम वी बिगिन लेट्स गो [संगीत] सो फाइनली हम अपने वीएस कोड में आ चुके हैं एंड आई थिंक हमें अब कोडिंग स्टार्ट करनी चाहिए तो इधर पे मैं ना एक u वीडियो नाम का फोल्डर मैंने ओपन करके रखा हूं इधर पे आएंगे एक नया फोल्डर क्रिएट करेंगे और इस फोल्डर के अंदर ना हमारा पूरा कोड जाएगा
बैक एंड का एक और फोल्डर हम यहां पे क्रिएट करेंगे जिसके अंदर फ्रंट एंड का कोड जाएगा तो वो आई थिंक सार्थक भैया बना रहे होंगे तो यहां पर आते हैं बैक एंड फोल्डर के अंदर टर्मिनल कहां है अपना अ टर्मिनल ओके यहां पे कुछ कुछ ऑलरेडी पहले से चल रहा था इसको हटाते हैं बैक एंड फोल्डर इस टमेंट को आई थिंक मैं डिलीट कर सकता हूं एंड इधर पे आते हैं सीडी बैक एंड सीडी बैक एंड फोल्डर के अंदर क्लियर करते हैं क्लियर करने के बाद अब मैं इस बैक एंड फोल्डर में एक न
जस एप्लीकेशन को इट कर रहा हूं तो एनपीएम इट i y h y के बाद हमें यहां पे एक फाइल मिल जाएगी दैट इज पैकेज ड जन और इसके बाद मुझे मिनिमम एक पैकेज चाहिए रहेगा कौन सा एनपीए आई एक्सप्रेस इससे हम पूरे एप्लीकेशन को क्रिएट करेंगे तो एनपीए एक्सप्रेस एक्सप्रेस इंस्टॉल हो रहा है तब तक यहां पे हमने एक नई फाइल क्रिएट करते हैं दैट इज app.js एंड app.js फाइल के अंदर कं एक्सप्रेस को हम करेंगे रिक्वायर एक्सप्रेस इक्वल्स टू रिक्वायर एक्सप्रेस कंस्ट एप एक वेरिएबल हम क्रिएट करेंगे एक्सप्रेस और अभी के लिए जस्ट
इसको मैं थोड़ी देर बाद ही हटा दूंगा कौन सा यह जो एक यहां पे राउट क्रिएट कर रहा पड गट इसको थोड़ी देर बाद में हटा दूंगा जस्ट टेस्टिंग पर्पस के लिए कि सेटअप अपना कंप्लीट हुआ है या नहीं हुआ है इधर पे एक राउट हम क्रिएट कर रहे हैं और इस राउट के अंदर रिंस डॉट सेंड आएगा हेलो वर्ल्ड और मॉड्यूल डॉट एक्सपोर्टस ए जोरी ए वेरिएबल हमने यहां पर क्रिएट किया था जिसके अंदर एक्सप्रेस को हमने कॉल करके रखा था इसको यहां से कर रहे हैं एक्सपोर्ट एक्सपोर्ट करने के बाद यहां पर ना
मैं एक फाइल और क्रिएट करूंगा कौन सी सर्वर ड जए एंड सवर ड जए फाइल के अंदर एटीटीपी को रिक्वायर करते हैं रिक्वायर एटीटीपी एंड कंस्ट एप रिक्वायर ऐप एक सर्वर क्रिएट करेंगे कंस्ट सर्वर इक्वल्स टू क्रिएट सर्वर ऐप जो हमने इधर पे क्रिएट करके रखा था उसको यहां पे कर देंगे पास अब फाइनली जो हमारा सर्वर रहेगा इसको करवाएंगे लिसन सर्वर ऑन पोर्ट लिसन अच्छा यहां पे मुझे एक फिक्स पोर्ट यूज़ नहीं करना है मुझे एनवायरमेंटल वेरिएबल से पता चलना चाहिए कि भाई कौन सा पोर्ट मैं यूज़ करूंगा तो उसके लिए ना हमें एक
पैकेज और चाहिए रहेगा कौन सा तो कंस्ट कोर्स इक्वल्स टू रिक्वायर कोर्स और इसको थोड़ा ऊपर मूव कर सकते हैं आई थिंक एंड पप डॉट यूज कोर्स यहां पे हमने कोर्स भी सेटअप कर लिया अभी के लिए हम सारी वेबसाइट से रिक्वेस्ट एक्सेप्ट कर रहे होंगे लेकिन यह सिर्फ डेवलपमेंट के टाइम पे जब हम प्रोडक्शन पे जाएंगे तो कोर्स में जो हमें डोमेन मिलेगा सिर्फ उसको यहां पे कर देंगे कि भाई सिर्फ इस डोमेन से आप रिक्वेस्ट एक्सेप्ट करना इसके अलावा सारी चीजों को आप ब्लॉक करोगे सेव करते हैं सेव करने के के बाद हम
चलेंगे सर्वर पे सर्वर यह रहा एंड पोर्ट्स हमें यूज़ करना है तो इधर पे आते हैं कंस्ट पोर्ट इक्वल टू process.env प या प 3000 तो यहां एक नई फाइल मैं क्रिएट करूंगा नवी और नवी फाइल के अंदर एक पोर्ट वेरिएबल क्रिएट करते हैं पोर्ट और पोर्ट जो हम यूज़ करेंगे वो रहेगा पोर्ट 4000 तो server.js के अंदर पोर्ट वेरिएबल हमने क्रिएट किया लेकिन अभी यूज़ नहीं कर रहे हैं तो इधर पे आके इसको यूज़ करवाते हैं एंड एक कॉलबैक चलाएंगे कि भाई जैसे ही सर्वर लिसन करना चालू करेगा उसके बाद आप सीधा कंसोल करोगे
सर्वर इज रनिंग ऑन पोर्ट जो भी पोर्ट हम यूज करेंगे सर्वर यूज करेगा हमारा अर्न करने के लिए तो सेव करते हैं और सेव करने के बाद एक लास्ट चेंज और यहां पे देंगे पैकेज . जन फाइल में index.js की जगह यहां आप लिख रहे होंगे server.js क्योंकि भाई हमारी जो मेन फाइल है एंट्री पॉइंट है हमारे एप्लीकेशन का दैट इज server.js अगर आप server.js फाइल को रन करोगे तो सारी चीजें अपने आप रन हो जाएंगी सेव करते हैं सेव करने के बाद एप एक नोड मन एंटर तो देखते हैं सर्वर रन हो रहा है
कि नहीं हो रहा है ठीक है सर्वर अपना रन होना चालू हो चुका है ब्राउजर पे आते हैं ये रहा अपना ब्राउजर और इधर पे मैं लिखूंगा लोकल होस्ट कॉलन 4000 तो ये रहा अपना सर्वर जो कि प्रॉपर्ली वर्क कर रहा है तो अभी तक हमने बेसिक सर्वर सेटअप देखते हैं अब हम देखते हैं कि भाई मॉडल्स कैसे सेटअप करने हैं हमारे एप्लीकेशन में लाइक जो भी हमारे मॉडल्स होते हैं एप्लीकेशन में u में एक कैप्टन होगा एक यूजर होगा राइड होगा तो ये सारे कैसे सेटअप करने हैं मोंगूज के थ्रू चलो वो देखते हैं
अब तो मॉडल्स अब हमें क्रिएट करने हैं बट उससे पहले मैं एक बहुत इंपॉर्टेंट चीज करना चाहूंगा कि ये जो कोड मैं लिख रहा हूं क्योंकि मुझे भाई सार्थक भैया के साथ कोड लिखना है तो यहां पर ना मैं इसकी गिट रिपो क्रिएट कर रहा हूं ताकि हम दोनों साथ में काम कर सके तो इसको मैं कर रहा हूं पब्लिश टू गिट अप जितना भी कोड अभी तक मैंने लिखा हूं अच्छा उससे पहले उससे पहले एक बहुत इंपॉर्टेंट चीज जो आपको करनी चाहिए कि यहां पे एक फाइल क्रिएट करो आप और फाइल क्रिएट करने के
बाद गिट इग्नोर मतलब कि फाइल का नाम रहेगा गिट इग्नोर और इस गिट इग्नोर फाइल के अंदर आप कुछ चीजें लिखोगे कौन-कौन सी जैसे कि ड एवी अब इस फाइल के अंदर जो भी आप लिखते हो वो गिट अप पे नहीं जाता है ध्यान रखना तो मैं क्या-क्या चीजें नहीं भेजना चाहता हूं मैं डॉट एवी नहीं भेजना चाहता हूं और साथ ही साथ में यहां पे नोड मॉड्यूस नहीं भेजना चाहता हूं यह दोनों चीजें मैं नहीं भेजना चाहता हूं नोड मॉड्यूस ठीक है बाकी अभी तक मैंने कुछ ऐसी चीजें लिखा नहीं हं जो गट अप
पे नहीं जानी चाहिए अगर फ्यूचर में वो सारी चीजें आएंगी मतलब कुछ फाइल्स मैं यहां पे क्रिएट करता हूं जो गिट पे नहीं जानी चाहिए तो वो उनके नाम भी हम यहां पे लिख रहे होंगे अभी के लिए सिर्फ दो चीजें हैं डॉट एवी एंड नोड मॉड्यूस तो इधर पे अब आते हैं अपन एंड पब्लिश टू गिट अप पब्लिश टू गिट अप के बाद रिपो का जो नाम रहेगा दैट इज u वीडियो अभी ये प्राइवेट रिपो रहेगी लेकिन जब तक आप यह वीडियो देख रहे होगे तब तक यह एक पब्लिक रिपो में कन्वर्ट हो चुकी
होगी तो अभी के लिए प्राइवेट रिपो रख रहा हूं सक्सेसफुली पब्लिश टू मेरा अकाउंट पे रिपो क्रिएट हो चुकी है एंड अगर मैं इसको देखना चाहूं तो यह रही रिपो जिसके अंदर सिर्फ सि अभी एक फोल्डर है जो कि app.js पैकेज j पैकेज j एंड server.js इसमें हमें कहीं से कहीं तक ड एवी फाइल निंग मिल रही है और ना नोड मॉड्यूस मिल रहा है जो कि सही है ये दोनों चीज़ें गट पे नहीं जानी चाहिए अब इसके बाद हम आते हैं एंड अब फाइनली जो मंगस वाला पार्ट है जहां पे हम मॉडल्स क्रिएट करने
हैं उस पे ध्यान देते हैं तो अभी के लिए ना एक-एक करके हम मॉडल क्रिएट करेंगे जो सबसे पहले मैं मॉडल क्रिएट कर रहा हूं दैट इज यूजर क्योंकि हमें यूजर ऑथेंटिकेशन बनाना है यूज़र ऑथेंटिकेशन के लिए एपीआई बनानी है तो उसके लिए हम क्या करने वाले हैं यहां पर सबसे पहले तो मुझे मंगस पैकेज चाहिए रहेगा मंगस पैकेज को इंस्टॉल करेंगे क्लियर एनपीएम आई मंगस मंगस को हम इंस्टॉल करते हैं इंस्टॉल करने के बाद सबसे पहले डेटाबेस से कनेक्ट करते हैं तो डेटाबेस से हम कनेक्ट करेंगे दैट इज यहां पर एक फोल्डर क्रिएट करेंगे
डीबी और डीबी फोल्डर के अंदर एक और फाइल हम क्रिएट करेंगे डीब जए डीब जए फाइल के अंदर कॉस्ट मोंगूज को हम कर रहे होंगे रिक्वायर रिक्वायर मंगस और यहां पर मैं बना रहा हूं एक फंक्शन फंक्शन के अंदर क्या लिख रहे हैं मतलब फंक्शन का नाम क्या है फंक्शन का नाम है कनेक्ट टू डीब और कनेक्ट टू डीबी फंक्शन के अंदर सिंपली हम बस एक काम करवा रहे होंगे डेटाबेस से कनेक्ट तो इधर पे इसने ऑलरेडी सजेशन मुझे दे चुका है तो कनेक्ट मंगस ड कनेक्ट डीब कनेक्ट एंड कसोल डलॉग कनेक्ट टू डीब और
अगर कुछ एरर आती अगर कुछ एरर आती है तो कसोल डलॉग एरर और और ये जो फंक्शन हमने क्रिएट करवाया इसको कर देंगे यहां से एक्सपोर्ट तो बेसिक फंक्शन क्रिएट किया है जहां पर सिर्फ इसका एक काम है कि भाई डेटाबेस से कनेक्ट करना है अब डेटाबेस से कनेक्ट करने के लिए ना इसको चाहिए रहती है एक यूआरएल अब यूआरएल जो चाहिए वो हम एनवायरमेंटल वेरिएबल से मंगवा रहे होंगे तो इधर पे आते हैं यहां पर एक वेरिएबल हम क्रिएट करेंगे और इस वेरिएबल के अंदर अभी के लिए मैं एक लोकल डेटाबेस क्रिएट कर रहा
हूं दैट इज 0.0.0 प0 स्ल र वीडियो यह अपने डेटाबेस का नाम रहेगा तो यहां पर आते हैं यह अपने डेटाबेस का नाम है पूरा एनवायरमेंटल वेरिएबल के अंदर हमने एक और वेरिएबल क्रिएट किया है . जए फाइल आई थिंक फिनिश हो चुकी होगी app.js के अंदर अब कॉन्स्ट जो हमने एक फंक्शन कनेक्ट किया था क्रिएट किया था कनेक्ट टू डीबी इसको रिक्वायर करेंगे और रिक्वायर करने के बाद सीधा इसको करेंगे हम कॉल तो अब अगर मैं सर्वर को रन करता हूं एनपी एक नोड मन एंटर तो यहां पर यह बोल रहा है मंगस कनेक्ट
नो लंगर एक्सेप्ट कॉल बैक ओके क्या हमने पुरानी वाली मेथड यूज कर ली है क्या इसने देन का यूज नहीं किया है ओके सो यह जो फंक्शन है इसने पुराने तरीके से कर लिया है ऐसा हम नहीं करने वाले हम यहां पर यूज करेंगे देन का इधर पर आते हैं डॉट देन एंड देन के अंदर यह रहेगा अपना कॉल बैक कुछ इस तरीके से तो पुराना सिंटेक्स था जो इसने को पायलेट है मेरा उसने ले लिया था बट अभी के लिए हमने उसको ठीक कर दिया अब अगर टर्मिनल चेक करते हैं तो कनेक्ट टू डीबी
एंड वार्निंग कुछ आ रही है न्यू पार्सर इज डिप्रिड ऑप्शन तो आई थिंक हम इसको हटा सकते हैं सेव एंड यूनिफाइड टोपोलॉजी आई थिंक हम इन दोनों को ही हटा सकते हैं ठीक है तो अब सारी चीजें बढ़िया काम कर रही है सर्वर इज रनिंग ऑन पोर्ट 4000 एंड कनेक्ट टू डीबी अपना प्रॉपर्ली काम कर रहा है हम डेटाबेस से कनेक्ट हो चुके हैं और फाइनली यूजर मॉडल को क्रिएट करने जा रहे हैं अब यूजर मॉडल जो हम क्रिएट करेंगे वह एक नए फोल्डर में क्रिएट करते हैं कौन सा मॉडल्स फोल्डर मॉडल्स फोल्डर और मॉडल्स
फोल्डर के अंदर हम यहां पर एक फाइल क्रिएट करेंगे दैट इज यूजर डॉट मॉलड जए यूजर मॉडल कंस्ट मंगस को हम रिक्वायर करेंगे कंस्ट मंगस इक्वल टू रिक्वायर मंगस और इसके अंदर हमें क्या-क्या चीजें चाहिए होंगी तो सबसे पहले हमें यहां पे कंस्ट यूजर स्कीमा एक स्कीमा हम क्रिएट करेंगे जिसके अंदर हमें सबसे पहले तो चाहिए रहेगा फुल नेम हमें एक यूजर का फुल नेम चाहिए अब फुल नेम जो होगा ना व होगा एक ऑब्जेक्ट और ऑब्जेक्ट के अंदर दो चीजें होंगी कौन-कौन सी एक होगा फर्स्ट नेम कि भाई फुल नेम दो चीजों से मिलके
बन बनना होता है फर्स्ट नेम एंड लास्ट नेम तो हमें दोनों ही चाहिए तो फर्स्ट नेम टाइप स्ट्रिंग एंड रिक्वायर्ड मैं इसको बोल सकते हो कि रिक्वायर्ड होगा एंड टाइप स्ट्रिंग हो एंड हमें यहां पे कुछ चीजें और देनी लाइक कंस्ट्रेन में कुछ ऐड करना चाहता हूं यहां पे कि मिन लेंथ कितनी होनी चाहिए मिन एल एनजीटी मिन लेंथ और मिन लेंथ मिनिमम होनी चाहिए तीन और अगर आप मिन लेंथ नहीं देते हो तो एक मैसेज हम एरर में दे देंगे कि भाई फर्स्ट नेम मस्ट बी एटलीस्ट थ्री कैरेक्टर और लॉन्ग इतना आपको लिखना रहेगा
सिमिलर हम यहां पर लास्ट नेम के लिए भी कर रहे होंगे कि भाई फर्स्ट नेम आपने ले लिया अब लास्ट नेम के लिए भी यही करेंगे तो लास्ट नेम एंड लास्ट नेम भी सिमिलर रहेगा बस यहां पर फर्स्ट की जगह लास्ट हम लिख रहे होंगे इतना रहेगा या आई थिंक इसको हम रिक्वायर्ड से हटा सकते हैं क्योंकि ऑप्शनल मैं रख रहा हूं कि भाई लास्ट नेम आपको देना है तो दे सकते हो बट फर्स्ट नेम आपको देना रहेगा वरना हम आपको बुलाएंगे क्या तो यूजर नेम सॉरी फुल नेम हमने ले लिया जिसमें फर्स्ट नेम है
लास्ट नेम है एंड यहां पर एक चीज और मैं ले रहा हूं ईमेल और ईमेल के बाद टाइप स्ट्रिंग रिक्वायर्ड यूनिक ट्रू मिन लेंथ फाइव इतनी सारी चीजें बढ़िया है और इधर पे हम बोल रहे होंगे पासवर्ड जो भी वो अकाउंट का पासवर्ड बनाएगा वो रिक्वायर्ड ट्रू मिन लेंथ की हमें जरूरत नहीं पड़ेगी क्योंकि हम जेडटी यूज़ करने वाले हैं फॉर ऑथेंटिकेशन रिक्वायर्ड ट्रू बस हां वो रिक्वायर्ड रहेगा एंड हमें एक चीज और चाहिए रहेगी दैट इज सॉकेट आई सॉकेट आईडी का आगे हम यूज करने वाले हैं फॉर लाइव ट्रैकिंग कि भाई ड्राइवर एंड जो
भी अपना कैप्टन है उसकी लोकेशन को लाइव ट्रैक मतलब शेयर कर सके हम विद यूजर कि भाई अपना कैप्टन अभी कहां पर है उसके लिए हमें सॉकेट आईडी की जरूरत पड़ेगी कैप्टन में भी हम क्रिएट कर रहे होंगे तो यहां पर अभी तक हमने फुल नेम दे दिया है ईमेल दे दिया है पासवर्ड एंड सॉकेट आईडी और इतना करने के बाद अब हम यहां पे कुछ मेथड्स ऐड करना चाहते हैं जैसे कि कौन-कौन सी जैसे कि मुझे हैश पासवर्ड यूज़ करना है अच्छा हैश पासवर्ड के लिए अब मुझे यहां पे कुछ पैकेज चाहिए रहेंगे मुझे
एक्चुअली अ टोकन भी जनरेट करना है जेडब्ल्यूडी टोकन तो मुझे दो पैकेज चाहिए कौन-कौन से एनपीए बी क्रिप्ट फॉर हैश पासवर्ड एंड कंपेयरिंग और एक मुझे चाहिए रहेगा जन वेब टोकन यह दोनों पैकेज हमें चाहिए रहेंगे लाइक फॉर ऑथेंटिकेशन ब्राउजर लाइक बेसिक ऑथेंटिकेशन के लिए हमें बीक्रिप्ट एंड जीसन वेब टोकन चाहिए रहेंगे इनको इंस्टॉल करते हैं इंस्टॉल करने के बाद इधर पे मैं कर रहा हूं इनको रिक्वायर कंस्ट बी क्रिप्ट रिक्वायर बी क्रिप्ट एंड कंस्ट जेडब्ल्यू जेसन वेब टोकन और मैं कुछ मेथड्स क्रिएट कर रहा हूं यूजर स्कीमा पे यूजर स्कीमा डॉट मेथड्स एंड मेथड्स
हम यहां पर बोल सकते हैं मेथड्स डॉट जनरेट ऑथ टोकन एंड जनरेट ऑथ टोकन के अंदर हम यहां पर बोलेंगे कॉन्स टोकन इक्वल्स टू दिस अंडरस्कोर आईडी अच्छा अच्छा एक चीज और एक चीज और हम यहां पे एक बहुत इंपॉर्टेंट चीज भूल गए कि यहां पे ये जो आपका पासवर्ड होता है ना यह हर बार जब भी रिक्वेस्ट लाइक हम यूजर को फाइंड करेंगे तब नहीं जाना चाहिए तो इधर पे हम एक प्रॉपर्टी ऐड करेंगे सिलेक्ट एंड सिलेक्ट के बाद यहां पर आएगा फाल्स कि भाई अगर यूजर को आप फाइंड करोगे तो बाय डिफॉल्ट यह
जो पर्टिकुलर फील्ड होगी दैट इज पासवर्ड ये नहीं जाएगा कैसे होने वाला है मैं आपको बताऊंगा अब फाइनली जनरेट थ टोकन की भाई हमने यहां पर टोकन को जनरेट करवा लेंगे और टोकन जनरेट करवाने के बाद हम यहां पर बोल देंगे रिटर्न टोकन रिटर्न टोकन यह तो जनरेट थ टोकन का हो गया है इसके बाद हम यहां पर बोलेंगे कंपेयर पासवर्ड और कंपेयर पासवर्ड के बाद ब क्रिप्ट कंपेयर पासवर्ड और मुझे यहां पर एक स्टैटिक मेथड और यूज करनी है यूजर स्कीमा डॉट यूजर स्कीमा डॉट स्टैटिक डॉट पासवर्ड शश पासवर्ड अस सिंक रिटर्न बी कप
ठीक तो हमने यहां पर तीन मेथड क्रिएट किए कौन-कौन सी जनरेट और टोकन कंपेयर पासवर्ड हैश पासवर्ड यह तीन मेथड में अभी अपना काम हो जाएगा तो यहां पर मैं फाइनली यूजर मॉडल क्रिएट कर रहा हूं तो यूजर कंस्ट यूजर मॉडल इक्वल्स टू मंगस यूजर एंड हम यहां पर इसको स्मल कर सक सकते हैं एंड मॉड्यूल ड एक्सपोर्ट मॉड्यूल ड एक्सपो यूजर मॉडल हमने यहां पे यूजर मॉडल क्रिएट कर लिया है अब बस इसे रिक्वायर करना है कहां पर रिक्वायर मैं इसको करना चाहूंगा कंट्रोलर्स में ध्यान रखना हम राउट्स क्रिएट करेंगे हम राउट्स तो क्रिएट
करने वाले हैं लेकिन जो उनका लॉजिक हो वो कंट्रोलर में लिखेंगे तो कंट्रोलर मैं एक फोल्डर क्रिएट करूंगा कंट्रोलर्स और कंट्रोलर्स के अंदर एक हम कंट्रोलर क्रिएट करेंगे यूजर के लिए यूजर डॉट कंट्रोलर j क यूजर मॉडल इक्वल्स ट जो हमने मॉडल्स अभी जस्ट क्रिएट किया है उसको हम यहां पे रिक्वायर करेंगे तो अभी तक हमने क्या कर लिया अभी तक हमने यूज़र मॉडल क्रिएट कर लिया है और इसको साथ ही साथ रिक्वायर कर लिया है कंट्रोलर्स फोल्डर के अंदर अब हम देखते हैं कि बेसिक ऑथेंटिकेशन हम कैसे परफॉर्म करते हैं बेसिक तो नहीं होगा
लेकिन बहुत अच्छे लेवल पे कैसे ऑथेंटिकेशन हम परफॉर्म करते हैं वह देखते हैं चलो तो फाइनली अब हम कुछ एपीआई क्रिएट कर सकते हैं तो सबसे पहले ना मैं एक रस्टर की एक एपीआई क्रिएट करना चाहता हूं जहां पे हम यूजर को रजिस्टर कर सकते हैं तो उसके लिए मुझे यहां पर बैक एंड फोल्डर के अंदर एक राउट फोल्डर क्रिएट करते हैं राउट्स और राउट्स फोल्डर के अंदर एक फाइल हम क्रिएट करेंगे दैट इज यूर डॉट यूर डरा जए यह हमारी फाइल का नाम रहेगा और इस फाइल के अंदर हम सबसे पहले रिक्वायर करेंगे एक्सप्रेस
को एक्सप्रेस इक्वल्स टू रिक्वायर एक्सप्रेस और एक्सप्रेस रिक्वायर करने के बाद कॉन्स राउटर एक्सप्रेस राउटर को हम कर देंगे कॉल सेव किया सेव करने के बाद यह जो राउटर हमने क्रिएट किया था सीधा मैं इसको कर रहा हूं मॉड्यूल डॉट एक्सपोर्ट्स राउटर मतलब कि जो हमने सीधा राउटर क्रिएट किया है उसको सीधा एक्सपोर्ट कर दिया फाइनली अब इसके बीच में जो भी राउट हमें क्रिएट करने हैं उसको हम लिख सकते हैं अच्छा जब मैं यूजर को रजिस्टर करूंगा तो कुछ डाटा मुझे फ्रंट एंड से या कहीं से भी रिसीव होगा तो उस डाटा को पहले
मुझे करना रहेगा वैलिडेट कि भाई यह जो डाटा मुझे मिल रहा है ये एक वैलिड डाटा है या नहीं है तो उसके लिए मैं एक पैकेज यूज करने वाला हूं पैकेज कौन सा रहेगा वो रहेगा एक्सप्रेस वैलिड डेटर देख लो यहां पे हमारे पास एक पैकेज है एक्सप्रेस वैलिडेटर एक्सप्रेस वैलिडेटर एंटर करते हैं यह रहा वो पैकेज मैं लेकिन चाहता हूं कि आप ये एनपीएम जेस की जो है य इधर पे थोड़ा सिंपल लिखा है इधर पे देखते हैं अपन ओपन हो जाए बस ये ठीक है तो यहां पर ज्यादा कुछ नहीं है जस्ट एनपीएम
इंस्टॉल एक्सप्रेस वैलिडेटर आपको इंस्टॉल करना रहेगा बाकी अगर आप आपको इसकी डॉक्यूमेंटेशन इन डिटेल चाहिए तो इस पर आप क्लिक कर सकते हो और यहां पर अभी के लिए नहीं आ रहा इधर पर बट आता था बट आई थिंक हम इस पर जा सकते हैं अगर इस पर जाते हैं तो जो इसकी डॉक्यूमेंटेशन है वो आपको मिल जाएगी इस तरीके से और जो आपको पढ़ना है वो पढ़ सकते हो तो बेसिक में चीज आपको बता रहा हूंगा लाइक यहां पर सबसे पहले एनपीएम इंस्टॉल एक्सप्रेस वैलिडेटर इसमें से ना हमें पूरा नहीं चाहिए हमें इसमें चाहिए
बस कंस्ट वैलिडेशन वैलिडेट यूजर नेम हमें यहां पर चाहिए रहेगा वैली डेशन या आई थिंक वो सजेशन मुझे दे देगा अगर मैं रिक्वायर कर लूं एक्सप्रेस वैलिडेटर को एंड आई थिंक वैलिडेशन रिजल्ट हा तो हमें यहां से वैलिडेशन रिजल्ट चाहिए रहेगा नहीं आई थिंक वैलिडेशन रिजल्ट नहीं हमें यहां पर चाहिए रहेगी बॉडी हमें यहां पर सिर्फ बॉडी चाहिए रहेगी एक्सप्रेस वैलिडेटर से हमें सिर्फ बॉडी चाहिए और उसके बाद जो राउट आप क्रिएट कर रहे हो जैसे कि मैं यहां पर बोलता हूं कि राउटर राउटर डॉट पोस्ट हम यहां पे एक पोस्ट राउट क्रिएट कर रहे
हैं राउट कौन सा है स्लश रजिस्टर स्ल रजिस्टर राउट हम क्रिएट कर रहे हैं और अब मुझे इस पर्टिकुलर राउट पे जो भी डाटा आने वाला है उसको वैलिडेट करना है तो वैलिडेट करने के लिए हम क्या यूज करने वाले हैं एक्सप्रेस वैलिडेटर का और एक्सप्रेस वैलिडेटर में भी मैं यहां पे एक अरे पास कर रहा हूं और ये रहेगा एक सीक्वेंस ऑफ कॉल बैक इसके बाद हम यहां पे बोल रहे हैं कि बॉडी के अंदर बॉडी के अंदर जो ईमेल आएगा जो भी ईमेल आने वाला है उसको चेक कर लो कि क्या वो इज
ईमेल है अगर नहीं हुआ अगर बाय चांस नहीं हुआ तो आप बोलोगे विथ मैसेज इनवैलिड ईमेल अब सिर्फ ईमेल तो आएगा नहीं आप क्या-क्या भेज रहे हो आप पासवर्ड भी भेज रहे हो और साथ ही साथ फुल नेम भी भेज रहे हो अब फुल नेम जो है उसके साथ एक छोटी सी प्रॉब्लम है कि वो ऑब्जेक्ट आएगा ऑब्जेक्ट के फॉर्म में आएगा तो इस तरीके से डायरेक्ट टेस्ट नहीं करोगे आप आप क्या करोगे यहां पे आप लिखोगे बॉडी और बॉडी के अंदर जो आपका फुल नेम आ रहा था फुल नेम फुल नेम के अंदर आपके
पास क्या था फर्स्ट नेम तो इधर पे आप बोलोगे इज लेंथ कि भाई उसकी जो मिनिमम लेंथ होनी चाहिए वो तीन होनी चाहिए और अगर ऐसा नहीं हुआ अगर ऐसा नहीं होता है तो विथ मैसेज फर्स्ट नेम मस्ट बी एटलीस्ट थ्री थ्री कैरेक्टर लॉन्ग ये आपको मिल जाना चाहिए इसके बाद इसको अपन सेव करते हैं सेव करने के बाद फाइनल चीज जो हम चेक कर रहे होंगे दैट इज पासवर्ड जो आपका लास्ट नेम है दैट इज ऑप्शनल वो तो ऑप्शनल है आपके लिए इधर पे हम बोलेंगे पासवर्ड पासवर्ड इज लेंथ मिन कि भाई मिनिमम सिक्स
कैरेक्टर का होना चाहिए और अगर नहीं हुआ तो मैसेज हम क्या पास कर रहे हैं हम मैसेज यहां पे पास कर रहे हैं पासवर्ड मस्ट बी एटलीस्ट सिक्स कैरेक्टर लॉन्ग बढ़िया चल रहा है ये हमने कर दिया और इसके बाद फाइनली जहां पर हमारा लाइक यूजर को क्रिएट या रजिस्टर करने का लॉजिक होगा वो कंट्रोलर के फॉर्म में हम लिख रहे होंगे तो इधर पे आते हैं कंट्रोलर हमने यहां पे अभी तक रिक्वायर नहीं किया तो कंस्ट यूजर कंट्रोलर यह रही अपनी फाइल यहां पर पूरा लॉजिक आएगा और इधर पर मैं एक लॉजिक क्रिएट कर
रहा हूं मॉड्यूल डॉट एक्सपोर्ट्स डॉट रजिस्टर यूजर इक्वल्स टू अ सिंक एक फंक्शन फंक्शन के अंदर तीन चीजें रहेंगी रिक्वेस्ट रिस्पांस एंड नेक्स्ट और इसके अंदर अब हम फाइनली यूजर को क्रिएट करने का लॉजिक लिख रहे होंगे ठीक है तो इसको सबसे पहले रजिस्टर यूजर यह जो है इसको ऐसे कंट्रोलर पास कर रहा हूं मैं सबसे लास्ट में यूजर कलर डॉट रजिस्टर यूजर बढ़िया तो अब हमारे पास डायरेक्ट इसका एक्सेस है अब इसके अंदर मुझे यूजर को रजिस्टर करने का लॉजिक लिखना है अच्छा यूजर को मुझे क्रिएट करना है और इसमें इवॉल्व क्या हो रहा
है इसमें इवॉल्व हो रहा है अपना मंग डीबी अब मंग डीबी अपन लाइक सर्वर से तो डायरेक्ट नहीं है वो वो एक कहीं अलग डेटाबेस उसका होगा तो उसके लिए ना मैं एक सर्विस क्रिएट कर रहा हूं जो डेटाबेस से इंटरेक्ट करेगी तो यहां पर हम आते हैं डेटाबेस इसको बंद करते हैं बैक एंड फोल्डर के अंदर न्यू फोल्डर मैं क्रिएट करूंगा सर्विसेस एंड सर्विसेस फोल्डर के अंदर एक हम फाइल और क्रिएट करेंगे यूर ड सड j और इसके अंदर कं यूजर मॉडल को हम रिक्वायर करेंगे यूजर मॉडल रिक्वायर करने के बाद एक फंक्शन या
इसको सीधा मैं बोल सकता हूं मॉड्यूल डॉ एक्सपोर्टस डॉट क्रिएट यूजर इक्वल्स टू अस सिंक और असं के अंदर अब देखो ये जो फंक्शन है इस फंक्शन का ना सिर्फ एक काम होने वाला है कौन सा यह यूजर को क्रिएट करेगा अब यूजर क्रिएट करने के लिए हमें क्या-क्या चीजें चाहिए रहती हैं यूजर मॉडल पे हम आते हैं तो हमें चाहिए रहता है उसका फर्स्ट नेम ये रिक्वायर्ड है अपने पास ईमेल हमें उसका चाहिए रहता है ईमेल चाहिए रहता है और पासवर्ड चाहिए रहता है और सॉकेट आ वो तो बाद में आने वाला है तो
हमें टोटल तीन चीजें चाहिए रहती है ईमेल पासवर्ड एंड फर्स्ट नेम तो ये तीन चीजें तो हमें चाहिए ही चाहिए यहां पे मैं लिखता हूं भाई हमें चाहिए यहां पे फर्स्ट नेम फर्स्ट नेम के बाद हमें यहां पे आपका लास्ट नेम ये ऑप्शनल है बट अगर हुआ तो ठीक है फिर लास्ट नेम और ईमेल एंड पासवर्ड ये चार चीजें ये फंक्शन एक्सेप्ट करेगा एज अ फंक्शन सॉरी एज अ ऑब्जेक्ट ऑब्जेक्ट के फॉर्म में एक्सेप्ट करेगा यहां पे हम आते हैं और इसके बाद मैं एक चेक लगा रहा हूं मैं इधर पे एक चेक लगा रहा
हूं कि इफ नॉट इफ नॉट फर्स्ट नेम लास्ट नेम कि इन चारों में से अगर कुछ भी नहीं मिला अगर इन चारों में से कुछ भी नहीं मिला अगर चारों में से नहीं सिर्फ तीनों में से कौन-कौन से फर्स्ट नेम ईमेल और पासवर्ड क्योंकि भाई ये तीन तो रिक्वायर्ड है ही है कि ये तीन होने ही चाहिए अगर ये तीनों हमें नहीं मिलते हैं तब आप एक एरर थ्रो कर दोगे कौन सा ऑल फील्ड्स आर रिक्वायर्ड ऑल फील्ड्स आर रिक्वायर्ड के बाद अब यहां पे आप बोलोगे कि अगर ऐसा नहीं होता है तो हम एक
यहां पे नया यूजर क्रिएट कर देंगे यूजर इक्वल्स टू न्यू या सीधा हम यहां पर बोल सकते हैं यूजर मॉडल डॉट क्रिएट और क्रिएट के अंदर यह पूरे डाटा को हम पास कर देंगे कौन-कौन सा फुल नेम फुल नेम के अंदर फर्स्ट नेम लास्ट नेम एंड पासवर्ड अब ये जो पासवर्ड रहेगा ये डायरेक्ट पासवर्ड नहीं आएगा इसको हैश हमें कन्वर्ट करना रहेगा वो तो हम बाद में करेंगे जहां पर इस फंक्शन को कॉल कर रहे होंगे उससे पहले सेव किया सेव करने के बाद यह जो यूजर हमने क्रिएट किया था इसको यहां पर डायरेक्टली हम
बोल देंगे रिटर्न यूजर तो बस इस पर्टिकुलर फंक्शन का एक काम है क्या यूजर को क्रिएट करना और उससे पहले कुछ चेक्स करने कि भाई यह सारे डाटा मुझे मिल रहा है कि नहीं अगर नहीं मिलेगा तो सीधा एरर आपको मिल जाएगा सेव करते हैं सेव करने के बाद ऑलरेडी एक्सपोर्ट कर चुके हैं यूजर कंट्रोलर पर आते हैं कंस्ट यूजर सर्विस इक्वल्स टू रिक्वायर यूजर सर्विस इधर प ने यूजर सर्विस को रिक्वायर कर चुके हैं और यूजर सर्विस रिक्वायर करने के बाद अब यहां पर याद करो यह जो राउट्स हमने बनाए थे इस पे कुछ
हमने वैलिडेशंस लगाए थे अब यह जो वैलिडेशंस है ना वैलिडेट जो हम कर रहे हैं डाटा को ये अधूरे हैं तो यहां पर जो आपका एक्सप्रेस वैलिडेटर है ना वह सिर्फ चेक कर रहा है अगर उस चेक में कुछ भी चीज गलत होती है और उसके ऊपर आपको एक्शन परफॉर्म करना है तो वह आप परफॉर्म करते हो इस पर्टिकुलर कंट्रोलर के अंदर और इसके लिए आपको चाहिए रहता है वैलिडेशन रिजल्ट तो यहां पे हम अब रिक्वायर करेंगे वैलिडेशन रिजल्ट को और इधर पे चेक करेंगे कि कंस्ट एरर्स यह जो एरर्स आने वाले हैं यह हम
आपको कहां प मिल जाएंगे आपको मिल जाएंगे वैलिडेशन रिजल्ट के अंदर रिक्वेस्ट पास कर देना और रिक्वेस्ट में अगर रिक्वेस्ट में इनमें से कुछ भी गलत होगा अगर इनमें से कुछ भी गलत होगा तो रिक्वेस्ट के अंदर आपको मिलता है इसके बाद एक चेक आपको लगाना रहेगा इफ एरर इज नॉट एमटी कि भाई अगर एरर जो है व एमटी नहीं है मतलब कि कुछ इन तीनों में से इन तीनों में से कुछ ऐसा है जो गलत आ रहा है और वह जो भी रहेगा वह मैसेज में आपको मिल जाएगा ये जो आपने मैसेज यहां पे
देके रखे हो ये कहां पे मिल जाएगा आपको यहां एरर्स ड अरे में और इस पूरी चीज को हम भेज देंगे हमारे फ्रंट एंड से या जहां से भी रिक्वेस्ट आ रही होगी वहां पे हम भेज देंगे सेव करते हैं सेव करने के बाद अगर सब सही होगा तो हम आगे मूव कर सकते हैं मूव करते हैं मूव करने के बाद हम चार चीजें निकालने वाले हैं कौन-कौन सी फर्स्ट नेम लास्ट नेम और ईमेल पासवर्ड रिक्वेस्ट ड बॉडी से और इतना करने के बाद यह जो पासवर्ड है हम डायरेक्ट प्लेन टेक्स्ट फॉर्मेट में पासवर्ड को
नहीं सेव करवाते हैं डेटाबेस में कभी भी तो हम इसको हैश करवाना रहेगा हैश करवाने के लिए हमने ऑलरेडी एक मेथड बना के रखी थी कंस्ट हैश पासवर्ड यूजर मॉडल डॉट है पासवर्ड ध्यान रखो यह जो यूजर मॉडल आपने क्रिएट किया था यहां पर और इसमें आपने एक मेथड क्रिएट की थी यह वाली हैश पासवर्ड तो इसको आप यूज करोगे पासवर्ड को हैश करने के लिए आपको हैश पासवर्ड मिल जाएगा एंड यहां पर अब हैश पासवर्ड आपको मिल चुका है तो इसके बाद अब फाइनली जो आपकी यूजर सर्विस है उसमें क्रिएट यूजर को आप कॉल
कर सकते हो और आप अपने पर्टिकुलर यूजर को रजिस्टर करवा सकते हो अब ये जो यूजर क्रिएट होगा ये जो यूजर आपका क्रिएट होने वाला है इससे हमें टोकन जनरेट करवाना है और टोकन जनरेट करने के लिए ना ऑलरेडी हमने एक मेथड बना के रखे यूजर मॉडल में ये देखो ये रही अच्छा यहां पे एक चीज मिस हो गई यहां पे एक चीज मिस हो चुकी है कि जेडब्ल्यू t सीक्रेट अभी तक हमने नहीं दिया है एनवायरमेंटल वेरिएबल में तो इधर पे आते हैं एनवायरमेंटल वेरिएबल अपने यहां पर हमने देके रखे हैं सारे जेडब्ल्यूडी सीक्रेट
और इधर प मैं बोल रहा हूं u न वीडियो सीक्रेट सेव किया तो ये अपना अभी के लिए सीक्रेट है बाद में चेंज कर दूंगा मैं इसको अभी डेवलपमेंट में रख रहा हूं बस सेव करते हैं सेव करने के बाद यह अपना सीक्रेट हो गया और यह पर्टिकुलर जो मेथड है यह आपको जेडब्ल्यू टोकन रिटर्न करके दे देगी और इस टोकन के अंदर डाटा क्या रहेगा सिर्फ आईडी रहने वाली है यूजर की सेव करते हैं सेव करने के बाद यहां पे हम आएंगे एंड यूजर कंट्रोलर यूजर कंट्रोलर के अंदर कॉन्स्ट टोकन इक्वल्स टू यूजर ड
जनरेट थ टोकन जनरेट ऑथ टोकन के बाद हम यहां पर फाइ फली बोलेंगे रिंस ड स्टस 200 और टोकन के साथ जो आपका नया यूजर क्रिएट हुआ है इसे भी मैं शेयर कर रहा हूं तो यूजर यह दोनों चीजें हम रिस्पांस में सेंड कर देंगे तो अभी तक हमने क्या कर लिया अभी तक हमने एक राउट क्रिएट कर लिया है कौन सा यूजर को रजिस्टर करने वाला तो इसको अब मैं एक बार टेस्ट करके देखना चाहता हूं तो टेस्ट करने के लिए यह रहा आपका पोस्ट पेन इस टाइप का आपको यूआई मिल जाएगा यहां पर
एक पोस्ट टाइप की मैथड लाइक पोस्ट रिक्वेस्ट में करना चाहूंगा इधर पे आते हैं जो हमारी यूआरएल रहने वाली है दैट इज एचटीटीपी एटीटीपी कॉलन स्ल स्ल लोकल होस्ट कॉलन 4000 एंड आई थिंक हमने ना एक बहुत बड़ी सी चीज मिस कर दी है कि जो आपने यह राउट्स बनाए थे ये जो आपने राउट्स बनाए थे ना यह अभी तक आपने app.js फाइल में रिक्वायर नहीं किए हो और रिक्वायर करने के बाद इनको कंफिट नहीं तो इधर प आते हैं कंस्ट यूजर राउट्स इक्वल्स टू राउट्स फोल्डर के अंदर यूजर राउट्स एंड इसे हम कर देंगे
कन्फ तो इधर प आते हैं एड यूज एक्सप्रेस जसन ऑफकोर्स हमें इसकी जरूरत पड़ने वाली है सिर्फ एक्सप्रेस ड जसन की नहीं हमें यूआरएल इनकोडेड की भी जरूरत पड़ेगी तो एड यूज एक्सटेंडेड ट्रू यूजर एंड यहां पर मैं एस लगाना चाहूंगा ठीक है तो अभी हम फाइनली यूजर राउट्स को कन्फर कर चुके हैं अब इसको यूज करके देखते हैं यूज करने के लिए पोस्टमन पर आते हैं स्लश यूजर्स स्लश रजिस्टर रजिस्टर के बाद बॉडी के अंदर जो डेटा जिस फॉर्मेट में जाएगा दैट इज रॉ इधर पर आएंगे और सबसे पहले हमें यहां पर चाहिए रहेगा
फुल नेम अब फुल नेम के बाद यह एक ऑब्जेक्ट के फॉर्म में जाएगा ऑब्जेक्ट के अंदर इसमें रहेंगी तीन प्रॉपर्टीज या दो प्रॉपर्टीज बस आई थिंक दो प्रॉपर्टीज में कौन-कौन सी फर्स्ट नेम होगा इसका टेस्ट अंडरस्कोर फर्स्ट नेम एंड एक और चीज होगी यहां पे लास्ट नेम तो लास्ट नेम लास्ट नेम के बाद यहां पर हम बोलेंगे टेस्ट अंडरस्कोर लास्ट नेम एंड लास्ट नेम के बाद हमें भेजना है यहां पर ईमेल और ईमेल जो रहेगा दैट इज टेस्ट @ T.com एंड लास्ट चीज जो रहेगी ट इज पासवर्ड और पासवर्ड जो रहेगा टेस्ट अंडरस्कोर पासवर्ड और
इसको आप एक बार सेंड करके देखते हैं सेंड किया सेंड करने के बाद इधर पे कुड नॉट सेंड रिक्वेस्ट ऐसा क्यों क्योंकि आई थिंक हमने सर्वर स्टार्ट नहीं किया क्लियर एनपी एकस नोड मन एंटर सर्वर अपना चालू हो चुका है सर्वर चालू होने के बाद अब वापस से ट्राई करते हैं तो अभी भी कुछ प्रॉब्लम हो रही है एंड तो इधर पे अब आ रहा है ऑल फील्ड्स आर रिक्वायर्ड ओके ऑल फील्ड्स आर रिक्वायर्ड यहां पे यह जो एरर आ रहा था आई थिंक हमने इसको दिया था सर्विसेस के अंदर यहां पर फर्स्ट नेम ईमेल
एंड पासवर्ड जहां तक मुझे लग रहा है गलती जो है फर्स्ट नेम स्पेलिंग में हो रही है पासवर्ड और या फिर हम इसको जहां पे कॉल कर रहे हैं कंट्रोलर के अंदर फर्स्ट नेम लास्ट नेम ईमेल एंड पासवर्ड क्या यहां पर एक बार मुझे console.log [संगीत] कर सकते हैं हम इधर पे मैं डायरेक्ट पहले निकाल रहा हूं फुल नेम फुल नेम निकाल रहे हैं और फुल नेम निकालने के बाद इधर पे फर्स्ट नेम को डायरेक्ट देने की जगह फुल नेम डॉट फर्स्ट नेम हो जाएगा और लास्ट नेम भी सिमिलर हो जाएगा फुल नेम डॉट लास्ट
नेम के सेव करते हैं अब हम फाइनली सेंड करके देखते हैं तो इधर पे 21 क्रिएटेडटेड कोड आ चुका है और जो हमारा यूजर है वो भी यहां पर क्रिएट हो चुका है तो यह राउट कंप्लीट हो चुका है नहीं बैक एंड में राउट सिर्फ बनाने से काम नहीं चलता आप एक बैक एंड डेवलपर हो एक इंजीनियर आप कह सकते हो तो उसके लिए ना अगर आप एक अच्छे बैक एंड डेवलपर हो तो एक बहुत बेकार सा काम करना पड़ता है आपको दैट इज डॉक्स बनाना और डॉक्स बनाना पहले बेकार था बट अभी काफी इजी
हो चुका है कैसे अब आपके पास टूल्स हैं कौन-कौन से आपके पास जीपीटी है सबसे बड़ा टूल है वो अभी प्रेजेंट टाइम में तो लेकिन मेरे पास एक उससे अच्छा टूल है दैट इज कोपायलट जो कि कोडिंग के लिए ही बना हुआ है तो हम कोपायलट का यूज करते हैं यहां पर मैं बोलूंगा देखो कोपायलट कैसा दिखता है पहले वो बता देता हूं यहां पे रहता है और इसको मैं एडिट्स पे ओपन कर रहा हूं यह एक टूल है मेरे पास और इधर पे मैं बोल रहा हूं कि मुझे यहां पे डॉक्स जनरेट करवाने फॉर
माय मतलब कि जितने भी मैं राउट्स क्रिएट करूंगा सभी के लिए डॉक्स मुझे क्रिएट करवाने तो मुझे अभी सिर्फ रजिस्टर राउट के लिए क्रिएट करवाने है तो यहां पर हम आते हैं कौन-कौन सी फाइल की मुझे नीट पड़ेगी एक तो राउट्स इसकी नीट पड़ेगी इसको यहां पर रखते हैं मुझे जरूरत पड़ने वाली है जो आपका यूजर सर्विस है इसकी जरूरत पड़ेगी यूजर सर्विस के बाद मुझे कंट्रोलर जो फाइल है इसकी जरूरत पड़ेगी ऐसा क्यों क्योंकि भाई इन्हीं तीनों फाइल में यूज़र कैसे क्रिएट होने वाला है उसका पूरा लॉजिक लिखा हुआ है और एक और फाइल
है जो कि आपकी है यूज़र मॉडल और इसकी जरूरत पड़ेगी तो इन चारों फाइल में यूज़र कैसे क्रिएट होने वाला है पूरा लॉजिक इन चारों फाइल में तो अब मैं इससे बोलूंगा कि क्रिएट अ डमी डॉट एमडी फाइल टू डॉक्स द स्लश यूजर्स स्लश रजिस्टर एंड पॉइंट विथ डिस्क्रिप्शन एंड डिस्क्रिप्शन एंड स्टेटस कोड आल्सो राइट द डेटा हाउ द डेटा इज रिक्वायर्ड इन द एंड पॉइंट ये ये जो आपको इतनी सारी चीज बतानी पड़ रही है कि आपको स्टेटस कोड भी देना है डिस्क्रिप्शन भी देना है एंड पॉइंट भी देना है यह सिर्फ पहली बार
बताना रहेगा अगली बार से वो खुद सिर्फ बोल देना कि इस पर्टिकुलर राउट का एंड पॉइंट का डॉग्स क्रिएट कर दो और वो खुद क्रिएट कर देता है तो अभी के लिए मैं थोड़ा एक अच्छा मॉडल यूज कर रहा हूं जो कि क्योंकि मुझे पहली बार यह सारी चीजें हो रही है अगली बार से वो अपन अगर फर ओ का यूज करेंगे तो भी काम हो जाएगा अभी के लिए मैं ओ मिनी या प्रीव्यू का आई थिंक मैं यूज कर सकता हूं थोड़ा सा टाइम लेगा बट काम अच्छा करके देखा इधर पे आते हैं एंड
एक लास्ट चीज और बोल रहा हूं क्रिएट एमडी फाइल इन द बैक एंड फोल्डर तो हमने हमारा प्रम दे चुका है एंड व अब जनरेट कर रहा है वेट करते हैं कितना टाइम लेने वाला है ठीक है तो उसने ना अभी-अभी मुझे जस्ट एक readme.md फाइल क्रिएट करके दिया है बैक एंड फोल्डर के अंदर और इसको अगर मैं एक्सेप्ट कर देता हूं सभी चीजों को अगर मैं एक्सेप्ट कर देता हूं एंड इसको डन करता हूं तो ये फाइल मुझे फाइनली मिल चुकी है अब इसका एगजैक्टली काम क्या होता है तो देखो अभी जस्ट मैं आपको
बताता हूं कि भाई यह कैसी दिखने वाली जब इसको एक डॉक्स फॉर्म में देखोगे तो इधर पे आते हैं और यह देखो जब गिट अप पे ना यह एक्चुअली में इस टाइप की दिखेगी बैक एंड एपीआई डॉक्यूमेंटेशन सबसे पहला जो आपका राउट है यह है डिस्क्रिप्शन इसका यह है कि मैं रजिस्टर अ न्यू यूजर बाय क्रिएटिंग यूजर अकाउंट विद प्रोवाइडेड इंफॉर्मेशन एचटीटीपी मेथड कौन सी यूज़ की गई है पोस्ट यूज़ की गई है एंड पॉइंट आपका यह रहा रिक्वेस्ट अ बॉडी मतलब रिक्वेस्ट बॉडी के अंदर यह सारी चीजें आपको मिल जाएंगी एंड आई थिंक हमें
कुछ चीजें भूल चुका है कौन-कौन सी सबसे पहले तो रिस्पांस आपको कैसा मिलेगा तो रिस्पांस के लिए हम यहां पर और बोल देते हैं कि अब रिस्पांस के लिए मैं बोलूंगा कि ड एग्जांपल ऑफ रिस्पांस द रिस्पांस ठीक है तो अब वो थोड़ा सा फिर से सोच रहा है एंड प्लीज प्रोवाइड अ कोड सिलेक्शन वांट टू डॉक्यूमेंट एंड ओके जस्ट वेट अ सेकंड अब वह ऐसे नहीं काम करेगा क्योंकि यह थोड़ा मिनी है इसका कांटेक्ट थोड़ा कम रहता है तो आई थिंक हम क्या कर सकते हैं फिर से आते हैं एंड जो हमारी पिछली वाली
विंडो थी उसको ओपन करते हैं और हमें क्या क्या चाहिए रहेगा हमें यहां पर चाहिए रहेगी हमारी कंट्रोलर सर्विस एंड रीड म फाइल तो चाहिए ऑफकोर्स रीड फाइल पर आते हैं एंड इधर बोल रहा हूं कि ऐड एग्जांपल ऑफ द रिस्पांस दैट यूजर गेट फ्रॉम द एंड पॉइंट बढ़िया फिर से वेट करते हैं ओके सो आई थिंक उसको प्रॉब्लम हो रही है कि वह ऐड नहीं कर पाता है रिस्पांस में तो ए आई है गलती करेगा तो अब क्या करना है अब हम खुद करेंगे तो इधर प आते हैं हम यहां पे क्या-क्या ऐड करना
है देखो जो रिस्पांस जाने वाला है ना उसमें क्या-क्या चीजें रहेंगी उसमें चीजें रहने वाली हैं यूजर एंड आपका जो टोकन रहेगा वो दो चीजें जा रही है रिस्पांस में दो ही चीजें जा रही हैं कौन-कौन सी टोकन एंड रिस्पांस सॉरी टोकन एंड यूजर तो यहां पे हम आते हैं और एग्जांपल रिस्पांस में बोलूंगा जस्ट इसी का मुझे कॉपी पेस्ट करना है इसी को आई थिंक हम कॉपी पेस्ट कर सकते हैं यहां पे आते हैं फुल नेम की जगह ये रहेगा आपका यूजर और यूजर के अंदर भी अब यहां पे क्या-क्या होगा यहां पर आपके
लिए यूजर में जो चीजें होती कौन-कौन सी सबसे पहले यूजर में होता है उसका फुल नेम फुल नेम के बाद अब फुल नेम जो रहेगा ना वो अगेन एक ऑब्जेक्ट होता है तो इधर पे यह पूरी चीजें मैं हटा रहा हूं और इसकी जगह पर आएगा सिर्फ ऑब्जेक्ट ऑब्जेक्ट के बाद यहां पर अब फाइनली जो आपका फर्स्ट नेम एंड लास्ट नेम होता है वह आ जाएगा यह आ गया एंड आई थिंक यहां पर भी एक टैब आएगा फुल नेम लास्ट नेम एंड लास्ट नेम इधर से आई थिंक हम हटा चुके हैं एंड ईमेल एंड पासवर्ड
एंड इधर पे ठीक है बस इनकी अलाइन मेंट में थोड़ी ठीक कर रहा हूं एंड ठीक है तो पासवर्ड और यूजर के बाद जो हमें चाहिए रहेगा वह होगा आपका टोकन टोकन और टोकन जो रहेगा वो रहेगा आपका टाइप स्ट्रिंग एंड आई थिंक यहां पर रिक्वायर्ड इन सब चीजों की जरूरत नहीं है ऑप्शनल इसको हम हटा सकते हैं रिक्वायर्ड हटा सकते हैं एंड टोकन जो आपका रहेगा यह रहेगा आपका स्ट्रिंग स्ट्रिंग फाइनली जो आपका यूजर रहता है जेडटी टोकन बढ़िया तो आई थिंक इतना डन है एंड सेव करते हैं सेव करने के बाद मैं कुछ
चीजें यहां से हटाना चाहता हूं कौन-कौन सी एंड पॉइंट एंड इसकी जरूरत मुझे दिख नहीं रही है इसको हम हटा सकते हैं रजिस्टर सेव कर सकते हैं बैक बढ़िया और अब अगर मैं इसका प्रीव्यू लेता हूं तो कुछ इस तरीके से दिखेगा ये बढ़िया तो कुछ इसी टाइप का हमारा एक डॉक्स रहते हैं डॉक्स में आपको बताना रहता है कि भाई एंड पॉइंट्स कौन सा है वो किस तरीके से डाटा एक्सेप्ट करने वाला है और रिस्पांस में किस तरीके से डाटा भेजेगा तो हमने इतना बता चुके हैं और फाइनली अब मैं इसको कर रहा हूं
इतने पार्ट को पुश कर रहा हूं मेरे गिट हप पे तो इधर प अपन बोलते हैं यूजर रजिस्ट्रेशन डन एंड कमिट ठीक है तो कमिट हो रहा है एंड एक बार आप इसको इधर पर और देख लो बस रीलोड रीलोड करने के बाद बैक एंड पर हम आते हैं तो देखो यह जो डॉक्स हमने हमारे वीएस कोड पे क्रिएट किए थे वह आपको इधर पे बहुत अच्छे फॉर्मेट में बहुत अच्छे तरीके से लिखा गया है यहां पे आप आसानी से देख सकते हो कि भाई एक यूजर रजिस्टर्ड राउट होगा और इसका डिस्क्रिप्शन यह रहा मेथड
इसकी क्या रहेगी रिक्वेस्ट ड बॉडी में डाटा किस तरीके से आपको पास करना है और रिस्पांस में आपको क्या मिलेगा तो ये सारा आपको इधर पे इजली अवेलेबल हो जाएगा तो जो भी फ्रंट एंड डेवलप कर रहा होगा उसको कोड में जाके नहीं देखना पड़ेगा एटलीस्ट कि भाई कौन से राउट्स हैं क्या करते हैं वो वो डाटा कैसे चाहिए रहता है उनको और रिस्पांस में क्या भेजते हैं तो अभी के लिए हमने सिर्फ रजिस्टर राउट क्रिएट किया है आगे चलते हैं लॉग इन लॉग आउट और प्रोफाइल राउट हमें और क्रिएट करना है तो अब वो
देखेंगे चलो तो अब हमें यहां पे लॉगइन राउट क्रिएट करना है यूजर के लिए तो लॉगइन राउट क्रिएट करते हैं इधर पे बोलेंगे राउटर डॉ पो एंड पोस्ट के अंदर जो अपना रहेगा स्लैश लॉगइन लॉग इन और लॉग इन के बाद हमारे कुछ लगेंगे यहां पे चेक्स चेक्स यहां पे लगेंगे कौन सा एक्सप्रेस वैलिडेटर के हेल्प से लगाएंगे सिर्फ दो ही चीजें हम एक्सेप्ट करने वाले कौन-कौन सी ईमेल एंड पासवर्ड सिर्फ दो चीजें एक्सेप्ट करेंगे हम ईमेल एंड पासवर्ड तो देखो और उनके ऊपर हमने चेक भी लगा दिया कि भाई जो ईमेल आप भेज रहे
होंगे क्या वो ईमेल है भी या नहीं अगर नहीं है तो इनवैलिड ईमेल और पासवर्ड सेम विद पासवर्ड इस पे सेव करते हैं सेव करने के बाद हमें यहां पे चाहिए रहेगा एक कंट्रोलर तो कंट्रोलर यहां पे लेकर आते हैं यूजर कंट्रोलर लॉगइन यह जो अभी लॉगिन यूजर कंट्रोलर है यह क्रिएट नहीं किया है क्रिएट हमने नहीं किया है इसको कॉपी कर लेते हैं इसका नाम यूजर कंट्रोलर पे आते हैं रजिस्टर कंट्रोलर को बंद करते हैं मॉड्यूल ड एक्सपोर्ट्स डलॉग इन यूजर कंट्रोलर इक्वल्स टू अस सिंक एक फंक्शन एंड फंक्शन के बाद हम यहां पे
बोल सकते हैं एरर्स पहले तो एरर्स चेक करेंगे एंड इसने काफी सारी चीजें हमें सजेस्ट कर दी है लेकिन मैं चाहता हूं कि एक बार आप इसको शुरू से देखो कि भाई एगजैक्टली है क्या एरर्स वाला पार्ट तो क्लियर होगा लेकिन हम यहां पे कंस्ट ईमेल ईमेल के बाद हमें चाहिए रहा यहां पे पासवर्ड एंड पासवर्ड दोनों ही चीजों को मैं निकाल रहा हूं रिक्वेस्ट ड बॉडी से रिक्वेस्ट ड बॉडी से हमने ईमेल एंड पासवर्ड निकाल लिया अब ईमेल एंड पासवर्ड हमने निकाला है तो सबसे पहले हम चेक करेंगे कि भाई ये जो ईमेल एंटर
की गई है इस पर्टिकुलर ईमेल से कोई यूजर एजिस्ट करता भी है या नहीं करता तो उसके लिए हम यहां पे लिखेंगे कंस्ट यूजर इक्वल्स टू अवेट यूजर मॉडल डॉट फाइंड वन हम फाइंड वन का यूज़ करेंगे ईमेल के बेसिस पे यूजर को फाइंड करेंगे अब यह जो पर्टिकुलर एक पार्ट लिखा गया है ना प्लस पासवर्ड यह बहुत इंपॉर्टेंट है क्यों इंपॉर्टेंट है देखो अगर आप यूजर मॉडल पे आओगे ना यूजर मॉडल पे आपने एक पासवर्ड के टाइम पे इसको क्या कर दिया था सिलेक्ट फॉल्स कर दिया था तो इसका यह मतलब है कि अब
अगर आप यूजर पे कुछ भी फाइंड क्वेरी लगाओगे मतलब कि किसी भी टाइप की फाइंड क्वेरी अगर आप लगाते हो तो पासवर्ड बाय डिफॉल्ट नहीं आएगा पासवर्ड बाय डिफॉल्ट नहीं आएगा तो ये जो आप यहां पे बोल रहे हो ना सिलेक्ट प्लस पासवर्ड तो इस लाइन का यह मतलब है कि आप यूजर को जब फाइंड करोगे तो उसके अंदर उसका जो पासवर्ड होगा उसको भी लेकर आना हमें ये पासवर्ड चाहिए क्यों हमें ये पासवर्ड इसलिए चाहिए ताकि अभी हम पासवर्ड को चेक करेंगे कि भाई ये जो पासवर्ड यूजर ने भेजा है ये सही है या
नहीं है तो उसके लिए हमें ये चाहिए रहेगा अब इधर पे लेकर आते हैं इधर पे हम फाइनली चेक करेंगे इफ नॉट यूजर कि अगर यूजर हमें नहीं मिल अगर यूजर हमें नहीं मिलता है तो आप यहां पे सीधा रिस्पांस भेजोगे 44 नहीं 44 नहीं भेजेंगे 44 नहीं भेजेंगे ये रिस्पांस पता नहीं कहां से उठा के लेकर आता है बार-बार यह रिस्पांस हम नहीं भेजते हैं इधर पे हम बोलते हैं स्टेटस 401 501 नहीं रो वन और इधर पे हम बोलते हैं जेसन इनवैलिड ईमेल और पासवर्ड ध्यान रखना ईमेल गलत हो या पासवर्ड गलत हो
दोनों के टाइम पे सेम रिस्पांस जाता है इनवैलिड ईमेल और पासवर्ड ऐसा इसके बाद आते हैं यूजर आपने फाइंड कर लिया अब हम चेक करेंगे पासवर्ड कि जो ईमेल से तो यूजर तो एजिस्ट करता है लेकिन क्या पासवर्ड सही डाला है या नहीं तो उसके लिए हम यहां पे बोलते हैं कंस्ट इज मैच कंपेयर पासवर्ड यह जो कंपेयर पासवर्ड आपकी मेथड है यह आपने बना के रखी थी कहां पे यूजर मॉडल के अंदर दिस वन यह देखो कंपेयर पासवर्ड यह आपने बना के रखी थी तो इसी मेथड का भी हमने यूज किया है इस पर्टिकुलर
जगह पे चेक करेंगे कि पासवर्ड मैच कर रहा है या नहीं कर रहा है अगर मैच नहीं करेगा तो सीधा हम बोलेंगे स्टेटस कोड 401 पे आप इस स्टेटस कोड भेजो और जेसन मैसेज में भेज दो इनवैलिड ईमेल और पासवर्ड सेव करते हैं सेव करने के बाद सारी चीजें अगर सही होती है तो हम एक टोकन जनरेट करेंगे और टोकन जनरेट करने के बाद हम स्टेटस कोड 200 के साथ टोकन जो टोकन अभी हमने जनरेट किया है और जो यूजर लॉगइन किया उसको हम भेज देंगे एस रिस्पांस में सेव करते हैं सेव करने के बाद
अब इस पर्टिकुलर राउट को टेस्ट करके देखेंगे हम टेस्ट करने के लिए यह रहा अपना पोस्टमन यह राउट हमने ऑलरेडी क्रिएट करके रखा था इधर पे यह जो पर्टिकुलर पार्ट है क्योंकि मैं और आगे यूज करने वाला तो इसको मैं एक वेरिएबल क्रिएट कर रहा हूं बेस यूआरएल वेरिएबल सेट इसी नाम से बेस यूआरएल ठीक है तो इस हमने क्रिएट कर लिया है इधर पे आते हैं एक नया एंड पॉइंट और इधर पे हम बोलेंगे भाई बेस यूआरएल जो आपका है वेरिएबल इसका हम यूज करना चाहते हैं यूजर्स पे एंड रजिस्टर रजिस्टर नहीं लॉगइन पे
और इधर पे हमें चाहिए रहा गा बॉडी बॉडी जो फॉर्मेट प रहेगी दैट इज रॉ और रॉ फॉर्मेट में भी हमें अब रजिस्टर में जो यूजर नेम हमने डाल के रखा था आई थिंक उसी को हम कॉपी पेस्ट कर सकते हैं इसको करते हैं एंड इसको मैंने पूरा कॉपी पेस्ट किया हू जो डाटा हमने इधर प डाल के रखा था यह वाला डाटा इसको कर रहा हूं मैं कॉपी एंड इधर प आके कर रहा हूं पेस्ट पेस्ट कर दिया पेस्ट करने के बाद हमें अब फुल नेम तो भेजना नहीं है तो फुल नेम अगर नहीं
भेजना है तो इसको मैं हटा रहा हूं एंड सिर्फ ईमेल एंड पासवर्ड डाल रहा हूं पासवर्ड अभी मैं जानबूझ के इसको कर रहा हूं गलत पासवर्ड अभी जानबूझ के मैं गलत कर रहा हूं और इसको करके देखते हैं अपन सेंड देखो मैसेज क्या मिल रहा है मुझे मैसेज मुझे यहां पे मिल रहा है इनवैलिड ईमेल और पासवर्ड और अब अगर मैं पासवर्ड सही कर देता हूं और ईमेल गलत कर रहा हूं तो देखो सेम सेम रिस्पांस पता चल रहा है तो इसी तरीके से हम करते हैं पासवर्ड या ईमेल कुछ भी गलत हो आप मैसेज
हमेशा सेम भेजते हो फिर इसको करते हैं सेंड और अब आपको रिस्पांस कोड जो मिल रहा है दैट इज 200 और उसके बाद टोकन मिल जा रहा है आपको और यूजर की डिटेल्स आपको प्रॉपर्ली मिल रही है तो यूजर राउट क्रिएट तो हमने कर लिया लेकिन इसकी डॉक्यूमेंटेशन भी तो क्रिएट करनी है तो जैसा कि मैंने आपसे पहले बोला था कि बस यह ना एक बार का काम है डॉक्यूमेंटेशन क्रिएट करना बाकी बहुत इजी हो जाएगा कैसे तो अभी हमें यूजर कंट्रोलर हमने यूज किया है यूजर कंट्रोलर यूज करने के बाद readme.md फाइल ऑलरेडी है
यहां पे एक फाइल और मैं ऐड करना चाहूंगा यहां पे दैट इज राउट्स और इधर पे अब मैं बोलता हूं कि ऐड डॉक्स फॉर स्ल यूजर स्ल लॉग इन एंड पॉइंट सीधा अपन सीधा यही बोल रहे हैं अब थोड़ा सा वेट करके देखते हैं readme.md फाइल ओपन करके रखते हैं इधर प थोड़ी देर बाद यह एडिटिंग या अपडेट करना चालू कर चुका होगा आई थिंक वेट करते हैं थोड़ा सा ठीक तो इसने अभी इतना रिस्पांस हमें दे चुका है और रिस्पांस अभी भी एग्जाम के फॉर्मेट में नहीं दे पा रहे ठीक है वो हम आई
थिंक खुद कर सकते हैं तो इधर पर आते हैं इस पर्टिकुलर पार्ट को कॉपी करते हैं क्योंकि रजिस्टर करते टाइम और लॉग इन करते टाइम सेम टाइम पे मतलब दोनों राउट पे एग्जैक्ट सेम डाटा जाता है रिस्पांस में तो इधर पे आते हैं और इसे कर रहा हूं मैं पेस्ट एंड इसको कर देते हैं अपन कमेंट कि यूजर लॉग इन डन एंड कमिट सिंक चेंजेज ठीक है तो अभी तक हमने यूजर लॉगइन राउट क्रिएट कर लिया अब अपने दो राउट्स और बचे हैं दैट इज प्रोफाइल एंड लॉग आउट राउट तो अब उनको देखते हैं हम
चलो तो अभी तक हमने क्या कर लिया अभी तक हमने यहां पे रजिस्टर राउट क्रिएट कर लिया है लॉगइन राउट क्रिएट कर लिया है फॉर यूजर्स कैप्टन के लिए अभी बचा हुआ है अब यहां पर हम आते हैं राउट्स फोल्डर पे यूजर राउट्स पे देखो रजिस्टर एंड लॉगइन के लिए क्रिएट है अब मुझे सेम चीज करनी है लेकिन प्रोफाइल के लिए तो प्रोफाइल के लिए यहां पर मैं आऊंगा राउटर डॉट गेट और गेट के बाद मैं लिख दूंगा ै प्रोफाइल ये राउट अब मुझे एक्सेस करना है यूजर कंट्रोलर गेट यूजर प्रोफाइल गेट यूजर प्रोफाइल इधर
पे हम लेकर आते हैं अच्छा गेट यूजर प्रोफाइल कंट्रोलर अभी तक हमने क्रिएट नहीं किया है तो गेट यूजर प्रोफाइल इस नाम को कॉपी कर रहा हूं यूजर कंट्रोलर पे चलते हैं इसको बंद करते हैं एंड इधर हम बोल रहे होंगे गेट यूजर प्रोफाइल एंड रिक्वेस्ट डट यूजर अच्छा रिक्वेस्ट ड यूजर गेट यूजर प्रोफाइल में इतना तो हमें समझ में आता है कि यूजर का जो भी डाटा रहेगा वो हमें भेजना है लेकिन रिक्वेस्ट डॉट यूजर पे अभी डाटा नहीं आएगा अब समझना एक चीज समझो जो एक प्रोफाइल पेज होता है वह एक पर्टिकुलर यूजर
को दिखता है मतलब कि भाई जिस यूजर ने लगड इन किया होगा उसी पर्टिकुलर यूजर को उसका प्रोफाइल पेज दिखना चाहिए तो उस चीज को परफॉर्म करने के लिए हमें एक मिडल वेयर लगाना पड़ता है हमारे इस पर्टिकुलर राउट पे कि भाई आप चेक करो कौन सा यूजर लॉग इन है उस पर्टिकुलर यूजर का डाटा हम प्रोफाइल पेज पर दिखा देंगे लेकिन अगर कोई भी यूजर लगड इन नहीं है तो आप सिंपल एक भेज देना कि भाई सॉरी अनऑथराइज्ड एक्सेस यह करके आपको एक एरर भेजना है तो यह जो हम बनाते हैं यह जो हम
मिडल वेयर बनाते हैं इसके लिए ना हम अलग फोल्डर बनाएंगे इधर प अपन बोलते हैं मिडल वेयर मिडल वेयर्स और मिडल वेर फोल्डर के अंदर हम यहां पर एक फाइल बनाएंगे ऑथ डॉट मिडल वेर डॉट जेएस इसके अंदर हम यहां पर करेंगे सबसे पहले रिक्वायर कंस्ट यूजर मॉडल को यूजर मॉडल इक्वल्स टू रिक्वायर रिक्वायर यूजर मॉडल रिक्वायर यूजर मॉडल फिर हम रिक्वायर करेंगे यहां पे बी क्रिप्ट को बी क्रिप्ट इक्वल्स टू रिक्वायर बी क्रिप्ट एंड फाइनली हम यहां पर रिक्वायर कर रहे होंगे जेडब्ल्यू के अब सबसे पहले जो मुझे एक मिडिल वेयर बनाना है वो
इसके लिए बनाना है कि यूजर ऑथेंटिकेट है या नहीं तो उसके लिए यहां पर मैं आऊंगा एंड मॉड्यूल डॉट एक्सपोर्ट्स डॉट ऑथ यूजर ये एक मिडल वेयर हम क्रिएट करेंगे अस सिंक रिक्वेस्ट रिस्पांस एंड नेक्स्ट एंड फाइनली इधर पे हम क्या चाहिए रहेगा इधर पे हमें चाहिए रहेगा हमारा टोकन अब देखो टोकन जो रहेगा वो आपको मेनली दो जगह से मिलता है कहां-कहां से पहला वो आपको मिल जाएगा हेडर के अंदर या कुकीज के अंदर तो हम दोनों ही जगह चेक करने वाले कॉन्स टोकन इक्वल टू रिक्वेस्ट डॉट कुकी डॉट टोकन और अगर इससे नहीं
मिला और अगर इससे नहीं मिलता है तो रिक्वेस्ट डॉट हेडर्स ड ऑथराइजेशन इन दोनों में से कहीं एक प आपको मिल जाएगा अब ये जो ऑथराइजेशन वाला पार्ट है इसमें भी आपको पर्टिकुलर स्प्लिट करना पड़ेगा पहले पहले आपको इसको स्प्लिट करना पड़ेगा फिर उसके बाद आपको आगे टोकन मिलेगा तो डॉट स्प्लिट स्पेस एंड जो भी फिर टोकन आपको मिलेगा उस तरीके से आप भेजोगे सेव करते हैं तो टोकन तो आपको फाइनली य पे मिल जाएगा इस टोकन को अब हमें करना है डिक्रिप्ट डिक्रिप्ट करने के लिए या डिकोडेड करना है तो कंस्ट या पहले हम
पहले चेक करेंगे हां ये एक अच्छा सजेशन इसने दिया है कि पहले हम चेक करेंगे कि भाई टोकन एजिस्ट अगर नहीं करता कि हमें ना टोकन कुकीज में मिला ना हमें हेडर में मिला तो आप सीधा एरर भेजोगे 401 दैट इज अनऑथराइज्ड कि टोकन हमें नहीं मिला है सॉरी हम आपको ऑथराइज नहीं कर सकते और अगर टोकन मिल जाता है तो हम इसको करते हैं डिकोडेड और ये जो डिकोडेड वाला पार्ट है ये जाता है आपका पूरा ट्राई एंड कैच में एरर सिंपल फिर हम करेंगे इसको डिकोडेड डिकोडेड करना काफी आसान है जस्ट जेडटी ड
वेरीफाई जो भी आपका टोकन आया है वो और जेडब्ल्यू सीक्रेट आप यूज करोगे अब डिकोडेड आप करते हो तो डिकोडेड में वही डाटा आएगा जो आप टोकन को क्रिएट करते वक्त आपने लिखा होगा जैसे कि अगर मैं आपको बताता हूं यूजर मॉडल कहां है अपना नोड मॉड्यूस यूजर मॉडल यूजर मॉडल के अंदर जब हम पासवर्ड सॉरी टोकन क्रिएट कर रहे तो डेटा सिर्फ कितना दिया था हमने डाटा सिर्फ इतना ही दिया था तो सिर्फ इतना ही डाटा जब आप टोकन को डिकोड करोगे वो मिलेगा आपको मतलब कि क्या सिर्फ आपको आईडी मिल रही होगी तो
इधर पे हम आते हैं अवेट यूजर मॉडल फाइंड बाय आईडी डिकोडेड जो भी आईडी आपको मिली है उसकी हेल्प से आप यूजर को फाइंड करोगे यूजर आपको मिल जाएगा इसको सेट करोगे आप रिक्वेस्ट डॉ यूजर में रिक्वेस्ट ड यूजर में जो भी यूजर आपको मिला होगा उसको सेट करोगे और सेट करने के बाद रिटर्न कर दोगे नेक्स्ट को कॉल करके इतना रहेगा तो यह आपका एक मिडिल वेयर है जो क्या चेक कर रहा है वो चेक कर रहा है कि भाई टोकन है या नहीं अगर टोकन नहीं है तो 41 अनऑथराइज्ड और फिर अगर टोकन
मिल भी जाता है अगर टोकन मिल जाता है तो उसको वो डिकोड करेगा और डिकोड करते वक्त अगर कुछ भी एरर आती है अगर कुछ भी एरर आती है तो अगेन उसका यह मतलब है कि भाई टोकन में कुछ प्रॉब्लम है और आप फिर से स्टेटस कोड 41 भेजोगे विद मैसेज अनऑथराइज्ड और अगर टोकन में कुछ भी डिकोड करते बा प्रॉब्लम नहीं आई मतलब कि टोकन सही था हम यूजर को फाइंड करते हैं एंड रिक्वेस्ट डट यूजर में सेट करेंगे और फाइनली नेक्स्ट फंक्शन को कॉल कर देंगे सेव किया सेव करने के बाद बस अब
इस मिडल वेयर को हमें यूज करना है राउट्स पे इधर पे लेकर आते हैं कंस्ट ऑथ मिडल वेयर ऑथ मिडल वेयर को हमने रिक्वायर किया और यहां पर आने के बाद इसको यूज करेंगे थ मिलवे ड ऑथ यूजर बढ़िया सेव करते हैं गेट यूजर प्रोफाइल और अब फाइनली हम यहां पर बोल सकते हैं रिस्पांस स्टेटस जसन रिक्वेस्ट यूजर जो भी रिक्वेस्ट डॉट यूजर हमने मिडल वेयर में सेट किया होगा वही एज अ रिस्पांस चला जाएगा आपकी प्रोफाइल पे तो सेव करते हैं इसको सेव करने के बाद पहले मैं आपको हेडर से कैसे आप ऑथराइज करते
हो वह आपको बताता हूं फिर कुकीज पे आते हैं तो सेव करते हैं पहले हेडर से हम भेजेंगे डाटा को पोस्टमन पर आते हैं इस पर्टिकुलर लॉगइन को मैं सेव कर लेता हूं एंड इसको हम बोलेंगे लॉगइन राउट सेव यह सेव हो चुका है अब एक राउट में और क्रिएट कर रहा हूं ट इज गेट य गेट टाइप का रहेगा बेस यूआरएल रहेगी इसमें स्लश यूजर्स स्लश प्रोफाइल एंड प्रोफाइल के बाद यह आपको हेडर्स दिख र है इधर इधर पर आपको एक टोकन भेजना है या एक पैरामीटर आपको भेजना है ट इज ऑथराइजेशन और ऑथराइजेशन
के अंदर लॉग इन करते टाइम आपको एक टोकन मिला होगा दिस टोकन इसको कर लो कॉपी कॉपी कर लो कॉपी ने के बाद वापस इधर पे आओ इधर पे आओ आप बोलोगे बिरर यह बिरर आपको भेजना रहता है इंडस्ट्री में यूज़ होता है उसके लिए एंड मतलब कि इंडस्ट्री में यूज़ होता है इसका यह मतलब है कि कोई भी एपीआई आप जनरली उठाओगे जो भी फ्री एपीआई होती है पीड एपीआई होती है तो उन पे सिंटेक्स यही होता है कि भाई अगर आप हेडर में टोकन भेज रहे हो तो ऑथराइजेशन में भेजोगे फिर उसके अंदर
एक बिरर भेजोगे फिर बेयरर के बाद एक स्पेस दोगे फिर जो आपका टोकन है वो भेजोगे तो फिर जो अपना टोकन है वो हमने यहां पे किया और इसको करते हैं हम सेंड सेंड करने के बाद यहां पर कुछ एरर आ रही है सॉकेट हैंग अप बट वाई क्या हमारा सर्वर नहीं चल रहा है तो इधर पे आ रही है ओके ओके ओके ओके अब यहां पर एक प्रॉब्लम यहां पर प्रॉब्लम क्या है ना कि हमने एक मिडल वेयर यूज नहीं किया जो कुकीज के साथ इंटरेक्ट करता है हमारे सर्वर में तो वो मिडल वेयर
कौन सा है वो मिडल वेर है आपका कुकी पार्सल एनपीएम आई कुकी पार्सर इसको हम इंस्टॉल करेंगे और यह जो आपकी पड जए फाइल है इधर पर करेंगे इसको रिक्वायर कंस्ट कुकी पार्सर कुकी पार्सर रिक्वायर करेंगे कुकी पार्सर रिक्वायर करने के बाद इसको करना रहेगा हमें यूज सेव किया सर्वर को वापस स्टार्ट करते हैं एनपीए नोड मन एंटर एंड एंटर करने के बाद वापस आते हैं पोस्टमन पे अब सेंड करेंगे तो देखो अब जो है आपका डाटा प्रॉपर्ली काम कर रहा है अभी हमने किसकी हेल्प से देखा है अभी हमने देखा है डर्स की हेल्प
से अब सेम चीज को मैं कुकीज की हेल्प से आपको दिखाता हूं तो देखो कुकीज की हेल्प से तो आपको जो कुकी सेट करनी रहेगी वो आप एक तरीका तो यह है कि जब आप लॉग इन करवा रहे हो कहां गया कंट्रोलर अपने ये रहे जब आप यूजर को लॉग इन करवाते हो तो साथ ही साथ टोकन तो आप भेज रहे हो साथ ही साथ यहां पे एक काम और कर दो रिंस डॉट कुकी टोकन ये जो टोकन है इसको सेट कर दो आप सेट कर दो एंड इसको अभी के लिए हम हटा सकते हैं
बस सिंपल रखता हूं मैं इसको ज्यादा अभी उसको प्रोडक्शन पे नहीं देख रहे बट सिंपल रख तो टोकन आप यहां पे कुकीज में सेट कर दो तो अब देखो जैसे ही आप लॉग इन करवाओ ग जैसे ही आप लॉग इन करवाओ ग यहां पर तो कुकीज ओपन करना कुकीज आई थिंक अभी तो नहीं आएगा बट जैसे ही मैं इसको यह पता नहीं पिछली रिक्वेस्ट का दिखाता है तो अगर मैं इसको एक बार फिर से सेंड करता हूं और कुकीज पे आता हूं तो देखो यह रहा आपका टोकन यह रहा आपका टोकन इस तरीके से आपको
मिल रहा है अब यहां पे हम पता है क्या कर सकते हैं कि अब हेडर्स मैं हटा भी दूं अगर मैं हेडर्स यहां पे हटा भी देता हूं और फिर भी सेंड कर रहा हूं फिर भी सेंड कर रहा हूं तो भी डाटा मुझे यहां पे रिसीव हो जाएगा और ऐसा क्यों हो रहा है ऐसा इसलिए हो रहा है अगर मैं इधर पे मिडल वेयर पे आता हूं तो देखो हम क्या चेक कर रहे हैं हम यहां पे चेक कर रहे हैं कि भाई अगर रिक्वेस्ट डकटोक से अगर हमें टोकन मिल गया तो तो ले
लो अगर यहां से नहीं मिला तो फिर हेडर्स में जाके ले लेना तो मतलब कि इन दोनों में से जहां पे भी टोकन होगा वो रीड कर लेगा और फिर उसके अकॉर्डिंग वो आगे बढ़ेगा तो ये है अपना एक मिडिल वेयर मिडिल वेयर जहां पे आप सिंपल बना सकते यूजर को ऑथेंटिकेट कर सकते हो अब हमें यहां पे क्रिएट करना है लॉग आउट राउट अब जेड के साथ लाइक जडब्ल्यू t के साथ लॉगआउट राउट क्रिएट करना थोड़ा सा ट्रिकी होता है हमें थोड़ा डेटाबेस की हेल्प लेनी पड़ती है कैसे देखो हम एक ब्लैकलिस्ट टोकन का
एक कलेक्शन काइंड ऑफ क्रिएट करने वाले हैं जहां पे सारे ब्लैक लिस्ट जो भी लॉग आउट कर देंगे उनको अपन टोकन को ब्लैक लिस्ट कर देंगे और फिर चेक कर लेंगे क्या यह पर्टिकुलर टोकन यहां पे एजिस्ट करता है या नहीं करता है उसके लिए अच्छा और इसके लिए मुझे एक काम और करना पड़ेगा कि अगर मैं सारे लॉगआउट टोकन को डेटाबेस में क्रिएट करता जाऊंगा तो वो तो लाइक डेटाबेस फुल होता जाएगा क्रिएट होता जाएगा तो उसके लिए मैं क्या करने वाला हूं एक लगाऊंगा टीटीएल अब टीटीएल क्या होता है टीटीएल होता है आपका
टाइम टू लिव टाइम टू लिव एक होता है इसका मतलब क्या होता है कि इस पर्टिकुलर टाइम के बाद जैसे ही आपने एक पर्टिकुलर डॉक्यूमेंट को क्रिएट करते टाइम टीटीएल दे दिया तब आप क्या कर सकते हो तब आप वहां पे वो पर्टिकुलर डॉक्यूमेंट जैसे ही आप उसको क्रिएट करोगे उस टीटीएल के बाद डिलीट हो जाता है तो यह होता है आपका टीटीएल जो कि ऑटोमेटिक डिलीट कर देता है चीजों को इधर पर हम आते एक हम यहां पर मॉडल क्रिएट करना पड़ेगा हमें न्यू फाइल ब्लैकलिस्ट टोकन डॉट मॉडल डट जस कंस्ट मंगस इक्वल्स टू
रिक्वायर मंगस और सीधा मैं इससे बोल दे रहा हूं कि भाई क्रिएट अ स्कीमा फॉर ब्लैक लिस्टिंग टोकेंस जेडब्ल्यू टोकेंस एंड हैव टीटीएल ऑफ 24 आर्स बढ़िया तब ये क्रिएट कर देगा आई थिंक जस्ट वेट करते हैं ब्लैकलिस्ट टोकन टोकन यह सारी चीजें क्रिएट कब हुआ था एंड ये सारी चीजें बढ़िया एक्सेप्ट करते हैं तो यहां पे उसने टोकन क्रिएट कर दिया है टोकन क्रिएट करने के बाद डिफॉल्ट एक्सपायर्स 24 आवर्स इन सेकंड्स ठीक है तो ये जो एक्सपायर्स है यही आपके ये जो पर्टिकुलर डॉक्यूमेंट आप क्रिएट करोगे ब्लैकलिस्ट टोकन स्कीमा जो आप क्रिएट करोगे
यह पर्टिकुलर फील्ड यह जो एक्सपायर्स आपने ऐड किए इस पूरे डॉक्यूमेंट को डिलीट कर देगी कितने 24 घंटे बाद अपने आप डिलीट कर देगी और इसी के साथ हमें अब एक काम और करना रहेगा ये जो टोकन आप जनरेट कर रहे थे ये जो टोकन आप जनरेट कर रहे थे ना यहां पर अब आपको एक एक्सपायर टाइम भी देना रहेगा तो सीधा मैं इससे बोल दे रहा हूं कि ऐड एक्सपायर टाइम ऑफ 24 आर्स काफी सिंपल है देखो य आता है सीधा आप बोलो क्या करवाना है आपको सीधा वो कर देगा काम सेव एक्सपायर्स इन
24 आवर और सिमिलर हमने यहां पे किया सेव करते हैं सेव करने के बाद अब मुझे यह जो आपका राउट्स फोल्डर है राउट्स फोल्डर है यहां पर एक हम क्रिएट करते हैं राउटर डॉट गट स्लॉग आउट थ की हमें आई थिंक जरूरत पड़ेगी सेव करते हैं लॉग आउट यूजर यह हमने कंट्रोलर क्रिएट नहीं किया है लॉग इन यूजर एंड प्रोफाइल दोनों को ही हटा रहे हैं एंड मॉड्यूल ड एकपो लॉग आउट यूजर क्लियर कुकी कुकी तो हम क्लियर करेंगे ही करेंगे साथ ही साथ यह जो टोकन आपको मिलेगा यह जो टोकन आपको मिलने वाला है
इसको भी हम क्लियर कर रहे होंगे तो इधर पर आते हैं टोकन निकालता हूं कंस टोकन या तो व कुकीज में आ रहा होगा या हेडर में आ रहा हो कहीं पर भी आ रहा हो तो हमें उसको करना रहेगा ब्लैक लिस्ट इधर पर हम बोलते हैं कंस्ट जेडब्ल्यू टी जे डब्ल्यूटीए रहेगा कंस्ट ब्लैक लिस्ट टोकन मॉडल इक्वल्स टू रिक्वायर ब्लैकलिस्ट टोकन मॉडल ठीक इधर पे आएंगे अवेट ब्लैकलिस्ट मॉडल क्रिएट टोकन टोकन हमने पास कर दिया एंड क्या हमें क्रिएटेजस आई डोंट थिंक क्रिएटेजस हम दे देंगे लेकिन टोकन अभी भी यूजर के पास हो सकता
है अगर उसने लोक लोकल स्टोरेज में शेयर कर लिया होगा या किसी और यूजर को मिल चुका होगा तो इस पर्टिकुलर चीज से बचने के लिए अब हमें क्या करना रहेगा इस चीज से बचने के लिए जो आपका मिडल वेयर है कहां गया ये आपका जो मिडल वेयर है इसको आपको अपडेट करना रहेगा टोकन आपको मिल गया टोकन फिर आप चेक करोगे कि कॉन इज ब्लैक लिस्टेड ब्लैक लिस्ट टोकन फाइंड वन और आई थिंक जो इसका नाम रहेगा यह टोकन ही है फाइंड वन सेव करते हैं मैं इसको एक बार और चेक कर ले रहा
हूं हमने इसका टोकन ही नाम दिया है फिर इधर मैं बोलूंगा कि अगर हमें ब्लैकलिस्ट टोकन मिल जाता है इज ब्लैकलिस्टेड तो हम सीधा बोलेंगे रिस्पांस स्टेटस 41 एंड जो आपका मैसेज रहेगा दैट इज अनऑथराइज्ड सेव करते हैं तो प्रोफाइल प्रोफाइल अभी प्रॉपर तरीके से काम कर रहा है लेकिन अब मैं इसको कर रहा हूं पहले तो सेव सेव करवाने के लिए प्रोफाइल सेव सेव किया सेव करने के बाद अब यहां पर बनाऊंगा एक लॉग आउट राउ तो लॉग आउट बेस य य आरएल स्लैश यूजर्स स्ल लॉग आउट एंड इसको करते हैं कुकीज में आई
थिंक टोकन अपना ऑलरेडी सेट है अभी इसको करते हैं अपन सेंड तो यूजर लॉग आउट हो चुका है और अब अगर मैं प्रोफाइल पे आता हूं और इसको सेंड करता हूं तो इधर पे अब वो एक एरर दे रहा है लेट्स सी एरर क्यों आ रही है तो यहां पे बोल रहा है कैन नॉट रीड प्रॉपर्टीज ऑफ अनडिफाइंड दैट इज रीडिंग स्प्लिट ओके तो क्योंकि हमने ऑथराइजेशन कुछ भेजा नहीं था तो उसकी वजह से एरर कॉज कर रहा है ओके सो आई थिंक हम यहां पर अब मुझे यहां पे एक चेक लगाना पड़ेगा कि भाई
ऑथराइजेशन है या नहीं है उसके अकॉर्डिंग वो काम करेगा तो दैट इज क्वाइट सिंपल लेट्स सी हम ठीक है तो इस तरीके से अपना लॉग आउट राउट भी कंप्लीट हो चुका है और इसी के साथ हमने बेसिक ऑथेंटिकेशन परफॉर्म कर लिया है कंप्लीट हो चुका है अपना किसका यूजर का अब सेम चीज हमें करनी है फॉर कैप्टन चलो तो इतना कोड में पुश कर देता हूं और यूजर ऑथेंटिक केशन डन ओके ओके वेट वेट वेट वेट वेट वेट वेट अभी ना हमारा एक काम बच गया है अभी हमारा एक काम बच गया है दैट इज
कि हमें यह जो लॉग आउट एंड प्रोफाइल राउट हमने क्रिएट किया है इसके डॉक्स हमें क्रिएट करने हैं तो डॉक्स हमें क्रिएट करने हैं राउट्स यह रहे राउट्स के साथ यह रहे यूजर कंट्रोलर यूजर राउट एंड ड डॉक्स फॉर स्लश यूजर्स प्रोफाइल एंड स्ल यूजर्स स्ल लॉग आउट इन दोनों के लिए हमें डॉक्स क्रिएट करने और इस बार मैं सोनेट का यूज करके देखना चाहता हूं क्या वह काम कर पा रहा है हमारा तो ड म फाइल यह रही अपनी ट्राई करते हैं रीड म फाइल अभी अपडेट हो रही है डिस्क्रिप्शन यूजर प्रोफाइल ठीक वो
रिस्पांस अभी भी नहीं दे पा रहा है ठीक है तो रिस्पांस पता नहीं आई डोंट नो वई कि रिस्पांस वो क्यों नहीं दे रहा है लेकिन एआई है सीधा वो बोलते हैं कि भाई गलतिया कर सकता है कर रहा है गलतियां यह हमने ऐड किया एक्सेप्ट करते हैं एक्सेप्ट करने के बाद अब पासवर्ड तो नहीं मिलेगा ऑफकोर्स हमें हमें यूजर के अंदर फुल नेम फर्स्ट नेम लास्ट नेम ईमेल ये सारी चीजें मिल जाएंगी लेकिन पासवर्ड मिलेगा और यह कौन सा था यह था आई थिंक अपना प्रोफाइल के लिए एंड प्रोफाइल के बाद हमें सेम चीज
चाहिए होगी फॉर हमारे लॉग आउट अब लॉग आउट काफी सिंपल है जस्ट इधर पे दोनों ही चीजों को मैं ऐड कर देता हूं इतना पार्ट मुझे चाहिए रहेगा बस मतलब कि क्या बोल रहा है सीधा भाई यूजर को लॉग आउट कर देता है और ब्लैकलिस्ट कर देता है टोकन प्रोवाइडेड कुकी के अंदर या हेडर्स के अंदर अगर टोकन भेजोगे तो उसको ब्लैक लिस्ट कर देता है रिक्वायर वैलिड जेडब्ल्यूडी इन द ऑथराइजेशन हेडर और कुकी इसको करते हैं सेव और फाइनली आई थिंक अब हम पुश कर सकते हैं तो इसको करते हैं कमिट कमिट करने के
बाद सीधा सिंक चेंजेज एंड गिट अप पे अगर हम देखें तो इसको रीलोड कर सकते हैं तोय लॉग आउट का हो चुका है एंड ये रहा अपना फॉर यूजर प्रोफाइल तो अभी तक सारी चीजें बढ़िया चल रही हैं हमने प्रोफाइल राउट एंड लॉगआउट बना चुका है जिसके साथ अपना बेसिक यूजर ऑथेंटिकेशन काम हो चुका है अब हमें करना है कैप्टन ऑथेंटिकेशन तो अब आगे मिलते हैं चलो तो अभी तक हमने यूजर ऑथेंटिकेशन वाला पार्ट पूरा कंप्लीट कर चुके हैं अब हम आते हैं कैप्टन ऑथेंटिकेशन वाले पार्ट पे अब कैप्टन कौन है कैप्टन वही है जो
भाई हमारे कार लाइक u ड्राइव करने वाला है तो वो अपना कैप्टन उसको नाम दिया है तो आते हैं वीएस कोड पे वीएस कोड पे आने के बाद सबसे पहले मैं इसका मॉडल क्रिएट करना चाहूंगा तो मॉडल कहां पर है मॉडल फोल्डर ये रहा एंड मॉडल फोल्डर के अंदर न्यू फाइल कैप्टन डॉट मॉडल डॉट जस क्रिएट करेंगे कंस्ट मोंगस और मंगस के बाद हम यहां पर बोल रहे होंगे रिक्वायर मोंगस हम करेंगे यहां पर मोंगस को रिक्वायर मोंगस रिक्वायर किया मोंगस रिक्वायर करने के बाद यहां पर हम बोल रहे होंगे एक कैप्टन मॉडल हमें क्रिएट
करना है कं कैप्टन इक्वल टू कैप्टन स्कीमा इक्वल्स टू न्यू मंगोस स्कीमा और इसके अंदर रहेंगे अब कुछ प्रॉपर्टीज कौन-कौन सी जो अपने यूजर के पास प्रॉपर्टीज है वो तो रहेंगी साथ-साथ उसके अलावा भी कुछ प्रॉपर्टीज रहने वाली हैं जैसे कि इसके पास एक रहेगा फुल नेम फुल नेम में अगेन ये एक ऑब्जेक्ट रहेगा जिसमें फर्स्ट नेम फर्स्ट नेम रहेगा टाइप रिक्वायर्ड होगा रिक्वायर्ड के बाद हमें यहां पे चाहिए रहेगी मिन एल एनजीटी मिन लेंथ मिन लेंथ तीन होगी और तीन के बाद ये रहेगा अरे कि भाई मिनिमम लेंथ तीन चाहिए हमें और तीन अगर
नहीं तो आप यहां पर एरर दोगे और एरर के अंदर यह मैसेज आप पास करोगे सिमिलर आपका रहेगा विद लास्ट नेम लास्ट नेम लास्ट नेम अगेन टाइप स्ट्रिंग एंड लास्ट नेम जो है व हमें रिक्वायर्ड नहीं चाहिए बट मिनिमम लेंथ चाहिए उसकी सेव किया लास्ट नेम तो फुल नेम अपना कंप्लीट हुआ फुल नेम के बाद इधर पे हम बात करते हैं ईमेल प तो भाई ईमेल भी हमें चाहिए तो ईमेल टाइप स्ट्रिंग एंड रिक्वायर्ड मैचेस बढ़िया है मैच इसने यहां पे एक सजेशन दे दिया तो आई थिंक ये काफी अच्छी चीज है तो इसको हम
यूज कर सकते हैं विद यूजर मॉडल आई थिंक या इसको एक काम करते हैं बाद में रखते हैं अभी के लिए इसी पे अपन फोकस करेंगे ईमेल पे टाइप रिक्वायर्ड यूनिक ट्रू लोअर केस ट्रू एंड फिर हम बात करेंगे फाइनली पासवर्ड पे पासवर्ड अब यह क्या है यह तो अभी तक हमने यूजर की जो डिटेल्स थी सिमिलर वैसे ही पूरा कैप्टन हमने क्रिएट कर दिया लेकिन कैप्टन के पास अब दो चीजें एक्स्ट्रा होंगी कौन-कौन सी यहां पे उसके पास होगा अच्छा सॉकेट आईडी सॉकेट आईडी भी होगी अपने पास उसके अलावा यहां पर हमारे पास एक
चीज और होगी कि भाई वो अवेलेबल है या नहीं राइड्स लेने के लिए तो इधर प मैं बोल रहा हूं इज या इधर पे हम बोल सकते हैं सीधा स्टेटस एक्टिव इनक्टो यहां पे सिर्फ दो ही स्टेटस होंगे एक्टिव इनक्टो अगर वो एक्टिव है मतलब कि भाई वो राइट्स ले सकता है वह कार चला सकता है और अगर व इनएक्सेल नहीं जाएगी सेव किया सेव करने के बाद इधर पर हम बात करते हैं तो रोल रोल तो कैप्टन का ही रहेगा बट यहां पर अब रहेगा एक व्हीकल व्हीकल और व्हीकल जो रहेगा अब अगेन इसकी
कुछ प्रॉपर्टीज होने वाली कौन-कौन सी सबसे पहले हम बात करते हैं कलर कि भाई व्हीकल का कलर कौन सा है तो कलर अगेन होगा आपका टाइप स्ट्रिंग रिक्वायर्ड ट्रू होगा मिनिमम लेंथ एंड कलर के बाद उसका होगा प्लेट कि भाई प्लेट पर कौन सा नंबर लिखा गया है एंड प्लेट के बाद हमें यहां पर चाहिए गा मॉडल मॉडल नहीं चाहिए दैट इ स्पेसिफिक मुझे यहां पर चाहिए रहेगी उसकी कैपेसिटी कि भाई उस पर्टिकुलर व्हीकल की कितनी कैपेसिटी है जो अपना पर्टिकुलर ड्राइवर चलाता है मिनिमम एक तो होनी चाहिए ऑफकोर्स भाई अगर कैपेसिटी व्हीकल की एक
से कम हु मतलब जीरो सिर्फ कैप्टन ही आपका बैठ पाएगा नंबर नंबर अपन सेव करते हैं एंड कैपेसिटी के बाद हमें यहां पर आई थिंक एक चीज और चाहिए थी कि वो किस टाइप का व्हीकल है तो इधर बोल रहा हूं टाइप व्हीकल टाइप हमारे पास तीन टाइप के व्हीकल्स हो सकते हैं फर्स्ट इज कार सेकंड इज ऑटो एंड थर्ड वन इज मोटरसाइकिल तो हम यहां पे बोलेंगे कार मोटरसाइकल एंड लास्ट वन इज ऑटो ठीक है तो हमारे पास व्हीकल टाइप में टाइप स्ट्रिंग रिक्वायर्ड ट्रू एंड नम में कार है मोटरसाइकिल है एंड ऑटो सेव
करते हैं ये सब रिक्वायर्ड हमने यहां पे चार चीजें मेंशन की कलर प्लेट कैपेसिटी एंड व्हीकल और यह चारों की चारों अब के रिक्वायर्ड है जब आप एक यूजर को सॉरी कैप्टन को क्रिएट कर रहे होंग तो यह चार चीजें भी आपको पास करनी होंगी सेव करते हैं सेव करने के बाद स्टेटस स्टेटस बाय डिफॉल्ट एक्टिव नहीं मैं इसको इनटिटिवली ड एंड लोंगिट्यूड तो इधर पर हम बात करते हैं लटटू टाइप नंबर रिक्वायर्ड ट्रू रिक्वायर्ड ट्रू नहीं क्योंकि भाई शुरू में जब आपका ड्राइवर या कैप्टन इन एक्टिव होगा तब उस टाइम पर उसके पास कोई
लोकेशन नहीं होगी तो इसको हम रिक्वायर्ड नहीं रख रहे और फिर हम बात करते हैं लोंगिट्यूड प अगेन एक नंबर होगा तो कुछ इतनी प्रॉपर्टीज होंगी अपने कैप्टन के पास सेव करते हैं और कुछ कॉमन मेथड्स हमें यहां पर क्रिएट करनी रहेंगी और इधर पर हम बात करते हैं यूजर यूजर नहीं कैप्टन स्की मेथड जनरेट टोकन टोकन अच्छा टोकन के लिए हमें यहां पे दो चीजें रिक्वायर करनी है कॉन्स्ट बी क्रिप्ट एंड जेडटी टोकन इक्वल्स टू jwt.io के बाद एक अपना रहेगा हैश पासवर्ड तो तीन मेथड जो हमने यूजर के लिए क्रिएट की थी सेम
सिमिलर मलब एट सेम मेथड जो हम कैप्टन के लिए क्रिएट कर रहे हैं सेव किया सेव करने के बाद वापस आएंगे एंड मॉड्यूल डॉट एक्सपोर्ट्स कैप्टन मॉडल हमने यहां पर कैप्टन मॉडल क्रिएट करके एक्सपोर्ट कर चुके हैं सेव करेंगे सर्वर अभी अपना प्रॉपर चल रहा है अब यहां पर कैप्टन के लिए यहां एक नया कंट्रोलर हम क्रिएट करेंगे कैप्टन डॉट कंट्रोलर ड जए कंस्ट कैप्टन मॉडल इक्वल्स टू रिक्वायर कैपटन मॉडल कैपटन मॉडल रिक्वायर करने के बाद हमें यहां पे उसके लिए राउट्स भी क्रिएट करने हैं तो राउट्स फोल्डर के अंदर न्यू फाइल कैप्टन डॉट राउट्स
डॉट जए कंस्ट एक्सप्रेस इक्वल्स टू रिक्वायर एक्सप्रेस कंस्ट ए प हमें यहां पर नहीं चाहिए हमें यहां पर राउट क्रिएट करना है तो राउट राउटर इक्वल टू एक्सप्रेस ड राउटर और फाइनली इसको कर देंगे यहां से एक्सपोर्ट मॉड्यूल एक्सपोर्ट राउटर तो राउटर भी अपना काम लाइक एक्सपोर्ट कर चुके हैं इसको यूज करना है हमें पड जए फाइल प अगर आप इसको पड जस फाइल प यूज नहीं करोगे तो काम नहीं करेगा कुछ इधर पर हम आते हैं और सबसे पहले यूजर राउट्स के जस्ट नीचे कंस्ट कैप्टन राउट्स इक्वल्स टू रिक्वायर राउट्स और इधर पे आने
के बाद हम यहां पर बोलेंगे पड यूज कैप्टन एंड कैप्टन राउट्स सेव कि कैप्टन राउट्स पे वापस आते हैं सबसे पहले हम यहां पे एक्सप्रेस वैलिडेटर को एक्सपोर्ट करना चाहता हूं रिक्वायर करना चाहता हूं कंस्ट बॉडी एक्सप्रेस वैलिडेटर एक राउट हम क्रिएट करेंगे राउटर ड पोस्ट रजिस्टर और रजिस्टर के बाद हमें यहां पे कुछ लगाने हैं वैलिडेशन वैलिडेशन कौन-कौन से लंगे जो यूजर के वैलिडेशन थे वो तो लगेंगे ही लगेंगे साथ ही साथ जो हमने व्हीकल एक चीज ऐड की थी उसके भी वैलिडेशन हमें यहां पे लगाने रहेंगे तो पहले देखते हैं क्या-क्या हमें मिल
रहा है फुल नेम फर्स्ट नेम हमें ये सारी चीजें मिल रही हैं उसके अलावा हमें यहां पे लगाने रहेंगे फॉर व्हीकल व्हीकल का कलर हमें चाहिए रहेगा व्हीकल की प्लेट नंबर प्लेट जो रहेगी कैपेसिटी एंड व्हीकल टाइप यही सारी चीजें होनी चाहिए तो हमने एक बेसिक वैलिडेशन यहां पे लगा चुके हैं और कंट्रोल रूलर ये जो है अच्छा इसके लिए ना अब हमें सर्विस भी बनानी है जैसे हमने यूजर सर्विस बनाई थी फॉर यूजर क्रिएशन तो एक सेम काइंड ऑफ सर्विस हम बनाएंगे फॉर कैप्टन तो इधर पे आते हैं न्यू फाइल कैप्टन डॉट सर्विस ड
जए कंस्ट कैप्टन मॉडल इक्वल्स टू रिक्वायर कैप्टन मॉडल एंड कैप्टन मॉडल के बाद मॉड्यूल डॉट एक्सपोर्ट्स डॉट क्रिएट कैप्टन अस सिंक यहां पर रिक्वेस्ट रिस्पांस नेक्स्ट नहीं चाहिए हमें यहां पर अब आपको जो मिल रहा होगा वह आपको मिलेगा फुल नेम फर्स्ट नेम लास्ट नेम पासवर्ड एंड इसके अलावा अभी इसको कंप्लीट नहीं हुआ यह कंप्लीट नहीं हुआ है हम हमें यहां पर और भी कुछ चीजें चाहिए कौन-कौन सी हमें यहां पर चाहिए रहेगा कलर हम यहां पे प्लेट मॉडल हमें नहीं चाहिए हमें यहां पर प्लेट चाहिए रहेगी हमें कैपेसिटी एंड व्हीकल टाइप यह कुछ चीजें
हमें चाहिए रहेंगी यह तो फर्स्ट नेम लास्ट नेम ईमेल पासवर्ड कलर प्लीट कैपेसिटी एंड व्हीकल टाइप ये आठ चीजें हमें यहां पे चाहिए होंगी इस पर्टिकुलर फंक्शन पे और इसको हम चेक और लगाएंगे एक बार कि इफ इनमें से कुछ भी नहीं हुआ फर्स्ट नेम ईमेल पासवर्ड कलर कैपेसिटी या व्हीकल टाइप इन में से अगर कुछ भी नहीं मिलता है लास्ट नेम हटा चुका है वो ऑलरेडी तो आप क्या दोगे सीधा एक एरर दोगे ऑल फील्ड्स आर रिक्वायर्ड सेव करते हैं और सेव करने के बाद इसने आई थिंक ऑलरेडी अपना काम कर चुका है बढ़िया
अच्छा तो है मतलब काम कर देता है सेव करते हैं एंड बढ़िया तो हमने एक सर्विस क्रिएट की है कैप्टन की सर्विस है वो और उसके अंदर सिर्फ अभी के लिए सिर्फ एक फंक्शन है कौन सा क्रिएट कैप्टन और इस चीज को मैं जो आपका कैप्टन कंट्रोलर है यहां पर रिक्वायर करूंगा कंस्ट कैप्टन सस कैप्टन सर्विस को हम रिक्वायर करेंगे और एक कंट्रोलर हमें यहां पर क्रिएट करना है कैप्टन कंट्रोलर में रजिस्टर यूजर नहीं रजिस्टर कैप्टन यह पर्टिकुलर कंट्रोलर हमें क्रिएट करना है और यहां पर यूजर कंट्रोलर नहीं आना चाहिए यहां पर कैप्टन कंट्रोलर आना
चाहिए जो कि अभी तक हमने रिक्वायर नहीं किया है ठीक है तो कंस्ट कैप्टन कंट्रोलर कैप्टन कंट्रोलर कैप्टन कंट्रोलर एंड कैप्टन आ ये स्पेलिंग गलत है मॉड्यूल डॉट एक्सपोर्ट रजिस्टर कैप्टन और इस पर्टिकुलर फंक्शन के अंदर अब हमें पहले चेक करना रहेगा एरर्स में कि भाई जो आपका डटा आ रहा है वो वैलिड डेटा है या नहीं है तो उसके लिए हमें यहां पे चाहिए रहेगा कंस्ट वैलिडेशन रिजल्ट वैलिडेशन रिजल्ट के बाद एक वेरिएबल हम क्रिएट करेंगे दैट इज एरर्स वैलिडेशन रिजल्ट और चेक कर लेंगे कि इफ नॉट एमटी कि अगर एरर्स एमटी नहीं है
मतलब कि भाई कुछ एरर आया है कुछ डाटा आपने सही से नहीं भेजा है तो उसी के रिस्पांस पर हम यह पूरा शेयर कर देंगे शेयर करने के बाद अगर हम इससे आगे बढ़ते हैं मतलब कि जो भी डटा आया वो सही था और अब हम उसका यूज कर सकते हैं फुल नेम आपको मिल जाएगा व्हीकल मिल जाएगा रिक्वेस्ट ड बॉडी से और इसके बाद इसके बाद हम फाइनली यूजर को क्रिएट करना चालू कर सकते हैं हैश पासवर्ड पासवर्ड हैश करेंगे एंड पासवर्ड हैश करने के बाद हम यहां पर सीधा जो आपकी कैप्टन सर्विस थी
कैप्टन सर्विस का फंक्शन यूज करेंगे और जो भी आपका व्हीकल एंड कैप्टन दोनों को क्रिएट करेंगे कैप्टन क्रिएट होगा कैप्टन क्रिएट करने के बाद टोकन हमें यूज करना रहेगा कॉनस टोकन टोकन जनरेट हुआ एंड रिस्पांस डॉट स्टेटस 21 टोकन एंड कैप्टन को हम भेज देंगे सेव करते हैं सेव करने के बाद ठीक है तो आई थिंक रजिस्टर कैप्टन डन हो चुका है अपना सेव करते हैं और एक चीज यहां पर मैं और चेक लगाना चाहूंगा कि इधर पे कोई ऑलरेडी ईमेल इस पर्टिकुलर ईमेल से कोई ऑलरेडी कैप्टन रजिस्टर है या नहीं तो उसके लिए हम
क्या करेंगे कि कंस्ट इज कैप्टन ऑलरेडी एजिस्ट फाइंड वन ईमेल के बेसे फाइंड करेंगे एंड यहां पर स्पेलिंग गलत हो रही है इफ कैप्टन अगर उसको मिलता तो सीधा कैप्टन ऑलरेडी एजिस्ट करके हम एरर पास कर देंगे और सेम चीज हम कर रहे होंगे यूजर मॉडल पर यूजर मॉडल पर नहीं यूजर कंट्रोलर रजिस्टर कंस्ट इज यूजर ऑलरेडी एक्सिस्ट यूजर मॉडल डॉट फाइंड वन एंड फाइंड वन ईमेल के ब फाइंड करेंगे इफ यूजर ऑलरेडी एक्सिस्ट तो हम फाइनली यहां पर बोल देंगे कि भाई सॉरी हम आपका अकाउंट क्रिएट नहीं कर सकते इस पर्टिकुलर ईमेल से यूजर
ऑलरेडी एजिस्ट करता है सेव करते हैं कैप्टन कंट्रोलर सेव किया एंड अब इसको एक बार हमें चेक करके देखना है कि काम कर रहा है या नहीं कर रहा है तो पोस्टमैन अपना यह रहा एक नया कलेक्शन हम क्रिएट करते हैं न्यू कलेक्शन और इस कलेक्शन का नाम मैं देना चाहूंगा रिनेम कैप्टन कैप्टन और कैप्टन के अंदर अब मुझे यहां पर एक नया पोस्ट रिक्वेस्ट देनी है पोस्ट रिक्वेस्ट यूआरएल अपनी वही रहेगी बेस यूआरएल स्ल कैप्टन स्लश रजिस्टर और बॉडी के अंदर अब हमें डटा पास करना रहेगा तो जो डाटा रहेगा ट इ रॉ फॉर्मेट
और इसके अंदर हम बोल रहे होंगे फुल नेम तो यहां देखो यहां पे मैंने एक टेस्ट डाटा क्रिएट कर लि रॉ फॉर्मेट में और फुल नेम है अपने पास ईमेल है पासवर्ड है व्हीकल की सारी डिटेल्स है इसको अब एक बार मैं सेंड करके देखता हूं कि यह काम कर रहा है या नहीं कर रहा है तो सेंड किया सेंड करने के बाद सीधा हमारे पास रिस्पांस आ रहा है 21 मतलब कि अपना जो यूजर है वो क्रिएट हो चुका है और याद है हमने वहां पे एक चेक लगाया था कि भाई अगर यूजर ऑलरेडी
एजिस्ट करता है ईमेल से तो क्रिएट नहीं होना चाहिए तो एक काम कर रहा हूं क्या मैं इसको सेव कर सकता हूं ठीक है कॉपी टू क्लिप बोर्ड तो हो चुका है एंड इस रिस्पांस को मैं अभी के लिए इधर पे सेव कर रहा हूं और अगर मैं इसको फिर से सेंड करता हूं तो बैड रिक्वेस्ट एंड कैप्टन ऑलरेडी एजिस्ट नाम से हमारे पास एरर आ रही है मतलब कि अब जो अपना राउट है वह प्रॉपर्ली काम कर रहा है और अभी तक हमने सिर्फ रजिस्टर राउट क्रिएट किया फॉर अवर कैप्टन इतने कोड को हम
पुश करते हैं गिट अप पे रजिस्टर अ इसको मुझे भी क्रिएट करनी है तो डॉक्स हम क्रिएट कर लेते हैं जल्दी से डॉक्स हमें कहां पर मिल जाएगी डमी यह रही डमी एंड इसको जल्दी से अपन क्रिएट कर लेते हैं ड एडी फाइल रहेगी कैप्टन सर्विस मुझे चाहिए इसके लिए एंड डमी भी फाइल चाहिए एंड यूजर सर्विस नहीं बट कैप्टन राउट्स ठीक है तो क्रिएट डॉक्स फॉर कैप्टन राउट्स लेट्स सी readme.md फाइल अपडेट होनी चाहिए ठीक तो उसने हमें इतना कुछ कोड दे चुका है लेकिन अभी भी रिस्पांस उसने नहीं दिया तो रिस्पांस हम खुद
ऐड कर लेंगे लेकिन अभी इसका मैं प्रीव्यू देखना चाहता हूं कि कैसा दिख रहा है बढ़िया चल रहा है ठीक है तो इस टाइप का अपना रिक्वेस्ट डॉट बॉडी रहेगी और इसका रिस्पांस किस तरीके से हमें मिल रहा है तो रिस्पांस भी आई थिंक मैंने इसको सेव करवाया था यहां पर रिस्पांस हमें कुछ इस टाइप का मिल रहा होगा यहां पर कैप्टन फुल नेम एंड यह सारी चीजें टोकन भी हमें चाहिए रहेगा तो टोकन एंड आई थिंक हमें काम कर सकते हैं readme.md फाइल में क्योंकि बहुत सारा पार्ट आप रजिस्टर जब करते हो यूजर को
उसके जसे ही मिल रहा है तो जस्ट इससे ही कॉपी पेस्ट कर रहा हूं चीजें एंड यहां पर आके कर रहा हूं पेस्ट एंड अगर मैं रिस्पांस देखता हूं तो यहां पर यूजर की जगह कैप्टन मिलेगा एंड एक एडिशनल प्रॉपर्टी ट इज व्हीकल तो व्हीकल हमें यहां पर ऐड करना रहेगा और पासवर्ड आई डोंट थिंक कि पासवर्ड हमें यहां पर मिल रहा है पासवर्ड अभी मिल रहा है हमें ओके अच्छा पासवर्ड अभी के लिए मिलेगा क्योंकि यूजर हमने क्रिएट किया है तो पासवर्ड हमें मिलेगा पासवर्ड के बाद हम यहां पर आते हैं व्हीकल व्हीकल जो
आपका रहेगा अगेन एक ऑब्जेक्ट रहेगा पूरा ऑब्जेक्ट एंड ऑब्जेक्ट के अंदर आपको यहां पर चीजें मिल रही होंगी कौन-कौन सी आपको यहां पर कलर मिलेगा कलर कलर जो आपकी रहेगी वह एक स्ट्रिंग होगी स्ट्रिंग व्हीकल कलर एंड इधर पर हमें कंडीशन देनी रहेगी मिनिमम या इस कंडीशन को हम हटा सकते हैं य यहां पर भी जो कंडी ल थ इनको भी हम हटा सकते हैं कलर फिर कलर के बाद हमारे पास यहां पर रहेगी कैपेसिटी कैपेसिटी एंड कैपेसिटी जो रहेगी वह आई थ एक नंबर होगी तो नंबर व्हीकल [संगीत] कैपेसिटी फिर हमारे पास यहां पर
होगा व्हीकल टाइप व्हीकल टाइप अब व्हीकल टाइप जो है य अपने आप में एक स्ट्रिंग है स्ट्रिंग एंड व्हीकल टाइप फर फाइनली हमारे पास एक चीज और होगी ट इज आई थिंक व्हीकल टाइप हो ग कैपेसिटी हो ग कलर प्लीट तो प्लेट और प्लेट जो है वो अगेन एक स्ट्रिंग है एंड स्ट्रिंग के बाद व्हीकल नंबर पलेट सेव करते हैं सेव करने के बाद अब हम इसको फाइनली पुश कर सकते हैं रजिस्टर कैप्टन डन सबमिट चेंजेज गिट अप पर एक बार चेक करेंगे रीलोड य आ चुका है रिक्वेस्ट ड बॉडी कैप्टन रजिस्टर ये अपना हो
गया और एक छोटी सी प्रॉब्लम हो चुकी है कि यहां पे ना एस आना चाहिए था बस इतनी प्रॉब्लम हो गई थी वो अब फिक्स करते हैं वो अपन नेक्स्ट कमेंट में पुश कर देंगे तो उसका उना लोड नहीं है तो अभी तक हमने क्या कर चुके हैं अभी तक हमने कैप्टन को रजिस्टर कर चुके हैं अब बेसिक जो ऑथेंटिकेशन के लिए चीजें चाहिए रहती है हमें जैसे कि लॉग इन लॉग आउट एंड एक मिडल वेयर फॉर ऑथेंटिकेटिंग कैप्टन तो वो अभी हम क्रिएट करते हैं चलो तो हमारा जो कैप्टन है वो अब रजिस्टर हो
चुका है इसके बाद अब हमें यहां पे करवाना है कैप्टन को लॉग आउट एंड लॉग इन पहले लॉगइन करवा फिर उसके बाद लॉग आउट करवाते हैं तो इधर पे आते हैं वीएस कोड पे सीएस कोड प आने के बाद जो हमारे राउट्स फोल्डर है एंड कैप्टन राउट्स के अंदर हम यहां पर बनाएंगे राउटर डॉट पोस्ट स्ल लॉगइन कुछ एक्सप्रेस वैलिडेटर हमें लगाने रहेंगे कौन-कौन से जस्ट दो फील्ड प लगाने ईमेल एंड पासवर्ड तो ईमेल एंड पासवर्ड पे हम लगाएंगे एंड लॉग इन कैप्टन कंट्रोलर हमें क्रिएट करना रहेगा तो मॉड्यूल डॉट एक्सपोर्ट लॉगइन कैप्टन लॉगइन कैप्टन
बटन के बाद इधर पे हम सिंपली एरर्स चेक करेंगे कंस्ट एरर्स वैलिडेशन और अगर एरर्स एमटी नहीं हुए तो उसके अकॉर्डिंग हम रिस्पांस शेर कर देंगे शेयर करने के बाद वापस आते हैं एंड कॉन्स्ट ईमेल एंड पासवर्ड दोनों को निकालेंगे रिक्वेस्ट ड बॉडी से ईमेल से पहले कैप्टन फाइंड करेंगे डॉट फाइंड वन फाइंड वन ईमेल प्लस पासवर्ड पासवर्ड के बाद हम यहां पे चेक करेंगे कि अगर कैप्टन हमें नहीं मिलता अगर कैप्टन हमें नहीं मिलेगा तो सी हम बोल देंगे भाई इनवैलिड ईमेल और पासवर्ड और अगर कैप्टन हमें मिलता है तो फिर पासवर्ड को हम
कंपेयर करेंगे कंस्ट इज मैच पासवर्ड कंपेयर किया कंपेयर करने के बाद पासवर्ड मैच होता है अगर सॉरी पासवर्ड अगर मैच नहीं हुआ तो इनवैलिड ईमेल और पासवर्ड और अगर पासवर्ड मैच हो जाता है देन हम जनरेट करेंगे टोकन तो कंस्ट टोकन टोकन हुआ टोकन जनरेट होने के बाद टोकन को सेट करेंगे कुकी में और कुकी सेट करने के बाद हम रिस्पांस में टोकन एंड कैप्टन दोनों को ही भेज देंगे सेव किया सेव करने के बाद लॉगिन कैप्टन अपना कंप्लीट होता है एंड साथ ही साथ मिडल वेयर पे आते हैं ऑथ मिडल वेयर ऑथ इधर पे
मैं बोलूंगा मॉड्यूल डॉट एक्सपोर्ट्स ऑथ कैप्टन एंड कैप्टन के बाद हम यहां पर बोलेंगे जो आपका टोकन मिलेगा टोकन अभी भी सिमिलर हम रख रहे हैं जस्ट यहां पर एक स्क्वायर ब्रैकेट आएगा टोकन इज ब्लैकलिस्टेड फाइंड व यूजर मॉडल डट फाइंड व नहीं होना चाहिए यहां पे यहां पर जो होगा यह होगा ब्लैकलिस्ट टोकन मॉडल या आई थिंक ऑथ यूजर इज ब्लैक लिस्टेड ओके ओके ओके ओके यहां पे ना एक प्रॉब्लम है यहां पर एक प्रॉब्लम है कि इसने गलत मॉडल यूज किया है दैट इज यूजर मॉडल हमें यहां पे अलग तरीके से इसको अपडेट
करना रहेगा ब्लैकलिस्ट मॉडल एंड ब्लैकलिस्ट मॉडल में ब्लैकलिस्ट टोकन मॉडल एंड सिमिलर वे में इधर पर भी हम अपडेट करेंगे चीजों को अगर टोकन हम मिलता है ब्लैक लिस्ट हो चुका है तो अनऑथराइज्ड भेजेंगे और अनऑथराइज्ड भेजने के बाद आईडी डिकोडेड आईडी फाइंड बाय आईडी फाइंड बाय आईडी के बाद ट्राय को पहले बंद कर रहा हूं फिर कैच कैच एरर बढ़ कैप्टन अकर हमें मिलता है डिकोडेड कैप्टन रिक्वेस्ट डॉ कैप्टन के अंदर कैप्टन को हम सेट करेंगे और इस पर्टिकुलर प्रोसेस में अगर कुछ भी एरर आता है तो इधर पे हम उसको हैंडल करेंगे रिस्पांस
डॉट स्टेटस 41 अनऑथराइज्ड सेव सेव करने के बाद ऑथ कैप्टन मिडल वेयर हमें और मिल चुका है इसको अब हमें यूज करना रहेगा हमारे प्रोफाइल राउट पे राउट्स राउटर ड गट स् प्राइल कैप्टन कंट्रोलर कैप्टन कंट्रोलर से पहले एक मिडल बर हमें यहां पे लगाना रहेगा दैट इज ऑथ मिडिल वेयर ऑथ मिडिल वेयर आई थिंक हमने ऑलरेडी इसको अच्छा अभी यहां पे रिक्वायर नहीं किया तो कंस्ट ऑथ मिडिल वेयर मिडिल वेयर को हम रिक्वायर करेंगे और रिक्वायर करने के बाद ऑथ मिडल बट डॉट ऑथ कैप्टन इसको यूज करेंगे और कैट कैप्टन प्रोफाइल यह कंट्रोलर अभी
तक क्रिएट नहीं किया है तो इसको हमें क्रिएट करना है कैप्टन कंट्रोलर मॉड्यूल डॉट एक्सपोर्ट लॉग आउट कैप्टन अभी नहीं अभी हम पहले क्रिएट करेंगे गेट कैप्टन प्रोफाइल यह काफी इजी है सीधा सिंपल सा सेव करते हैं सेव करने के बाद अब हम फाइनली यहां पर क्रिएट कर रहे हैं राउटर डॉट गेट लॉग आउट कैप्टन को भाई ऑथेंटिकेट करो फिर आप क्रिएट करोगे लॉग आउट कैप्टन मॉड्यूल मॉड्यूल डॉट एक्सपोर्ट्स डॉट लॉग आउट कैप्टन असं असं के बाद हम यहां पे बोलेंगे रिंस ड क्लियर कु एंड कुकी से पहले मुझे यहां पे ढूंढना रहेगा कंस्ट टोकन
टोकन या तो कुकी में मिलेगा या आपको मिल जाएगा ऑथराइजेशन में सेव किया टोकन आपको मिलेगा टोकन को आप करोगे पहले ब्लैकलिस्ट अवेट अवेट ब्लैकलिस्ट टोकन क्रिएट एक टोकन को हम ब्लैक लिस्ट कर चुके हैं क्लियर कुकी करेंगे और क्लियर कुकी करने के बाद लॉग आउट सक्सेसफुली आप शेयर करोगे ठीक तो अभी तक हमने ना यहां पे तीन राउट्स ऐड किए हैं लॉगिन प्रोफाइल एंड लॉगआउट तो तीनों को सीक्वेंस में ही हम चेक करने वाले पहले अपन चेक करते हैं लॉगिन को तो पोस्टमन पे आएंगे पोस्टमैन इस पर्टिकुलर राउट को मैं सेव करना चाहूंगा सेव
एंड सेव हम करेंगे इसको नाम इसका रखते हैं रजिस्टर जो आपकी कलेक्शन होने वाली है स्लश न सेव ठीक है रजिस्टर आपने क्रिएट कर लिया रजिस्टर के बाद हमारा सिमिलर ही रहेगा काफी इसको रिनेम करते हैं लॉग इन बस इसका राउट जो रहेगा वह हम चेंज कर देंगे लॉग इन और बॉडी के अंदर फुल नेम नहीं देंगे एंड व्हीकल पूरा हटा देंगे हम एंड सिर्फ फुल नेम ईमेल एंड पासवर्ड हम बेच रहे होंगे और इसको करते हैं सेंड सेंड करने के बाद ये आपको टोकन मिल चुका है एंड आई थिंक कुकी में भी टोकन सेव
हो जाना चाहिए ठीक कुकीज में प्रॉपर अपना काम कर रहा है अब लॉग इन हो गया रजिस्टर हो गया अब हम बात करते हैं लॉग आउट प तो लॉग आउट की हम बात करें तो इसको क्या मैं कॉपी करना ठीक रहेगा नहीं इधर पर मैं एक नया राउट क्रिएट कर रहा हूं एंड बेस यूआरएल बेस यूआरएल बेस यर स्ल कैप्टन लॉग इन की जगह लॉग आउट एंड अगर मैं इसको सीधा ट कर करता क्योंकि भाई अभी जो आपका टोकन है वो कुकीज में सेट है तो सीधा लॉग आउट हो जाना चाहिए अनऑथराइज्ड अभी आ रहा
है ओके एक बार फिर से मैं लॉग इन करने की ट्राई करता हूं सेंड यह हुआ एंड इधर पर आते सेंड करते हैं तो अभी अनऑथराइज्ड आ रहा है लेट्स सी एक बार लॉग आउट करने से पहले प्रोफाइल राउट को चेक करते हैं प्रोफाइल सेंड अनऑथराइज्ड आरहा लेट सी क्यों प्रॉब्लम हो रही है यह एंड ऑथ मिडिल वेयर को भी अगर अपन चेक करें तो अनऑथराइज्ड टोकन क्या इसको नहीं मिल रहा है कंसोल डॉट लॉग टोकन तो यहां पर टोकन तो जा रहा है टोकन अपना जा रहा है बट अनऑथराइज्ड के और क्या प्रॉब्लम हो
सकती है इसको भी एक बार चेक कर लेते हैं हम ब्लैक लिस्टेड तो यहां पे नल आ रहा है मतलब कि ब्लैक लिस्ट तो नहीं हुआ है अभी तक एंड अनऑथराइज्ड के डिकोडेड डिकोडेड एक बार चेक करते हैं क्या डिकोडेड में कुछ एरर आ रही है कंसोल डलॉग एरर ठीक है तो यहां पे बोल रहा है कैप्टन मॉडल इज़ नॉट डिफाइंड ठीक है तो यहां पे कैप्टन मॉडल जो हमने यहां पे यूज़ करके रखा है इसको हमने रिक्वायर नहीं किया है कंस्ट कैप्टन मॉडल रिक्वायर किया रिक्वायर करने के बाद अब अगर इसको मैं सेंड करता
हूं तो थोड़ा सा वो टाइम ले रहा है क्या हमने प्रोफाइल राउट में कुछ सेंड नहीं किया है यह रहा आपका प्रोफाइल राउट रिस्पांस स्टेटस कैप्टन इधर पर ठीक चल रहा है बट कनेक्ट टू सेंड करके देखते हैं वेट करते हैं थोड़ा सा ओके ओके ओके यहां पे देखो यहां पे ना बहुत बड़ी मिस्टेक हुई है हमसे कि इधर पे हमने रिटर्न नेक्स्ट फंक्शन को कॉल नहीं किया तो इससे क्या हो रहा था कि ये जो आपने मिडिल वेयर बना के रखा था इससे कंट्रोल आगे फॉरवर्ड नहीं हो रहा था जो हमने एक प्रोफाइल कंट्रोलर
बनाया था उधर तक कंट्रोल जा ही नहीं रहा था तो अब हमने कॉल कर दिया तो अब होप फुली काम करना चाहिए और यह काम कर रहा है तो प्रोफाइल हमारा प्रॉपर तरीके से काम कर रहा है इसको सेव करते हैं सेव प्रोफाइल रजिस्टर लॉगइन प्रोफाइल और अब हम बात करेंगे लॉगआउट पे तो डुप्लीकेट इसको करते हैं रिनेम लॉग आउट इधर पर आएंगे प्रोफाइल की जगह जस्ट मुझे लिखना रहेगा लॉग आउट एंड सेंड तो अब एरर आ रही है एरर क्या आ रही है ब्लैकलिस्ट मॉडल इज नॉट डिफाइंड यह कैप्टन कंट्रोलर्स में आ रहा है
एंड कैप्टन कंट्रोलर की अगर हम बात करें तो ब्लैकलिस्ट मॉडल इस पर्टिकुलर जगह पर है एंड हमने यहां पर इसको रिक्वायर नहीं किया है ब्लैकलिस्ट टोकन मॉडल सेव अगेन ट्राई करेंगे तो ल आउट सक्सेसफुली एंड अब अगर मैं प्रोफाइल पर आकर सेंड करता हूं तो अनऑथराइज्ड आ रहा है तो अभी तक हमने क्या कर लिया अभी तक हमने बेसिक ऑथेंटिकेशन काम हो चुका है हमारा फॉर यूजर प्रोफाइल एंड लाइक कैप्टन प्रोफाइल सॉरी कैप्टन के लिए हमारा ऑथेंटिकेशन वाला काम डन हो चुका है अब इसका हम बस डॉक्यूमेंटेशन क्रिएट करना है तो डॉक्यूमेंटेशन यहां पर बस
मुझे एक फाइल की जरूरत और पड़ने वाली है कैप्टन कंट्रोलर अपडेट डॉक्स फॉर दी स्लश कैप्टन राउट एंड इधर पर इस बार मैं कुछ नया ट्राई कर रहा हूं लेट्स सी डॉक्स हमारे जो readme.md फाइल ये डॉक्स अपडेट तो हो जाने चाहिए ठीक है तो ये कैप्टन रजिस्टर के लिए है एंड आई थिंक वह डमी ड एडी फाइल के साथ काम नहीं कर सकता उतने अच्छे से लेट्स सी अगर मैं इस पूरे कोड को कॉपी कर सकता हूं क्या यहां पर उसका रिस्पांस टूट गया था रिक्वेस्ट डॉट बॉडी पे रिक्वेस्ट डॉट बॉडी यहां पर कैप्टन
रजिस्टर के टाइम पर आई थिंक कैप्टन रजिस्टर तो अपना काम कर चुका था बट मैं इसको डिस्कार्ड कर रहा हूं जो हमारा पहले था रिक्वेस्ट ड बॉडी एंड रिस्पांस उसको मिल रहा है एंड जस्ट रजिस्टर न कपटन अकाउंट विथ व्हीकल इंफॉर्मेशन रिक्वेस्ट डॉट बॉडी कैप्टन राउट्स ओके तो यह इंफॉर्मेशन फिर से रिपीट हो रही है हमें जो डाटा चाहिए वो डाटा चाहिए कहां से कहां तक सक्सेस रिस्पांस इधर से हमें डाटा चाहिए ओके तो अगर मैं इसको सीधा कॉपी पेस्ट करता हूं तो नहीं हो रहा है वो ठीक है लेट्स सी अपन कुछ इसका दूसरा
तरीका देखते हैं अभी के लिए इतना पार्ट अपना हो चुका है कैप्टन ऑथेंटिकेट हो चुका है अब नेक्स्ट पार्ट में आपको सार्थक भैया मिल रहे होंगे जहां पर आपको यूआई बनाना सिखाए वो कि भाई यूआई कैसे रिएक्ट से बनाना है और उसके बाद वापस मैं आऊंगा एंड यूआई को कैसे बैक एंड से इंटीग्रेट करना है वो हम देख रहे होंगे तो मिलते हैं सर्तक भैया के साथ अब तो अंकुर भाई ने मुझे एज अ कोलैबोरेटर ऐड कर दिया है और अब मैं फ्रंट एंड लिखना स्टार्ट करता हूं चलो शुरू करते हैं यहां पर आप देखेंगे
तो अंकुर का इन्विटेशन आया मुझे मेरे मेल पे और यहां जाके मैंने व्यू इनविटेशन पे क्लिक करा तो मैं पहुंच जाऊंगा यहां पे और ये मुझसे पूछेगा कि एक्सेप्ट करना है इनविटेशन तो मैं कहूंगा हां बिल्कुल करना है तो मैंने कर लिया एक्सेप्ट इन्विटेशन इन्विटेशन एक्सेप्ट करते साथ ही अब आपको यहां पे कोड दिखाई दे रहा है जिसमें अंकुर भाई ने बैक एंड का लिखा हुआ है तो मुझे इस रिपोजिटरी को क्लोन करके अपना काम करना शुरू करना है तो चलो ठीक है शुरुआत से शुरू करते हैं हम लोग यहां पर चलते हैं डेस्कटॉप पर
और डेस्कटॉप पर मैं अभी के लिए एक नया फोल्डर बना लेता हूं अन चाहे तो डायरेक्टली भी कर सकते थे लेकिन मैं अभी एक नया फोल्डर बना के काम कर रहा हूं ताकि थोड़ा सा नए लोगों के लिए आसान रहे इस फोल्डर का नाम मैं कुछ भी रख सकता हूं लाइक मैं इसको अ एबीसी कर देता हूं और यहां जाके मैंने राइट क्लिक करा या फिर आप चाहे तो इसको सिंपली उठा के अपने वीएस कोड में डाल दीजिएगा फायदा क्या होगा वीएस कोड में ओपन हो जाएगा साहब और ओपन हो जाएगा तो आपको दिखता हुआ
लिखा हुआ दिखाई देने लगेगा ठीक है मैं वीएस कोड ओपन कर रहा हूं आप चाहे तो कर्सर या वीएस कोड या सब्लाइम जो आपका मन करे आपकी मर्जी मालिक आपसे कोई बोल सकता है आपको जो मन करे आप यूज कर लेना ठीक है चलो सुनो ध्यान से यहां पर आपको आपका वो फोल्डर दिखाई दे रहा है अब सुनो ध्यान से करना क्या है मुझे इसका टर्मिनल ओपन करना है और इसका टर्मिनल ओपन करते साथ ही मुझे अपनी उस गिट हब रेपो को क्लोन करना है कौन सी वाली गठ पर रेपो भैया अरे वही वाली जिसमें
अभी अंकुर भाई ने काम किया है अंकुर ने अभी थोड़ी देर पहले कोड पुश किया है ना वही वाला कोड चाहिए तो मुझे यहां पे मैंने कोड पे क्लिक करा ये रही इसकी जो भी रिपोजिटरी उसका कोड उसकी आईडी और यहां जाके मैंने कहा गेट क्लोन थोड़ा सा स्लो चलता है गरीब आदमी है ना साहब क्या करें और यहां जाके मैंने उस पूरी की पूरी रिपोजिटरी को क्लोन कर दिया सिंपल है एक लाइन लिखना पड़ेगा गेट क्लोन और आपने उसको क्लोन कर लिया किस नाम से करा क्लोन भैया जो नाम था ओरिजिनल वही तो यहां
पर जाके पूरी की पूरी रिपोजिटरी मुझे दिखने लगी कि अंकुर भाई ने पूरा जो बैक एंड का कोड था राउट्स वगैरह क्रिएट कर रहे थे सब मुझे दिखाई दे रहा है मैं यहां पर जाऊंगा सीडी u वीडियो के अंदर और यहां जा जाके मैं लिखूंगा एनपीएम क्रिएट एडिटर भाई थोड़ा सा भाइयों को प्लीज जूम करके दिखा देना एनपीएम क्रिएट वाइट @ लेटेस्ट ये क्या कर रहे हो भैया अरे हम लोगों को ना फ्रंट एंड के लिए एक नया फोल्डर ही बनाना पड़ेगा तो मैंने यहां जाके कहा फ्रंट एंड एंड फ्रंट एंड के लिए मैंने रिएक्ट
की हेल्प से जावास्क्रिप्ट की हेल्प से एक फोल्डर बना दिया और अगर आपको लगता है कि आपको जावास्क्रिप्ट या फिर रिएक्ट जैसे स्टार्टिंग से सीखने की जरूरत है तो रि चस पे पहले ही बहुत बढ़िया ट्यूटोरियल बना दिया है बैक एंड पे भी बहुत बढ़िया ट्यूटोरियल बना दिया है तो जाके जल्दी से सारे लोग देखो को मजा आ जाएगा और फिर उसके बाद इस प्रोजेक्ट को कंटिन्यू करना और अगर पढ़ के आ गए हो तो पढ़ते हैं आगे चलो देखो ध्यान से ठीक है मैंने यहां पे लिखा फ्रंट एंड सीडी फ्रंट एंड और सीडी फ्रंट
एंड करने के बाद मैं फ्रंट एंड वाले फोल्डर के अंदर चला गया है और यहां जाने के बाद मैंने इस फ्रंट एंड नाम के फोल्डर के अंदर जाके कहा है कि मैं आपके अंदर नोड पैकेजेस को इंस्टॉल करूंगा तो मैंने कहा एनपीएम आई हमारे पैकेजेस इंस्टॉल हो जाएंगे और यहां जाके हम अपना सर्वर स्टार्ट कर लेते हैं सर्वर स्टार्ट करने के लिए क्या करना है सर्वर स्टार्ट करने के लिए हम लोगों को सिंपली यहां जाके लिखना है एनपीएम रन डेफ भैया ये क्या कर आपने थोड़ा सा मेरे को अच्छे से समझाओ क्या किया मेरे को
समझ नहीं आया कोई बात नहीं समझो आराम से देखो जब भी हम गिट अप पे काम करते हैं ना जब हम गिट अप की हेल्प से कोलबेट वे में काम करते हैं तो अंकुर ने मुझे ऐसे कोलैबोरेटर ऐड करा था और आप लोगों को बताया होगा अगर नहीं बताया तो बहुत आसान है यार कोई भी रिपोजिटरी के अंदर जाके आपको सिंपली वहां पे सेटिंग्स में जाके ऐड कोलैबोरेटर का ऑप्शन आता है वहां से कोलैबोरेटर ऐड करते हैं और जब उसने मुझे एज अ कोलैबोरेटर ऐड करा तो उसने मेरी गेट हब आईडी डाली और मेरे गेट
आईडी के थ्रू जो भी मेरा अकाउंट था उसमें मेरे को आ गया इन्विटेशन का मैसेज तो मैंने इन्विटेशन को एक्सेप्ट किया और एक्सेप्ट करने के बाद बाद उस इनविटेशन को मैंने यहां जाके ये वाली रिपोजिटरी ओपन हो गई मैंने यहां जाके इसको जाके ये जो मेरा इस रिपोजिटरी की जो भी लिंक थी मैंने यहां जाके उसको कर लिया क्लोन और क्लोन करने के बाद मैंने यहां जाके अब सिर्फ क्लोन करने से तो काम नहीं चलेगा ना साहब तो मैंने फ्रंट एंड नाम का एक फोल्डर बना लिया जिसके अंदर मैं अपना सारा काम करने वाला हूं
अब फ्रंट एंड नाम का फोल्डर हम रिएक्ट से बनाना चाहते थे तो हमने यहां जाके क्या करा था हमने यहां जाके लिखा था एपीएम क्रिएट वाइ @ लेटेस्ट अगर आपने मिस कर दिया हो तो यहां देख लो इसकी मदद से होगा क्या कि आपका रिएक्ट का एक फोल्डर बन जाएगा सिंपल है ना उसके अंदर रिएक्ट और जावास्क्रिप्ट वगैरह सेलेक्ट कर लेना आपका काम हो जाएगा मोस्ट प्रोबेबली और ये सब करने के बाद अगर आपने ये कर लिया बहुत अच्छी बात है अगर कर लिया तो उसके बाद आप जाके हमारे नोट पैकेजेस को इंस्टॉल कर लेना
उस फोल्डर के अंदर जाके और एनपीएम रन डेफ्ट दैट स इट चलो ठीक है मैं उम्मीद कर रहा हूं यहां तक समझ आया होगा और अगर मैं अपने फोल्डर को रन तो कर चुका हूं लोकल होस्ट 5173 पे अगर मैं ओपन करके देखूंगा तो ये कुछ ऐसे दिखाई देने वाले हैं काफी गंदा तो इसको एक काम करते हैं हम लोग ठीक कर लेते हैं तो यहां जाके मुझे सबसे पहले तो एसआरसी के अंदर जाना है app.js एक और app.js एक के अंदर जो भी कोड लिखा हुआ है उसको मैं हटाऊ आर एफ सई लिखूंगा अब
हो सकता है आपके कोड में आर ए एफसी लिखो और आप कोड में आर ए एफसी ना चले ये ऐसे करके कुछ लिखना है आर ए एफ सीई आर ए एफ स लिख के आपका हो सकता है कोड ना चले तो आपको सिंपली यहां जाना है और एक एक्सटेंशन होता है उसका नाम है सिंपल रिएक्ट स्पेट यहां जाके एक्सटेंशन वाले ऑप्शन पे क्लिक करना सिंपल रिएक्ट स्पेड इंस्टॉल करना फिर आ जाएगा सजेशन और देख सकते हो सजेशन आ जाएगा तो आपको रिएक्ट की बॉयलर प्लेट काइंड ऑफ लिखी हुई दिखाई देने लगेगी और मुझे यहां पे
सिर्फ ऐप लिखा हुआ दिख रहा है छोटा सा देखो कोटस है बढ़िया मैं यार इसको मोबाइल स्क्रीन पे बनाना चाहता हूं ना तो मैं इसको मोबाइल स्क्रीन पे ही रख लेता हूं यहां जाके मैं मोबाइल पे क्लिक करता हूं और मैं फोन भी सेलेक्ट कर लेता हूं iphone7 मैंने बहुत ज्यादा जूम करके रखा था तो मैं जूम थोड़ा सा ठीक करता हूं और मैंने साइज कर दिया 150 थोड़ा सा बड़े वे में दिखाई दे रहा होगा आई गेस आप लोगों को 200 ज्यादा बड़ा हो गया क्या 175 पे नहीं बैठ सकता क्या चलो 150 से
काम चला लो यार प्लीज यार अभी के लिए ठीक है यहां पर आपको कुछ इस तरीके से दिखाई दे रहा है और ये सब करने के बाद इसको थोड़ा सा और इधर कर देता हूं ठीक है ये सब करने के बाद मैंने यहां जाके इक्ड सए के अंदर से सारा का सारा कोड हटा दिया एंड एज वी कैन सी कहां गया मैं ये रहा मैं पप अकेला लिखा हुआ दिखाई दे रहा रहा है अब मुझे इसको फिक्स करना है कैसे फिक्स करेंगे चलो ध्यान से देखते हैं सबसे पहले तो कुछ सेटअप वगैरह कर लेते हैं
जिसमें से सबसे पहला काम यह है हमारा कि हम लोग काम कर रहे हैं दोस्तों लविन सीएसएस के साथ क्योंकि हम पूरा सीएसएस हाथ से लिखने जाएंगे तो काफी लंबा समय लग सकता है है ना तो मैंने यहां जाके लविन css2 सर्च करा मैं गेट स्टार्टेड पे जाऊंगा गेट स्टार्टेड पे जाने के बाद ध्यान से सुनके सारे लोग फॉलो करेंगे ठीक है ना देखो मत सर प्रोजेक्ट है प्रोजेक्ट क्यों बनाया क्यों देखा जाता है बनाने के लिए तो tncsc-scm.in गेट स्टार्टेड पे जाने के बाद यहां पर एक ऑप्शन है फ्रेमवर्क गाइड्स का फ्रेमवर्क गाइड्स पे
क्लिक करेंगे और यहां जाके मैं जाऊंगा वीट वाले ऑप्शन पे वीट वाइट नहीं होता दोस्तो मैं कई बार वाइट बोल देता हूं जो कि सही बात नहीं है मुझे बहुत सारे लोगों ने टोका है वीट बोलते हैं उसको अपन एनपीएम क्रिएट वीट आया समझ में ठीक है रिएक्ट के साथ काम करना है तो बिल्कुल एकदम भेड़ चाल में मत चले जाना कि यार जो भी लिखा हुआ है लाइन से उसको फॉलो करते हैं पहली लाइन कह रहा है क्रिएट अ प्रोजेक्ट अभी बनाया ना 5 मिनट पहले प्रोजेक्ट फ्रंट एंड करके तो वो दोबारा नहीं करना
यहां जाके इंस्टॉल करना है लविन तो ये वाली कमांड को कॉपी करना और लविन सीएसएस साथ में अपनी डिपेंडेंस एसी इस के साथ और साथ में पोस्ट सीएसएस और ऑटो प्रीफिक्स कर को लेके आ जाएगा अब ये क्या होता है अपन कभी बाद में समझेंगे ऑटो प्रीफिक्स मतलब हमारे कोड को मल्टीपल ब्राउजर्स के लिए कंपैटिबल बना देता है बोलता ह बाद में पढ़ेंगे कभी डिटेल में ठीक है और लविन सीएसएस का आग जो डी लगा है ना लविन सीएस की कुछ डिपेंडेंसीज भी आ जाती है उसके साथ और इस कमांड को चलाने के साथ ही
एप एक लविन सीए इ ड प तो एक लविन सीएए कॉन्ग जैसी फाइल बन जाएगी देख सकते हो आप यहां पे लविन config.js यहां पे फाइल बन गई है अब अगली स्टेप यहां पे ये कह रहा है कॉन्फिन टेंप्लेट पाथ यानी लविन Config.js इसके अंदर जाके आपको कंटेंट को चेंज करना है तो चलो ठीक है कर लेते हैं यहां जाएंगे और यहां जाके कंटेंट ये जो लिखा हुआ था ना खाली पड़ा हुआ था इसको हटाओ इसकी जगह अपना वाला कंटेंट लिख देंगे ठीक है इस लाइन का भी मतलब ये है कि टेल विं सीएसएस जो
है वो किन फाइल्स पे काम करेगी तो index.htm के अंदर काम करेगी और एसआरसी के अंदर एसआरसी देखो ध्यान से यहां पे बना हुआ है एसआरसी एसआरसी के अंदर जिस भी फाइल का टाइप एसआरसी के अंदर जिस भी फाइल का टाइप जेएस या टीएस या जेएस एक या टीएस एक सब पे काम करेगी तो हम एसआरसी के अंदर ही सब कुछ बनाने वाले हैं तो लविन सीएसएस उन पे काम ओबवियसली करने ही वाली है अब यहां जाके index.com के अंदर भी आपको ये तीन लाइंस लिखनी है लिख दी सर और आपका सर्वर आपको वापस से
स्टार्ट कर देना है और सिर्फ इतना करते ही आपका लविन सीएसएसएल लगेगा दोस्तों यहां जाके देखेंगे भैया कुछ समझ नहीं आ रहा चल रहा है या नहीं चल रहा चला के बता देता हूं टेल विन सीजस की एक क्लास होती है दोस्तों जो कि है बीजी रेड 700 क्या हमारे बैकग्राउंड का कलर रेड हो गया बिल्कुल हो गया तो यानी कि टेल चल रही है हां बिल्कुल चल रही है नाइस चलिए ठीक है अब ऐप बनाने की तरफ जाएं उससे पहले चलो मैं नहीं करता परेशान बनाने चलते हैं चलो ठीक है देखो है ना यहां
पर देखो ध्यान से मैंने एक एक कह सकते हैं कि एक यूआई ढूंढी है दोस्तों ये बेसिकली इसका लिंक आपको डिस्क्रिप्शन में मिल जाएगा और ये बेसिकली हमें मिली है फिगरड फरड डिजाइन के अंदर हमने यहां पे जाके u को देखा तो u के अंदर ना कुछ समझो कुछ चीजें मैं आपको समझा रहा हूं समझना सबसे पहले तो हमें लॉग इन लॉगआउट वाली स्क्रीन्स बनानी है ठीक है मेरा काम इस वीडियो में सिर्फ फ्रंट एंड बनाने का है बाय द वे तो हमें लॉग इन और लॉग आउट वाली स्क्रीन्स बनानी है और जैसे कि आप
देख सकते हो u का एप्लीकेशन जब आप ओपन करोगे मेरा फोन सामने है इसलिए मैं बता नहीं सकता लेकिन आपने देखा है कि u का एप्लीकेशन जब लॉग इन करेंगे ओपन करेंगे तो हमें कुछ ऐसी स्क्रीन दिखाई देती है जिसमें आप अपना फोन नंबर डाल सकते हैं कंटिन्यू कर सकते हैं या फिर आप चाहे तो google2 u रजिस्टर अकाउंट काइंड ऑफ ऐसा और एक और बटन रहेगी कैप्टन लॉग करके तो हम इस तरीके से कुछ लेके आने वाले हैं आई होप आपको समझ आ रहा है मैं क्या कहना चाह रहा हूं परेशान तो नहीं कर
रहा हूं ना मैं तुम लोगों को हां समझ आ रहा है मतलब ऐसा समझ लो कि u वाले क्या करते हैं u वाले ओटीपी से काम करते हैं हम लोग ओटीपी से काम नहीं करने वाले हम लोग लॉग इन लॉगआउट वाला फीचर बनाने वाले हैं अगर आपका अकाउंट बना हुआ है तो आप लॉग इन कर सकते हैं अगर आपका अकाउंट नहीं बना तो आप रजिस्टर कर सकते हैं साइन अप कर सकते हैं आसान भाषा में अगर समझे तो है ना उसके बाद यहां जाके आपका मन करे तो वैसे ही पॉलिसी वाला पेज बनाना तो बना
लेना नहीं तो कोई दिक्कत नहीं है बाद में आप डायरेक्टली यहां पर जाके ये अपनी होम स्क्रीन पे जाके लैंड हो जाएंगे और फिर उसके बाद आप अपनी राइट वाइट ढूंढ सकते हैं कोई परेशानी नहीं है उसमें समझ आ रहा है नाना क्या हो रहा है यहां पे ठीक है और मैं चाहता हूं कि इन सारी स्क्रीन से भी पहले एक जो u के रियल एप्लीकेशंस में होती है वो है कुछ ऐसी स्क्रीन जो स्क्रीन पे दिख रही होगी आपको कुछ ऐसी स्क्रीन मुझे चाहिए कि मैं पहले इस स्क्रीन को बनाऊ उसके बाद में आगे
कोड करना चालू करूं समझ पा रहे हो ना मेरी बात तो वो रहेगा मेरा होम पेज ठीक है तो चलो फिर जल्दी-जल्दी पहले होम पेज बनाते हैं उसके बाद फिर आगे की तरफ बढ़ते हैं चलो लेट्स गो तो u एप्लीकेशन जब खोलते हैं तो कुछ इस तरीके का स्ट्रक्चर दिखाई देता है सबसे पहले तो दिस विल बी आवर होम राउट मतलब इस राउट के आगे ही सब कुछ आने वाला है जैसे ही मैं कंटिन्यू दबा ंगा तो फिर मैं आगे की तरफ जाने वाला हूं तो ध्यान से हमने करना क्या है सिंपल काम है ना
सबसे पहले तो हम यहां पर जाएंगे और यहां जाके एसआरसी के अंदर हम लोग यहां पर बनाएंगे एक फोल्डर जिसका नाम हम रखने वाले हैं पेजेस क्या नाम रखने वाले हैं पेजेस मैंने यहां जाके कहा पेजेस पेजेस फोल्डर का नामम डॉट जीएस क्यों रख रहे हैं पेजेस दैट्ची है अच्छा उसके अलावा क्या करना है भैया अपने को अब यहां पर जाके मुझे एक पेज बनाना है जिसका नाम मैं रखने वाला हूं मान लेते हैं लॉग in.js ये हमारा लॉगइन पेज होगा ठीक है या फिर मैं इसका नाम थोड़ा और स्पेसिफिक रखूं तो मैं इसका नाम
रखना चाहता हूं यूजर login.gs यूजर लॉगइन ठीक है मैंने एक और पेज बनाया जिसका नाम रखा यूजर अप जए यूजर यहां पे अपना अकाउंट रजिस्टर करेगा आ रहा है ना समझ में अच्छा ठीक है और कितने पेजेस बचे हैं भैया हां बता रहा हूं ना एक मैंने बना दिया कैप्टन लॉन जए समझ आ रहा है क्या और यहां जाके मैंने बना दिया कैप्टन सा अपड जए भैया ये क्या मतलब आपने क्या कचरा करा है थोड़ा मुझे बताओ तो सुनो ध्यान से दुनिया वालों बुरी नजर ना हम पे डालो चाहे जितना जोर लगा लो सबसे आगे
होंगे हिंदुस्तानी हां जी सुनो मेरी बात ध्यान से होम है होम मतलब ये वाली स्क्रीन ठीक है जैसे ही हम जाएंगे होम पे इस पे क्लिक करेंगे कंटिन्यू पे तो कंटिन्यू पे क्लिक करते साथ ही हम आ जाएंगे किस पे पता है यूजर लॉगिन तो इस पे पता है यूजर लॉगइन कर सकेगा मतलब मुझे यूजर लॉगइन वाला पेज दिखाई देने लगेगा उसके बाद अगर मैं यहां पर जाके आऊंगा इस पेज पे तो ये कुछ ऐसा यूआई मुझे दिखाई देने लगेगा इस वाले जैसा जहां पे अपन लोग हमारा यूजर अपना ईमेल एड्रेस डाल सकता है कंटिन्यू
कर सकता है कुछ ऐसा और यूजर ने अगर अकाउंट नहीं बनाया इन केस तो यूजर चला जाएगा किस पेज पे यूजर साइन अप पेज पे तो एक होता है स्लैश राउट जब मैं लिखूंगा ना लोकल स्टोरेज लोकल होस्ट आई एम रियली सॉरी लोकल होस्ट न 5173 स् तो जब मैं नॉर्मल लोकल होस्ट 5173 पे होम राउट पे हूं या फिर आपने कोई वेबसाइट बनाई तो उस वेबसाइट का नाम मान लेते हैं sharing.com तो जब आप sharing.com पे मेन राउट पे हो स्ल राउट पे तो आपको होम पेज दिखेगा जब आप जाओगे sharing.com स्लॉगइन तो वहां
पर आपको लॉगइन पेज दिखेगा स् साइन अप साइन अप पेज दिखेगा कैप्टन साइन अप का अलग पेज है कैप्टन लॉगइन का अलग क्योंकि हमको ये जो एप्लीकेशन बनाना है वो दो लोगों के लिए बनाना है ना एक यूजर अलग रहेगा अपना एक हमारा कैप्टन अलग रहेगा तो यहां पर हमने मल्टीपल पेजेस बनाए ना तो अब मुझे करनी क्या है अब मुझे करनी है राउटिंग क्या करनी है बोलो जल्दी से राउटिंग करनी है राउटिंग मतलब क्या होता है भैया राउटिंग मतलब होता है कि आप एक पेज से दूसरे पेज की तरफ जा सके दोस्तों क्या करना
है उसके लिए उसके लिए सबसे पहले तो हम जाएंगे हमारे app.js एक के अंदर और यहां पर मैं यूज करने वाला हूं रि राउटर डम टू इंट्रोड्यूस टू पुट राउटिंग इन माय प्रोजेक्ट तो सबसे पहले हम क्या करने वाले हैं हम लोग यहां जाके सर्वर रोकेंगे हम लिखेंगे npm1 भाई प्लीज प्लीज जूम करके दिखाओ npm1 है और यहां जाके इंपोर्ट इंस्टॉल हो जाएगा आई एम सॉरी मैंने यहां जाके एनपीएम रन डेफ कर दिया अब रिएक्ट टर डम अगर आपने नहीं पढ़ा है तो कोई बात नहीं मैं बता देता हूं रिएक्ट राउटर डम करने से पहले
आपको इसको सबसे पहले तो रैप करना पड़ेगा तो मैं main.js एक में जाता हूं और यहां जाके मैं इंपोर्ट कर लेता हूं राउटर d के अंदर से क्या पता है ब्राउजर राउटर कुछ होता है कुछ होता है और यहां जाके मैंने ऐप को उस ब्राउजर राउटर से रैप कर दिया है इससे क्या होगा भैया इससे राउटिंग परफॉर्म हो जाएगी बस आसान भाषा में ठीक है तो क्या करा आपने लिखा हुआ था ना मेन . j6 में उसको मैंने रैप कर दिया ब्राउजर राउटर से दैट्ची भी नहीं दिखाई दे रहा है तो सुनो यहां पे क्या
करना है आपको यहां पे लिखना है दोस्तों राउट कई बार ना सजेशन आ जाएगा कई बार अगर सजेशन ना आए तो ऊपर ये वाली लाइन नंबर टू जो लिखी हुई है ना वो आपको हाथ से लिखनी पड़ेगी तो इस चीज के लिए रेडी रहना ठीक है और आपने राउट्स लिख दिया अब इसके अंदर आप राउट्स बना सकते हैं तो मैंने यहां जाके एक राउट बनाया पहले तो राउट लिख के इसको एंटर करो और यहां जाके मैंने राउट बना दिया ये मेरा पहला राउट है मैंने यहां पर जाके कहा कि टू यानी कहां जाना चाह रही
हो मि मित्र आप बहुत सारे ऑप्शंस होते हैं वैसे तो नहीं होता आई एम सॉरी एक होता है पाथ पाथ होता है ना हां पाथ होता है पाथ रखा मैंने स्लैश पाथ और स्लैश पाथ पे मेरा जो एलिमेंट रेंडर होगा वो रेंडर होगा हमारा होम एलिमेंट भैया ये क्या कर रहे हो मुझे समझ नहीं आ रहा रिट आटम अगर आपने नहीं देखा है प्लीज प्लीज प्लीज हाथ जोड़कर विनती है पहले तो वाली वीडियो देख लो और यहां जाके मेरे मल्टीपल पेजेस जो है ना उन्हें मैं अलग-अलग पेजेस पे रखना चाहता हूं अगर आप देख के
आए हो ना तो बहुत अच्छी बात है भाई आप लोग मेरे बहुत बहुत बहुत काम आ रहे हो और आप लोग मेरा काम बहुत आसान कर रहे हो और तो कुछ नहीं है आगे आगे हुही हो आ जाओ आप भी आ जाओ सबके अंदर मैंने बॉयलर प्लेट्स लिख दिए हैं कोई पर परेशानी इसमें कोई परेशानी मित्र ठीक है नहीं है मित्र ठीक है अब सुनो यहां जाके यहां जाके मैंने app.js एक के अंदर यहां पर जाके क्या कहा मैंने यहां जाके कहा सिंपल मैंने पहले राउट्स नाम का कंटेनर बनाया जिसके अंदर मैं सारे राउट बनाने
वाला हूं तो मैंने यहां जाके राउट लिखा इंपोर्ट कर लि ऊपर पहले ही बोल रहा हूं सारे लोगों से और यहां जाके मैंने बताया पाथ सेल्फ क्लोजिंग में रखना है इसको मैंने कहा पाथ रहेगा मेरा स्लैश पाथ और स्लैश पाथ पे जो एलिमेंट दिखना चाहिए वो दिखना चाहिए पता है कौन होम ऊपर होम इंपोर्ट हो चुका है तो अगर मैं स्लैश पाथ परू तो क्या मुझे यहां पर होम दिखाई दे रहा है हां बिल्कुल अगर मैं कहता कि स्लैश पाथ पर यूजर लॉगइन दिखाई देना चाहिए तो स्लैश पाथ पर यूजर लॉगइन दिखाई देता है ये
देखो साफ-साफ दिखाई दे रहा है हमको सामने हमारे है ना लेकिन हमने कहा स्लैश पाथ पर हमारा हो जाने दो इसको स्लैश हम लॉग इन पे रखते हैं स्लैश लॉगइन पे ठीक है और यहां जाके मैंने एक और राउट बना दिया जिसका नाम मैंने रखा मान लेते हैं सिर्फ स्लैश और यहां पर जाके हमने होम को यूज कर लिया कितना आसान है कोई मुश्किल है यहां तक कोई मुश्किल नहीं है और इसके बाद मैंने यहां जाके कहा स्लैश साइन अप और यहां जाके मैंने यूजर साइन अप को भी लगा दिया ये मैंने लाइन को कॉपी
करके एक बार नीचे पेस्ट करा मैंने यहां जाके लिखा कैप्टन लॉगइन और मैंने इस पे रेंडर करा कैप्टन लॉगइन वाले चीज को और मैंने यहां जाके लिखा कैप्टन साइन अप और यहां जाके मैंने रेंडर करा कैप्टन साइन अप और अगर मैं स्क्रीन छोटी करके आपको समझाने जाऊं तो आपको देखने में समझ आएगा कि यहां जाके राउट्स जब आपने क्रिएट करे तो राउट्स के अंदर आपने मल्टीपल राउट बनाए हैं और मल्टीपल राउट्स में आपने बता दिया है कि पाथ स्लैश पे क्या रहने वाला है तो होम रहने वाला है पाथ लॉगिन पे क्या रहने वाला है
स्लैश लॉगइन पे तो यूजर लॉगइन कुछ इस तरीके से आपके सारे पेजेस बन गए अगर आपको चाहिए प्रूफ तो मैं आपको प्रूफ भी बता देता हूं लोक होस्ट 5173 दिखाई दे रहा है लोकलो 513 स्ल लॉगइन अगर मैं कहूंगा तो मेरे को यूजर लॉगिन दिखाई देगा लोकलो 513 स् साइन अप मैं लिखूंगा अगर तो यूजर साइन अप दिखाई देगा और सेम गोज विद कैप्टन लॉगइन कैप्टन लॉगइन दैट्ची दिखाई देना है होम के अंदर अब मुझे पता है क्या करना है मुझे ये वाली डिजाइन बनानी है तो सबसे पहले तो मुझे ये वाला चित्र चाहिए कि
ये चित्र कहां से मिलेगा मतलब ये वाली फोटो तो इसके लिए हम लोगों को क्या करना सबसे पहले तो मैं यहां पर जाके क्या कहूंगा कि मेरे पास यहां पर जाके एक डिव है जो कि पूरी स्क्रीन के बराबर रहेगा ओबवियसली जिसको मैंने क्लास दे दी है हाइट फुल फुल मतलब फुल मतलब फुल मत दो स्क्रीन दे दो पूरी स्क्रीन के बराबर हाइट और विड्थ दे दो फुल बढ़िया इस डिव के अंदर यहां पर मेरे पास अ एक और डिव है जिसके अंदर यहां पर एक लिखा हुआ हैट के अंदर गेट स्टार्टेड विद u दैट्ची
कर दूंगा मैं बटन के अंदर लिख देता हूं क्या कं न्यू कंटिन्यू दैट्ची है अगर हम देखेंगे तो अभी तो काफी गंदा कुछ इस तरीके का दिखाई दे रहा होगा सुनो ध्यान से मैंने यहां जाके इसको दे दिया बीजी रेड और रेड में भी मैंने इसको 400 दे दिया अभी थोड़ा समझ आएगा और यहां जाके ये जो नीचे अंदर वाला डिव है इसको मैंने दे दी क्लास मैंने यहां जाके कहा बीजी वाइट कुछ ऐसा ठीक है अब इस डिफ को मैंने यहां जाके कहा है क्या फ्लेक्स आइटम्स मेरे रहेंगे एंड में तो ये बिल्कुल एंड
में जाके बैठ जाएगा ठीक है और साथ में मैंने यहां जाके कहा कि इस चीज को मैं आइटम्स एंड में देने की जगह मैंने यहां जाके आइटम्स स्टार्ट में देता तो ज्यादा बढ़िया रहता मैं बता रहा हूं बस थोड़ी देर में बता रहा हूं मैं मैंने कहा आइटम्स यानी अलाइन आइटम्स स्टार्ट में ही रहने दो या अलाइन आइटम्स को कुछ दे ही दे ही मत मत दो और जस्टिफाई कंटेंट जो होता है ना जस्टिफाई कंटेंट जस्टिफाई कंटेंट दे देना आप इसको स्पेस बिटवीन तो जस्टिफाई कंटेंट में दे देता हूं इसको बिटवीन और मैं फ्लेक्स डायरेक्शन
कर देता हूं कॉलम तो फ्लेक्स डायरेक्शन कॉलम करने से पता है क्या होगा फलेक्स कोल लिख देना यहां पर जाके हां तो हुआ क्या है ना यहां पर अभी मेरे पास ये जो गेट स्टार्टेड विद u है और यहां पर कंटिन्यू करके लिखा हुआ है ये एक ही चाइल्ड है इनके अलावा मेरे पास एक इमेज भी रहने वाली है तो मैंने यहां जाकर सर्च करा u लोगो पीएनजी एंड एज वी कैन सी हमें र का लोगो मिल जाएगा कुछ इस तरीके से पीएनजी फॉर्मेट में मिल जाएगा एंड एज वी कैन सी हमारी वेबसाइट में यहां
पे ऊपर लोगो है और नीचे यहां पे ये टेक्स्ट आ गया तो भैया ये नीचे ल पीचे लाल का क्या करेंगे उसमें बैकग्राउंड इमेज लगाएंगे जो भी हमने यहां पे देखी थी ना अभी ये बैकग्राउंड इमेज के तौर पे लगा देंगे हमारा u का लोगो ऊपर आ गया और नीचे गेट स्टार्टेड फॉर फ्री विथ u करके जो भी कुछ लिखा हुआ है वो आ जाएगा और तो नहीं सॉरी अच्छा मैंने यहां जाके इसको क्लास नेम देके हाइट दे दी 30 इसकी हाइट थोड़ी सी छोटी हो जाएगी 30 जैसा कुछ एजिस्ट नहीं करता माफ कर देना
मुझे ठीक है तो भैया इसकी तो एसी हो गई हां ठीक है कर रहे हैं फिक्स थोड़ा रख मैंने उसको फ्लेक्स देके रखा हुआ है ना तो वो ऑटोमेटिक लिए विड्थ फुल लेगा तो एक काम करते हैं अपन इसको दे देते हैं विड्थ दे देते हैं अपन इसको है ना हाइट नहीं देते मैंने इसको विड्थ दे दिया 10 ठीक है वो देखो ऊपर कोने में दिखाई दे रहा है आपको और अगर मैं ओरिजिनल वाले को देखूं अगर मैं ओरिजिनल वाले को देखूं यह कुछ ऐसा दिखाई दे रहा है मैंने यहां जाके क्या कहा मैंने यहां
जाके पैरेंट को कहा कि मैं पैडिट से देना चाहता हूं पडि टॉप से देना चाहता हूं मैं 10 की नहीं फाइव की और पडि लेफ्ट से देना चाहता हूं मैं मान लेते हैं फाइव की तो ये जो u लिखा हुआ था यह कुछ इस तरीके से आगे की तरफ आ जाएगा मैं इसकी हाइट को कर देता हूं मान लेते हैं 14 तो ये र कुछ इस तरीके का दिखाई देने लगेगा मैं इसको कर देता हूं 8 और नाइन ठीक है बढ़िया बढ़िया यार प लेफ्ट से देंगे ना तो थोड़ा सा वो नीचे वाला भी ले
लेगा तो एक काम करते हैं पेडिंगटन लेफ्ट ही दे देते हैं मान लेते हैं एट का तो ज्यादा बढ़िया है नाइस नाइस नाइस काम चलाने के लिए ठीक है अभी हम सीशस नहीं पढ़ने बैठे बाय द वे है ना और यहां जाके मैंने इसको 16 कर दिया उसके अलावा मैंने यहां जाके इस वाले डिफ को दिया है पैडिट अ वा एक्सेस से पांच का और पैडिट से 10 का तो एक जैसा कि आप देख सकते हैं कुछ ऐसा दिखाई देगा मैंने यहां जाके इसको क्लास नेम दे दिया टेक्स्ट डबल एक्सल फंट मैंने दे दिया है
इसको बोल्ड देख सकते हैं आप लोग कुछ ऐसा दिखाई दे रहा है साथ में मेरीय जो बटन है इसको मैंने क्लास नेम देके विड्थ दे दिया है मान लेते हैं फुल बीजी मैंने दे दिया है मान लेते हैं ब्लैक और टेक्स्ट मैंने दिया है इसको वाइट पैडिव एक्सिस से तीन की पैडिका दिखाई दे रहा है मैंने राउंडेड कर दि है कॉर्नर्स और मैंने यहां जाके मार्जिन टॉप से दे दिया मान लेते हैं टू का ठीक है अगर हम ओरिजिनल वाली को देखेंगे तो अभी कुछ ऐसा है और हमारा कुछ ऐसा है हमने शायद पैडिट एक्स
एक्सस से थोड़ी सी ज्यादा दे दी जल्दी बाजी में तो मैंने पैडिट एक्स एक्सेस से भी पांच ही कर दी तो ज्यादा बढ़िया दिखाई दे रहा है मेरे हिसाब से चार कर देना चाहिए और ऊपर नीचे से भी अपने को चार ही कर देना चाहिए और थ्र एक्सल करना चाहिए इसको ठीक है और यहां जाके मार्जिन टॉप जो दिया था उसको अपने को चार करना चाहिए एक बार मैं कंपेयर करके देखूंगा सॉरी फॉर दैट ठीक है ठीक है थोड़ा सा फॉट्स का अंतर तो है यार देखो गाइस थोड़ा सा फ्ट्स का अंतर तो है लेकिन
काम चलाने के लिए ठीक है मतलब अभी के लिए तो चल जाएगा काम और कंटिन्यू यहां पर दिखाई दे रहा है फ मैंने यहां जाके इसको फाइव कर दिया फाइव दैट्ची है चलो अब आगे बढ़ सकते हैं हम क्या हां शायद बढ़ सकते हैं हां शायद बढ़ सकते हैं मैं जस्ट इसको बस एक चीज और दे देता हूं पडि बॉटम से मैंने जाके दे दिया इसको अ सेवन का थोड़ा बॉटम से पैडिट ज्यादा मिल जाएगा उसको चलिए ठीक है और मुझे यहां पर जाके ये वाली इमेज चाहिए तो देखो यार मैं बिल्कुल भी मेहनत नहीं
करने वाला हूं मैं पहले ही बोल रहा हूं मैंने यहां जाके क्या कहा मैंने यहां जाके कहा है कि मैं अ जाने वाला हूं google2 ट्रिक बता रहा हूं देखना ध्यान से और google's पे कुछ भी सर्च कर सकते हैं मेरी ये जो इमेज थी या फिर मैं इसको डायरेक्ट कॉपी कर सकता हूं और मैंने इसको यहां पे कर दिया पेस्ट तो आप देख पाएंगे कि यह इमेज मुझे मिल जाएगी और यहां जाके मैं सिर्फ इतना सर्च करूंगा अब हो सकता है भाई यह कोई पेड इमेज हो तो अपने को ना मिले तो अपने को
दूसरी के साथ काम चलाना पड़ेगा लेकिन ठीक है अपन कोशिश तो करेंगे ना यार अपना बेस्ट अगर फ्री ऑफ कॉस्ट इमेज मिल जाए तो मजा ही आ जाएगा गारंटीड मजा आ जाएगा हम यह वाली भी लगा सकते हैं बिल्कुल हम यह वाली भी लगा सकते हैं है ना प्रीमियम है बाय द वे ठीक है यार ठीक है चलो मैं चवन प्रस कॉ पर लेके जा रहा हूं आप लोगों को और मैंने यहां जाके बड़े जोश के साथ सोचा था कि भाई चलो कोई ना यार आज अपन अच्छा कुछ लगाएंगे लेकिन छोड़ो अब किस्मत कहां अपनी
ये उससे मिलता जुलता है इससे काम चला लेना यार प्लीज यार प्लीज दिल मत तोड़ो यार मेरा यार प्लीज है ना नहीं तो अनस्प्लैश पे आपको बहुत बढ़िया-बढ़िया यहां पर ट्रैफिक लाइट्स की इमेजेस मिल जाएंगी जो तुम्हें अच्छा लगे लगा लियो मैं ये वाली लगा लेता हूं काफी बढ़िया लग रही है देखने में ये वाली भी अच्छी लग रही है ठीक है ग्रीन लाइट होती ना थोड़ा सा क्या मजा आता कुछ इस तरीके से इस तरफ मुंह देखते हुई हां जी कुछ इस तरीके से अच्छी लग रही है मैंने यहां पे जाके कॉपी इमेज एड्रेस
का कॉपी इमेज एड्रेस करने के बाद मैंने यहां पर जाके अगर इस इमेज को यहां पर जाके लगा दिया और अगर मैंने यहां जाके देखा सॉरी मैंने u की इमेज की जगह लगा दिया और हां सुनो सुनो सुनो मुझे इस डिफ को बैकग्राउंड इमेज देनी है तो मैंने यहां जाके का बीजी स्क्वायर ब्रैकेट लगा के यूआरएल ब्रैकेट और उसके अंदर ये इमेज डाल देंगे क्या हमारी इमेज लग जाएगी हां बिल्कुल लग जाएगी अब वो बहुत बड़ी इमेज लगेगी तो एक काम करना यहां जाके एक ऑप्शन होता है बीजी कवर बैकग्राउंड साइज कवर हो जाएगा तो
कुछ इस तरीके का दिखाई देने लगेगा ठीक है और मैंने यहां जाके दे दिया बीजी सेंटर नहीं बॉटम से लगाना चाहता हूं थोड़ा सा कुछ ऐसा दिखाई देने लगेगा तो मेरे हिसाब से तो ठीक है यार काम चलाने के लिए अभी इसके लिए तो अपने को बीजी बैकग्राउंड पोजीशन सेंटर कर देते हैं चलो ठीक है एक काम करते हैं ठीक है बढ़िया यहां तक सब कुछ ठीक चल रहा है ना दोस्तों कोई परेशानी नहीं है और बेटर इमेजेस अगर आपको मिल रही है यहां पर आपके लिए n splash.com खुला हुआ है बिंदास जाओ बिंदास ढूंढो
अच्छी इमेजेस और लगाओ कोई परेशानी नहीं है उसमें ठीक है ना चलो तो हम लोग यहां पर जाके इमेज तो ढूंढ चुके हैं यहां पर अच्छी सी अब हमको करना क्या है अब हमको यहां पर जाके आगे की चीजें बनानी है ठीक है हां कंटिन्यू मुझे ये वाली में थोड़ी उससे तो बेटर ही लग रही है ठीक है चलो अब यहां पर हमको चाहिए क्या कि हम कंटिन्यू पे क्लिक करें और हम पहुंच जाए स्लैश लॉगइन वाले राउट पे तो हम लोगों को सिंपली बस एक छो सा काम करना है यहां पे आपने बटन बनाया
था ना बटन की जगह यहां पे इसको एक लिंक टैग बनाना लिंक लिंक नहीं लिंक लिंक टैग कहां से आता है रिट r डम से ये देखो आ गया और क्लोज करते टाइम भी इसको लिंक अटैक की तरह क्लोज करना बटन की तरह क्लोज मत करना देखेंगे तो ये कुछ ऐसा दिखाई देगा भैया इसकी ये हालत क्यों हो गई क्योंकि यार लिंक टैग जो है ना वो एक कैसे समझाऊं मैं लिंक टैग एक तरीके का ब्लॉक एलिमेंट नहीं है इनलाइन एलिमेंट है तो उसको मैंने यहां जाके कह दिया इनलाइन ब्लॉक दैट्ची एक काम करो फ्लेक्स
कहो आई फ्लेक्स नहीं सिर्फ फ्लेक्स ठीक है और मैंने यहां जाके उसके आइटम्स को कर दिया सेंटर और मैंने यहां जाके जस्टिफाई भी क्या कर दिया गप देके सेंटर दैट्ची चल रहा है अब लिंक टैग के अंदर यहां पे एक प्रॉपर्टी होती है उसका नाम है टू यानी कहां जाना है तो मैंने यहां जाके लिखा टू और टू के अंदर मैंने लिख दिया कि मुझे जाना है स्लैश लॉगइन पे तो अब जब भी हम इस पेज पे आने के बाद स्लैश इस पे कंटिन्यू पे क्लिक करेंगे तो हम पहुंच जाएंगे स्लैश लॉगइन पे कोई रीलोड
नहीं हुआ ध्यान से देखना आप पर यहां पर जाके मैंने इस पे क्लिक करा कोई रीलोड नहीं हुआ यहां पर मैं सीधा-सीधा पहुंच गया इतना बढ़िया काम हो गया यहां पर है ना भाइयों तो यहां तक मुझे लगता है कि आप लोगों को कोई परेशानी नहीं होगी यहां पर जाके हम कंटिन्यू पे क्लिक करते हैं यहां पर हम आगे जा रहे हैं एक चीज और आप करना चाहे तो कर सकते हैं u लोगो जो मुझे मिला था मैं इस लोगो को वाइट कलर में लगाना चाहता हूं हां थोड़ा ओरिजिनल से अलग है लेकिन लगा देंगे
तो क्या ही बुराई हो जाएगी भाई कौन मना कर रहा है आके बताओ कॉपी इमेज एड्रेस और यहां ले जाके ठीक है कंटिन्यू हां तो u का लोगो मुझे लग रहा था वाइट ज्यादा अच्छा लगेगा तो मैंने वाइट कर दिया और यहां कंटिन्यू पे क्लिक करके यूजर लॉगइन पे आ गए अब लॉगइन पेज बनाएंगे और लॉगइन पेज थोड़ा इंपोर्टेंट है तो ध्यान से बैठ के अच्छे से डिजाइन करेंगे ठीक है लेट्स गो गेट स्टार्टेड पे क्लिक करके यानी कि कंटिन्यू पे क्लिक करके हम यूजर लॉगिन पे आ रहे थे तो यूजर लॉगिन की यूआई हमको
कुछ इस तरीके से बनानी है जैसा कि आप देख सकते हैं बाय द वे हां इसकी लिंक आपको ग्रुप पे मिल जाएगी ग्रुप में नहीं आई एम सॉरी डिस्क्रिप्शन में डिस्क्रिप्शन में नीचे डिस्क्रिप्शन प मिल जाएगी तो बनाना चालू करते हैं सबसे पहले यूजर लॉगिन वाले पेज पे आते हैं तो यहां पे लिखा हुआ है सिर्फ यूजर लॉगइन इसमें यूजर लॉगइन की जगह मुझे यहां पर जाके लिखना है एक थ इसके अंदर लिखा मैंने व्हाट्स योर फोन नंबर अ व्हाट्स योर ईमेल दैट्ची है इसके अलावा मुझे यहां पर बनाना है एक मुझे लगता है इसको
मुझे एक फॉर्म के अंदर रखना चाहिए था मुझे यहां पर एक फॉर्म बनाना है जिसके अंदर एक्शन के अंदर मैं अभी कुछ भी नहीं लिखना चाहता हूं वो अगर जरूरत पड़ेगी तो आगे जाके देख लेंगे बाय द वे मैंने यहां पर फॉर्म बनाया जिसके अंदर अभी मैंने कुछ भी नहीं लिखा है यहां पर अभी मैंने h3 लिख दिया है और मैंने यहां जाके इसके अंदर एक इन इनपुट भी बना दिया है इनपुट का टाइप मैं रखना चाहता हूं मान लेते हैं अभी के लिए ईमेल और साथ में मैं इसका मैं इसको रिक्वायर्ड भी कर देता
हूं रिक्वायर्ड ताकि इसके बिना काम ना चले लिखना पड़े ठीक है जी तो यहां पर जाके अब मैं यहां पर जाके देख सकता हूं व्हाट्स योर ईमेल लिखा हुआ दिख रहा है मुझे मैं यहां पर जाके प्लेस होल्डर में लिख सकता हूं अ लेट्स सपोज यर ईमेल या फिर ईमेल @ example.com कुछ इस तरीके से मैंने लिख दिया अभी यहां पे और इसके बाद मुझे यहां पर जाके व्हाट्स योर ईमेल मैंने यहां पर लिख दिया एंटर पासवर्ड मोस्ट प्रोबेबली h3 में लिखना चाहिए था मैंने लिख दिया एंटर पासवर्ड हमारी यूआई उससे थोड़ी सी अलग बनेगी
ऊपर वाले से लेकिन ठीक लगेगी परेशान मत हो और यहां जाके मैंने इसका टाइप सेट कर दिया है अभी के लिए पासवर्ड और मैंने यहां भी लिख दिया पासवर्ड ट्स इट ठीक है जी यहां पर कुछ इस तरीके से ने बना दी है चीजें उसके अलावा मुझे यहां पर बनानी है एक बटन तो मैंने यहां जाके बटन बना दी जिसके अंदर मैंने लिखा कि लॉगइन अब इसका लॉजिक जो है ना वो हमारे अंकुर भाई लिखेंगे बाद में जाके अभी हम लोग इतना ही करते हैं उसके अलावा मुझे नीचे भी कुछ चीजें करनी है लेकिन मैं
धीरे-धीरे करूंगा बिल्कुल जल्दी बाजी में बिल्कुल काम नहीं करना चाहिए दोस्तों आराम आराम से करना चाहिए क्लास नेम मैंने दे दिया मान लेते हैं पैडिट मैंने दे दी मान लेते हैं सेवन की तो थोड़ा सा चीजें अंदर की तरफ आ जाएंगी व्हाट्स योर ईमेल मैंने यहां जाके दे दिया क्लास नेम टेक्स्ट एक्सेल मार्जन बॉटम मैंने दे दी है टू कुछ इस तरीके का दिखाई देने लगेगा यहां जाके हमारा जो इनपुट था इनपुट को थोड़ा सा डिटेल में लिखते हैं ताकि थोड़ा पढ़ने में ज्यादा बेटर तरीके से आए और कोड तो काफी ज्यादा ना अपन ने
कॉम्प्लिकेटेड कर दिया है उसको थोड़ा साफ सुथरा करने की कोशिश करते हैं ये देखो हो गया कि नहीं हो गया साफ सुथरा क्या बोलते हो ठीक है वेरी नाइस वेरी नाइस कुछ इस तरीके का हमारा कोड दिख रहा है अब मैंने यहां जाके क्या कहा मैंने यहां जाके कहा कि मेरी इस एलिमेंट की स्टाइलिंग मुझे चेंज करनी है तो मैंने कहा डॉट स्टाइल नहीं तो डॉट स्टाइल नहीं क्लास नेम से करते हैं क्योंकि हम टेल विंड यूज़ कर रहे हैं बाय द वे मैंने यहां जाके कहा कि मुझे बीजी चाहिए वाइट मेरी बॉर्डर्स रहेंगी राउंडेड
मैंने राउंडेड बॉर्डर्स रखी हैं मैंने यहां जाके कहा है कि p एक मुझे चाहिए टू का p y मुझे चाहिए टू का और साथ में मैंने कहा है कि उ px4 का रखते हैं और साथ में मैंने कहा कि मुझे चाहिए हल्की सी बॉर्डर तो आप देख सकते हैं हल्की सी बॉर्डर भी आ जाएगी मैंने यहां साथ में यह भी कहा कि मुझे विड्थ चाहिए फुल ठीक है तो विड्थ फुल भी लेने लगा वो ठीक है ना साथ में मैंने यहां जाके कहा कि मेरे टेक्स्ट का साइज रहेगा मान लेते हैं अ एक् एल से
थोड़ा सा कम क्या होता है एलजी एलजी कर देते हैं और साथ में मैंने कहा कि मेरा जो प्लेस होल्डर है उसके टेक्स्ट का साइज मुझे चाहिए मान लेते हैं एसएम थोड़ा सा छोटा दिखाई देगा हमको वहां पर एसएम की जगह मैं इसको कर देता हूं अ बेस ठीक है मुझे लगता है ये ज्यादा बेटर है नाइस इसके अंदर हम कुछ भी लिख सकते हैं हमारा जो भी ईमेल है अगर मैं ओरिजिनल वाली को रेफरेंस में लूं तो उसका बैकग्राउंड कलर कुछ अलग था एक काम करते हैं हम भी वही बैकग्राउंड कलर के साथ जाते
हैं मुझे यहां पर जाके कलर कैचर करके एक एक्सटेंशन है दोस्तों और यहां जाके मैंने पिक कलर कर दिया और पिक करने के बाद कलर को मुझे ये वाला कलर चाहिए था तो मैंने यहां जाके इसके अंदर बीजी वाइट की जगह ये वाला कलर दे दिया तो ज्यादा बेटर लगेगा ई ई ई ठीक है बढ़िया वेरी नाइस कुछ ऐसा दिखाई दे रहा है अभी हमारा कोड ठीक है उसके अलावा मुझे यहां पर जाके चाहिए कि हल्का सा ये मार्जिन ले ले बॉटम से तो मैंने मार्जिन बॉटम दे दिया मान लेते हैं सेवन का बढ़िया उसके
अलावा मैंने यहां पर जाके इसको कर लिया है कॉपी और मैंने यहां पर इसमें भी सेम चीज पास्ट कर दी एंटर पेस्ट कर दी पास्ट कर दी क्या होता है सॉरी और मैंने इस लाइन को भी कॉपी करके यहां पर पेस्ट कर दिया एंटर पासवर्ड वाली चीज भी बन जाएगी और मैं अपनी लॉगिन वाली बटन के अंदर भी सेम चीज पेस्ट कर देता हूं लॉगइन बटन कुछ ऐसे दिखने लगेगी बीजी मुझे लगता है देना चाहिए मुझे 111 और मुझे लगता है मुझे टेक्स्ट देना चाहिए एफ एफएफ और फॉन्ट मैंने कर दिया इसका मान लेते हैं
मीडियम की जगह सेमी बोल्ड एज वी कैन सी यहां पर हमको अ टेक्स्ट एफ एफएफ की जगह मुझे वाइट लिखना चाहिए था माफ कर देना दोस्तों वाइट वाइट ठीक है लॉगइन हमको कुछ ऐसा दिखाई देने लगा मुझे लगता है बॉर्डर की जरूरत अभी हमको नहीं है तो मैंने यहां पर जाके बॉर्डर को हटा दिया ठीक है तो यहां पर हम अपना ईमेल लिख सकते हैं पासवर्ड लिख सकते हैं लॉग इन कर सकते हैं मुझे लगता है ना हर पेज के अंदर हमारे पास फुटर तो है ही फुटर के बिना तो काम ही नहीं चलने वाला
ना बस तो यहां जाके मैं एक काम करता हूं मैं यहां जाके हेडर बोल रहा हूं एम सॉरी फुटर नहीं हेडर तो होम के अंदर मैंने यहां पर जाके इमेज ये जो लगाई थी ना यह मुझे चाहिए यहां पर मेरे कोड के अंदर भी तो मैंने यहां पे इसको लगा दिया एज अ इमेज वाइट कलर में है लेकिन दिक्कत परेशानी बस यही है छोटी सी दिक्कत परेशानी है साथ में मार्जिन लेफ्ट अलग ले रही है विड्थ तो ठीक है लेकिन मार्जिन लेफ्ट अलग ले रही है तो u लोगो हमने वाइट ढूंढा था उसकी जगह मैं
u का लोगो ब्लैक वाला ही लेना चाहूं अगर तो क्या मुझे वो मिल जाएगा u लोगो पीएनजी यह रहा मेरा लोगो खुल जाओ जल्दी से थोड़ा सा खुलने में टाइम लग रहा है स्लो चल रहा है ना भाई गरीब लोग हैं और क्या करें राइट क्लिक खुल जा मत कर नौ टंकी ट्राई करके देखते हैं अगर चल जाता है तो बहुत अच्छी बात है ठीक है ऊ दिखाई दे रहा है हमको अब मैंने ये जो मार्जिन दी थी वो मैंने मार्जिन बॉटम से दे देता हूं तो mb5 कर देता हूं या 10 कर देता हूं
थोड़ा नीचे की तरफ चला जाएगा और टेक्स्ट एक्सेल मुझे थोड़ा सा बड़ा लग रहा है इसका तो मैंने टेक्स्ट कर दिया इसका एलजी और अब ज्यादा बेटर है मैंने फॉन्ट को कर दिया नॉर्मल की जगह मीडियम कर देते हैं अपन इसको हल्का सा मोटा सा हो जाएगा नाइस और यही सेम चीज कॉपी करके मैंने अपने इस वाले टेक्स्ट को भी थोड़ा सा अच्छा बना लिया नाइस बढ़िया मुझे लगता है समझ आ रहा है आप लोगों को है ना कैसे चल रही है हमारा काम ठीक है यहां पर हम पासवर्ड डाल सकते हैं यहां पर हम
हमारा ईमेल डाल सकते हैं कोई दिक्कत परेशानी नहीं है अब हम लोग क्या करते हैं नीचे साइड में ना दो चीजें और बना लेते हैं तो मैं यहां पे क्या करता हूं मैं यहां पर जाके इसको नॉर्मल करता हूं मैं इस पूरे पार्ट को उठाता हूं इमेज से लेकर यहां तक फॉर्म वाले पार्ट को कट करता हूं मैंने एक डिव बनाया जिसके अंदर मैंने इन सभी चीज चीजों को रख लिया उस डिफ को मैंने बंद करा साथ में मैंने एक और डिफ बनाया जिसके अंदर मैंने एक बटन बनाई है बटन को बाद में जाके मैं
चेंज कर दूंगा यहां जाके अभी मैंने बटन बनाई है अ क्रिएट अकाउंट क्रिएट अकाउंट वैसे तो मुझे लगता है एक लिंक बनानी चाहिए मुझे लिंक ही बनानी चाहिए वैसे देखा जाए तो और मैं यहां पर एक बटन जो बना रहा था ना मैं यहां पर बटन बना रहा हूं साइन इन एस कैप्टन साइन इन एस कैप्टन मुझे यहां पर बनानी है एक बटन और यहां जाके मुझे इसको करना है फॉर्मेट मैंने यह वाली जो बटन बनाई थी इसका पूरा का पूरा सीएसएस मैंने कॉपी करके यहां पर कर दिया पेस्ट और इसका कलर मुझे लगता है
करना चाहिए मुझे यार येलो में मुझे चाहिए थोड़ा सा कलर येलो बहुत गंदा लग रहा है बहुत गंदा अ मैं कैसे समझाऊं मैं मुझे कौन सा कलर चाहिए मतलब मुझे थोड़ा सा अच्छा कलर चाहिए यार मैं यह वाला उठा रहा हूं मुझे थोड़ा साय बेटर लग रहा है ऐसा कुछ सा कलर चाहिए मुझे तो मैं वही कलर दे देता हूं मैं ट्राई करके देख रहा हूं दोस्तों यार हमारे पास समय की कोई कमी तो है नहीं तो आराम आराम से चलते हैं साइन इन एस कैप्टन कुछ ऐसा दिखाई देगा अ थोड़ा सा बेटर तो है
एक बार और ट्राई करते हैं यह वाला उठा लेते हैं चलो छोड़ो ये रख के देखते हैं साइन इनस कैप्टन कुछ ऐसा दिखाई दे रहा है नीचे साइड में मेरी एक बटन है और और और और मैंने यहां पे लॉग इन के जस्ट बाद में एक लिंक टैग बनाया जो कि मुझे मिलेगा रिएक्ट राउटर डम से तो यहां जाके मेरे को ऐसे करके लिंक लिखना चाहिए था रिएक्ट राउटर ड से लिंक आ जाएगा मैंने इसको क्लोज करा और मैंने यहां जाकर लिख दिया क्रिएट न्यू अकाउंट ठीक है क्रिएट न्यू अकाउंट करके दिख रहा होगा और
यहां जाके मैंने इसको दिया है क्लास नेम मार्जिन बॉटम सेवन नहीं देना मार्जिन बॉटम इधर से अभी थ्री ही देना है और मार्जिन वार्जिन अपन एडजस्ट कर लेंगे और साथ में मैंने यहां जाकर कहा इसको टेक्स्ट मेरा करना चाहता हूं मैं ब्लू में कौन सा ब्लू ब्लू 600 क्रिएट अकाउंट और इसको हटा यहां से एक पैराग्राफ लिखना चाहता हूं न्यू हेयर ऐसा करके लिख सकते हैं अपन कुछ न्यू हेयर क्रिएट अकाउंट करके दिख सकते हैं अपन कुछ ऐसा है ना और देख सकते हो कुछ ऐसा दिखाई देगा और साथ में मुझे इस पैराग्राफ को देना
है टेक्स्ट सेंटर अलाइन और ठीक है यार बढ़िया है और साथ में हम अपने पैरेंट डिव को जो हमने बनाया था ऊपर यह दो डिफ्स का जो पैरेंट है इस डिफ को मैं देना चाहता हूं फ्लेक्स साथ में मेरे को देना पड़ेगा फ्लेक्स कॉलम और जस्टिफाई मुझे देना पड़ेगा बिटवीन में जस्टी फाई बिटवीन क्लासेस है बाय द वे ये सब इसको क्लासेस नेम के अंदर देना क्लास नेम ऑलरेडी लिख दिया है गाइस आपने आपने बताया नहीं यार सॉरी ठीक है बढ़िया और जस्टिफाई बिटवीन दिया तो हुआ नहीं क्यों क्योंकि मैंने इसको हाइट नहीं दी थी
स्क्रीन बराबर ठीक है साइन इनस कैप्टन की बटन नीचे दिखाई दे रही है हम लोगों को समझ आ रहा है क्या हो रहा है साइन इन एस कैप्टन की बटन नीचे दिखाई दे रही है और ऊपर साइड में व्हाट्स योर ईमेल व्हाट्स योर पासवर्ड न्यू ईयर क्रिएट अकाउंट करके हमको यहां पर लिंक दिखाई दे रही है बाय द वे ये जो लिंक बनाई है मैंने इस लिंक का नाता जो है वो है इस लिंक का नाता पहली चीज तो फॉर्म के अंदर नहीं है हमारी लिंक और लिंक जो है वो जाएगी मैंने यहां पर जाके
लिख दिया टू और टू के अंदर मैंने यहां पर जाके लिखा टू जाएगी स्लैश साइन अप पे तो क्रिएट अकाउंट पे कोई क्लिक करेगा तो जाएगा वो यूजर साइनअप पे दैट्ची बढ़िया बढ़िया आई गेस समझ आ रहा है आप लोगों को है ना चलिए ठीक है अब यहां पर हमें परफॉर्म करनी है दोस्तों टू वे बाइंडिंग जिससे होगा क्या कि हमारा डेटा थोड़ा सा यूज में आ जाएगा तो मुझे टूवे बाइंडिंग परफॉर्म करने के लिए क्योंकि हम यहां पर जो टाइप कर रहे हैं उसका डटा कहीं ना कहीं तो सेव करा के देना है ना
हमको ए ऑब्जेक्ट तो हमने यहां जाके क्या करा हमने यहां जाके कहा यूज स्टेट एंटर यूज स्टेट आ जाएगा यूज स्टेट स्नेप इट मैंने यहां पर लिख दिया लेट्स सपोज मेल और मैंने इसको इनिशियली कुछ वैल्यू नहीं दी ठीक है मुझे टूवे बाइंडिंग फॉर्म करने के लिए यहां पर फॉर्म के अंदर आना और ये जो मेरा पहला इनपुट है जो कि है ईमेल मुझे यहां जाके इसको करना पड़ेगा कि आपकी वैल्यू है दोस्त ईमेल तो जो भी मेरे ईमेल की वैल्यू है वही यहां पे आएगा तो यहां पे मैं कुछ भी टाइप नहीं कर पाऊंगा
क्यों नहीं टाइप कर पा रहे भैया क्योंकि आपने जो ईमेल के अंदर वैल्यू दी लेट्स सपोज मैंने ईमेल के अंदर वैल्यू दी है सार्थक तो इसके अंदर हमेशा सार्थक लिखा रहेगा सार्थक के अलावा कुछ और नहीं आएगा क्या आप ये समझ पा रहे हैं मैं क्या कहना चाह रहा हूं आई होप समझ पा रहे हैं राइट तो यहां जाके मैंने ईमेल को खाली छोड़ा और मैंने वैल्यू दे दी और साथ में मैंने कहा कि जब जब मैं चें चेंज कर रहा हूं यानी ऑन चेंज तो होता क्या है कुछ इस तरीके से मैंने लिख दिया
और ऑन चेंज पे आप चाहे तो एक वैल्यू निकाल के देख सकते हैं लेट्स सपोज मैंने e करके एक वैल्यू देखी और मैंने लॉक करके देखा अगर e को अभी नहीं सॉरी सॉरी सॉरी मालिक सॉरी मैं जब भी इसके अंदर कुछ लिखूंगा तो मुझे यहां पे कुछ तो चलता हुआ दिख रहा है अगर मैं टारगेट करके डायरेक्टली देखूंगा तो मैंने कहा e डॉ टारगेट डॉट वैल्यू तो मुझे मिल जाएगी उसकी वैल्यू जो भी मैं यहां पे टाइप कर रहा हूं वो क्या है तो मैंने यहां जाके इसके अंदर कुछ भी लिख के देखा तो नीचे
कंसोल देखना आपको यहां पे सार्थक लिखा हुआ दिख रहा होगा साफ-साफ ठीक है अब इसके अलावा मैंने यहां पर सिंपली इसको कट किया और साथ में मैंने यहां जाके कहा सेट ईमेल और सेट ईमेल के अंदर मैंने इस वैल्यू को कर दिया पेस्ट यहां पर अगर मैंने कुछ लिखा तो मुझे साफ-साफ चलता हुआ दिखाई दे रहा है वेरी नाइस वेरी नाइस साथ में मुझे एक काम और करना है कि यह जो काम मैंने यहां पे इसके साथ किया मुझे पासवर्ड के साथ भी करना पड़ेगा तो मैंने यहां जाके कहा क्या यूज स्टेट स्निप इट और
यहां जाके मैंने कहा पासवर्ड भैया ये क्यों कर करते हम लोग क्या आपको कोई कारण बता सकते हो कारण यह है कि दोस्त आप जो टाइप कर रहे हो ना वो रिएक्ट को पता नहीं चलता अगर आप टूवे बाइंडिंग नहीं करते हैं यह पूरी स्टेप नहीं करते हैं तो वहां पर जो मैं टाइप करता हूं ना रिएक्ट को पता नहीं चलता कि आप वहां पे क्या टाइप कर रहे हैं तो हमें चाहिए कि रिएक्ट को पता चले व्हाट एवर वी आर डूइंग इसलिए हम इतनी मेहनत करते हैं समझ रहे हो ना बढ़िया बढ़िया नाइस अ
यहां तक सब कुछ क्लियर चल रहा है उसके बाद उसके बाद क्या करना चाहिए हम लोगों को उसके बाद हम लोगों को एक काम करना चाहिए छोटा सा हमें यहां पर जाके पासवर्ड के लिए भी वही सेम चीज करनी चाहिए मैं कॉपी पेस्ट करके कर रहा हूं काम यार तुम लोग चला लेना अपने हिसाब से लिख लेना है ना मैंने यहां जाके कर लिया पासवर्ड और यहां जाके ऑन चेंज पे सेट ईमेल नहीं सेट पासवर्ड ट्स इट यहां पर ईमेल भी लिख पाएंगे आप लोग और पासवर्ड भी लिख पाएंगे लेकिन लॉगिन प क्लिक करते पेज
अच्छा हां यहां पर रेट लगा के डॉट लगा के लॉगिन प क्लिक करते अरे हां भाई पेज लोड हो जाता है जो कि दिक्कत वाली बात है तो मैंने यहां पे क्या कहा है मैं चाहता हूं मेरा फॉर्म जब सबमिट हो तो मैंने यहां जाके फॉर्म पे जाके कहा ऑन सबमिट ऑन सबमिट यानी फॉर्म जब सबमिट होगा तो क्या करना है तो यहां जाके अपन ने कहा कि ऑन सबमिट जब फॉर्म सबमिट हो रहा है तो मैंने यहां पे कांस्टेंट चलाया सबमिट हैंडलर जिसके अंदर कुछ इस तरीके से हमने काम कर दिया और यहां जाके
मैंने सबमिट हैंडलर बना दिया है अगर मैं यहां पर जाके ऑन सबमिट पर सबमिटेड हेलर चलवा रहा हूं तो मैंने लॉक करवाया और यहां जाकर मैंने कहा हेलो तो आप अगर देखेंगे तो जब भी मैं अपना फॉर्म में कुछ भी लिख के पासवर्ड लिख के लॉग इन कर रहा हूं तो यहां पर लिखा हुआ तो आता है कुछ कुछ तो लिखा हुआ आता है ध्यान से देखना है ना मैंने यहां जाके कुछ लिख के लॉग इन करा हेलो तो लिखा आया लेकिन इतनी जल्दी आके चला गया कि समझ नहीं आया कब आके चला गया है
ना तो हमें चाहिए कि यार जब आए तो पता तो चले एटलीस्ट कि वो आ रहा है यहां जाके मैंने डायरेक्ट लिखने की जगह सबमिट हैंडलर को बाय द वे ये मैं टूवे बाइंडिंग बता रहा हूं ये मैं पहले पढ़ा चुका हूं बहुत डिटेल में प्लीज प् प्लीज प्रोजेक्ट प आए हो यार तो यार बनता है आप रिएक्ट की वीडियो देखो सबमिट हैंडलर के अंदर से मैंने एक वैल्यू पास करी e नाम से और ई को मैंने यहां पर रिसीव करा और यहां जाके आप चाहते हैं कि यह रुक जाए डिफॉल्ट बिहेवियर ना दिखाए अपना
यानी फॉर्म का डिफॉल्ट बिहेवियर होता है ना कि जब आप सबमिट करते हो तो रीलोड हो जाती है वेबसाइट तो आप डिफॉल्ट व्वर नहीं दिखाना चाहते तो आपने कहा ड प्रेंट डिफॉल्ट तो उसका डिफॉल्ट ववर चलने से रुक जाएगा तो जब आप यहां पर अब जाके कुछ भी लिखते हैं हेलो @ sarthak.com पासवर्ड 123 और लॉग इन करते हैं तो यहां पे आपको हेलो लिखा हुआ दिख रहा है हेलो कहां से आया भैया हेलो ये आपने प्रिंट कराया ना और ये चेंज नहीं होगा क्या ना ना ना ना चेंज नहीं होगा अच्छा वा यार और
आप चाहे तो यहां पर जाके आपका ईमेल और साथ में आपका पासवर्ड देख सकते हैं तो यहां जाके मैंने लिखा लेट्स सपोज सार्थक @ sharma.com 123 लॉग इन तो यहां पर देख सकते हैं सार्थक @ sharma.com पासवर्ड भी दिख रहा है 1 23 अब इनको खाली कर लेते हैं तो ज्यादा मजा आएगा तो यहां जाके मैंने कहा सेट पास एक सेट ईमेल सेट कर दो इसको खाली स्ट्रिंग और सेट पासवर्ड को कर दो खाली स्ट्रिंग इससे क्या फायदा होगा भैया इससे फायदा ये होगा कि जब आप पूरा पासवर्ड पासवर्ड भर के जैसे ही लॉगिन प
दबाए अब वो खाली हो जाएगा और आपको आउटपुट भी मिल जाएगा देखो कितना आसान है लेट्स सपोज मैंने यहां पे लिखा सार्थक @ 1.com और 1 23 तो यहां पर अच्छा प्रिंट नहीं करवाया क्या आपने लॉक कर दो ईमेल और पासवर्ड तो आप देखेंगे यहां पर जाके रेट 123 कॉ 123 एंटर यहां पर आपको मिल भी गया डाटा और आपका फॉर्म भी पूरा खाली हो गया वापस तो इसके बेसिस पे हम आगे जाके हमारे यूजर के लिए जो भी चीजें करवाना है वो करवा सकते हैं ठीक है इसके अलावा मुझे क्या करना है दोस्तों इसके
अलावा मुझे यहां पर जाके एक छोटा सा काम करना है मैं यहां पर एक यूज स्टेट बना देता हूं यूज स्टेट स्नेप इट मैंने इसके लिए बना लिया किसके लिए बनाया भैया ये मैंने यूजर का लॉगइन डाटा रखने के लिए बनाया तो यूजर डाटा और मैंने इसको एक खाली ऑब्जेक्ट के फॉर्म में बना दिया इसके अंदर मुझे क्या-क्या रखना है वो इंपॉर्टेंट है तो इसके अंदर मुझे रखना है इसके अंदर कंसोल डॉट लॉग जो करा रहे हो ना वही रख दो तो इसके अंदर आपने क्या कहा आपने यहां जाके कहा सेट यूजर डाटा और यूजर
डाटा के अंदर क्या सेट करना है तो यूजर डेटा के अंदर मुझे सेट करना है ईमेल के अंदर मुझे अपना ईमेल सेट करना है और पासवर्ड के अंदर मुझे अपना पासवर्ड सेट करना है दैट्ची उम्मीद तो है देखते हैं करके लॉक करके देखते हैं यूजर डाटा को ट 123 कॉ 123 एंटर खाली है भैया ये तो अभी रुको तो एक मिनट सार्थक रेट वो कई बार नहीं चलता थोड़ा टाइम लगाता है चलने में एंटर हां ठीक है मिल रहा है डाटा मिल रहा है यहां पर देखो अच्छा मेरी वजह से नहीं दिख रहा क्या दो
मिनट रुको यहां देखो यहां पर आपको डाटा मिल रहा है कि नहीं मि मिल रहा है भाई ये ये ये ये ये ये टा मिल रहा है कि नहीं मिल रहा हां मिल रहा है भैया मिल रहा है ठीक है नाइस नाइस अब आगे बढ़ते हैं हम लोग यहां तक सब कुछ क्लियर चल रहा है आप लोगों को तो अब हम लोगों ने ये वाला पेज बना लिया यूजर डाटा को अब हम आगे जाके यूज कर पाएंगे इसके अलावा मुझे बाकी के पेजेस बनाने हैं तो बिना किसी देरी के बनाना चालू करते हैं लेकिन उसके
पहले मैंने यहां पर साइन इन एस कैप्टन नाम की जो बटन बनाई थी उसको मुझे एज अ बटन नहीं उसको मुझे एज अ लिंक बनाना था तो मैं एक काम करता हूं इसको ही डायरेक्टली या फिर पूरी की पूरी बटन पे ही कहीं भी क्लिक करें तो काम हो जाए तो ज्यादा मजा आएगा तो मैंने इसको एज अ लिंक टैग ही बना दिया वैसे तो हम काफी और भी तरीके हैं बहुत सारी तरीके के लिंक टैग बना सकते हैं लेकिन मैंने इसको ऐसा लिंक बना दिया और मैंने यहां जाके इसको कहा कि आप जो हो
वो हो प्लेक्स हो आप और आइटम्स आपके रहेंगे कहां पे रहेंगे बताओ जल्दी-जल्दी सेंटर में और जस्टिफाई रहेगा कहां पे सेंटर में नाइस यार मजेदार मजेदार मार्जिन बॉटम से मैंने पांच कर दी थोड़ा नीचे साइड में रहेगा साइन इन एस कैप्टन यहां पे क्लिक करके और यहां जाके लिंक टैग बनाया तो आपको बताना भी पड़ेगा कि कहां तक लेके जा आना चाहते हो तो मैंने टू के अंदर लिख दिया स्लश कैप्टन लॉग इन तो यहां पर जब मैं साइन इन एस कैप्टन पर क्लिक कर रहा हूं तो मैं पहुंच जाऊंगा कैप्टन लॉगिन पे कैप्टन लॉगिन
जैसी कोई चीज बनाई थी क्या अपन लोगों ने कैप्टन लॉगिन बनाई तो थी लेकिन उसका नाम क्या रखा था मैंने किसके अंदर लिखा था app.js के अंदर है ना कैप्टन लॉगइन स्ल कैप्टन लॉगइन यहां पर जाके अगर मैं यूजर लॉगिन के अंदर वही सेम चीज बना रहा हूं तो स्लैश कौन लगाएगा कोई आएगा थोड़ी ना लगाने तो ऐसे लगा देना प्लीज यहां प मैंने क्लिक करा तो मैं कैप्टन लॉगइन वाले पेज पे पहुंच गया देखो ऊपर कैप्टन लॉगइन दिखा रहा है ठीक है ना बढ़िया तो अब यहां पर जाके यूजर साइन अप कैप्टन लॉगइन और
कैप्टन लॉगिन को बनाने में भी ज्यादा समय नहीं लगेगा लाइक तुमने ये वाला पेज बनाया ना पूरा का पूरा पेज बना लिया ना बड़ी मेहनत कर ली ना तो एक काम करो कंट्रोल ए कंट्रोल सी और यहां ले जाके मतलब एकदम बिल्कुल आंख बंद करके भी कॉपी पेस्ट नहीं करना है कभी-कभी नहीं करना चाहिए ऐसे आंख बंद करके कॉपी पेस्ट हां सच में और कैप्टन लॉगइन के अंदर यहां जाके इस डिफ की जगह यहां पर जाके इसको कर देना पेस्ट है हां अच्छा और यहां जाकर ऊपर वाला पूरा का पूरा पार्ट उठा के कर लेना
कॉपी और कैप्टन लॉगइन के अंदर कर देना यहां पर पेस्ट साथ में लिंक टैग आपने यूज करा और लिंक टैग को इंपोर्ट करना जरूरी तो आपने लिंक टैग को इंपोर्ट कर लिया ऐसे और यूज स्टेट को भी इंपोर्ट करना जरूरी तो यूज स्टेट को भी आपने इंपोर्ट कर लिया एंड एज वी कैन सी कैप्टन लॉगइन वाला पेज भी कुछ ऐसा ही दिखाई दे रहा है जैसा वो पेज दिखाई दे रहा था अब यहां जाके मुझे क्या करना है मुझे यहां जाके साइन इन एस यूजर और और मुझे एक काम और करना है छोटा सा जो
कि है कि मुझे एक और कलर चाहिए वैसे तो तो मैं कलर कैचर पर जाऊंगा और कुछ ऐसा कलर चुरा लूंगा और यहां जाके मैं कर दूंगा पेस्ट एज वी कैन सी यहां पे साइन इन एज यूजर करके दिखाई दे रहा होगा है ना मुझे लगता है एक बार ऑरेंज भी ट्राई करके देख लेना चाहिए क्या बुराई है उसमें भी ठीक है ना और यहां जाके मैंने इसकी जगह एक बार ऑरेंज कलर लगा के देखा साइ यूजर भी ऐसा बेकार सा नहीं लग रहा ठीक है ठीक है ठीक है उसके अलावा मुझे लग रहा है
कि मुझे क्या चेंज करना है मुझे न्यू यर की जगह एस अ कैप्टन या फिर मैं इधर पर ऐसा कुछ लिख देता हूं जॉइन अ फ्लीट यहां जाक मुझे लिख मुझे लिखना चाहिए रजिस्टर एस अ कैप्टन ठीक है जॉइन अ फ्लीट वांट टू जॉइन अ फ्लीट पता नहीं सेंटेंस मुझे अच्छा नहीं लग रहा मुझे लगता है लिख देते भाई प्लीज मेरी इंग्लिश के लिए मुझे माफ कर देना यार है ना रजिस्टर ज कैप्टन यहां पर कुछ ऐसा दिखाई दे रहा है मुझे लगता है कुछ चीज और चेंज करनी है जैसे कि अपन ने कहा कि
र ड्राइवर लोगो पी एनजी इन्होने ड्राइवर्स के लिए अलग लोगो बना के रखा हुआ है भेदभाव करते हैं साले साले नहीं भेदभाव करते हैं यह लोग कभी किसी को गलत मत बोलो क्या पता केस फस कर द है ना जी यहां जाके मैंने इसको पेस्ट कर दिया देखता हूं एक बार चलके u कुछ ऐसा दिखाई दे रहा है हां वो कुछ ऐसा ही है बेकार सा ही है ज्यादा खास नहीं है कुछ उससे बेटर तो मुझे ये वाला लग रहा है मतलब ईमानदारी से खाऊं तो कुछ ऐसा यह ज्यादा बेटर लग रहा है मुझे लगता
है अब जो है वही रहने देते हैं यार काई के लिए छेड़खानी करें तो u लोगो जो है मुझे जो था u का ड्राइवर्स वाला लोगो वो कुछ ऐसा दिखाई दे रहा है और इसके अंदर भी मुझे जो भी डाटा है वो पहले की तरह डॉट लगा के पास करने को मिल जाएगा नाइस अगर आप चाहो तो प्रिंट प्रिंट करके देख सकते हो मन करे ना मन कर रहा है ना कर रहा है कि नहीं कर रहा तो यहां जाके यहां जाके प्रिंट करके देख लेना मिल जाएगा और इसके अंदर मुझे यूजर डाटा नाम से
भी बना सकते हो चाहो तो कैप्टन डाटा नाम से भी बना सकते हो मुझे लगता है कि इसको मुझे एज अ कैप्टन डाटा बनाना चाहिए तो यूज स्टेट यूज स्टेट स्निप इट मैंने यहां पर जाके लिखा कैप्टन डाटा इज इक्वल टू खाली स्ट्रिंग और यहां जाके मुझे करना क्या था मुझे करना था सेट कैप्टन डाटा ब्रैकेट के अंदर मैंने यहां जाके क्या लिखा ईमेल कैप्टन का भी तो कुछ डाटा है ना भाई कैप्टन भी तो अपने आपको को लॉग इन करेगा कि नहीं करेगा बिल्कुल करेगा भाई ईमेल और पासवर्ड वेरी नाइस अब हमें चलना है
दोस्तों साइन अप और कैप्टन का साइन अप बनाने की तरफ तो बिना किसी देरी के उस तरफ भी चल देते हैं चल दे चल रहे हैं रुक जाओ एक मिनट दो तीन चीजें तो ठीक कर द कैप्टन लॉगिन के अंदर अब भाई कोई बंदा आके अगर जॉइन अ फ्लीट पे स्लश साइन अप पे चला जाएगा तो दिक्कत है कि नहीं है तो यहां जाके इसको कर देना कैप्टन साइन अप और स्लैश लॉगइन पे क्लिक करने पे वापस आ जाए तो ये दो पेजेस तो हमारे बनके तैयार हो जाएंगे साइन अप एज यूजर साइन अप एस
कैप्टन साइन अप एस यूजर साइन अप एस कैप्टन यूजर साइन अप एस कैप्टन नाइस कैप्टन लॉगिन के अंदर ये जो मेरी मार्जिन बॉटम इसको मैं कर देता हूं थ्री का या टू का बहुत गैप बन रही थी ठीक है नाइस नाइस ठीक है ना यार चल जाएगा काम क्या बुराई है है ना विड्थ मैं इसकी थोड़ी सी बढ़ा के कर कर देता हूं 20 नाइस चल जाएगा काम है ना भाइयों बढ़िया अब हमको अगली चीज क्या करनी है रजिस्टर एज अ कैप्टन कैप्टन साइन अप यूजर के पास गए क्रिएट न्यू अकाउंट यूजर साइन अप अब
इनके पेजेस बनाने हैं तो चलते हैं बनाने की तरफ लेट्स गो लॉगइन पेज यूजर का और लॉगइन पेज कैप्टन का बनके तैयार है और अगर आप देखेंगे ना तो यहां पे कोई भी लाइक यूआरएल चेंज हो रहा है कोई भी रीलोडिंग नहीं हो रही तो ये काफी बढ़िया चीज है अब मुझे चाहिए क्या अब मुझे चाहिए कि जब मैं यहां पर जाऊ और यहां पर जाके मैं क्रिएट न्यू अकाउंट प जाऊं तो मैं न्यू अकाउंट क्रिएट कर सकूं और नए अकाउंट को क्रिएट करने के लिए क्या-क्या चीजें चाहिए अब इन्होंने ऐसा कुछ दिया नहीं है
क्योंकि यार u पता है कैसे काम करता है u ना लाइक आपका फोन नंबर लेता है आप कंटिन्यू दबाते हैं और आपके पास आती है एक ओटीपी और ओटीपी डालते हो तो आपको अकाउंट लॉग इन करने की या साइन अप करने की जरूरत पड़ती नहीं है बट हम लोग तो ओटीपी वाला खेल नहीं रहे हैं भाई हम लोग कैसा वाला खेल रहे हैं हम लोग खेल रहे हैं कि भाई यहां पर हम लोग लॉग इन कर सके साइन अप कर सके अकाउंट क्रिएट कर सके तो मैं अकाउंट क्रिएट करने वाली स्क्रीन थोड़ी सी इससे अलग
बनाने वाला हूं प्लीज माफ कर देना लेकिन बनानी पड़ेगी क्या कर सकते हैं ठीक है तो सुनो ध्यान से करना क्या है सुनो ध्यान से दुनिया वालो बुरी नजर ना हम पे डालो चाहे जितना जोर लगा लो यह मैंने गाना सुना था तो मेरे दिमाग में रह गया तो मैं बार-बार तुम लोगों को सुना के परेशान करूंगा माफ करना मुझे यहां जाके यूजर साइन अप पे आते हैं दोस्तों हम लोग और यूजर साइन अप पे आने के बाद हमें करना क्या है सबसे पहले तो मुझे चाहिए कि मैं इसका स्ट्रक्चर तो मैं बार-बार तो मेहनत
करने ही नहीं वाला मैंने एक बार बना लिया तो मैं उ उसी के साथ आगे बढ़ने वाला हूं कॉपी पेस्ट करके कुछ इस तरीके से हां जरूर लिंक लिंक टैग हो गया और क्या रह गया काफी सारी चीजें रह गई है दोस्तों यहां पर जाके मैं इस पूरे पार्ट को हटा देता हूं और यहां पर जाके भी मैं इस पूरे पार्ट को हटा देता हूं और अगर हम देखेंगे तो ये नॉर्मल दिखाई दे रहा है साइन अप पेज है ये हमारा है ना u का लोगो लगे रहने देते हैं व्हाट्स योर ईमेल की जगह मैं
यहां पर जाके ईमेल के लिए व्ट्स योर ईमेल की जगह मैंने यहां पर जाके लिखा लेट्स सब ओज क्या लिखना चाहिए मुझे फर्स्ट नेम और लास्ट नेम अलग-अलग रखना है बाय द वे तो मुझे व्हाट्स योर नेम व्हाट एवर इट इज व्हाट्स योर नेम और ये जो मैंने ईमेल बनाया था ये जो मैंने ईमेल बनाया था इसको मैं ईमेल के लिए ही रखूंगा लेकिन इसको अच्छा व्हाट्स योर नेम या ईमेल रहने देते हैं हम एक काम करते हैं यहां पर जाके हम लोग एक सबमिट हैंडलर भी बना ही लिया तुमने यार कहां लगे हो तुम
छोड़ो सुनो यहां जाके मैंने एक h3 बनाया कुछ ऐसा जिसके अंदर लिखा मैंने व्हाट्स योर नेम एंड वी कैन सी व्हाट्स योर नेम हियर एंड वी विल मेक एन इनपुट देन इट विल लुक लाइक दिस बट फर्स्ट ऑफ ऑल वी हैव टू मेक अ डिव आई विल टेल यू व्हाई एंड आई विल पुट दैट इनपुट इनसाइड दैट डेव एंड आई विल मेक अनदर इनपुट सो वी विल हैव टू इनपुट्स व्हाट्स योर नेम हैव टू प्रॉपर्टीज फर्स्ट वन इज फॉर फर्स्ट नेम तो मैंने यहां जाके इसके अंदर लिख दिया है टेक्स्ट और प्लेस होल्डर के अंदर
मैंने यहां जाके लिख दिया मान लेते हैं फर्स्ट नेम और फर्स्ट नेम और सेकंड वाले के अंदर मैंने लिख दिया मान लेते हैं लास्ट नेम फस्ट नेम के बीच में गैप होना चाहिए और इसका टाइप भी क्या होना चाहिए टेक्स्ट होना चाहिए तो दोनों कुछ ऐसे दिखाई देंगे और साथ में मुझे ऐसा लगता है मुझे ऐसा लगता है मतलब मैं ये नहीं कह रहा हूं सही चीज है लेकिन मुझे ऐसा लगता है पर्सनली इसकी विड्थ को मैंने इसकी विड्थ को शायद फुल देके रखा था कि मुझे इसकी विड्थ को फुल नहीं देना चाहिए मुझे इसकी
विड्थ को देना चाहिए कुछ भी नहीं हम आगे जाके डिस्कस कर लेंगे बाद में परेशान मत हो विड्थ कुछ नहीं देते और यहां जाके यहां जाके इस डिव जो बनाया था मैंने उसको देते हैं क्लास नेम मैंने यहां जाके दे दिया इसको फ्लेक्स दोनों एक ही लाइन में आ जाएंगे और अब मुझे इनकी विड्थ को देना चाहिए दोस्तों वेरी नाइस यहां जाके मुझे इनकी विड्थ को देना चाहिए 1 बाटू कैसा लगा मेरा आईडिया अच्छा ही लगा होगा विड्थ 1 बाटू 1 बाटू कुछ इस तरीके से दिखाई देने लगेंगी साथ में ऐसा कर सकते हैं हम
लोग इफ यू वांट कि गैप दे दे थोड़ा सा चलेगा चार का दे दे तो चलेगा चल रहा है चल रहा है फर्स्ट नेम यहां पर टाइप कर लो कितना ही बड़ा नाम है तुम्हारा सार्थक शर्मा ठीक है यहां पे फर्स्ट नेम दिखाई दे रहा है यहां पर लास्ट नेम दिखाई दे रहा है मुझे ऐसा लगता है कि मुझे यहां पर जाके इसके अंदर जो मार्जिन बॉटम दिया था वो नहीं देना चाहिए और इसके अंदर जो मैंने मार्जिन बॉटम दिया था मुझे वो भी नहीं देना चाहिए कुछ ऐसा दिखाई देने लगेगा और मेरे पास यह
जो डिव है यह जो मेरा डिव है पूरा का पूरा मैं इसको मार्जिन बॉटम दे देता हूं और बहुत ज्यादा दे रहे थे यार अपन सिक्स कर देते हैं ठीक है या फिर एक काम करते हैं फाइव रखते हैं और यूनिफॉर्म रखते हैं हर जगह लाइक इसको भी मैंने फाइव दिया है ना तो बड़े भाई आपको भी नियम है आपको भी नीचे फ ही देना पड़ेगा और आपको भी नीचे फ ही देना पड़ेगा कुछ यूनिफॉर्म नाम की चीज होती है कि नहीं होती थोड़ा हश पश तो नहीं लग रहा थोड़ा सा तो लग रहा है
देखो भैया या ईमानदारी से बताऊ तो लेकिन ठीक है ठीक है ठीक है फो सी चीजें हम लोग ठीक कर सकते हैं दोस्तों मैं इसको बेस कर दूं अगर एंटर पासवर्ड थोड़ा छोटा हो गया मैंने इसको भी बेस कर दिया और मैंने अपने इन एलिमेंट्स को भी टेक्स्ट की जगह बेस पर रखा इनपुट वालो को नहीं इन वालों को क्या नाम है बेस पर रख दिया ठीक है व्ट्स योर नेम फंट बेस नहीं होता टेक्स्ट बेस होता है ए3 टेक्स्ट बेस यहां भी नीचे भी मैंने यही गलती कर दी क्या फंट बेस नहीं करना प्रभु
फंट तो आपका क्या रहेगा क्या रहेगा क्या करा था मैंने मीडियम बस टेस्ट रहेगा आपका बेस ठीक है बढ़िया बढ़िया और थोड़ी बहुत स्टाइलिंग ठीक कर लेते हैं मार्जिन नीचे से सिक्स देंगे इसको भी और इसको भी सिक्स कर लेते हैं सेवन वैसे ठीक था वैसे इतना बेकार नहीं था लेकिन चलो ठीक है अब चेंज कर दिया तो बार-बार चेंज नहीं करेंगे सिक्स कर देते हैं थोड़ा बहुत गैप बन जाएगा अब ये डिसेंट सा दिख रहा है मतलब काम चलाने के लिए तो ठीक ठाक है ही काम तो चला ही सकते हैं ना चला लेना
यार प्लीज यार नहीं चला सकते तो चला लेना गाइस प्लेस होल्डर के बाद जो टेक्स्ट बेस लिखा था मैंने उसको मैं सेलेक्ट करूंगा इसको टेक्स्ट बेस किसने दे दिया इस s3 को क्या बेस लेस बातें कर रहे हैं आप लोग टेक्स्ट बेस देना था बेस बेस बेस मैं थोड़ा सा खुद ही कंफ्यूज हो गया था माफ करना और यहां जाके प्लेस होल्डर के अंदर जहां जहां आपने टेक्स्ट बेस देके रखा था उसको आप कर देना टेक्स्ट एसएम थोड़ा सा स्मॉल हो जाएगा और साथ में यहां जाके जो एलजी लिखा हुआ था एलजी की जगह आप
इसको भी कर दीजिएगा बेस नाइस और इस चीज को मैंने पूरा का पूरा ही कॉपी करके यहां पर पूरा का पूरा उठा के पेस्ट कर दिया नॉर्मल सीएसएस है यार ये तुम लोगों को आती है ऑलरेडी तो ज्यादा परेशान मत होना इस चीज में है ना लॉगइन की बटन है क्रिएट न्यू अकाउंट और नीचे साइड में नीचे साइड में न्यू हियर क्रिएट न्यू अकाउंट की जगह मुझे लिखना चाहिए था ऑलरेडी हैव अ अकाउंट लिख देता हूं यहां पे लॉग इन हेयर ऑलरेडी हैव अकाउंट लॉग इन हियर लॉग इन वाले पेज प चलेंगे नहीं लॉगइन वाले
पेज की लाइन लिखनी पड़ेगी ना लॉग इन ऑलरेडी हैड अकाउंट पे लॉग इन पे करेंगे क्रिएट न्यू अकाउंट पे क्रिएट करने के लिए आ जाएंगे अकाउंट दैट स इट यार सही दिख रहा है यार कोई परेशानी नहीं है ठीक है और एक दो चीजें और है हम थोड़ी सी यूनिफॉर्म लेके आते हैं चीजों में मुझे ऐसा लगता है कि ये बढ़िया है मैं हल्के-फुल्के हल्के-फुल्के चेंजेज की वैसे तो मुझे नहीं लगता कोई जरूरत है लेकिन ठीक है चलो अब मुझे एक काम करना चाहिए सबसे पहले तो मुझे यहां जाके ऑलरेडी हैव अकाउंट लॉग इन हियर
साइन इन एज अ कैप्टन की बटन हटा देनी चाहिए मुझे यहां पर जाके मुझे यहां पर जाके क्या करना चाहिए कुछ प्राइवेसी पॉलिसी टाइप बना दे क्या इनकी वेबसाइट में है क्या कुछ ऐसा टेक्स्ट टाइप लिख सकते हैं अपन बाय प्रोसीडिंग यू कंसेंट टू गेट कॉल्स एंड ओपन इमेज न्यू टप करके देखते हैं जैसे दिख रही इमेज डाउनलोड करके दे रहा है सीधा क्या बात है कॉपी टेक्स्ट फ्रॉम इमेज कॉपी हो रहा है क्या टेक्स्ट मुझे चाहिए बाय प्रोसीडिंग करके ये जो लिखा हुआ है ना ये पूरा का पूरा मैंने उठाया और यहां पर मुझे
लिंक नहीं देना यहां पर मुझे पैराग्राफ अकेला देना है जिसके अंदर मैंने ये लिख दिया पूरा एज वी कैन सी यहां पर हमको काफी बड़ा सा एक पैराग्राफ दिख रहा है मैंने यहां जाके इसको दे दिया है क्लास नेम टेक्स्ट एक्स्ट्रा स्मॉल कुछ इस तरीके से हमको टेक्स्ट दिखाई देने लगेगा काफी छोटा सा नीचे साइड में कोने कु चाले में लिखा हुआ है बिल्कुल एक्स्ट्रा स्मल से छोटा नहीं होता क्या कुछ एक्स्ट्रा स्मल ही सबसे छोटा होता है यार और इससे छोटा भी चाहिए था अपने को तो तो एक काम करते हैं अपन अपनी मर्जी
से दे देते हैं सिक्स पिक्सल इतने छोटे अक्षरों में लिखो दोस्तों कि कोई पड़ी ना पाए सही है ना ठीक है ठीक है मैंने यहां जाके इसको कह दिया लीडिंग लीडिंग करके एक प्रॉपर्टी थी लीडिंग मतलब लाइन हाइट लाइन हाइट को मैंने कर दिया थोड़ा सा टाइट थोड़ा टाइट और कुछ ऐसा दिखाई देने लगेगा बढ़िया मेरे हिसाब से तो ठीक चल रहा है है ना अब हमको जल्दी-जल्दी उसके लॉजिस लिखने है तो फटाफट जल्दी से उसके लॉजिस लिखने की तरफ चलते हैं लेट्स गो एक मिनट रुकना बस है ना मैं थोड़ा सा डिजाइन ठीक कर
लेता हूं मेरे को पता नहीं क्यों जम नहीं रहा यार तो ये जो h3 है जो h3 है ये भी एक h3 ये भी एक h3 ये भी एक h3 है तीन h3 है ये है ना तो डी डी मेरे को यहां जाकर इसके टेक्स्ट को करना चाहिए अगर बेस से बड़ा क्या होता है बेस से बड़ा क्या होता है एलजी मुझे इसके टेक्स्ट को अगर एलजी करना चाहिए तो थोड़ा सा मेरा टेक्स्ट बड़ा हो जाएगा ठीक लग रहा है इतना बेकार नहीं लग रहा और मुझे इसको कॉपी करना चाहिए अगर तो यह भी मैंने
कर दिया टेक्स्ट को एलजी और साथ में मुझे इसको स्मॉल की जगह कर देना चाहिए बेस और अगर मैं देखूंगा तो ये कुछ ऐसा दिखाई देने लगेगा थोड़ा सा बड़ा अब जल्दी से चलके एक काम करते हैं छोटा सा हमको यहां पर भी टू वे बाइंडिंग परफॉर्म करनी है तो सबसे पहले तो मुझे यहां पर जाके बनाना है एक कंस्ट सबमिट हैंडलर भैया सबमिट हैंडलर तो सबके अंदर आप सेम नाम लिख र हो तो सब अलग-अलग फाइल्स भी तो है ना यार सबके अंदर सेम नाम लिखने में क्या बुराई है और यहां जाके मैंने कहा
ई और यहां जाके मैंने अच्छा हां बाय द वे अगर तुम्हें मुझ पे शक हो यहां जाके मैंने अगर रेट लॉगइन पे दबाया तो पेज रीलोड होता है बाय द वे अगर आप समझेंगे तो है ना तो मैंने यहां जाके इस रीलोडिंग को रोकने के लिए यहां पे जाके ई को इंपोर्ट करा ड प्रिवेंट डिफॉल्ट डॉट प्रिवेंट डिफॉल्ट करने से हुआ क्या है यहां पर नेम लिख दिया मैंने और ईमेल लिख दिया मैंने और पासवर्ड लिख दिया मैंने एंटर दबाया मैंने एंटर दबाया मैंने दबा रहा हूं मैं दबा रहा हूं भगवान कसम दबा रहा हूं
मैं लॉगइन वाली बटन लेकिन कुछ नहीं हो रहा है क्यों नहीं हो रहा है भैया क्योंकि आपने ड प्रेंट डिफॉल्ट कर दिया अच्छा अब मुझे यहां पर क्या करना है मुझे यहां पर चाहिए यूज स्टेट वही सेम स्टेप है यार यूज स्टेट यू स्टेट स्नेप इट ईमेल लेकिन देख के जाना भागना मत ऐसे अभी ईमेल मैंने यहां जाके कहा यूज स्टेट स्नेप इट मैंने यहां पर बना लिया क्या पासवर्ड और पासवर्ड मेरा इनिशियली खाली पड़ा हुआ है मेरे पास यहां पर है कंस्ट यूज स्टेट स्पेट मैंने यहां पर बनाया होस्ट नेम के लिए अलग बाद
में जाके उसको मर्ज कर देंगे फर्स्ट नेम जो कि इनिशियली खाली पड़ा हुआ है और मैंने यहां पर बनाया यूज स्टेट स्पेट लास्ट नेम और मैंने उसको भी बना के खाली छोड़ दिया आई होप कि आपको समझ आया होगा इसके अलावा मुझे यहां पर जाके मैंने फर्स्ट नेम के लिए बनाया था ना तो मैंने यहां पर जाके लिखा क्या मैंने कहा आपकी वैल्यू रहेगी फर्स्ट नेम और आपके अंदर जब भी चेंज होगा तो E डॉट टारगेट डॉट वैल्यू जो मिल रही है मुझे मैं उस पूरी की पूरी वैल्यू को उठा के डाल दूंगा सेट फर्स्ट
नेम दैट इट आपका काम हो जाएगा और इसके बाद मैं यहां पर जाके सेम स्टेप को आगे भी फॉलो करने वाला हूं मैंने यहां जाके कहा वैल्यू वैल्यू के अंदर मैंने दे दिया मान लेते हैं लास्ट नेम ऑन चेंज ऑन चेंज के अंदर अपन ने यहां जाके लिखा सेट लास्ट नेम और मैंने यहां जाकर लिखा ई डॉट टारगेट डॉट वैल्यू सेम चीज बाकियों के साथ भी करनी है जल्दी-जल्दी मैं करके बता देता हूं आप लोगों को मैं कॉपी पेस्ट कर रहा हूं क्योंकि मेरे को आ रहा है आलस आलस इज अ वेरी बिग थिंग दोस्तों
आलस के साथ हमको जीवन में कभी सफलता नहीं मिलती इसका मतलब मैं असफल हूं हां काइंड ऑफ कह सकते हैं मतलब अभी कहां अभी तो जीवन बहुत बड़ा हुआ बचा है ना इसलिए आलस नहीं करना चाहिए दोस्तों जैसे मैं अभी कर रहा हूं आपको प्लीज आपको अपने हाथों से लिखना है अच्छे से ध्यान से सेट पासवर्ड नहीं सेट देखो गलती कर दी कि नहीं कर दी सेट पासवर्ड तो यहां जा सारी डिटेल्स आप लिख सकते हो टूवे बाइंडिंग के थ्रू चीज परफॉर्म होंगी और आप लॉग इन लगन कर लेना अपने हिसाब से ठीक है रेट
लगा दो यार लो यार देखो कुछ नहीं हो रहा ठीक है ना अब सुनो मेरी बात ध्यान से करना क्या है यह सब करने के बाद सबको सेट कर दो खाली सेट ईमेल जो कि कुछ ऐसा दिखाई देगा खाली स्ट्रिंग के फॉर्म में सेट फस्ट नेम खाली स्ट्रिंग के फॉर्म में सेट लास्ट नेम खाली स्ट्रिंग के फॉर्म में सेट पासवर्ड खाली स्ट्रिंग के फॉर्म में नाइस और एक बना लेना यूज स्टेट स्निप इट यूजर डाटा जिसके अंदर आप बना लेना एक ऑब्जेक्ट और इस ऑब्जेक्ट के अंदर क्याक रहने वाला है इस ऑब्जेक्ट के अंदर रहने
वाला है सेट कर दो पहले तो सेट यूजर डाटा और उसके अंदर आप यहां पर जाकर लिख दो एक ऑब्जेक्ट है जिसके अंदर सबसे पहले तो यूजर नेम जो है वो भी एक ऑब्जेक्ट है जिसके अंदर है फर्स्ट नेम और फर्स्ट नेम पता है क्या है फर्स्ट नेम है फर्स्ट नेम अच्छा नहीं नहीं यार भैया नहीं यार सही बताओ यार हां भाई है और लास्ट नेम पता है क्या है लास्ट नेम लास्ट नेम अच्छा ठीक है और कुछ चाहिए हो तो भी बता दो अपन ले लेंगे मतलब एज वगैरह यूजर के लेकिन एज वगैरह जान
के क्या ही करोगे तुम है ना यूजर नेम हो गया और क्या चाहिए अपने को पासवर्ड पासवर्ड हो गया और बोलो ईमेल ईमेल हो गया लो जी तो मैंने सेट यूजर के अंदर डटा सारा का सारा सेव कर दिया है और यहां जाके अगर मैंने कंसोल डॉट लॉक करके देखा अ यूजर डाटा को तो एक बार चेक कर लेते हैं चलो तुम्हारे कहने पे चेक कर लेते हैं यहां जाके तुम लोग मत लिखना सार्थक शर्मा नाम कुछ और लिखना ओबवियसली है ना यूजर नेम यूजर नेम के अंदर यूजर का नाम आ गया देख ले एक
बार फर्स्ट नेम एंड लास्ट नेम एंड ईमेल आ गया एंड पासवर्ड आ गया दैट्ची है बढ़िया तो ये यूजर का सारा काम हो गया अब यही सेम चीज हमको बनानी है किसके लिए हमारे प्यारे प्यारे कैप्टन के लिए यहां जाके मैं जाता हूं लॉग इन पेज पे साइन इन एस कैप्टन रजिस्टर एस कैप्टन और यहां जाके कैप्टन की यई बनानी है तो भाई देखो यार मैं आलसी हूं आप जानते हैं बिल्कुल अच्छी तरीके से तो यहां जाके मैंने इसको करा कॉपी और यहां ले जाके कैप्टन मैं मजाक करता हूं वैसे तुम लोग सीरियस मत लिया
करना है ना मजाक मजाक में थोड़े से क्या पढ़ाई लिखाई यार अच्छे से करनी चाहिए यार भैया और अपने को यार हा जी यहां पे हां ये लिख दे ये ये ये जो लिखा हुआ था अच्छा लग रहा है देखने में है ना कॉपी टेक्स्ट फ्रॉम इमेज लास्ट वाली लाइन लिख लेते हैं और आते हैं हमारी वेबसाइट पे तो मैंने सब कुछ कॉपी पेस्ट कर ही दिया लास्ट वाला जो पैराग्राफ था ना वो मेरे को यूजर साइन अप का भी कोई ज्यादा खास नहीं लगा देखो ईमानदारी से बताऊंगा और उसके अंदर मैंने यहां जाके यह
वाला पैराग्राफ लिख दिया देखो ध्यान से देखो देखो जल्दी देखो जल्दी जल्दी जल्दी जल्दी फटाफट बिना किसी देरी के साइन अप वाला पेज देखो कैसा दिख रहा है लास्ट में कुछ ऐसा लिखा हुआ है रीकैप्चर वगैरह प्राइवेसी पॉलिसी इन टर्म्स एंड सर्विसेस तो एक काम करता हूं यहां जाके मैं माफी चाहूंगा आप लोगों से इस गुस्ताखी के लिए लेकिन मैं कुछ नहीं कर सकता मैं भी मजबूर हूं सजेशन नहीं आ रहा आ जाओ सजेशन प्रिय सजेशन आ जाओ मत तरसाओ इस तरीके से हमें और यहां जाके क्लास नेम मुझे यहां जाके क्लास नेम क्या लिखनी
है मुझे यहां जाके क्लास नेम आ रहा है रुक जाओ बस क्लास नेम के अंदर मैंने लिख दिया अंडर लाइन बस ठीक है ठीक है ठीक है ठीक है हो गया हो गया हो गया बस बस कुछ नहीं हुआ यहां जा के मैं पूरा का पूरा डाटा इसको कर लूंगा कॉपी एंड देन यहां ले जाके कैप्टन साइन अप यहां जाके कैप्टन साइन अप के अंदर इस वाले डाटा को रखते हैं ज्यादा मजा आएगा पेस्ट क्या-क्या चाहिए मुझे तो मुझे चाहिए सबसे पहले तो ऊपर वाला भी पूरा का पूरा सेम जो भी हमने लिखा हुआ है
तो मैंने ऊपर पूरा का पूरा सबमिट हैंडलर और साथ में ये जो तीन चीजें बनाई थी यह भी कॉपी पेस्ट करके डाल देते हैं कैप्टन साइन अप के अंदर देख लो आ जाओ साहब और साथ में मुझे लिंक टैग बनाया था ना अपने लिंक लिंक क का क लिंक अटैक लिंक अटैक और यूज स्टेट जो बनाया था हम लोगों ने यूज स्टेट कैप्टन साइन अप ये तो यूजर साइन अप है लॉग इन हियर साइन इन एस कैप्टन रजिस्टर एस कैप्टन कैप्टन का पेज कुछ ऐसा दिखने लगा अब कैप्टन के पेज की कुछ खूबियां है जो
हम लोग सालों से जानते हैं जैसे कैप्टन तो भाई अपनी अलग इमेज लेके चलता है तो हम लोग कैप्टन के लिए एक अलग इमेज लोगो जो भी र का अलग लोगो है ना कैप्टंस के लिए तो हम वो वाला लोगो लगा देंगे देखो मालिक कुछ ऐसा दिखाई देने लगेगा नाइस नाइस कोई दिक्कत परेशानी नहीं है ना यहां तक ही जा रहा है ना यहां तक ठीक है नाइस नाइस नाइस नाइस लॉग इन ट्स ट हा अगर कैप्टन है तो उससे हमको यार आईडी वेरिफिकेशन एंड ल यह सब तो देखना चाहिए वैसे देखा जाए तरीके से
तो लेकिन हम लोग तो है थोड़े से आलसी आगे जाके मूड बना दो समझ लेंगे उस चीज को भी लेकिन अभी के लिए तो इससे ही काम चला लो ना यार कहां लगे हो तुम लोग चला लो यार प्लीज यार हां कुछ चीज मुझे लगता मुझे सुधार नहीं चाहिए जैसे कि जैसे कि जैसे कि यहां जाके मुझे लॉग इन की जगह लिखना चाहिए था पैप न लॉग इन ठीक है क्रिएट न्यू अकाउंट ऑलरेडी आएगा अकाउंट पर क्रिएट करने प मैं लॉग इन प पहुंच रहा हूं फिर से क्रिएट न्यू अकाउंट साइन इन एस कैप्टन रजिस्टर
एस कैप्टन लॉग इन हियर तो इधर पे आ गए अपन ठीक है बढ़िया रजिस्टर एस अ कैप्टन व्हाट्स योर नेम ईमेल पासवर्ड ट्स इट मुझे लगता है यहां तक सब कुछ ठीक है कोई परेशानी नहीं है है ना और सारा डाटा हम लोगों को मिल ही रहा है आगे जाके और हम लोग डाटा को प्रिंट विंट तो करवा नहीं रहे प्रिंट विंट मत करवाया करो यार देखो प्रिंट विंट करवाने से मजा नहीं आता अपने को थोड़ा काफी क्या अनप्रोफेशनल टाइप लगता है वो एकदम से आ जाता है ना यूजर काभी कुछ देख रहा हो और
उसके टाइम पर मतलब कोई वेबसाइट एक्सेस कर रहा और वहां पर प्रिंट होता हुआ आ जाए तो काफी गंदा लगेगा यूजर लॉगिन ट्स इट चलो बढ़िया तो मेरे हिसाब से या यहां तक सब कुछ ठीक है जब हम यहां पर जब वेबसाइट को ओपन करते हैं तो यहां पर कुछ ऐसा पेज दिखाई देता है हम लोगों को कुछ ऐसा मुझे हो होम पेज से वो जो गंदा सा कलर था वो हटाना चाहिए मुझे होम पेज से वो जो गंदा सा कलर था वो हटाना चाहिए कहां पर रहेगा हमारा कलर इसको दिया था गंदर से कलर
होम पेज के अंदर यहां पर कहीं प दिया था है ना हां ये दिया है बीजी रेड 400 जो भी इसको हटा दो तो जब मैं रीलोड करता हूं तो यहां पर मेरे को इमेज दिखती है कंटिन्यू ये मैं आ गया लॉगिन पेज प अगर आप कैप्टन हो तो कैप्टन के लॉगिन प चले जाओ यूजर हो तो यूजर के क्रिएट न्यू अकाउंट लॉग इन कर सकते हो बना सकते हो अकाउंट कैप्टन प चले जाएंगे रजिस्टर अकाउंट रजिस्टर कर सकते दैट इट ठीक है ठीक है यहां तक सब कुछ ठीक है मुझे एक छोटा सा काम
और करना है जो आगे जाके मेरे बहुत ज्यादा काम में आने वाला है जो कि है कि मैं यहां पे कॉन्टेक्स्ट क्रिएट करके रख सकता हूं क्या होता है भैया कॉन्टेक्स्ट कॉन्टेक्स्ट बेसिकली ना हमारे डेटा को सेंट्रलाइज करने में हेल्प करेगा हम चाहे तो यहां पे रिडक्स भी यूज कर सकते थे लेकिन इतना बड़ा एप्लीकेशन नहीं है इसलिए हम लोग कॉन्टेक्स्ट के साथ जाने वाले हैं अगर आपको रिडक्स टूल किट पढ़ना है मैं पहले तो ये बहुत बार बोल चुका हूं लोग बोलते हैं पढ़ा दो पढ़ा दो मैं बहुत जल्दी लेके आऊंगा रिडक्स के प्रॉमिस
प्रॉमिस नीचे आके कमेंट में एक बार मुझे याद दिला देना जब जब मैं सुबह सो के उठू और youtube1 एपीआई यूज़ कर रहे हैं दोस्तों डेटा डीसें डेटा सेंट्रलाइजेशन के लिए ताकि डाटा जो है वो एक जगह पे प्रेजेंट रहे नहीं तो देखो एक ने इसको दिया फिर इसने इसको दिया फिर ये किसी को देगा जोक प्रॉब्लमैटिक है तो हम लोग क्या करते हैं डाटा कहीं पे सेंट्रलाइज कर देते हैं जिसको चाहिए डाटा वहां से ले ले तो हम लोगों को करना क्या है यहां जाके मैंने एक फोल्डर बनाया जिसका नाम मैंने रखा कॉन्टेक्स्ट मैं
फिर से बोल रहा हूं रिएक्ट वाली वीडियो में कॉन्टेक्स्ट बहुत डिटेल में पढ़ाया था पढ़ लेना जाके मैंने यहां पे कॉन्टेक्स्ट बनाया और जिसके अंदर मैंने यहां पर जाके अभी के लिए यूजर कॉन्टेक्स्ट बना दिया अब मुझे नहीं पता कि आगे जाके क्या काम में आने वाला है क्या नहीं लेकिन मैंने यहां पर जाके यूजर कॉन्टेक्स्ट कुछ इस तरीके से बना दिया और दैट्ची धीरे खुलेगा मैं यहां पर फालतू की चीजें बंद कर देता हूं यूजर कॉन्टेक्स्ट खुले रहने देता हूं बाकी की चीजें बंद कर देते हैं अपन वेरी नाइस वेरी नाइस आर ए एफ
सी ई अब कॉन्टेक्स्ट यहां पे बनके तैयार है अब मुझे करना क्या है ध्यान से समझो कॉन्टेक्स्ट ये जो बना है ना इससे मुझे अपने पूरे एप्लीकेशन को रैप करना है डब्ल्यू आर एपी रैप तो हम करने क्या वाले हैं सुनो ध्यान से हमने मेन ड जए एक बनाया था main.js एक हमारी हेल्प करने वाला है इस चीज में तो सुनो क्या करेंगे हम लोगों ने ये जो यूजर कॉन्टेक्स्ट बनाया है इससे सारे एप्लीकेशन को अगर रैप करना है तो इसको हटाएंगे मैंने यहां पर जाके लिखा यूजर कॉन्टेक्स्ट कुछ इस तरीके से और यूजर कॉन्टेक्स्ट
इस को कुछ इस तरीके से यहां पे बना लिया बन गया जी कोई परेशानी नहीं है और यूजर कॉन्टेक्स्ट जो हमने बनाया है अगर मैं देखूंगा ना खोल के अब अपनी वेबसाइट को तो अपनी वेबसाइट में सिर्फ यूजर कॉन्टेक्स्ट दिखेगा कहीं भी चले जाओ किसी भी पेज में किसी भी गली चले जाओ दोस्तों आपको अब यूजर कॉन्टेक्स्ट के अलावा कुछ भी नहीं दिखने वाला अच्छा ऐसा क्यों भैया ऐसा इसलिए गाइस क्योंकि यूजर कॉन्टेक्स्ट ही है आप सिर्फ क्योंकि यूजर कॉन्टेक्स्ट ही है सिर्फ अब दैट्ची रन दिखे तो मैंने यहां पे लिखा चिल्ड्रन और यहां जाके
मैंने इसकी जगह चिल्ड्रन को पास कर दिया तो उसके चिल्ड्रन दिखाई दे रहे हैं इमेज कहां गई मेरी एक मिनट इमेज हां सॉरी लोड होने में थोड़ा टाइम ले रही थी गाइस तो यहां पर हम आ चुके हैं कुछ इस तरीके से दिखाई दे रहा है हमको सारा यूजर इंटरफेस जो भी हमने बनाया था सब कुछ बढ़िया दिखाई दे रहा है अच्छा चिल्ड्रन बना दिया अपन ने अब मैं चाहता हूं कि यार भाई साहब इसके अंदर एक कॉन्टेक्स्ट बना जिससे डाटा आगे आगे पास कर सके तो मैंने यहां पर बना दिया एक लेट सपोज एक्सपोर्ट
कंस्ट यूजर डेटा कांटेक्ट नेक्स्ट जिसमें यूजर का डटा रहेगा और मैंने कर दिया क्रिएट कॉन्टेक्स्ट कुछ इस तरीके से इससे डाटा क्रिएट हो जाएगा कॉन्टेक्स्ट और अब मुझे चाहिए कि इसके थ्रू मैं डाटा सब जगह पहुंचा पाऊं तो मैंने यहां जाके देखा तो मैं यहां पर जाके लिख पाऊंगा यूजर डटा कॉन्टेक्स्ट डॉट एक मेथड होती है प्रोवाइडर जिससे कि मैं सब जगह डाटा प्रोवाइड करवा सकता हूं और कैसे प्रोवाइड करवाएंगे भैया अभी तक तो हमें समझ नहीं आ रहा कुछ देखो मैंने पढ़ाया वैसे तो यूजर कॉन्टेक्स्ट कॉन्टेक्स्ट एपीआई लेकिन मैंने यहां जाके यूजर डाटा कॉन्टेक्स्ट
बनाया और उससे सारी चीज को रप कर दि और उसके अंदर डॉट प्रोवाइडर मेथड चलाइए जिसकी मदद से जो भी डाटा मुझे प्रोवाइड करना है अपने पेजेस तक वो डाटा ढंगी तरीके से प्रोवाइड हो जाएगा इसके अलावा मैं यहां पर डाटा बना भी लेता हूं तो लेट्स सपोज कि मैंने यहां पर एक डाटा बनाया जिसके अंदर मैंने यहां पर लिखा लेट्स सपोज यूजर इस तरीके से मैंने यूजर बनाया है और ऐसा लिखते हैं अपन चलो पहले मैं एक बार यूजर अकेला लिख देता हूं यूजर के अंदर मैं बाद में जाके चेंजेज कर दूंगा मैंने यूजर
लिखा लेट्स सपोज सार्थक और अगर मुझे सब जगह इसे पास करना है तो मेरे को इसके अंदर देनी पड़ेगी पता है क्या वल और वैल्यू के अंदर मैंने क्या पास करा यूजर अब अगर मैं किसी भी ऐप में किसी भी फोल्डर में कहीं भी यूज करना चाहता हूं इसको तो मैंने लेट्स सपोज app.js के अंदर अगर मुझे इसको यूज करना है तो मैं सिंपली यहां पर जाऊंगा और मेरे पास एक मेथड होती है यूज कॉन्टेक्स्ट इसके अंदर मैं लिख दूंगा क्या यूजर डेटा कॉन्टेक्स्ट यूजर कॉन्टेक्स्ट नहीं यूजर डेटा कॉन्टेक्स्ट क्योंकि प्रोवाइड तो वही कर रहा
है ना और मैंने कॉन्स्ट आंस करके लिख दिया और कसोल डलॉग अगर मैंने एए को देखा तो मुझे पता है क्या मिलेगा सार्थक देख सकते हैं यहां पे आप सिंपल तो यहां पर जाके आप यूजर कॉन्टेक्स्ट यूज कॉन्टेक्स्ट की हेल्प से डाटा कहीं भी यूज कर पाएंगे और मुझे यहां पर जाके सिर्फ सार्थक नहीं पास करना था मुझे यहां पर जाके एक ऑब्जेक्ट भी नहीं मुझे यहां पर जाके पता है क्या करना था मुझे यहां पर जाके यूज स्टेट यूज स्टेट यूज करना है पहले तो और यूज स्टेट स्नेप इट और यूज स्टेट स्नेप के
अंदर मैंने यहां पर जाके लिख दिया यूजर सिर्फ यूजर दैट्ची नहीं है वैसे वो एडिटर की जिम्मेदारी है अगर उसको चाहिए तो वो ले ले नहीं तो वैसे तो चाहे तो पासवर्ड अलग तरीके से चेक कर लेंगे अपन तो पासवर्ड की कितनी कोई बड़ी दिक्कत नहीं है साथ में मुझे यहां पर जाके अ यूजर नेम की जगह पता है मुझे ना फुल नेम लिखना चाहिए था शुरुआत से ही मैंने जल्दी बाजी में ना मतलब मैं बातचीत में लगा रहा तो मैंने यूजर नेम तब से कर रहा था मैं यूजर नेम नहीं फुल नेम लिखना चाहिए
था और यहां पर जाके मैंने लास्ट नेम लिखना चाहिए था ट्स इट ठीक है फुल नेम यहां पे पास कर दिया और अगर मुझे इसको पास करना है तो मैं यहां पर जाके इसको डायरेक्टली इसी फॉर्म में पास कर दूंगा तो जहां भी मुझे इसको यूज करना है मैं इसको इजली यूज कर पाऊंगा कुछ इस तरीके से मैंने पास कर दिया और जो चेंजेज अपने को करने हैं जल्दी से बिना किसी देरी के कर लेते हैं चल के दो मिनट लगेगा बस पेजेस के अंदर जाएंगे और पेजेस के अंदर हमने यहां पर जाके साइन अप
वाले पेजेस में लिखा था ना तो यहां पर जहां जहां मैंने यूजर नेम लिखा था यूजर नेम कहां लिखा है यह लिखा है यूजर नेम और कहीं पर लिखा है क्या यूजर नेम यूजर नेम नहीं लिखा ना तो उसकी जगह कर दो फुल नेम और साइन अप वाले पेज में भी यानी कि यूजर साइन अप वाले पेज में भी मुझे यूजर नेम की जगह लिखना है फुल नेम दैट्ची मेरी बात ठीक है अ मैं यहां पर जाके एक छोटा सा कैप्टन साइन अप पे मैं कुछ चीजें ऐड कर सकता हूं जैसे कि मैं कैप्टन को
अ व्हाट्स योर नेम की जगह अ व्हाट्स आवर कैप्टंस नेम व्हाट्स आवर कैप्टंस नेम थोड़ा सा क्रंजी हो जाएगा लेकिन ठीक है चलो कोई ना अ विड्थ इसकी व बाटू क्यों दी है विड्थ इसकी तो फुल दे दो व्हाट्स आवर कैप्टंस नेम इनपुट को देनी थी विड्थ 1 बाटू भाई इसको क्यों दे दी व्हाट्स आवर कैप्टंस नेम और यहां जाके नीचे साइड में भी व्ट्स आर कैप्टन ईमेल ठीक है नाइस कुछ इस तरीके से अपन कर सकते हैं ठीक है चलो तो ठीक है यार मेरे हिसाब से तो ये बन के तैयार है और आप
लोगों को समझ भी आ गया होगा अब मैं इसको कोड को कर दे रहा हूं पुश ताकि अंकुर जो है वो इस कोड को आगे बनाना स्टार्ट कर दे मजा तो देखो आया है इसको बनाने में मुझे लगता है आप लोगों को भी आया होगा और आया मजा तो बनाओ जल्दी फटाफट और यह कोड अंकुर के पास पहुंचने वाला है तो अंकुर इसके आगे का कोड लिखना चालू करेगा तो आप लोग वहां से कंटिन्यू कर दीजिएगा क्या बोलते हैं आप लोग कैसा आईडिया है ठीक है जी तो मुझे मैं वापस मिलूंगा इस वीडियो में बाय
द वे परेशान मत हो ठीक है जी चलो तो अंकुर के पास कोड पुश हो चुका है गाइस और अंकुर अब इसके आगे का कोड लिखना स्टार्ट करने वाला है बस एक मिनट में रुक जाओ एक मिनट रुक जाओ एक मिनट रुक जाओ ठीक है यहां तक यहां तक ठीक है यहां तक सब कुछ ठीक है यार की गैल चले काफिला कारा का डाउन टू अलवे अच्छा लगता है गाना वसे मजाक कर रहा हूं ठीक है हां तो यहां पर हमारा सारा काम हो चुका है अब मुझे यहां पर जाके ना डटा को पुश करना
है अपनी बनाई हुई ब्रांच में मैं वो भी बता दूंगा कैसे करते हैं ठीक है तो यहां पर हमारा सारा काम हो गया चलो डाटा को पुश करते लेट्स गो अब ध्यान से सुनो करना क्या है दोस्तों यहां पर मेरे को रोकना है पहले तो सर्वर मैं य पर जाकर कहूंगा सबसे पहले तो कि भाई गेट ड ऑल सब कुछ ऐड हो जाए किट कमिट ड एम मैसेज क्या लिख देता हूं मैं अ लॉगइन एंड साइन अप पेज मेड कुछ भी लिख दिया मैंने तो और मैंने यहां जाके कहा गेट ब्रांच ड एम मैं अपनी
ब्रांच बना रहा हूं सार्थक नाम से ठीक है ना भाइयों चल जाएगा ना काम चल जाएगा और मैंने यहां जाके वो मेन ब्रांच में अंकुर संभाल लेगा काम और गेट पुश ड यू ओरिजिन अर्थक ट सेट मेरा सारा का सारा कोड सार्थक ब्रांच में पुश हो जाएगा और अगर मैं आपको दिखाऊं आउटपुट तो ये रही पहली वाली ब्रांच ये मैंने रीलोड नहीं लिया और जब मैंने रीलोड लिया तो ये कुछ ऐसा दिख रहा है हां अभी कंपेयर और पुल रिक्वेस्ट करनी है तो वो काम वहां पर हो जाएगा तो आपको अब दिखेगा अगला चेहरा अंकुर
का लेट्स गो तो अभी आपने रिएक्ट में कुछ कंपोनेंट्स बनाए होंगे उसके बाद अब ये जो कंपोनेंट्स आपने बनाए इनको हमें इंटीग्रेट करना है बैक एंड के साथ तो बैक एंड के साथ इंटीग्रेट करने के लिए जो सार्थक भैया ने कोड लिखा है जो उन्होने अपनी ब्रांच पे क्रिएट किया था पुश किया था तो उस मुझे लाना पड़ेगा अपने इस लोकल मशीन पे तो टर्मिनल हम ओपन करेंगे एंड टर्मिनल ओपन करने के बाद अपन पहले इस टर्मिनल को मैं कर रहा हूं क्लोज क्लोज करते हैं वापस एक नया टर्मिनल ओपन करेंगे एंड आई थिंक इसको
थोड़ा सा बड़ा किया जा सकता है एंड यहां पर हम बोलते हैं गेट पुल ओरिजिन सार्थक एंटर तो यहां पर हमारे पास कुछ जो भी सार्थक कोड लिखा होगा वो सारा कोड यहां पर आ चुका है इसके लिए मुझे अब एक नया कमिट देना पड़ेगा मुझे इसको मेन ब्रांच से कनेक्ट करना है तो उसके लिए यहां पर मैं बोलता हूं मर्ज ब्रांच सार्थक विथ मेन ब्रांच एंड इसको अगर मैं क्लूज कर दूं तो कमेंट अपना हो चुका है एंड फाइनली अब बस मुझे करना रहेगा पुश तो क्लियर एंड गेट पुश एंटर ठीक तो अभी अगर
मैं यहां पर ग्राफ आकर देखता हूं मेरे गिट अप का तो यहां पर अपनी जो मेन ब्रांच है उस पर कोड पहुंच चुका है जो सार्थक भैया ने कोड लिखा था वो पूरा कोड पहुंच चुका है अपनी मेन ब्रांच प और अब अगर मैं देखता हूं कि फ्रंट एंड प क्या कोड लिखा गया है तो एसआरसी फोल्डर एंड एसआरसी फोल्डर के अंदर पेजेस हैं कुछ पेजेस कैप्टन लॉगइन कैप्टन साइन अप होम एंड यूजर लॉग इन बढ़िया एक बार इसको रन करके देखते हैं इधर प आते हैं सीडी फ्रंट एंड एनपीएम आई एंड एनपीएम आई के
बाद यहां पर हम सीधा बोलते हैं एनपीएम रन डेव ठीक है तो कोड अपना चल रहा है ब्राउजर पर आते हैं एंड लोकल होस्ट कॉलन 51 73 एंटर एंड आई थिंक इसको रिस्पांसिस में देखना ज्यादा ठीक रहेगा ठीक है तो यह रहा अगर मैं यहां पर कंटिन्यू करता हूं तो मुझे यहां पर यूजर लॉग इन का रहा है लेकिन अभी हमने क्योंकि कोई भी यूजर क्रिएट नहीं किया तो हम क्रिएट अकाउंट पे जाएंगे और इधर पे अब मुझे कुछ डिटेल्स डालनी है अ तो फर्स्ट नेम लास्ट नेम ईमेल एंड पासवर्ड ये सारी चीजें बढ़िया है
यहां पे मुझे फर्स्ट नेम लास्ट नेम अब अच्छा तो एक काम करते हैं ना हमें लॉग इन भी है यहां पे क्रिएट न्यू अकाउंट भी है तो पहले अपन ये जो क्रिएट न्यू अकाउंट वाला पेज है इसको लिंक करते हैं उसके लिए यहां पे आएंगे एंड क्रिएट यूजर साइन अप यूजर साइन अप पे यहां पे हम पूरा डाटा मिल जाएगा ठीक है तो मैं इसको थोड़ा समझ रहा हूं तो कोड मैं समझ चुका हूं हमें पे करना क्या है कि एक हमें यूजर क्रिएट करना है विद द हेल्प ऑफ दिस फॉर्म इस फॉर्म की हेल्प
से हमें एक यूजर क्रिएट करना है और यह फॉर्म जब सबमिट होता है लेटस जैसे कि मैं यहां पे अगर लॉगिन बटन क्रिएट करता हूं यहां पे वैसे लॉगइन नहीं लिखा होना चाहिए यहां पर जो लिखा होना चाहिए दैट इज क्रिएट अकाउंट तो इधर पे मैं आता हूं एंड लॉग इन यह लिखा हुआ है क्रिएट अकाउंट सेव और यहां पे क्रिएट अकाउंट लिखा आ रहा है बढ़िया तो यहां पे जैसे ही मैं क्रिएट अकाउंट प क्लिक करूंगा तो जो भी डाटा रहेगा वो बैक एंड पे जाएगा बैक एंड पे जाने के बाद एक नया यूजर
क्रिएट होगा और उस यूजर के डाटा के साथ मुझे इस पर्टिकुलर जो यूआई रहेगा इसको नेविगेट कर देना है एक राउट पे दैट इज होम या स्लैश ठीक है तो यहां पे क्या हमने ऑलरेडी एक राउट क्रिएट करके रखा है मन . जए एक ब्राउजर राउटर ब्राउजर राउटर इधर से हटते हैं ऐप पे आते हैं राउट्स के अंदर अभी तक हमने होम राउट क्रिएट नहीं किया है तो यहां मैं एक होम राउट क्रिएट कर रहा हूं दैट इज रा एंड पाथ जो रहेगा पाथ अपना रहेगा स्लश होम एंड स्लश होम के बाद हमें यहां पर
चाहिए रहेगी एलिमेंट कि भाई एलिमेंट क्या है तो एलिमेंट जो अपना रहेगा ट इ होम एलिमेंट बट यहां पर होम एलिमेंट ऑलरेडी है तो मैं यहां पर एक काम कर रहा हूं यह जो होम एलिमेंट है इसको रिनेम कर रहा हूं इसको मैं रिनेम कर रहा हूं होम एलिमेंट अपना कहां पर है र इसको मैं रिनेम कर रहा हूं विद स्टार्ट स् एलिमेंट इसको भी रिनेम कर रहा हूं स्टार्ट एंड इधर से जो एक्सपोर्ट होगा ट इज स्टार्ट और एक नई फाइल में क्रिएट कर रहा हूं फॉर होम डट जस एकस रिएक्ट होम एलिमेंट यह
अपना होम एलिमेंट रहेगा एंड पड जस पर आते हैं तो अब इसका नाम तो चेंज हो चुका है एंड यहां पर जो आएगा ट इ स्टार्ट स्टार्ट एंड जो हम यहां पर यूज करेंगे दैट इज होम बढ़िया तो हमने यहां पर अभी बस एक राउट क्रिएट किया है स्लश होम और इस पर कौन सा कंपोनेंट रेंडर कर दिया है जस्ट अभी हमने क्रिएट किया है मतलब इसमें कुछ लिखा नहीं है जस्ट यहां पर एक होम लिख के रखा है सेव करते हैं सेव करने के बाद अपन आते वापस यूजर साइन अप पर यूजर साइन अप
पर आने के बाद यहां पर मुझे पहले नेविगेट करना है तो नेविगेट करने के लिए आई एम यूजिंग अन हुक दैट इज यूज नेविगेट यूज नेविगेट करने के बाद बाद यहां पे मुझे एक वेरिएबल क्रिएट करना पड़ेगा कंस्ट नेविगेट और नेविगेट इक्वल्स टू यूज नेविगेट अब देखो ये जो फंक्शन बना है सबमिट हैंडलर ये कब चलने वाला है जब मैं यहां पर इस पर्टिकुलर बटन पे क्लिक करूंगा इस पर्टिकुलर बटन पे क्लिक करने के बाद यह जो आपका सबमिट हैंडलर है ये चल जाएगा और इसके अंदर मुझे पूरा डाटा मिल जाएगा मेरे यूजर का तो
उसके लिए मैं क्या कर रहा हूं मुझे आई डोंट थिंक कि सेट यूजर करने की जरूरत पड़ेगी सेट यूजर डाटा इसको मैं हटा सकता हूं एंड कंस्ट न्यू यूजर इक्वल्स टू जो पहले लिखा हुआ था उसको अपन कर सकते हैं तोब जो भी न्यू यूजर का डाटा रहेगा वो मुझे इस फॉर्मेट में मिल जाएगा अब मुझे करना क्या है अब यह जो डाटा मुझे मिल रहा है फ्रंट एंड से इसको मुझे पहुंचाना है सर्वर तक और सर्वर तक पहुंचाने के लिए मैं यूज करने वाला हूं एक्सजीएस का एक्सजीएस का हम यूज करते हैं काफी अच्छा
है रिलायबल है तो क्या एक्सजीएस ऑलरेडी इंस्टॉल है जस्ट आई एम चेकिंग तो एक्सस की अगर बात करें तो एसएस आई डोंट थिंक कि अभी इंस्टॉल नहीं है ठीक है तो हम एएस इंस्टॉल करेंगे एनपीएम आई एयस एनपीएम आई एकस क्लियर करते हैं क्लियर करने के बाद एनपीएम रनव सर्वर वापस चल रहा है एयस को इंस्टॉल करेंगे सॉरी इंपोर्ट करेंगे इंपोर्ट एस फ्रॉम एस एंड साथ ही साथ यहां पर अब ये जो डेटा हमने क्रिएट किया ये जो डेटा हमने क्रिएट किया है इसको हम भेज देंगे तो इधर पे आते हैं एंड कंस्ट जो भी
रिस्पांस हमें मिलेगा जो भी रिस्पांस हमें मिलने वाला है दैट इज अवेट अच्छा यहां पे हम अगर अवेट यूज कर रहे हैं तो इस जगह पे मुझे अ सिंक लगाना पड़ेगा अवेट एजियस एंड एजियस यूज करने के बाद मुझे यहां पे लिखना रहेगा पोस्ट पोस्ट जो अपनी यूआरएल रहने वाली है अच्छा देखो यूआरएल जो आपकी रहेगी ना वो हम मल्टीपल जगह यूज करेंगे तो मल्टीपल जगह यूज़ करना है और डेवलपमेंट में कुछ और होगी मतलब कि जब हम डेवलप कर रहे होंगे और प्रोडक्शन में वो यूआरएल चेंज हो जाएगी तो मैं क्या कर रहा हूं
एक एनवायरमेंटल वेरिएबल क्रिएट कर रहा हूं इन रिएक्ट एप्लीकेशन इधर पे हम आएंगे डॉट नवी और डॉट एनवी के अंदर एक बेस यूआरएल नाम का आई थिंक जब हम वाइट से बनाते हैं कुछ भी तो उसकी जो एनवायरमेंटल वेरिएबल रहते हैं वह समथिंग कुछ ऐसे होते हैं वाइट स्ल बेस यूआरएल इक्वल्स टू लोकल होस्ट कॉलन 4000 जो हमारा सर्वर चलेगा वह 4000 पे चलने वाला है ठीक है और अब इसको यूज करने के लिए आपको यहां पर पहले तो टेंपलेट लिटरल्स एंड डॉलर इंपोर्ट डॉट मेटा नवी वाइट एआई य आरएल एपीआई यूआरएल लेकिन हमने इसका
नाम एपीआई यूआरएल नहीं रखा था जो हमने रखा था ट इज बेस अंडर यूआरएल यूजर साइन अप साइन अप हमारा नहीं था हमारा था स्लश रजिस्टर रजिस्टर करने के बाद न्यू यूजर अपना जाएगा न्यू यूजर के जाने के बाद अब जो भी रिस्पांस रहेगा देखो रिस्पांस में इधर मैं बोल रहा हूं कि इफ रिस्पांस स्टेटस इक्वल्स टू 21 अगर 21 सिर्फ तब आएगा जब यूजर क्रिएट हो चुका होगा सक्सेसफुली तो हम क्या करेंगे सेट यूजर डाटा अच्छा अब यहां पे एक ये गलती कर रहा है कि सेट यूजर डाटा नहीं होगा यहां पे रिंस डॉट
डटा रिपस डॉट डटा के अंदर हम दो चीजें भेजते हैं टोकन एंड यूजर इधर प मैं बोल रहा हूं कंस्ट यूजर इक्वल्स टू या हम यहां पर बोल सकते हैं कंस्ट डेटा इक्वल टू रिपस ड डटा एंड यूज अच्छा अब अगर मुझे यूज करना है डाटा को लाइक यूजर को सेट करना है तो उसके लिए मुझे कॉन्टेक्स्ट की जरूरत पड़ने वाली है कॉन्टेक्स्ट कहां पर है यह रहा आपका कॉन्टेक्स्ट यूजर कॉन्टेक्स्ट यर और इसे मुझे करना रहेगा इंपोर्ट तो इधर पर आते हैं इंपोर्ट यूजर कॉन्टेक्स्ट एंड यूजर कॉन्टेक्स्ट इंपोर्ट करने के बाद मुझे यहां पर
चाहिए रहेगा सेट यूजर कंस्ट यूजर सेट यूजर यूज स्टेट नहीं मुझे यहां पर रिएक्ट यूज कॉन्टेक्स्ट यूजर कॉन्टेक्स्ट से हम क्या निकाल रहे हैं यूजर एंड सेट यूजर दोनों को हम निकाल रहे हैं जो भी हमने यहां पर पास करके रखा था एंड आई थिंक इसको हम एक ऑब्जेक्ट में पास कर सकते हैं लेट्स सी अगर एरर आता है तो अपन इसको फिर से चेक करेंगे यूजर एंड सेट यूजर यूजर कॉन्टेक्स्ट बढ़िया चल रहा है यहां तक डटा एंड डटा के बाद अब जो भी आपका रहेगा एक सेकंड सेट यूजर डाटा एंड सेट यूजर ठीक
है इधर पे आते हैं सेट यूजर टा डॉट कैप्टन नहीं हमें यहां पे चाहिए रहेगा टा डॉट यूजर एंड फाइनली हम इसको नेविगेट कर देंगे होम पे तो अगर सब सही रहा तो जैसे ही मैं एक यूजर को क्रिएट करूंगा होम पेज पे रीडायरेक्ट हो जाना चाहिए से करते सेव करने के बाद अब यहां पर कुछ एरर्स आ रही है एरर्स क्या आ रही है लेट्स सी अनकट इन प्रॉमिस टाइप कैन नॉट डिस्ट्रक्चर प्रॉपर्टी यूजर ऑफ रिएक्ट कांटेक्ट इट इ अनडिफाइंड ओके तो यूजर कांटेक्ट जो है व अनडिफाइंड आ रहा है यूजर कॉन्टेक्स्ट सी ओके
तो गलती मुझे पता चल गई जो हम इंपोर्ट कर रहे थे वह गलत तरीके से कर रहे थे तो मैंने इंपोर्ट को जस्ट थोड़ा सा फिक्स किया हू एंड अब जो हमारा यूजर एंड सेट यूजर है वो दोनों ठीक तरीके से काम कर रहे हैं अब यहां पर हम आते हैं तो न्यू यूजर सेट यूजर यह अपना पूरा काम करेगा एंड नेविगेट कर जाने चाहिए हम होम राउट पे तो सेव करते हैं सेव करने के बाद यहां पे मंगो डीवी में जो ऑलरेडी हमने यूजर बना के रखे थे उनको मैं हटा रहा हूं लाइक ब्लैकलिस्टेड
टोकन कैप्टंस एंड दिस दिस दिस तो इन सभी को मैं डिलीट कर रहा हूं यूजर्स डिलीट एंड ब्लैकलिस्ट ठीक है इधर पे आते हैं इसका नाम मैं दे रहा हूं टेस्ट एंड टेस्ट फर्स्ट नेम लास्ट नेम टेस्ट रहेगा एंड ईमेल जो रहेगा दैट इज टेस्ट @ test.com एंड पासवर्ड की अगर बात करते हैं तो टेस्ट एंड क्रिएट अकाउंट टेस्ट अंडरस्कोर पासवर्ड क्योंकि हमें छ कैरेक्टर से बड़ा चाहिए क्रिएट अकाउंट एंड क्रिएट अकाउंट पर आने के बाद अब हमें यहां पर एक एरर मिल रही है और एरर मिलनी चाहिए क्योंकि अभी तक हमने बैक एंड का
सर्वर लाइक बैक एंड पेज सर्वर हमने स्टार्ट नहीं किया है तो इधर पे एक नया टर्मिनल क्रिएट करते हैं सीडी बैक एंड एंड एनपीएम नमन या एनपी एकस नो डेमन सर्वर अपना स्टार्ट हुआ अब एक बार रिक्वेस्ट करके देखेंगे तो क्रिएट अकाउंट एंड अगेन एक रिक्वेस्ट आ रही ट इज रिक्वेस्ट फेल्ड विद स्टेटस कोड 404 एक एरर आ रही है एंड एस रिस्पांस रिस्पांस की अगर बात करते हैं अपन तो हेडर्स स्टेटस 44 नॉट फाउंड हेडर्स डेटा कन्फ एप्लीकेशन टेस्ट पासवर्ड डेटा लेट्स सी फर्स्ट नेम हेडर्स ट्रांसफॉर्म रिक्वेस्ट स्टेटस नॉट फाउंड क्या इसको राउट नहीं
मिल रहा है ओके ओके ओके हमने यहां पे राउट गलत दिया यूजर्स जो यहां पे होगा यहां पहले सिर्फ यूजर लिखा हुआ था यहां पे यूजर एस आएगा सेव करते हैं सेव करने के बाद पूरा टर्मिनल में क्लियर कर रहा हूं एंड इसको अपन बोलते हैं क्रिएट अकाउंट तो क्रिएट अकाउंट होने के बाद ये स्टिल एक एरर दे रहा है दैट इज 400 रिक्वेस्ट फील्ड विथ स्टेटस कोड 400 कंफिट प अगर हम आते हैं तो डेटा डाटा सेही जा रहा है हेडर्स एंड रिस्पांस में हमें क्या मिल रहा है रिस्पांस में डाटा एरर फर्स्ट नेम
मस्ट बी एटलीस्ट थ्री कैरेक्टर लॉन्ग फुल नेम डॉट फर्स्ट नेम क्या हम इसका नेम ठीक से नहीं भेज रहे हैं फुल नेम ओके ओके ओके ओके यहां पे देखो एक छोटी सी मिस्टेक है एक छोटी सी बहुत छोटी सी मिस्टेक है कि यहां पे फुल नेम जो चाहिए रहता है उसका एन स्मॉल होता है बस एंड आई थिंक यहां पे फर्स्ट नेम का भी एंड स्मल होगा एंड लास्ट नेम तो फुल नेम फर्स्ट नेम इन सब को करते हैं अब एक बार फिर से ट्राई करेंगे क्रिएट अकाउंट की तो अब अपना अकाउंट जो है वो
क्रिएट हो चुका है इसको मैं कर रहा हूं सेव और सेव करने के बाद अगर आप देखोगे तो हम होम राउट प आ चुके हैं तो रजिस्टर राउट अपन इंटीग्रेट कर चुके हैं अब एक बार अपन ट्राई करेंगे लॉग इन के लिए अच्छा लॉगइन के लिए हम ट्राई करते हैं इधर पर अपन आते हैं लॉग इन हियर लॉग इन लॉगइन राउट कहां पर है र लॉगइन राउट एंड सेम चीज हमें करनी रहेगी विद इंपोर्ट कॉन्टेक्स्ट इंपोर्ट यूजर डेटा कॉन्टेक्स्ट यूजर डेटा कॉन्टेक्स्ट हमें नेविगेट भी चाहिए रहेगा इंपोर्ट नेविगेट रिट राउटर डम एंड यहां पर हमें
चाहिए रहेगी कॉनस यह तो चाहिए हमें साथ ही साथ यूजर डाटा कॉन्टेक्स्ट या हम यहां पर एक काम और कर सकते हैं यूज रिएक्ट हमने साइन अप पर कैसा किया था सिमिलर यूज कॉन्टेक्स्ट एंड यूज कॉन्टेक्स्ट को यहां पर इंपोर्ट करते हैं यूज कॉन्टेक्स्ट एंड यूज कॉन्टेक्स्ट यूजर डेटा कॉन्टेक्स्ट तो यूजर एंड सेट यूजर हमने मंगा लिया है अब एक नेविगेट और क्रिएट कर लेते हैं हम यूज य कंस नेविगेट नेविगेट यहां पर नेविगेट नहीं आना चाहिए यहां पर आना चाहिए यूज नेविगेट और इधर पर हम कॉल करेंगे यूज नेविगेट को बढ़िया तो बेसिक सेटअप
कर चुके हैं अब इसके बाद यूजर सेट यूजर डाटा की हमें उतनी एच नीड नहीं है तो इधर पे आ रहा हूं इसको हटा रहा हूं एंड इसको हटाने के बाद यहां पर मैं बोलूंगा कंस्ट यूजर डाटा इक्वल्स टू क्रिएट तो ईमेल एंड पासवर्ड हमें मिल जाएगा और इसका मुझे करना क्या है मुझे यहां पर एक्सजीएस की हेल्प से इसको भेजना रहेगा सर्वर पे तो इंपोर्ट एयस एंड इंपोर्ट एयस करने के बाद हम कंस्ट रिस्पांस और रिस्पांस के आगे हमें अवेट यूज करना है तो अवेट के लिए मुझे यहां पर लगाना रहेगा अस सिंक बेसिक
फ्लो चल रहा है अभी तक एंड एस डॉट पोस्ट इंपोर्ट यूजर स् लॉगइन यूजर डाटा और इधर प हम चेक करेंगे कि इफ स्टेटस को 200 आएगा तभी आप क्या करोगे तब आप निकालो कॉन्स डटा रिस ड डटा सेट यूजर सेट आपने यूजर किया और होम पे आप रीडायरेक्ट कर जाओगे बढ़िया चल रहा है इधर पे आते हैं @ test.com अपना पासवर्ड लॉग इन करेंगे तो लॉगइन करने के बाद सीधा हम होम पे पहुंच रहे हैं बढ़िया तो अभी तक अपना कितना हो चुका है अभी तक हमारा लॉगइन एंड रजिस्टर राउट इंटीग्रेट हो चुका है
लेकिन अभी प्रॉब्लम पता है क्या है यह जो आपका होम है ना यह एक अनप्रोटेक्टेड राउट है मतलब क्या कि होम पे सिर्फ लगड इन यूजर ही जाना चाहिए तो उसके लिए हम क्या करने वाले हैं एक कंपोनेंट बनाएंगे एक हायर ऑर्डर कंपोनेंट हम बनाने वाले हैं जो क्या करेगा जो आपके लिए सिर्फ यह चेक करेगा कि यूजर लगड इन है या नहीं है अगर यूजर लगड इन नहीं हुआ तो उस पर्टिकुलर पेज पर रेंडर नहीं आएगा मतलब कि वो पर्टिकुलर कंपोनेंट आपको नहीं दिखेगा तो इधर पर आते हैं यूजर प्रोटेक्टेड रैपर डॉट जए एक
और इधर पे यूजर प्रोटेक्टेड रैपर और इधर मुझे क्या करना रहेगा सबसे पहले मैं मंगाऊ यहां पर कॉन्टेक्स्ट यूजर डाटा कॉन्टेक्स्ट यूजर डटा कॉन्टेक्स्ट और रिएक्ट में मुझे दो चीजें इंपोर्ट करनी रहेंगी एक अपना रहेगा यूज कॉन्टेक्स्ट एंड आई थिंक सि यूज कॉन्टेक्स्ट से अपना काम हो जाएगा और एक चीज मुझे और इंपोर्ट करनी है ट इज नेविगेट तो यूज नेविगेट फ्रॉम रि आटर डॉम यहां पे हम एक वेरिएबल क्रिएट करेंगे कंस्ट यूजर एंड एक हम क्रिएट करेंगे नेविगेट दोनों को अब देखो ये जो पर्टिकुलर आपका हायर ऑर्डर फंक्शन होगा नाना ये आपसे एक्सेप्ट करेगा
एक चिल्ड्रन एक चिल्ड्रन एक्सेप्ट करेगा एक्सेप्ट करने के बाद यह चेक करेगा कि अगर यूजर एजिस्ट करता है अगर यूजर एजिस्ट करता है तब आप क्या करोगे तब आप पर्टिकुलर चिल्ड्रन को रिटर्न कर दोगे और अगर यूजर एजिस्ट नहीं करता अगर यूजर एजिस्ट नहीं करता तब आप क्या करोगे उसको नेविगेट कर दोगे वापस लॉग इन पे तो हम यहां पे आते हैं इफ नॉट यूजर अगर यूजर एजिस्ट नहीं करता या ईमेल उसका एजिस्ट नहीं करता है तब आपको क्या करना रहेगा त आप उसको नेविगेट कर दोगे लॉगिन पे एल्स एल्स आप क्या करोगे जो भी
आपका चिल्ड्रन है उसको आप रिटर्न कर दोगे हमें आई डोंट थिंक कि एक काम कर सकते हैं हम इसको जस्ट एक एमटी बनाते हैं एंड चिल्ड्रन को यहां पे रिटर्न करवा देते हैं बस इतना सा अपना यूजर प्रोटेक्टेड रहेगा अच्छा अब अब यहां पे ना एक चीज हो सकती है कि अगर यूजर ने लॉग इन करने के बाद पेज को रीलोड कर दिया अगर यूजर ने लॉग इन करने के बाद पेज को रीलोड कर देता है तो क्या हो सकता है तब आप वहां से लॉग आउट हो सकते हो क्योंकि भाई डटा तो गया जो
आपने कॉन्टेक्स्ट में डटा सेव करके रखा था वो डाटा तो चला गया तो हम क्या कर सकते हैं कि यूजर पे डिपेंड ना होके हम डिपेंड हो जाते हैं टोकन पे टोकन पे हम डिपेंड हो सकते हैं कैसे देखो जब भी यूजर लॉग इन करेगा तो एक काम करते हैं सेट यूजर तो हो ही रहा था उसके अलावा हम यहां पे लोकल स्टोरेज डट सेट आइटम और सेट आइटम करने के बाद यहां पर मैं सेट करूंगा टोकन और टोकन जो आपको मिलेगा वह आपको मिल जाएगा टाड टोकन से टाड टोकन एंड टाड टोकन के बाद
यह तो लॉगिन का हो गया हमें यहां पे रजिस्टर के साथ भी यही करना है तो यहां पे हम आएंगे लोकल स्टोरेज टोकन टाड टोकन सेव करेंगे और प्रोटेक्टेड राउट जो आपने बनाया था यहां पर अब यूजर पर डिपेंड ना होने की जगह हम यहां पर डिपेंड करते हैं टोकन पे कंस्ट टोकन इक्वल्स टू लोकल स्टोरेज गेट आइटम टोकन और इधर पे मैं चेक करूंगा कि अगर टोकन एजिस्ट नहीं करता अगर टोकन एजिस्ट नहीं करता तो आप नेविगेट कर जाना लॉगइन पे और अगर टोकन एजिस्ट करता होगा तो आप किसको रिटर्न कर दोगे चिल्ड्रन को
बढ़िया है सेव करेंगे एंड सेव करने के बाद यह जो आपने मेन ड जए एक पे एप राउटर के अंदर यह पर्टिकुलर कंपोनेंट ये जो आप आपने लिखा है एलिमेंट होम इसको बस आपको रैप करना रहेगा यूजर प्रोटेक्टेड प इधर पर आप आओगे यूजर प्रोटेक्टेड रैपर एंड आई थिंक य इंपोर्ट नहीं हुआ है अभी यूजर प्रोटेक्टेड रैपर इधर पर हम आते हैं और इसके बीच में जो आपका होम कंपोनेंट रहेगा उसको हम रेंडर करवा देंगे तो अब अगर मैं इसको रीलोड करता हूं तो क्या लोकल स्टोरेज में अभी टोकन है लेट्स सी लोकल स्टोरेज यहां
पर एक टोकन इसको मैं डिलीट कर रहा हूं डिलीट एंड डिलीट ठीक अब अगर इसको रीलोड करते हैं तो अभी भी यह यहीं पर है लेट्स सी यह काम क्यों नहीं कर रहा है कंसोल डॉट लॉग टोकन सेव रीलोड कंसोल पर आते हैं डाउनलोड ओके ओके काम करने लगा काम करने लगा बढ़ी और अब अगर मैं लॉग इन करके देखता हूं लॉग इन और लॉग इन करने के बाद मैं होम पर पहुंच रहा हूं क्यों क्योंकि अगर मैं एप्लीकेशन पर आता हूं देखो टोकन यहां पर आ चुका है और जैसे ही मैं टोकन को यहां
से डिलीट करता हूं फिर रीलोड करते हैं तो थोड़ा सा यह टाइम ले रहा है बट अगर मैं स्लश होम प आता हूं या तो ठीक है वो काम कर कर रहा है लाइक जस्ट वो कैश की वजह से थोड़ा प्रॉब्लम हो रही है क्योंकि अभी हम डेवलपमेंट में हैं तो उसकी वजह से थोड़ी सी प्रॉब्लम हो रही है बट वो काम कर रहा है एज सच कोई प्रॉब्लम नहीं है उसमें सेव सेव करने के बाद अब अगर मैं यहां पे लॉगइन करता हूं लॉग इन करने के बाद सीधा टोकन यहां पे क्रिएट हो रहा
है अब देखो हमें यहां पे एक बनाना रहेगा राउट फॉर लॉग आउट लॉगआउट के लिए हमें एक राउट क्रिएट करना है या हम एक बटन क्रिएट कर सकते हैं अब बटन हम बाद में क्रिएट करेंगे वो एक प्रोफाइल का पार्ट होगा जो सार्थक भैया मुझे बटन क्रिएट करके देंगे लेकिन तब तक हम क्या कर सकते हैं एक राउट क्रिएट कर सकते हैं एक हम राउट क्रिएट करेंगे इधर पर आते हैं देखो हमने ना दो चीजें मैनेज करनी है कौन-कौन सी यूजर को और कैप्टन को सेम एप्लीकेशन प हमें मैनेज करना है तो उसके लिए हम
क्या करने वाले एक राउट में क्रिएट करूंगा फॉर कैप्टन कि भाई कैप्टन लॉग आउट हो जाए और एक राउट में क्रिएट करूंगा यूजर लॉग आउट के लिए तो उसके लिए हम यहां पर आते हैं राउट पाथ जो आपका रहेगा दैट इज स्ल यूजर स्ल लॉग आउट लॉग आउट एंड एलिमेंट जो आप यूज करोगे दैट इज यूजर प्रोटेक्टेड रैपर रैपर ऑफकोर्स एंड होम तो नहीं होगा बट यहां पर हम क्या कर रहे होंगे यहां पर हम यूजर लॉग आउट एक और कंपोनेंट बनाना है तो यूजर लॉग आउट हमें एक कंपोनेंट बनाना रहेगा पेजेस पर आते हैं
पेजेस पर आने के बाद यूजर लॉग आउट डॉट ज एक सेव करेंगे रेफ यूजर लॉग आउट एंड यूजर लॉग आउट के बाद हमें यहां पर चाहिए रहेगा पहले तो एएस एएस फ्रॉम एकस एएस को आप इंपोर्ट करोगे इंपोर्ट करने के बाद आप यहां पर जस्ट कॉन्स टोकन लोकल स्टोरेज से टोकन आपको निकालना रहेगा एंड यूज इफेक्ट का हमें क्या यूज करना चाहिए आई डोंट थिंक तो एयस लॉग आउट एंड एस गट स्ल टेंप्लेट कॉलम इंपोर्ट यूजर्स लॉग आउट यूजर्स लॉग आउट एंड हेडर्स में हमें ये जो टोकन मिल रहा है इसको भेजना रहेगा तो हेडर्स
ऑथराइजेशन बेरर टोकन सेव करेंगे सेव करने के बाद देन प मैं बोलूंगा देन रिस्पांस और रिस्पांस के बाद सीधा हम इसको नेविगेट करेंगे नेविगेट हमें यहां पर यूज करना रहेगा इंपोर्ट एंड इंपोर्ट के बाद यूज नेविगेट एंड नेविगेट के बाद हमें कॉनस नेविगेट एक वेरिएबल क्रिएट करना है नेविगेट एंड नेविगेट जो रहेगा ट इ यूज नेविगेट एंड नेविगेट आप कर जाओगे लॉग इन प तो कुछ इस तरीके से य काम करेगा सेव करते हैं सेव करने के बाद कुछ प्रॉब्लम हो रही है लेट्स सी यूजर लॉग आउट इज नॉट डिफाइंड हां अभी वो डिफाइन नहीं
है तो एड जस पे इंपोर्ट यूजर लॉग आउट तो स्ल यूजर लग डज नॉट प्रोवाइड एन एक्सपोर्ट नेम डिफॉल्ट इसको बस हमें डिफॉल्ट कर प एक्सपोर्ट करना है एक्सपोर्ट डिफॉल्ट यूजर लॉग आउट ठीक टोकन हम यहां पर मिल रहा है बट होम चल रहा है तो इधर पर अगर मैं आता हूं यूजर स्ल लॉग आउट एंटर लॉग आउट कर चुके हैं और अगर मैं होम पेज पर जाने की कोशिश करता हूं तो मैं जा सकता हूं ऐसा नहीं होना था ठीक है तो उसने मुझे वापस यहां पर भेज चुका है लेकिन अगर मैं होम पेज
पर जाता हूं तो वह वेट नहीं कर रहा है मुझे लाइक वो होम पेज यूजर रैपर यूजर प्रोटेक्टेड यह नल आ रहा है ठीक है नेविगेट टू लॉग इन अब एक बार ट्राई करते हैं मैं इसको एक हुक के अंदर यूज करना चाहूंगा लेट्स सी ट इज आई एम यूजिंग यूज इफेक्ट एंड यूज इफेक्ट के अंदर यूज इफेक्ट ठीक है अब प्रॉपर काम कर रहा है जस्ट यूज इफेक्ट की कमी थी तब वो प्रॉपर काम कर रहा है अब जैसे ही अपन ट्राई करते हैं कि भाई होम पे हम चले जाए बिना लॉग इन किए
तो हमें वो रीडायरेक्ट कर देता है लॉगइन पे इधर पे आते हैं लॉग इन करते हैं लॉग इन करने के बाद हम होम पे जा सकते हैं और होम पे जाने के बाद अगर मैं यूजर लॉग आउट प जाता हूं तो मैं लॉग आउट हो चुका हूं और अब मैं होम पे नहीं जा सकता हूं बढ़िया चल रहा है तो अभी तक हमने क्या कर लिया अभी तक हमने यूजर के जितने भी राउट थे उन सबको इंटीग्रेट करके देख लिया है अब जो अपना बच रहा है दैट इज कैप्टन के राउट्स तो अब कैप्टन के
राउट्स को हम इंटीग्रेट करना देखते हैं चलो तो भाइयों अभी तक हमने यूजर ऑथेंटिकेशन प्रॉपर इंटीग्रेट कर चुके हैं एंड अपने जो राउट्स है वो भी प्रोटेक्टेड है अब हमें क्या करना है सेम चीज करनी है विद कैप्टन तो कैप्टन के लिए हमें देखो पहले यहां पर ना सिर्फ यूजर कॉन्टेक्स्ट था सिमिलर में बनाऊंगा अपने कैप्टन के लिए तो न्यू फाइल कैप्टन कॉन्टेक्स्ट डॉट जस एकस एंटर एंड यहां पर सीधा मैं अभी कोपायलट से बोल रहा हूं कि क्रिएट क्रिएट अ कैप्टन कांटेक्ट फॉर कैप्टन एंड ठीक है बस इतने में आई थिंक काम होने जाना
चाहिए लेकिन मैं मॉडल जो है वो क्लट यूज करना चाहूंगा एंड एंटर ठीक है तो थोड़ा सा वेट करते हैं वो क्रिएट कर रहा है ठीक है तो इसने काफी अच्छे तरीके से क्रिएट किया है लेकिन यहां पे मुझे थोड़ा जो कैप्टन प्रोवाइडर का था वो मुझे ठीक नहीं लग रहा था तो मैंने उसको थोड़ा अलग तरीके से कर रहा हूं एंड यहां पे आने के बाद कैप्टन प्रोवाइडर मैं इसको नाम नहीं दे रहा हूं मैं देखो थोड़ा सा रिनेम कर रहा हूं लाइक एक्सपोर्ट कंस्ट एंड ये सारी चीजें तो ठीक है लेकिन एक्सपोर्ट कॉन्टेक्स्ट
ये जो पर्टिकुलर पार्ट है इसको रिनेम में कर रहा हूं विद डाटा के साथ एंड इसको भी कर रहा हूं एक्सपोर्ट यहां से एंड ये जो आपका कैप्टन प्रोवाइडर है इसको मैं कर रहा हूं कैप्टन कॉन्टेक्स्ट जस्ट लाइक हमने पहले यूजर में किया था सिमिलर उसी तरीके से मैं कर रहा हूं एंड कैप्टन कॉन्टेक्स्ट जो यहां पर रहेगा जो हम यूज कर रहे थे प्रोवाइडर के तरह तो इधर पर मैं लिखूंगा आई थिंक कैप्टन डाटा कॉन्टेक्स्ट और इसी चीज को मैं एक्सपोर्ट कर दूंगा एक्सपोर्ट डिफॉल्ट कैप्टन कॉन्टेक्स्ट ठीक है तो यूज कैप्टन यूज कॉन्टेक्स्ट इसका
हम यूज कहां कर रहे हैं आई थिंक हम इसकी अभी के लिए लीड नहीं है तो इसको हटा रहे तो यहां पर हमने एक कांटेक्ट क्रिएट कर लिया फॉर कैप्टन और इधर प हमने ज्यादा चीज नहीं इस लोडिंग ये सारी चीजें करके रखी जो बेसिक अपडेट्स के लिए रिक्वायर्ड होता है सेव करते हैं सेव करने के बाद यहां पे इसको हटाएंगे इसको हटाने के बाद जो आपका मेन ड जए एक फाइल है जहां पर आपने यूजर कॉन्टेक्स्ट लगा के रखा है सिमिलर वे में आप लगाओगे कैप्टन कॉन्टेक्स्ट तो कैप्टन कॉन्टेक्स्ट हम लगा लेते हैं इंपोर्ट
कैप्टन कॉन्टेक्स्ट एंड कैप्टन कॉन्टेक्स्ट को आप लगाओगे इस पर्टिकुलर जगह पे कैप्टन कॉन्टेक्स्ट एंड यूजर कॉन्टेक्स्ट के जस्ट नीचे आप क्लोज कर दोगे कैप्टन कॉन्टेक्स्ट को अब हमें यहां पर करना क्या है यह जो आपका कैप्टन साइन अप है इस पर्टिकुलर जगह पर मुझे सेट कैप्टन चाहिए रहेगा तो इंपोर्ट कैप्टन कॉन्टेक्स्ट डेटा कैप्टन कॉन्टेक्स्ट डटा यह मुझे चाहिए रहेगा एंड इसके बाद सिमिलर मुझे यहां पर चाहिए रहेगा कंस्ट एंड सेट कैप्टन फॉर कैप्टन कांटेक्ट डाटा एंड आई थिंक यह थोड़ा गलत हो जाएगा या अगर मैं यहां पर आता हूं एंड साइन अप पर चलता हूं
साइन अप कैप्टन तो यहां पर कोई डाउट है नहीं सच तो ठीक है साइनस कैप्टन रजिस्टर कैप्टन यहां पर एक एरर आ रही है इज नॉट अ फंक्शन जो कि आनी थी ऑफकोर्स यहां पर हम यूज करेंगे ठीक है अब प्रॉपर आर अ इसकी नीड नहीं है हमें सेव तो देखो हमने यहां पे कैप्टन एंड सेट कैप्टन को मंगवा लिया है अब इसके बाद मुझे करना क्या है पहले तो ये जो फॉर्म है इसको मुझे ठीक करना है देखो जब हम एक कैप्टन क्रिएट करते हैं ना तो सिर्फ इतने से डेट से काम नहीं होता
कि भाई आपने फुल नेम दे दिया ईमेल दे दिया पासवर्ड दे दिया आपको एक डाटा और पास करना रहता है अगर आप एंड पॉइंट इसका देखने जाओगे जो कि ये है कैप्टन स्ल रजिस्टर तो यहां पे आप देखो रिक्वेस्ट ड बॉडी में आपको फुल नेम फर्स्ट नेम लास्ट नेम ईमेल पासवर्ड ये तो भेजना है उसके अलावा व्हीकल की डिटेल्स भी आपको भेजनी रहती है तो यहां पे मैं सीधा सा बोल रहा हूं इधर पे हम आते हैं सीधा बोल रहा हूं हमें और चाहिए रहेगा यहां पर लेट व्हीकल प्लेट एंड हमें यहां पे और चाहिए
रहेगी कैपेसिटी एंड लास्ट में हमें चाहिए रहेगा व्हीकल टाइप लेट्स सी ठीक है तो यहां पे प्रोमट अपन ने दे दिया और उसको चार स्टेट वेरिएबल यहां पे क्रिएट कर देने चाहिए एक्सेप्ट ठीक है तो उसने चार स्टेट वेरिएबल क्रिएट कर दिया है और सिमिलर वे में अब देखो हमने स्टेट वेरिएबल तो बढ़ा नी है लेकिन हमें ये जो फॉर्म है ना इसको ही बढ़ाना रहेगा जो अभी आपको ये फॉर्म दिख रहा है ये पर्टिकुलर फॉर्म दिख रहा है यहां पे हमें व्हीकल्स के लिए भी चीजें बढ़ानी रहेगी तो इधर पे हम आते हैं एंड
यह जो लॉगइन बटन है लॉग इन हटा के हम यहां पे बोलेंगे ठीक है क्रिएट कैप्टन अकाउंट और इधर पे अब मैं बोलूंगा इनपुट यह अपना h3 एंटर पासवर्ड एंड ठीक है इधर पे आते हैं तो यह अब सारी चीजें क्रिएट कर रहा है व्हीकल का कलर हो गया एंड व्हीकल प्लेट व्हीकल कैपेसिटी एंड फाइनली यह बोलेगा आई थिंक व्हीकल टाइप तो व्हीकल टाइप इसने सिलेक्ट फील्ड बनाया था जो कि हमें चाहिए था सेव करेंगे सेव करने के बाद वापस आके अगर दे देखते हैं हम यहां पे तो व्हीकल इंफॉर्मेशन व्हीकल का कलर आ रहा
है व्हीकल प्लेट आ रही है व्हीकल कैपेसिटी है अपने पास एंड आई थिंक ये सिर्फ एक नंबर है तो इसमें मैं कुछ भी कैरेक्टर एंटर नहीं कर सकता हूं जस्ट य एक नंबर है एंड व्हीकल जो आपका रहेगा कार ऑटो या मोटो जो भी आपका है वो आप रख सकते हो बाय डिफॉल्ट आपको कुछ इनमें से सिलेक्ट करके रखना पड़ेगा व्हीकल प्लेट व्हीकल कलर ठीक तो इतनी सारी चीजें प्रॉपर काम कर रही है अब यहां पर हम आते हैं जहां पर फॉर्म सबमिट होगा तो सबमिट की अगर हम बात करें तो सेट यूजर डाटा मुझे
चाहिए नहीं यहां पे और आई थिंक मैं इसको ऑलरेडी हटा चुका हूं तो इसको हम हटाते हैं हटाने के बाद जस्ट एक मैं वेरिएबल क्रिएट कर रहा हूं ट इज कंस्ट कैप्टन डटा इक्वल्स टू और इधर पर हमें चाहिए रहेगा व्हीकल तो व्हीकल के अंदर कलर प्लेट एंड कैपेसिटी तो इधर पर हमने एक कैप्टन डेटा वेरिएबल क्रिएट किया जहां पर हमने पूरा जो भी डटा यूजर देगा वह सब चेक करवा लिया इसके बाद सेव करते हैं एक बार एंड सेव करने के बाद सिमिलरली हम क्या करेंगे सेट व्हीकल कलर प्लेट कैपेसिटी एंड टाइप इसको कर
देंगे एमटी पर सेट सेट करने के बाद वापस आते हैं अब यहां पर मुझे एक एस रिक्वेस्ट परफॉर्म करनी है य जो पूरा डाटा यह जो पूरा डाटा हम एक्सेप्ट कर रहे हैं यह इसको लेके जाएगी अपने सर्वर प और सर्वर पे कैप्टन अपन क्रिएट करेंगे तो सेव करते हैं सेव करने के बाद इंपोर्ट यूज नेविगेट हां हमें यूज नेविगेट चाहिए और साथ ही साथ हमें चाहिए रहेगा इंपोर्ट एस ठीक है तो दो चीजें हो गई यहां पे हम एक वेरिएबल क्रिएट कर लेते हैं दैट इज़ नेविगेट कंस्ट नेविगेट यूज़ नेविगेट और उसके बाद हमें
चाहिए रहेगी एएस अब यह जो आपका हैंडल समिट समिट हैंडलर है इसको मैं बना रहा हूं एक अस सिंक फंक्शन असिंग फंक्शन और असिंग फंक्शन के बाद यहां पे मैं बोलूंगा कंस्ट रिस्पांस कैप्टन रजिस्टर यहां पे बढ़िया चल रहा है डाटा जो है कैप्टन डाटा जा चुका है ऑलरेडी और इधर पे अब मैं चेक करूंगा कंस्ट डाटा या इधर पे पहले हम ये चेक करेंगे इफ रिंस ड स्टेटस 21 देन आप क्या करोगे एक वेरिएबल क्रिएट करो जिसका नाम रहेगा डाटा और उसके अंदर जो भी डाटा सर्वर सेंड करेगा वो पूरा निकाल लो और इसके
बाद अब ये जो डाटा है डेटा में देखो एपीआई अगर आप पढ़ोगे रिस्पांस में तो आपको कैप्टन मिलता है और आपको मिलता है एक टोकन तो ये दोनों ही चीजें हमें चाहिए रहती हैं तो यहां पे हम क्या करने वाले हैं जो टोकन आने वाला है पहले कैप्टन को अपन सेट कर देते हैं और फिर जो टोकन आएगा उसको लोकल स्टोरेज में सेट कर देंगे सेव किया सेव करने के बाद नेविगेट करना है हमें बस तो नेविगेट हम कर सकते हैं कैप्टन होम और कैप्टन होम नाम से हमें एक और पेज क्रिएट करना रहेगा तो
न्यू फाइल न्यू फाइल के बाद कैप्टन होम डॉट जेएस एकस रफ कैप्टन होम अपना हो गया कैप्टन होम के बाद जो हमारे app.js एक है इसमें एक और राउट हमें क्रिएट करना रहेगा दैट इज फॉर होम एंड इसको थोड़ा मैं ठीक से रख रहा हूं बस ठीक है यहां पे आते हैं हम बोलेंगे राउट पाथ स्लैश कैप्टन होम एंड कैप्टन होम के लिए एलिमेंट होम नहीं हमें यहां पे जो चाहिए रहेगा दैट इज कैप्टन होम इसको करेंगे इंपोर्ट तो बाय डिफॉल्ट आई थिंक य इंपोर्ट हो चुका होगा जो कि हो चुका है ठीक है यूजर
साइन अप सॉरी कैप्टन साइन अप इधर पे आते हैं वापस चलेंगे फ्रंट एंड पे रीलोड करते हैं एंड अभी तक तो कुछ एरर मुझे नहीं दिख रहा एक सेटिंग और मैं बंद कर रहा हूं दैट इ प्रिजर्व लॉगस ठीक तोब यहां कुछ डेटा पास करते हैं दैट इज टेस्ट अंडरस्कोर कैप एंड टेस्ट अंडरस्कोर कैप अंडरस्कोर लास्ट कैप्टन ईमेल टेस्ट अको कैप @ gmail.com एंटर पासवर्ड पासवर्ड जो अपन रख सकते हैं दैट इज टेस्ट अकोर कैप व्हीकल इंफॉर्मेशन कलर की अगर अपन बात करते हैं तो यहां पर कलर जो दे सकता हूं रेड व्हीकल प्लेट तो
व्हीकल प्लेट एमपी 04 जड एक्स 8923 व्हीकल कैपेसिटी व्हीकल की जो कैपेसिटी है मान लो कि वह दो की कैपेसिटी है एंड व्हीकल टाइप जो है व एक ऑटो है एंड इसको करते अपन क्रिएट कैप्टन तो क्रिएट कैप्टन करने के बाद हमें एक एरर मिल रहा है एंड एरर मिलने के बाद आई थिंक मुझे पता है एरर क्या है फर्स्ट नेम एंड लास्ट नेम की प्रॉब्लम होगी फर्स्ट नेम मस्ट बी एटलीस्ट थ्री कैरेक्टर एंड इनवेलिड व्हीकल टाइप तो व्हीकल टाइप जो है इनके नाम गलत जा रहे होंगे दोनों के इस वजह से प्रॉब्लम हो रही
है ठीक है तो फर्स्ट नेम यह तो हमें साफ पता चल रहा है कि भाई इनके नाम गलत जा रहे हैं यूजर नेम के साथ भी सेम प्रॉब्लम थी यूजर के साथ एंड यहां पर यह जो व्हीकल टाइप है इसको मुझे ठीक करना रहेगा तो अगर मैं एपीआई को पढ़ता हूं तो यहां पर जो लिखा रहा है दैट इज व्हीकल टाइप यहां पर हमें लिखना रहेगा व्हीकल टाइप एंड बाकी चीजें कलर कैपेसिटी एंड प्लेट बाकी चीजें ठीक है सेव करते हैं वापस आके ट्राई करते हैं तो देखो यूजर अपना लाइक कैप्टन क्रिएट हो चुका है
और कैप्टन क्रिएट होने के बाद हम नेविगेट कर चुके हैं कैप्टन होम पे जो कि अभी तक सब बढ़िया चल रहा है अब सिमिलर हम करेंगे फॉर लॉगइन लॉगइन के लिए भी हमें सेम काम करना है अब लॉगइन रिलेटिवली इजी है क्योंकि वहां पे हमें सिर्फ दो फील्ड के साथ काम करना है दो डाटा के साथ काम करना है लॉगिन एंड पासवर्ड सॉरी ईमेल एंड पासवर्ड हमें सिर्फ इन दोनों के साथ काम करना रहेगा तो लॉगिन पे हम आते हैं कैप्टन लॉगइन कैप्टन लॉगइन के बाद ऑन सबमिट ईमेल पासवर्ड इसकी नीड नहीं है हमें तो
इसको मैं हटा रहा हूं कैप्टन इसको हम हटा सकते हैं या कंप्लीट नहीं हटा रहा हूं जस्ट एक हम ऑब्जेक्ट क्रिएट कर लेंगे कंस्ट कैप्टन इक्वल्स टू ईमेल एंड पासवर्ड हमें मिल जाएगा और इसके साथ मुझे यहां पे चाहिए रहेगा नेविगेट तो इंपोर्ट यूज नेविगेट इंपोर्ट एयस एंड हमें चाहिए रहेगा कॉन्टेक्स्ट तो इंपोर्ट यूजर कॉन्टेक्स्ट यूजर कॉन्टेक्स्ट नहीं चाहिए हमें हमें यहां पर चाहिए रहेगा इंपोर्ट कैप्टन कॉन्टेक्स्ट कैप्टन डाटा कॉन्टेक्स्ट साथ ही साथ हमें चाहिए रहेगी यहां पर कैप्टन सेट कैप्टन की डिटेल्स एक नेविगेट करके हमें यूज नेविगेट का हुक यूज करना है सेव करेंगे
सेव करने सबमिट हैंडलर यह रहेगा असं असं के बाद दो डाटा आपको मिलेंगे कैप्टन में ईमेल एंड पासवर्ड इनका हम यूज करेंगे फॉर लॉगइन कैप्टन ठीक है यहां पे हम आते हैं रिस्पांस स्टेटस चेक करेंगे स्टेटस चेक करने के बाद हम यहां पे एक वेरिएबल क्रिएट करेंगे जिसका नाम रहेगा डाटा मतलब कि जो भी डाटा रिस्पांस में मिलेगा उसको सेव करवाना है और अगर कैप्टन एजिस्ट करेगा तो उसको सेट करेंगे कैप्टन स्टोरेज पे सेट करेंगे टोकन और नेविगेट कर जाए यूजर को स्ल कैप्टन होम पे ठीक है तो अभी तक ठीक लग रहा है सारी
चीजें वापस आते हैं रीलोड करके देखते हैं टेस्ट कैप लॉग इन तो हम कैप्टन होम पे जा रहे हैं जो कि सारी चीजें अभी तक ठीक चल रही है लेकिन एक चीज अभी बची है दैट इज कि यह जो कैप्टन होम है यह भी सिर्फ कैप्टन को ही लॉग इन करना चाहिए तो उसके लिए हम क्या करने वाले हैं एक बार इसको डिलीट करके देखते हैं और अभी अगर हम देखें तो कैप्टन आराम से लॉग इन कर पा रहा है तो इसके लिए हम एक काम और करेंगे की सेव सेव करने के बाद हम एक
और रैपर काइंड ऑ बनाएंगे जैसे हमने यूजर प्रोडक्ट रैपर क्रिएट किया था सिमिलर हम बनाएंगे आई थिंक यूजर जो था इसी को मैं कॉपी पेस्ट कर सकता हूं जस्ट मुझे थोड़े रिनेम करने रहेंगे सेव किया एंड सेव करने के बाद यूजर डाटा कॉन्टेक्स्ट हमें नहीं चाहिए यहां पर हमें चाहिए रहेगा यहां पर कैप्टन या इस लाइन को पूरा हम हटा सकते हैं इंपोर्ट कैप्टन डाटा कॉन्टेक्स्ट कंस्ट कैप्टन इन दोनों को निकालेंगे एंड निकालने के बाद टोकन हम चेक करेंगे इसमें अ टोकन भी हम चेक करेंगे साथ ही साथ यह भी चेक कर रहे होंगे किय
जो आपका डाटा है लाइक जो आपका यूजर एजिस्ट करता है वो कैप्टन है या नहीं है अब देखो यहां पर एक चीज होगी एक प्रॉब्लम आने वाली है मैं आपको प्रॉब्लम बताऊंगा लेकिन उससे पहले जस्ट हम इसको एक बार यूज करके मैं दिखाना चाहता हूं जितना अभी तक बन चुका है इसको सेव करते हैं और यह जो आपका पड जए एक है इसमें एलिमेंट जो आपने यूज करके रखा है इसकी जगह में यूज करना चाहूंगा कैप्टन प्रोटेक्टेड रैपर अपना कंपोनेंट एंड क्लोज ठीक है तो अब लॉगिन पर अपन आ चुके हैं एंड लॉगइन पर मुझे
नहीं भेजना है जब अपन कैप्टन का यूज करेंगे तो हम भेजेंगे उसको कैप्टन लॉगइन पे स्लैश लॉगइन एंड ए ज एक पे देखते हैं तो यहां पे आएगा कैप्टन लॉगिन ठीक है तो अब अपन आ चुके हैं कैप्टन लॉगिन पे और जब मैं लॉग इन करता हूं तो मैं कैप्टन होम प जा सकता हूं और जैसे ही अगर मैं इसको रीलोड करता हूं तो देखो जैसे मैं इसको रीलोड करता हूं और टोकन को अगर मैं हटा दूं और फिर रीलोड करता हूं तो मैं यूजर सॉरी कैप्टन लॉगइन पे आ जाता हूं लॉग इन करते हैं
तो देखो यहां पे पता है प्रॉब्लम क्या है ये जो टोकन है यह दोनों टाइम क्रिएट होता है किसके लिए अपने यूजर के लिए भी टोकन क्रिएट होता है और कैप्टन के लिए भी टोकन क्रिएट होता है तो अगर हम एज अ नॉर्मल यूजर भी लॉग इन करेंगे तो यहां पे टोकन क्रिएट हो जाएगा और यहां पे अगर आप देखते हो यूजर या कैप्टन प्रोटेक्ट रैपर पे तो हम वैलिडेट किससे कर रहे हैं ऑथेंटिकेट किससे कर रहे हैं सिर्फ टोकन चेक कर रहे हैं अब टोकन हमने चेक किया है तो एक काम और करेंगे एक
काम हमें और करना रहेगा दैट इज कि अगर टोकन मिलता है अगर टोकन आपको मिलता है तो आप एक काम और करो कि रिक्वेस्ट करो अब आप यहां पे रिक्वेस्ट करोगे कि भाई ये जो पर्टिकुलर टोकन है ये वैलिड टोकन है या नहीं है और वो आप कैसे कर सकते हो जस्ट यूजर का जो भी डाटा रहेगा या यूजर या कैप्टन का जो भी डटा रहेगा वो आप उसके प्रोफाइल पेज से मंगवा लो अगर प्रोफाइल पेज से डाटा मिल जाता है अगर प्रोफाइल पेज से डाटा मिल जाता है तोब आप क्या करोगे तब वहां पे
जो भी चिल्ड्रन रहेगा उसको आप एज इट इज रेंडर करवा दो और अगर एरर आती है एक्सस से अगर कुछ एरर मिलती है तो उसके अकॉर्डिंग आप क्या करोगे उसको नेविगेट कर दोगे आप वापस से स्लश कैप्टन लॉगइन पे यह आपको करना रहेगा यहां पर हम एक स्टेट वेरिएबल क्रिएट कर रहे हैं जिसका नाम रहेगा इस लोडिंग इस लोडिंग के बाद हमें एक चीज और करनी रहेगी कि अगर लोडिंग हो रही है इफ और यहां पे यह जो बाय डिफॉल्ट रहेगी यह ट्रू होनी चाहिए कि ट्रू है इधर पे हम बोलेंगे इफ इज लोडिंग तो
आप रिटर्न करोगे रिटर्न लोडिंग कि भाई अभी जो है हम वैलिडेट कर रहे हैं यूजर को तब तक आप क्या करो आप लोडिंग प रहो इसके बाद इसके बाद हम क्या करने वाले हैं यहां पर डायरेक्ट में यूज करूंगा एस का एस ड इपोर्ट कैप्टन मी कैप्टन मी पे हमें नहीं जाना है हमें जाना है प्रोफाइल पे अब प्रोफाइल पे यह जो आपका पेज है प्रोफाइल जो आपका राउट है यह कुछ चीजें डिमांड करता है कौन-कौन सी तो वो मैंने यहां पे डॉक्यूमेंटेशन प लिख के रखे हमने अगर आप देखोगे रजिस्टर एंड रजिस्टर के बाद
क्या हमने यहां पे प्रोफाइल नहीं बनाया है यूजर्स प्रोफाइल तो आई थिंक यहां पे डॉक्स अपडेट नहीं हुए हैं प्रोफाइल के लिए तो वो हम अभी कर देंगे लेकिन नॉर्मल अगर हम यूजर प्रोफाइल को भी देखते हैं अगर हम यूजर प्रोफाइल को भी देखते हैं तो ये कुछ चीजें आपसे डिमांड करती है दैट इज कि हेडर के अंदर ऑथराइजेशन में टोकन जाना चाहिए तो सिमिलर हम यहां पे करेंगे हेडर्स ऑथराइजेशन यह सारी चीजें और देन के बाद अब ये पर्टिकुलर पार्ट है मैं चाहता हूं कि आप समझो अच्छे से तो मैं इसको मैनुअल लिखूंगा देन
जो भी रिस्पांस आएगा जो भी रिस्पांस आने वाला है हम उसको एक्सेप्ट करेंगे एक्सेप्ट करने के बाद अगर स्टेटस 200 है अगर स्टेटस 200 आता है तो जो कैप्टन है उसमें हम कैप्टन को सेट कर देंगे वरना और ये जो सेट इज लोडिंग है इसको अपन फाल्स कर देंगे फॉल्स करने के बाद अगर जैसे हम इसको फॉल्स करते हैं तो देखो यह क्या करेगा चिल्ड्रन को रेंडर कर देगा वरना वरना हम क्या करेंगे यहां पर आएंगे डॉट कैच कि भाई अगर कुछ एरर आता है अगर कुछ एरर आता है तो हम इसको वापिस से रीडायरेक्ट
कर देंगे कहां पे स्लैश कैप्टन लॉगइन पे देखो अब एरर आएगा कब एरर सिर्फ तब आएगा जब ये जो आपका टोकन है ये जो आपका टोकन आपने यहां पे यूज करके रखा है ये वैलिडेट नहीं होगा ये एक सही टोकन नहीं होगा तभी यहां पर कुछ एरर आएगा तो उसी के लिए हमने क्या किया कि भाई टोकन आपका एक्सपायर हो चुका है आपका टोकन एक्सपायर हो चुका है तो हम यहां पे एक काम और कर सकते हैं पता है क्या टोकन हटा देंगे और टोकन हटाने के बाद नेविगेट कर देंगे हम कैप्टन को लॉग इन
करते टाइम इधर पर आते हैं और आई थिंक कुछ एरर्स आ रहे हैं इस लोडिंग ऑफ यूज कांटेक्ट इट इज अनडिफाइंड कैन नॉट ओके यहां पर हम आएंगे एंड आई थिंक इसने यूज स्टेट क्रिएट नहीं किया है इसने यूज कॉन्टेक्स्ट बोला है तो यूज स्टेट आई थिंक ठीक है अब आते हैं लॉग इन करेंगे लॉग इन करने के बाद अब यह प्रॉब्लम कर रहा है लोडिंग इज नॉट अ फंक्शन ओके तो यह एक अरे लता है आपसे ठीक कैप्टन होम हम यहां पर आ चुके हैं प्रॉपर एंड वैलिडेशन अब प्रॉपर वैलिडेशन चल रहा है सिमिलर
एक टास्क मैं आपको दे रहा हूं कि सिमिलर स्ट्रक्चर में यह जो यहां पर मैंने कि भाई प्रोफाइल प आप जाओ प्रोफाइल पर जाने के बाद आप उसको वैलिडेट करो सिमिलर में चाहूंगा कि आप इसको परफॉर्म करके देखो यूजर प्रोटेक्ट रपर पे उससे क्या होगा जो आपकी बोल सकते हो सिक्योरिटी रहती है एप्लीकेशन की वो काफी अच्छे से एनस हो जाएगी तो ये आपका एक टास्क है आप इसको करके देख सकते हो तो अब नेक्स्ट पार्ट में आपको सार्थक भैया मिलेंगे और सार्थक भैया वापस में आऊंगा तो जब तक आपको सार्थक भैया मिलेंगे तो इस
पर्टिकुलर पार्ट में आई थिंक आपको यूजर ऑथेंटिकेशन वाली चीजें सारी मिल चुकी होंगी तो बस नेक्स्ट पार्ट में सार्थक भैया के पास चलते हैं अपन अच्छा तो सुनो अ आपके लिए एक टास्क और है जो मैंने आपको एक टास्क दिया था दैट इज कि यूजर को आप ऑथेंटिकेट करो तो उसका कोड कुछ ऐसा रहा अगर आपसे नहीं हुआ है तो आप इसको देख सकते हो वरना एक टास्क आपको और करना है कि एक लॉग आउट राउट आपको क्रिएट करना है फॉर कैप्टंस कि भाई कैप्टंस भी लॉग आउट कर सके तो उसके लिए आपको एक राउट
क्रिएट करना रहेगा तो बस ये एक टास्क और था अब अपन सर्ता गवे के पास चलते हैं हमारा सर्वर चलते चलते रुक गया था प्रॉब्लम ये थी कि हमें करना यह है सबसे पहले तो जब अब मैंने यहां पर फ्रंट एंड और बैक एंड करके दो फोल्डर्स बनाया और मैं जब गिट इट लिया जब मैंने पुल करी रिक्वेस्ट तो मुझे यहां पर बैक एंड के अंदर डॉट एनवी फाइल बनानी पड़ी क्योंकि पहले से नहीं बनी हुई थी तो मैंने डॉट एनवी फाइल बनाई जिसके बाद मैंने यहां जाके आई थिंक आई थिंक सब कुछ ठीक चल
रहा है इसके बाद मैंने यहां जाके क्या कहा मैंने फ्रंट एंड के अंदर भी यहां पे एक डॉट नबी फाइल बनाई है जिसके अंदर मैंने ज्यादा कुछ नहीं लिखा है यहां पर आप देख सकते हैं बहुत नॉर्मल तरीके से यहां पे मैंने बेस यूआरएल लिखा है मेरा और आई होप आप समझ पा रहे हैं किस तरीके से हमारा यहां पे काम चला है उसके बाद मैं मुझे करना क्या है मुझे यहां जाके दोनों सर्वर्स को स्टार्ट करना पड़ेगा तो आपको दो टर्मिनल्स ओपन करने पड़ेंगे पहला टर्मिनल बैक एंड के लिए दूसरा टर्मिनल फ्रंट एंड के
लिए मैं दोनों टर्मिनल्स को ओपन करके बता देता हूं आप लोगों को वैसे तो बता दिया गया होगा आपको लेकिन नहीं बताया तो एक बार फिर से देख लो कोई दिक्कत थोड़ी है सुनो दि टर्मिनल में आप बैक एंड वाले फोल्डर के अंदर जाएंगे सीडी बैक एंड करके और एनपी एक नोड ऑन कर देना यहां जाके आपका बैक एंड का सर्वर स्टार्ट हो जाएगा और फ्रंट एंड वाले के लिए आपको सिंपली यहां जाके एनपीएम रन डेव कर देना तो आपका फ्रंट एंड का सर्वर भी स्टार्ट हो जाएगा तो देखो बैक एंड का चल रहा है
कनेक्टिंग टू डीबी डीबी से कनेक्ट हो गया फ्रंट एंड का चल रहा है लोकस्ट 5173 पे और यहां जाके अगर मैं देखूंगा तो मुझे यहां पर दिखाई दे रहा है लेट्स सपोज मैंने यहां पे कंटिन्यू पे क्लिक करा ये हमारा लोडिंग पेज था इसको हमने स्टार्ट बना दिया था यहां जाके अकाउंट तो है नहीं तो मैं अपना अकाउंट क्रिएट कर लेता हूं लेट्स सपोज सार्थक शर्मा थक @ sharma.com फ और जैसे ही मैं यहां पर क्रिएट अकाउंट पर क्लिक करूंगा मेरा अकाउंट क्रिएट हो जाएगा लेकिन यहां पर फिर से कोई एरर आ रही है लेट
मी सी अभी एरर क्या कह रहा है बैड रिक्वेस्ट फील्ड विद स्टेटस एजूस एरर आई थिंक हम लोगों को कुछ चीजें टेस्ट आउट करनी पड़ेंगी कई बार हो जाता है अकाउंट बनाते टाइम यहां पर जाके अगर मैं बैक एंड को जाके चेक करूं शायद हो सकता है कुछ गिट का इशू हो रहा हो तो शायद मैं यहां पर जाके गेट ड ऑल गेट कमिट ड एम मैंने यहां जाके लिखा टेस्ट और यहां जाकर मैंने कहा गेट मैंने फ्रंट एंड के अंदर फाइल बनाई है और गेट इग्नोर के अंदर फ्रंट एंड के अंदर से मैंने गेट
इग्नोर नाम की फाइल को हटा दिया है नाइस नाइस और यहां जाकर मैं कहूंगा गेट पुश ड य ओरिजिन सार्थक लेट मी सी व्ट हैपन ठीक है यहां पर जाकर मैंने अने चेंस को पुश कर दिया और अगर मैं कहूंगा गेट पुल ड यू ओरिजिन मेन यहां जाके शायद मुझे डैश यू नहीं लगाना चाहिए था यहां जाके मैंने मेन ब्रांच को अगर पुल कर लिया तो मैं शायद ऑलरेडी अप टू डेट हूं तो मुझे कोई दिक्कत नहीं है मैं यहां जाक अपना सर्वर स्टार्ट कर सकता हूं ठीक है जस्ट फॉर अ मिनट मैं चेक कर
लेता हूं मेरे पास डबी फाइल यहां पर बन के तैयार है मेरे पास फ्रंट एंड के अंदर डॉबी फाइल बन के तैयार है मेरे पास यहां पे गट इग्नोर है ट्स इट यहां जाके हम देखें अगर तो मेरा बैक एंड का सर्वर भी करेंटली रनिंग में है एमपी ए करके और अगर मैं फ्रंट को यहां पर जाके देखूंगा app.js एक को तो यहां पे सब कुछ एकदम बढ़िया तरीके से चल रहा है मैं एक चीज और देखना चाहूंगा यूजर साइन अप जो है ना यूजर साइनअप के अंदर आपने एओस लगा के रखा है और आप
एक चीज और चेक कर लेना अच्छा बैक एंड का सर्वर रुक गया बाय द वे ये सर्वर रुका है इसलिए मिसिंग स्क्रिप्ट डेव एनपीएम रन अम सॉरी एनपी एक नमन करके लिखना था आदत है ना खराब आदत क्या कर सकते हैं आप एनपी एक नमन यहां जाके नमन से हमारा सर्वर स्टार्ट हो जाएगा और यहां पे हमारा सर्वर चल ही रहा है आप चाहे तो एक बार फ्रंट एंड के अंदर एनपीएम आई एक्सस कर लीजिएगा जिससे कि अगर एकस मान लेते हैं कि मेरे सिस्टम में नहीं हुआ होगा इंस्टॉल तो इंस्टॉल हो जाएगा और मैं
रन कर लेता हूं सर्वर अब अगर मैं ध्यान से देखूं और मैं रीलोड करूं अब मुझे भरोसा है कि चल जाना चाहिए लेट्स सी अगर नहीं चला तो कोई बात नहीं भाई माफ कर देना यार लेट्स सपोज यहां पर मैं क्रिएट अकाउंट पर क्लिक कर रहा हूं तो अकाउंट क्रिएट नहीं हो रहा है लेट सपोज मैं साइन इन करता हूं एस अ कैप्टन रजिस्टर एस अ कैप्टन मैं यहां पर जाकर ए कैप्टन करता हूं तो मैंने यहां जाकर लिख दिया मेरा नाम है मान लेते हैं सार्थक शर्मा कैप्टन सीमेल सार्थक @ कैपन डट कॉ पासवर्ड
डालता हूं मैं 123 व्हीकल कलर है मेरा ब्लैक व्हीकल की प्लेट का नंबर दे दिया मैंने टूथ 4 व्हीकल की कैपेसिटी है हमारी मान लेते हैं पांच लोगों की और व्हीकल है मेरा मान लेते हैं कार नाइस क्रिएट कैप्टन अकाउंट यहां पर भी एरर आ रहा है अब एरर कह रहा है एओस एरर अवेट इज अनलोडेड ऑन सबमिट कैप्टन साइन अप जब हम कर रहे हैं तो यहां पर हमारे पास रिक्वेस्ट फील्ड विथ स्टेटस लेट मी मेक इट स्मॉलर फील्ड विद कैप्टन के अंदर जाके आप कैप्टन साइन अप नहीं कर पा रहे हैं क्योंकि आपके
कोड में कुछ तो दिक्कत है मालिक भाई मैं आधे घंटे से परेशान हो रहा हूं और यह बंदे ने मुझे अब बताया है कि दिक्कत इसलिए आ रही है क्योंकि मैं जब यहां पर जाके लेट सपोज शर्मा यहां जाके ss.com बनाता हूं और मैं पासवर्ड टूथ डाल रहा था क्रिएट कर रहा था अकाउंट तो यहां पर हमारे पास कंसोल पर एरर आ रही थी एरर इसलिए आ रही थी क्योंकि एटलीस्ट छह कैरेक्टर का डालना है तुम लोगों को पता होगा लेकिन मुझे नहीं पता था ना और मैंने क्रिएट करा अकाउंट लो जी होम पेज पे
आ गए अब होम पेज बनाना है हमको सबसे इंपोर्टेंट तो सबसे पहले अगर हम यूजर मोबाइल का स्ट्रक्चर देखेंगे तो हमारा डाटा कुछ इस तर का दिखाई देने वाला है अब मैं कुछ समझा रहा हूं ध्यान से सुनना सारे लोग हमारी इमेज अगर कुछ ऐसी अब ये सीधा डाउनलोड करके दे रहा है मुझे डाउनलोड करने की इच्छा है नहीं यार देखो ईमानदारी से बताऊं तो तो मेरी फाइल ना कुछ ऐसी दिखाई दे रही है आप अगर ध्यान से देखेंगे तो कुछ ऐसी जिसमें आपके पास ऊपर मैप है और नीचे साइड में यहां पर आपके पास
एक डेव है जिसके अंदर जैसे ही आप क्लिक करते हो यानी कि जैसे आपने इस इनपुट पे क्लिक करा तो ये ऊपर की साइड में चले जाता है हमें कुछ इस तरीके का स्ट्रक्चर बनाना पड़ेगा दोस्तों समझ रहे हो ना मैं क्या कहना चाह रहा हूं तो चलो फिर देखते हैं कैसे करना है यहां पे यहां पर आते हैं हम लोग हमारे सर्वर पे यहां पर हमारा होम राउट बनके तैयार है मैं यहां पर जाऊंगा स्लैश होम पे लेट्स सी वयर इट इज इतने सारे पेजेस बन गए हैं स्लैश होम पर चलते हैं यहां पे
अभी सिर्फ होम लिखा हुआ है अगर मैं ध्यान से देखूं तो यहां पे ऊपर साइड में u का लोगो लगा हुआ है तो यहां जाके मैंने एक इमेज टैग लगाया जिसके अंदर मुझे चाहिए u का ब्लैक कलर का ट्रांसपेरेंट लोगो मैंने वैसे तो निकाल के रखा हुआ था ये कहीं पे इस ऐसी चीजों को ना यार पता है अपने को एसेट्स के अंदर संभाल के रखना चाहिए देखो देख ईमानदारी से बताए तो लेकिन अब अपन क्या थोड़े से मतलब भूल जाते हैं यार बच्चे हैं माफ कर दो भाई u का लोगो दे दो गाइस u
का ट्रांसपेरेंट लोगो पीएनजी चाहिए मुझे ये रहा पीएनजी मैंने यहां पे कहा कॉपी इमेज एड्रेस एंड देन पेस्ट हियर ट्स इट यहां जाके अगर आप ध्यान से देखेंगे तो यहां पर आपको u का लोगो दिखाई देगा गाइस यहां जाके मैंने कहा है क्लास नेम और क्लास नेम मैंने दे दिया इस इमेज को हाइट नहीं मैं इसको विड्थ दे देता हूं एक काम करता हूं विड्थ दे दिया मैंने मान लेते हैं इसको 20 ये विड्थ थोड़ी छोटी हो जाएगी मुझे देना चाहिए इसको 16 और मैं इसको देना चाहता हूं फिक्स्ड फिक्स नहीं मैं इसको देना चाहता
हूं एब्सलूट और लेफ्ट से पाच और टॉप से पांच कुछ यहां पर अपना लोगो दिखाई दे रहा है इमेज ठीक है अब यहां पर मेरे पास एक डिव है जिसके अंदर मेरी यह पूरी की पूरी इमेज रहने वाली है यह वाली जो इमेज है ना जिसके अंदर आपको मैप दिखाई दे रहा है तो लेट्स सपोज मैंने यहां पे सर्च किया googleapis.com लेट्स सपोज कार मैप इमेज रियलिस्टिक सा चाहिए थोड़ा सा अच्छा लगे जो देखने में ये अच्छा लग रहा है बस थोड़ी सी उसकी क्वालिटी ठीक हो जाए ना तो मजा ही आ जाएगा यह वाला
और अच्छा लग रहा है ये अपने काम के साथ भी चलेगा और जीआईएफ तो और मजा आ रहा है वैसे तो अंकर जब आगे जाके काम करेगा तो यह यूआई जो है व काफी हद तक चेंज हो जाएगा लेकिन अपन अभी के लिए तो काम इस चला ही सकते हैं ठीक है डिजाइन र मैप सर्च करता हूं यहां पर शायद मुझे कुछ अच्छा मिल जाए और काफी बढ़िया बढ़िया चीजें तो मिल रही है देखो इदारी से कहू तो लेकिन अभी एगजैक्टली वो नहीं मिल पा रहा जो अपने को चाहिए अभी के लिए काम करते हैं
कुछ ऐसा लगा देते हैं ठीक है मैंने यहां जाके कहा कॉपी इमेज एड्रेस और यहां पर मैं वहां पर बाय द वे इमेज की जगह कुछ और लगाएंगे लेकिन अभी के लिए इमेज लगा देते हैं लेट्स सपोज मेरे पास एक डिव है जिसके अंदर मैंने अभी के लिए लेट्स सपोज मैं लगा देता हूं इमेज फॉर मम ते आगे कब चला गया इमेज फॉर टेंपररी टेंपररी की स्पेलिंग यही होती है यही होती होगी काम चला लेना तुम है ना तुम समझ लेना यार भाई इतनी तो चलता है है ना तो यहां जाके इमेज फॉर टेंपररी यूज
लिख दिया मैंने और यहां जाके मैंने उसको कर दिया कमेंट दैट्ची स्क्रीन बराबर और विड्थ मैं देना चाहता हूं इसको स्क्रीन बराबर ठीक है कुछ ऐसा दिखाई देगा अब मेरी ये जो इमेज है ना डिजाइन ऊपर मैप वाली ये इमेज थोड़ी सी छोटी है इस चीज को तो आपको पता है ये तो आप लोगों को जानते ही है आप ठीक है तो हमें करना क्या है हमें यहां पर जाके या तो थोड़ी बड़ी इमेज ढूंढनी है अगर मिल जाती है तो बहुत अच्छी बात है लेकिन मिल जाएगी अभी नहीं मिलेगी किस्मत जानते हो ना तुम
मेरी कैसी है ठीक है मतलब इतना पढ़ चुके हो तो इतना तो तुम समझ ही चुके होग कि किस्मत जो है वो कभी हमारा साथ नहीं देती है दोस्तों किस्मत काफी हरामजादी चीज है सॉरी फॉर ब्यूजिंग बट इट इज व्हाट इट इज तो अभी हम एक काम करते हैं जो इमेज मिली उसके साथ काम चलाते हैं और यहां जाकर मैं एक काम करता हूं मैं यहां पे इमेज को क्लास नेम दे सकता हूं दोस्तों हाइट पुल और विड्थ पुल ट्स इट यहां पर जाके मैं कह देता हूं इसको ऑब्जेक्ट फिट ऑब्जेक्ट कवर ऑब्जेक्ट फिट कवर
दे दिया मैंने एज वी कैन सी यहां पर मेरी इमेज कुछ इस तरीके से लग गई है अब एगजैक्टली मुझे इस इमेज से नहीं करना काम मुझे एक नीचे एक और डिफ बनाना पड़ेगा तो सुनना ध्यान से करना क्या है यहां पर ध्यान से ये डिफ को बने रहने दो साथ में मेरे पास एक और डिव है और मैं इसको यह जो डिव मैंने बनाया है यहां जाके अगर देखूंगा तो मुझे एगजैक्टली फीचर कैसा बनाना है वो समझना यहां पर आपके सामने लिखा है ऐड पिकअप लोकेशन एंड ऐड डेस्टिनेशन जैसे ही मैं ऐड पिकअप लोकेशन
पे क्लिक करूं तो ये पूरा का पूरा जो सेक्शन है वो ऊपर की तरफ आ जाए मतलब इस वाले पार्ट के ऊपर आ जाए आर यू गेटिंग माय पॉइंट राइट तो मैं इस फीचर को अगर बनाना चाहता हूं तो मुझे करना क्या पड़ेगा मुझे यहां पर जाके एक डिव बनाना पड़ेगा जिसके अंदर मेरे पास यहां पर एक h4 है जिसके अंदर मैंने लिखा है फाइंड अ ट्रिप जिसके बाद मैंने यहां पर जाके लेट्स सपोज एक फॉर्म क्रिएट करा है जिसके अंदर एक्शन का हमारे पास कोई काम नहीं है एक्शन को हटा देते हैं फॉर्म जो
हमारा बनके आया है इस फॉर्म के अंदर हमारे पास एक इनपुट है जिसके अंदर मैंने प्लेस फोल्डर लिखा है ड अ पिक अप लोकेशन ऐड अ पिक अप लोकेशन इनपुट प्लेस होल्डर एंटर योर डेस्टिनेशन एंटर योर डेस्टिनेशन दैट्ची है ठीक है एक बार लॉग इन करके ट्राई कर लेते हैं हम लोगों के क्रेडेंशियल थे ss.com और यहां जाके के पासवर्ड था 1 2 3 4 5 6 आप लोग मेरे आईडी से मत करना लेकिन लेकिन ये कुछ ऐसा दिखाई दे रहा है इसके जस्ट नीचे यहां पे फाइंड अ ट्रिप ऐड पिकअप एंड ड्रॉप लोकेशंस दिखाई
दे रही है हमको अब अगर मैं ध्यान से देखूं तो मैं इस डिव को दे सकता हूं क्लास नेम बीजी वाइट ठीक है भैया क्यों दिया इसको बता रहा हूं बस दो मिनट रुक जाओ और यहां साथ में जाके मैंने बैकग्राउंड कलर वाइट देने के साथ में मैंने इसको दे दिया है पोजीशन एब्सलूट तो मैं सिर्फ यहां पर लिखूंगा एब्सलूट दैट्ची तो यहां पर ये हवा में उठ जाएगा यहां पर मुझे कुछ इस तरीके का दिख रहा है और साथ में मैं ये जो पैरेंट डिफ था इसको हाइट दे दूंगा स्क्रीन बराबर और पोजीशन दे
दूंगा रिलेटिव दैट्ची है और साथ में मैंने यहां जाके ये जो डिव है इसको मैंने कह दिया कि बड़े भाई आप रहेंगे टॉप से जीरो पे तो देख सकते हैं यहां पर हमको टॉप से जीरो पे फाइंड अ ट्रिप वाला ऑप्शन दिखाई देने लगा है क्यों करा भैया आपने इतनी गलत काम को क्यों अंजाम दिया मैं बता रहा हूं मुझे माफ करना ओम साईं राम ठीक है सुनो ध्यान से बीजी वाइट एब्सलूट टॉप्स जीरो साथ में मैंने यहां जाके कह दिया विड्थ रहेगी आपकी फुल फाइंड अ ट्रिप जो लिखा हुआ था उसके पहले मैं यहां
जाके एक काम करता हूं मैं थोड़ी सी पैडिट दे देता हूं तो मैं पैडिचिंतपाडु यह जो मेरे पास h4 बना हुआ था इसको मुझे शायद क्लास नेम देके अ टेक्स्ट को कर देना चाहिए मुझे इसके डबल एक्सल और साथ में मुझे इसका फॉन्ट कर देना चाहिए सेमी बोल्ड ठीक है आई थिंक सेमी बोल्ड विड बी अ गुड चॉइस सो इट विल लुक लाइक दिस ओके सो वी कैन गिव इट लाइक थ एक्सल और थ एक्सल पे ये कुछ ऐसा दिखाई देने लगेगा फाइंड अ ट्रिप करके जो आपके स्क्रीन पर दिख रहा होगा यहां पे फाइंड
अ ट्रिप अब मुझे ज्यादा बेटर दिखाई दे रहा है साथ में मैं इस को थोड़ा सा टॉप साइड से अ देना चाहता हूं कुछ कलर्स वगैरह तो यहां जाके एक काम करते हैं यहां पर ये कुछ ऐसा दिखाई दे रहा है ना साथ में मैंने यहां जाके देखा तो एडिंग वगैरह देने के बाद यहां पर मेरे पास फॉर्म है फॉर्म के अंदर इनपुट है इनपुट के अंदर मैंने यहां जाके क्लास नेम दे दिया है जिसको मैंने दे दिया बीजी और मुझे वही वाला कलर देना है जो इन्होंने दिया तो # ईईई दैट्ची पहले वाले का
तो एटलीस्ट दिख ही रहा है ना साथ में मैंने उसको दे दिया है p एक्स मैंने दे दिया लेट्स सपोज 8 का और पवा मैंने दे दिया लेट्स सपोज टू का साथ में मैंने इसका टेक्स्ट भी कर दिया हल्का सा लार्ज हल्का सा ज्यादा नहीं हल्का सा तो देखेंगे अगर ध्यान से तो हमारा प प ऐड अ पिकअप लोकेशन क्या लिखा था हमने यहां पे ऐड अ पिकअप लोकेशन लिखा था ना तो ऐड पिकअप लोकेशन कुछ ऐसा दिखने लगेगा साथ में मैंने कर दिया उसको राउंडेड और राउंडेड में भी मैंने राउंडेड लार्ज क्या आ रहा
है लार्ज ठीक है और सेम चीज सेम चीज हमने यहां जाके कॉपी करी है यहां पर अगर मैं देखूंगा तो दोनों कुछ ऐसे दिखाई देने लगेंगे मुझे इन दोनों के बीच में थोड़ा सा गैप चाहिए तो मैंने यहां जाके इसको दे दिया है क्या इसकी विड्थ फुल है लेट मी चेक जस्ट अ मिनट ओरिजिनल वाले में और इस वाले में फर्क बस इतना है कि इसकी विड्थ फुल है तो मैंने इसको विड्थ दे दी फुल ठीक है अप्लाई हो रहा है भाइयो धीरे-धीरे चलता है यार थोड़ा सा स्लो कंप्यूटर है माफ करना लेकिन अगर मैं
देखूंगा ध्यान से तो यह विड्थ अप्लाई हो गई है फुल और साथ में मैंने यहां जाकर कहा कि मार्जिन बॉटम में देना चाहता हूं मान लेते हैं टू का या थ्री का जैसा कि आप देना चाहे दे सकते हैं यहां पर जाके कुछ ऐसा दिखाई देगा जब चाहे तो इसको मार्जिन बॉटम की जगह मार्जिन टॉप दे दीजिएगा ्र या फ और इस वाले भाई को मार्जिन टॉप दे दीजिएगा लेट्स सपोज थ्री और साथ में विड्थ फुल जो दिया था वो इसको भी दे देना थोड़ा सा इसकी भी विड्थ फुल हो जाएगी और अगर आप ध्यान
से देखोगे तो दोनों भाई बिल्कुल एकदम तबाही लगेंगे देख लेते हैं चलके दोनों भाई दोनों ही तबाही देखने में लग र है हम दोनों को ठीक है तो साथ में मैंने यहां जाके एक काम और करा मैं यहां पर जाके प एक को थोड़ा सा बढ़ाना चाहता हूं तो मैंने प एक को कर दिया 12 और यहां भी मैंने कर दिया 12 थोड़ी सी राइट लेफ्ट से पैडिट जाएगी तो मेरे को यहां पर ज्यादा अच्छा सा दिखाई देने लगेगा और इसके अंदर मैं कुछ भी लिख सकता हूं अपने डेस्टिनेशन का नाम अब वो बीच में
लाइन थी वो बन जाएगी कोई बहुत बड़ा इशू नहीं है साथ में अगर मैं यहां पर ये लिख रहा हूं इसके साथ में मैं चाहता हूं कि ये नीचे रहे यानी कि इस बॉटम वाले पॉइंट पर और जैसे ही यहां पर कोई भी क्लिक करे इस पे ये तुरंत के तुरंत ऊपर आ जाए हमें मेनली यह चाहिए और और अगर कुछ चाहिए हो तो वो भी देख लेते हैं ना हमें अभी मेनली बस ये चाहिए और इसका फॉन्ट साइज 2 एक्सल ही ठीक था अभी अभी मेनली यह चाहिए हमें है ना और इसका टेक्स्ट जो
है मुझे लग है कि मैंने एलजी देके थोड़ी सी गलती कर दी है मेरा टेक्स्ट जो था वो बेस ही बढ़िया था थोड़ा सा छोटा दिख रहा था तो ज्यादा अच्छा लग रहा था बड़ा हो गया तो थोड़ा अजीब सा लगने लगा तो सुनो ध्यान से करना क्या है यह जो मैंने डिव बनाया है इसको मैं देना चाहता हूं मान लेते हैं बॉटम से जीरो पे ट्स इट तोय बॉटम से जीरो पर चला जाएगा चला गया कोई परेशानी इसमें नहीं परेशानी है ठीक है या फिर अगर आप चाहे तो इसके डिव को ये जो डिव
आपने बनाया इसमें यहां पर जाके आप बना सकते हैं एक सेक्शन जिसकी हाइट जो है वो रहेगी अ जैसे अगर हम देखने जाए यहां पर तो जब एक बार मेरा बंदा क्लिक कर देता है उसपे तो यह कुछ इस तरीके से खुल जाता है है ना ठीक है तो एक काम कर सकते हैं यार यहां पे ना हमारे पास ये डिव है जिसके अंदर दो एलिमेंट्स है एक ये एलिमेंट है और एक ये एलिमेंट है ये वाला जिसके अंदर सजेशंस आ रहे हैं तो अगर मैं ध्यान से देखने जाऊं तो मैं एक काम कर सकता
हूं इसको बना सकता हूं एक डिव के अंदर कुछ इस तरीके से जो कि कुछ ऐसा दिखाई देगा और इसके साथ में एक और डिव है मेरे पास जिसकी मैं हाइट दे देता हूं क्लास नेम देके हाइट अपन एक अजमन लेके चलते हैं राइट तो यहां जाके अगर मैं देखने जाऊंगा तो मैंने इस वाले डिफ को क्लास नेम दे दिए और साथ में मैंने इसको हाइट दे दी है मान लेते हैं समवेने % ठीक है और इस वाले को मैंने दे दी हाइट मान लेते हैं 70 पर यहां जाक इसको मैंने बीजी दे दिया रेड
और रेड भी मैंने बता दिया इसको कि मैं आपको बीजी रेड 500 देना चाहता हूं अगर मैं ध्यान से देखूंगा तो य कुछ ऐसा दिखाई देने लगेगा कहां दिखाई दे रहा भैया देगा देगा देगा रुको तो जरा रुको यहां जाके मैंने इसको हाइट इतनी दे दी और मैंने ये जो डिफ बनाया था इसको हाइट मैंने दे दी स्क्रीन बराबर और यह बॉटम टम छोड़ो यहां पर ऐसा ही बैठा हुआ है अगर मैं ध्यान से देखूंगा तो ये कुछ ऐसा दिखाई देने वाला अब हमको सब कुछ भैया कहां गया फाइंड अ ट्रिप नीचे चला गया हां
टॉप से जीरो या बॉटम से जीरो देना जरूरी है तो मैं कह देता हूं टॉप से ही जीरो तो ये कुछ इस तरीके का दिखाई देने लगेगा बढ़िया कोई परेशानी नहीं है इसमें सब कुछ सही जा रहा है मैंने यहां जाके क्या कहा मैंने यहां जाके कहा कि यह जो मैंने पडि वाला काम करा था और साथ में यह जो मैंने बीजी वाइट वाला काम करा था ये मैंने इसके अंदर करा था था नाइस ये कुछ ऐसा दिखाई देने लगेगा और साथ में इसकी पैडिट दो इसकी अंदर पडि की जरूरत नहीं है पैडिएनल्लूर गायब हो
जाएगा दैट्ची [संगीत] कॉलम और साथ में मैंने देके रखा है फ्लेक्स डिस्प्ले फ्लेक्स फ्लेक्स डायरेक्शन कॉलम और और और और और और क्या देना चाहिए था अपने को बस अभी तो फ्लेक्स डायरेक्शन कॉलम देना चाहिए था और अलाइन आइटम जो है अलाइन आइटम्स अब ऊपर नीचे की जगह राइट लेफ्ट में काम करने वाला है ठीक है अलाइन आइटम्स देने की जगह जस्टिफाई मैंने दे दिया लेट्स सपोज एंड ये लास्ट से स्टार्ट होगा यहां से तो अगर मान लेते हैं ये डिव नहीं है ये डिव को अगर मैंने कर दिया हिडन तो ये जो मेरा पहला
वाला डिव ऑटोमेटिक नीचे आ जाएगा और अगर मैंने इसको बैकग्राउंड वाइट नहीं दिया तो लॉजिक समझ में आ रहा है ना आप लोगों को हमारे पास यहां पर एक डिव है कुछ इस तरीके का दिखाई दे रहा है इसके अंदर दो डिफ्स है एक है वो जो वाइट कलर का दिख रहा है और एक है वो जो दिखाई नहीं दे रहा वो दिखाई तब देगा जब आप यहां पे क्लिक करोगे और अभी हमको सब कुछ बढ़िया दिखाई दे रहा है आपको लग रहा होगा कि ये नॉर्मल है लेकिन सिंपल बस मुझे एक छोटी सी चीज
करनी है इसको हिडन से हटाना है ये ऑटोमेटिक ऊपर आ जाएगा दैट्ची अगर आप चाहे तो इसको हिडन से ना भी हटाना चाहे तो इसको एक काम कर लेना इसको हाइट दे देना लेट्स सपोज जीरो कितना आसान है इसको हाइट दे देना कितनी जीरो तो अगर देखोगे तो ये कुछ ऐसा दिखाई दे रहा है जैसे यहां पर जाके जैसे यहां पर जाके हाइट नहीं है तो फिर पैडिट भी नहीं है ऑटोमेटिक स्क्रॉल क्यों हो रहा है ये ठीक है हाइट नहीं है तो फिर पैडिट भी नहीं है तो अभी कुछ ऐसा दिख रहा है जैसे
ही अगर आपका काम हो जाए तो इसको हाइट दे देना अराउंड अराउंड 70 प्र तो ऑटोमेटिक ऊपर आ जाएगा दैट्ची बना लिया इसमें तो कोई परेशानी नहीं है उसके अलावा मुझे क्या करना है अब जब मेरे को इस पे क्लिक करूं तो ये ऊपर आए और एनिमेशन के साथ हो तो थोड़ा सा बढ़िया लगेगा काम तो ज्यादा तो वैसे मुझे लगता है अपने को एनीमेशंस नहीं देने चाहिए लेकिन अगर आप चाहते हैं थोड़े बहुत हल्के-फुल्के एनिमेशन देना तो आप यूज कर सकते हैं जी साप का जिससे कि ये छोटा सा इफेक्ट काफी एफिशिएंटली बने वैसे
तो काफी भारी एप्लीकेशन ऑलरेडी बन चुका है लेकिन जी साप से ज्यादा फर्क पड़ेगा नहीं और साथ में मुझे इस फॉर्म को भी वैलिडेट करना जरूरी है तो मैंने यहां पर जाके ये जो फॉर्म बनाया पहले वाले डिफ के अंदर मैं यहां जाके इस फॉर्म के अकॉर्डिंग यहां पर रिजल्ट्स लेकर आना चाहता हूं तो मैंने यहां जाकर फॉर्म के ऊपर सबसे पहले तो लगाया ऑन सबमिट ऑन सबमिट पर यहां पर जाके सबमिट हैंडलर ई पास कर दिया और कंस्ट सबमिट हैंडलर का नाम अच्छे से लिखना इज्जत के के साथ वो अब उसको इज्जत चाहिए भाई
है ना वो लिवर लिवर करने वाला सबमिट हंडर नहीं स्पेलिंग तो सही लिख रहा हूं ना सजेशन आ रहा आजा भाई प्लीज यार अगर आप इस वीडियो को लाइक करोगे तो मैं एक नया लैपटॉप ले लूंगा मजाक से हटके हर्ष भया से मैं बोल बोल के थक गया हूं दिला नहीं रहा तुम लोग बोलो भाई कमेंट में जाके कि सार्थक भैया को नया लैपटॉप दिलाओ हां बोलो मजाक से हट के बोलो हां कम से कम इतना तो कर ही सकते हो यार करना चाहिए वैसे मेरी हिसाब से तो इतना तो करना चाहिए नीचे जाके कमेंट
में लिखना बोल लिखना चाहिए कि हर्ष भाई एयर है झेल नहीं पाता यार तीन एप्लीकेशन नहीं झेल पाता तो कुछ तो यार आपको लगता है ना कि यार भाई मतलब सिंपल बात है यार है ना जी चलो सुनो आपको अगर वो छोटा सा वो जो लंबा वाला पार्ट था वो लाइन टाइप का था अगर वो बनाना है तो इतना कोई बहुत बड़ा इशू नहीं है मैं एक डॉट लाइन बना देता हूं कुछ इस तरीके से जिसको मैं एब्सलूट दे दूंगा सबसे पहले तो और साथ में मैं दे दूंगा इसको आपकी हाइट रहेगी अराउंड अराउंड 20
और विड्थ रहेगी अराउंड अराउंड ू या वन जितनी भी जितनी भी दिना आपको है ना और यह करने के बाद मैंने एक छोटा सा काम कहा है इसको कि आप रहोगे टॉप से जीरो पर और बीजी ब्लैक करने के बाद यहां पर कुछ इस तरीके का दिखाई देगा और यहां जाके फॉर्म को की जगह यहां जाके इसको ही दे दो रिलेटिव ये कुछ इस तरीके का दिखाई देगा साथ में यहां जाके आपको इसको हाइट को थोड़ा सा कम कर लेना है लेट्स सपोज मैंने 16 कर दिया और टॉप से मैंने इसको दे दिया 1 बाटू
ये कुछ इस तरीके का दिखने लगेगा मैंने यहां जाके कहा है कि मैं थोड़ा सा इसको ऊपर लेकर आना चाहता हूं तो आप अपनी मर्जी से जितना आपका मन करे जितनी आपकी श्रद्धा हो 40 पर 20 पर जितना आपको अच्छा लगे आप इसको मूव कर लेना मैंने इसको कर लिया 43 पर 45 चलो आप लोगों के कहने पे और लेफ्ट से मैंने इसको मूव कर दिया है अराउंड अराउंड फाइव किसी को डिस्टर्ब करे बिना बेचारा अच्छे से अपनी जगह प जाके बैठ जाएगा लेफ्ट से मूव करने पे नहीं जा रहा है क्योंकि लेफ्ट से थोड़ा
सा और मूव करना चाहिए फाइव पे शायद ऑलरेडी बैठा हुआ था हां तो ये कुछ ऐसा दिख रहा है यार तुम समझ लो यार अपने हिसाब से अब है ना हो जाए काम तुम्हारा तो लगभग और यहां जाकर मुझे इसको बीजी ब्लैक नहीं मुझे देना चाहिए था बीजी ग्रे और ग्रे में भी मुझे देना चाहिए था [प्रशंसा] इसको कुछ ऐसा ग्रे थोड़ा सा हल्का डार्क ग्रे और यह कुछ ऐसा दिखाई देता काम चल जाएगा अपना है ना और अगर आपको चाहिए तो थोड़ी सी इसको बॉर्डर रेडियस दे दो राउंडेड और राउंडेड भी हल्के फुल्के राउंडेड
नहीं राउंडेड भी चाहिए अपने को फुल राउंडेड फुल तो ये कुछ इस तरीके का दिखाई देने लगेगा मेरे हिसाब से ठीक है अब क्लिक करने पे इसको ऊपर लेके आना है जो कि हमारा मेन टास्क होने वाला है तो वो करने की तरफ चलते हैं ये सब तो हल्के पल्के काम है ये तो तुम खुद भी कर लोगे यार मेन काम जो मैं चाहता हूं बताना वो बता देता हूं जब मैं क्लिक करूं तो ये ऊपर जाए जब भी क्लिक करूं तो वापस आ जाए तो फॉर्म सबमिट के लिए हमने सबमिट हैंडलर बना लिया था
यहां पे अब सबमिट हैंडलर बना लिया तो उसके अंदर ई पास कर दिया और मैंने यहां पे लिखा डॉट प्रिवेंट डिफॉल्ट की गलती से यूजर अगर एंटर दबा देता है तो पेज सबमिट ना हो मतलब हमारा जो फॉर्म है वोह सबमिट ना हो तो . प्रवें डिफॉल्ट अब यहां पर जाके फॉर्म्स के साथ टूवे बाइंडिंग करना जरूरी है तो यहां जाके हम ने लोगों ने यूज़ स्टेट को यूज़ करा और यूज़ स्टेट स्निप इट के साथ में मैंने यहां जाके लेट्स सपोज पिक अप करके बना लिया एक मैंने जिसके अंदर मैंने इनिशियली कुछ नहीं रखा
है और यहां जाके मैंने यूज स्टेट स्निप इट और मैंने यहां पे जाके डेस्टिनेशन बना लिया इसके अंदर भी मैंने यहां पर अभी कुछ भी नहीं लिखा है इनिशियली ठीक है उसके अलावा मैं यहां पर जाके क्या करने वाला हूं मैंने यहां जाके कहा कि इनपुट के अंदर अगर मैं कुछ लिख रहा हूं तो टूवे बाइंडिंग करना जरूरी है दोस्तों तो टूवे बाइंडिंग कर लेते हैं बैठ के आराम से देख लो आ जाओ ठीक है ठीक है समझो यहां पे जाके है ना मैंने यहां पे इनपुट बनाया इनपुट के अंदर मैंने प्लेस होल्डर ऐड अ
पिकअप लोकेशन मैंने यहां जाके इसको वैल्यू दे दी है पिक अप और मैंने यहां जाके इसको कहा ऑन च चेंज यानी जब जब य वैल्यू चेंज होगी तो क्या होगा ऑन चेंज पर यहां पर जाके मैंने ई पास करा य मैं पहले तीन चार बार बता चुका हूं तो मुझे नहीं लगता यार आपको इसको समझने की भी जरूरत है आप लोग डायरेक्टली बस देखो और देख के इसको चेंज करो सेट पिकअप लोकेशन पर मैंने कहा डॉट टारगेट डॉट वैल्यू ट्स इट है ना जी और यहां जाके मैंने इसम चीज को कॉपी करा मैंने यहां जाके
अपने अगले इनपुट को खोला यहां जाके पेस्ट कर दिया यहां जाके वैल्यू इसकी पिकअप मत ना इसकी वैल्यू रखना क्या डेस्टिनेशन और सेट पिकअप की जगह सेट डेस्टिनेशन कर देना दैट्ची जो भी डाटा रहेंगे ऑन सबमिट में मुझे डटा मिल भी जाएगा अब मुझे चाहिए क्लिक करने पे ये ऊपर आ जाए तो मैं एक काम कर सकता हूं मैं यहां पर जाके एक लॉजिक बना सकता हूं कि अप या डाउन कैसे पता चलेगा अगर जीरो है तो अप अगर वन है तो डाउन जैसे ही मैं क्लिक करता हूं तो यहां पे ऑन चेंज बना के
रखा हुआ अपन ने जैसे ही मैं चेंज करने की कोशिश करता हूं तो वैल्यू चेंज हो जाती है किसकी वैल्यू चेंज हो जाती है उस पार्ट की जो हमने बनाया है तो ठीक है सुनो ध्यान से करना क्या है मैंने यहां जाके क्या कहा यूज स्टेट स्नेप इट और साथ में मैंने लॉजिक रखा है उसका पैनल ओपन जिसकी वैल्यू मैंने दे दी इनिशियली फाल्स पैनल ओपन फॉल्स ठीक है नाइस अब जैसे ही मैं यहां पर जाके जैसे ही मैं यहां पर जाके इनपुट पर ऑन क्लिक लगाता हूं मैंने यहां जाके क्या कहा जैसे ही मैंने
इनपुट पर ऑन क्लिक लगाया सेट पैनल ओपन को कर दो ट्रू बढ़िया कोई परेशानी नहीं है और यहां जाके मैंने सेम चीज सेम चीज ये वाले इनपुट को भी पास कर दी सेट पैनल ओपन ट्रू दैट्ची है अब इसके अलावा मैंने क्या कहा इसके अलावा मैंने क्या कहा कि यह तो मैंने पैनल को ओपन कर लिया इसके अलावा मैंने यह कहा है कि मेरे पास यहां पर एक जी साप का यूज कर रहा हूं मैं फॉर दी वेरी लिटिल बिट एनीमेशन तो मैंने कहा एम रन डेव नहीं एनपीएम आई जी साब और अगर आपने जी
साब नहीं देखा है तो आप बहुत कुछ मिस आउट कर रहे हैं बाय द वे क्योंकि इसकी मदद से आपकी वेबसाइट्स और ज्यादा क्योंकि यार यूआई एक ऐसी चीज है ना यार जो उससे मुझे बहुत ज्यादा प्यार है अगर यूजर को वेबसाइट देखने में अच्छी नहीं लग रही है तो इसका मतलब है कि वेबसाइट में कुछ ना कुछ तो कमी है अगर वो यूजर को लुभा नहीं पा रही है तो तो मैंने कहा npm1 और यहां जाके हमारी सारी चीजें इंस्टॉल हो चुकी है तो एपीएम रन डेव कर देते हैं और साथ में मैं अगर
ध्यान से देखूंगा यहां पर जाके तो होम के अंदर हम लोगों ने ठीक है होम के अंदर हम लोगों को चाहिए क्या हम लोगों को इंपोर्ट करना है जीप को तो मैंने यहां जाके लिखा @ g साप स्ल रिएक्ट के अंदर से मुझे चाहिए यूज जीएस एज साप दैट्ची है ना तो मुझे यहां पर जाके यूज साप बेसिकली एक तरीके का हुक है जो कि जी सप हमको प्रोवाइड करता है बाय द वे जी सप एक एनिमेशन की लाइब्रेरी है जिसकी मदद से आप थोड़े बहुत मूविंग एनिमेशन परफॉर्म कर सकते हैं तो मैं उस पैनल
को ऊपर लाने के लिए इसी का यूज करने वाला हूं बताता हूं कैसे मैंने यहां पे क्या कहा मैंने यहां पे लिखा यूज जी साप और यूज जी साप के अंदर मैंने यहां पर जाके इसको बनाया मुझे यहां पर इसके अंदर बनाना है एक फंक्शन मैंने नॉर्मल फंक्शन बना लिया एरो फंक्शन भी बना सकते थे और यहां जाके आपने लिखा जीएसपी जी सप सेकंड वाले ऑप्शन पे क्लिक करके एंटर तो देखो दो चीजें इंपोर्ट करनी है दो चीजें इंस्टॉल करनी है जो मैंने बताई थी एनपीए जीसा एंड एनपीएम आई @s दैट्ची निपट साथ में मैंने
इसका नाम रख दिया लेट्स सपोज पैनल रफ और मैंने इसके अंदर इनिशियली वैल्यू दे दी है एनुअली नल और यहां जाके मैंने इसको रेफ पास कर दिया जो कि है पैनल रफ है कि नहीं है बिल्कुल है और पैनल रफ के अंदर यहां पर जाके पैनल रफ के अंदर ठीक है पैनल रेफ के अंदर मैंने यहां पर जाके डायरेक्टली इसको टारगेट कर लेते हैं अपन तो मैंने यहां पर लिखा पैनल ओपन नहीं डॉट करंट उसकी जो भी वैल्यू है कॉमा लगाकर मैंने य पर ओपन करा मैंने बाय दवे जी साब का यूज करके य पर
पैनल डट करंट को टारगेट कर लिया यानी कि पैनल को टारगेट कर लिया और मैंने य पर जाकर लिखा की हाइट जो है आपकी वह हो जाएगी 70 प्र तो अगर ध्यान से देखेंगे तो 70 प्र तो वैसे ही हो गई तुरंत बिना किसी देरी के तो मैंने य जाक एक काम करो पैनल ओपन अगर पैनल ओपन है अगर उसकी वैल्यू ट्रू है तो ये कर देना आया समझ में और अगर ऐसा नहीं है तो gs2 और इसकी हाइट कर देना वापस से कितनी जीरो आया समझ में क्या बोल रहा हूं मैं ठीक है तो
पैनल ओपन है क्या नहीं है भैया हां अभी तो नहीं है पैनल ओपन तो यहां प बंद दिख रहा हैसे जैसे ही मैंने क्लिक करा तो पैनल ओपन की वैल्यू चेंज हो जानी चाहिए थी आप समझे अगर ध्यान से तो तो यहां जाके मैंने कॉमा लगा के स्क्वायर ब्रैकेट्स लगा के यहां पे पैनल ओपन को एज अ वैल्यू चेंज कर दिया अब मैं बता रहा हूं ऐसा मैंने क्यों करा एक-एक चीज अच्छे से समझाता हूं समझना जब आप यहां पर जाके इनपुट पे क्लिक करेंगे तो यहां पर आपने क्या कहा है सेट कर दिया अपने
पैनल ओपन को ट्रू तो अब जब इसकी वैल्यू ट्रू हो गई तो अब आप चाहते हैं ना कि जो भी आपने यहां पर कोड लिखा हुआ था वो चले जो भी आपने यहां पे कोड लिखा हुआ था अगर वो ट्रू है तो वो चले तो वो होगा देखो ध्यान से अब मैं रीलोड कर रहा हूं कुछ नहीं हो रहा जैसे ही मैं यहां पे क्लिक करता हूं तो ये ऊपर की तरफ चला जाता है और यहां पर जाके आप कुछ भी इसके अंदर लिख सकते हैं आया समझ में मैं क्या कहना चाह रहा हूं और
साथ में मुझे एक छोटी सी चीज और करनी चाहिए लेट मी चेक कुछ ऐसा दिखाई दे रहा है नाइस फाइंड अ ट्रिप मुझे लगता है लिखे रहने देना चाहिए अपने को मैं इसके अलावा फॉर्म जो बनाया हमने जिसके अंदर फाइंड अ ट्रिप लिखा हुआ है मुझे इसके अलावा थोड़ी सी इसकी पैडिट करके छह कर देना चाहिए मैं बता रहा हूं मैं करने क्या वाला हूं बाय द वे और मुझे एक आइकन चाहिए बाय द वे तो मैं जाऊंगा रिक्स i.com पे िक्स i.com से हम लोग का सारे आइकन लगा सकते हैं यहां जाके मैंने सर्च
करा है एरो लेकिन उसके पहले मैं सबसे पहले तो यहां पर जाके इस पर क्लिक करूंगा गेट अप प और गेट अप पर जाने के बाद मैं स्क्रॉल करूंगा और स्क्रॉल करने के बाद मैंने यहां पर जाके यह दो कमांड चलानी है जिससे कि मेरा जिससे कि मेरा रिमिक्स आइकन इंस्टॉल हो जाए हो जाएगा दो मिनट लगेगा मना थोड़ी करेगा अपनी बात थोड़ी नाटा लेगा यार हो जाएगा यहां जाके ये सब इंस्टॉल होने के बाद मैं कहूंगा एनपीएम रन डेव वेरी नाइस वेरी नाइस और साथ में मैं यहां पर अगर इसको यूज करना चाहता हूं
तो मुझे बस इसको इंपोर्ट करना पड़ेगा कुछ इस तरीके से तो मैंने यहां जाके इसको कर लिया है इंपोर्ट और अगर मैं नीचे साइड में जाके अगर मैं नीचे साइड में जाके अ यूज करना चाहता हूं किसी भी आइकन को तो मैंने यहां पर सर्च करा लेट्स सपोज एरो तो एरो मुझे सर्च करने प मिल तो रहा है लेकिन मुझे कौन सा चाहिए एरो मुझे साफसाफ लिख देना चाहिए चाए शायद एरो [संगीत] डाउन अब शायद आ जाएगा एरो डाउन में भी मुझे ये वाला एरो चाहिए वाइड वाला थोड़ा फैला हुआ सा तो मैंने यहां जाके
इसको लिया और यहां पर जाके आपने क्या करना है सुनना ध्यान से है ना दोस्तों मजेदार चीज है आपने करना यह है कि आपने जब यह वाला पार्ट बनाया फाइंड अ ट्रिप डिव वगैरह क्रिएट करा आपने ये सब किया उसके बाद आप यहां पर इसके अंडर इस एरो को रख सकते हैं एक h5 में जिसके अंदर आपने इस एरो को रख लिया और इसकी क्लास की जगह आपको लिखना चाहिए क्लास नेम क्योंकि वो क्लास डिफॉल्ट में लिखा आता है ना तो क्लास नेम लिखना चाहिए तो आपको यहां पर जाके क्या आइकन दिखाई दे रहा है
दिखाई देगा ध्यान से देखेंगे आंखों को थोड़ा सा ध्यान से खोलो दिखाई दे रहा है आप लोगों को शायद आइकन दिखाई दे रहा है ना सही है सही है सही है इस h5 को मैंने कहा क्लास नेम मैं इसको भी देना चाहता हूं एब्सलूट टॉप से जीरो और लेफ्ट से जीरो ठीक है टॉप से जीरो लेफ्ट से जीरो पर चला जाएगा टॉप से थ्री और लेफ्ट से थ्री रखना और टेक्स्ट कर देना इसका एक्स एल बढ़िया तो जब मैं टाइप करूंगा यहां पर तो ये ऊपर की साइड में कुछ ऐसा दिखाई देने लगेगा मुझे बढ़िया
चल रहा है सही चल रहा है मुझे इसको लगता है टॉप से देना चाहिए था टू थोड़ा सा ऊपर साइड में चला गया और फाइंड अ ट्रिप को गायब भी कर दें क्या या फिर एक काम करते हैं इसको राइट साइड में रख लेते हैं जरूरी तो है नहीं है ना यार कि अपन वहीं पर रखे जहां पर उसने रखा है राइट साइड में रख लेते हैं ठीक है तो यहां पर राइट से टू मैंने लिखा तो राइट से टू पे चले जा अभी भी नहीं जा रहा है राइट से टू और लेफ्ट से टॉप
सॉरी ठीक है और मुझे इसको रखना चाहिए शायद सिक्स पे ही और यहां से मुझे रखना चाहिए सिक्स पे ही और अगर मैं ध्यान से देखूंगा जाके तो ये कुछ ऐसा दिखाई देगा मुझे इसका टेक्स्ट थोड़ा सा और बड़ा करना चाहिए शायद 2 एक्सल ही कर देना चाहिए और अगर मैं ध्यान से देखने जाऊंगा तो ये कुछ ऐसा दिखाई देगा यहां पर ओपन करने के बाद अब मैं चाहता हूं इस पर क्लिक करूं तो मैं वापस नीचे की तरफ आ जाऊं तो मैंने h5 पे कहा ऑन क्लिक और ऑन क्लिक पे यहां पर मैंने यहां
पे कहा सेट पैनल ओपन को कर दो वापस से फाल्स दैट्ची जाके तो कुछ ऐसा दिखाई देगा और पैनल ओपन जो है ना इसके अंदर भी मैंने कुछ ट्रिक्स रख के रखी है ध्यान से देखना ठीक है मैंने यहां पर जाके एक रेफ और बना रहा हूं मैं तो मैंने यहां जाके कहा यूज रेफ स्ने पेट मैंने यहां जाकर कहा कि पैनल क्लोज रफ और इनिशियली मैंने वैल्यू देके रखी है नल यहां जाके मैंने सिलेक्ट कर लिया इस h5 को विद द हेल्प ऑफ रेफ रफ बेसिकली किसी भी एलिमेंट को ना दोस्तों सिलेक्ट करने का
काम करता है तो मैंने यहां जाके रफ पास कर दिया पैनल क्लोज रफ ताकि मैं इसको अच्छे से सेलेक्ट कर सकूं क्योंकि बना रहे हैं तो फिर ढंग से बनाना चाहिए अपने को पैनल क्लोज रेफ और यहां जाके अगर मैं ध्यान से देखूंगा तो पैनल क्लोज रेफ के साथ आप क्या करना चाहते हैं भैया तो पैनल क्लोज रेफ को भी मैं यहां जाके सबसे पहले तो लिखूंगा पैनल क्लोज रफ और नहीं पैनल क्लोज रफ दिखने की जरूरत नहीं है क्योंकि वो एक रफ है ना तो उसकी इतनी कोई इज्जत नहीं है समाज में कोई बात
नहीं बताता हूं मैं सुनो मैंने कहा जी साब डॉटू जब क्लिक होता है कौन पैनल क्लोज रफ डॉट करंट की ओपेसिटी कर देना वन जब भी क्लिक होता है तो उसकी ओपेसिटी कर देना वन और अगर क्लिक नहीं होता या फिर पनल रेफ की वैल्यू जीरो होती है तो उसकी ओपेसिटी कर देना जीरो ठीक है नाइस और डिफॉल्ट में उसकी ओपेसिटी जो है ये जो मैंने h5 बनाया था इसके क्लास नेम के अंदर मैं लिख देता हूं डिफॉल्ट में उसकी ओपेसिटी रख देता हूं मैं जीरो दैट्ची चला जाता है दैट्ची ओपेसिटी के साथ मैं इसकी
भी खेलना चाहता हूं तो ओपेसिटी मैं रख देता हूं इसकी जीरो और ऊपर तो आ ही रहा है इसकी ओपेसिटी यार मुझे नहीं लगता जीरो करनी चाहिए इसके नीचे वाले डिफ की जीरो करनी चाहिए या फिर जीरो कर सकते हैं कोई परेशानी नहीं है ठीक है हाइड भी कर देना और साथ में इसकी ओपेसिटी भी कर देना वन और ट्राई करके देख लेते हैं क्या बुरा है थोड़ी ना तुम भाग जाओगे इतनी जल्दी भाग जाओगे नहीं भागोगे ना मुझे पता है तुम वीडियो शुरू करे हो तो वीडियो लास्ट तक जरूर देखोगे और सीख के जाओगे
अच्छे से जब मैंने यहां पे क्लिक करा तो आया ऊपर जब मैंने यहां पे क्लिक करा तो ये ऊपर आया जब मैंने क्लिक करा तो ये नीचे चला जाएगा क्लिक करा तो ऊपर आएगा क्लिक करा तो नीचे चला जाएगा दैट्ची जें लेकिन ठीक है समझ आ गया हम लोगों को है ना जब मैं अ देखूंगा यहां पर मैं क्लिक करता हूं तो ये दिखता है हल्का सा ठीक है ये भी ठीक है मतलब चला लो काम अभी के लिए है ना ओपेसिटी के साथ खेलना हो तो खेल लेना आपके हाथ में लेकिन मैं अभी इसके
साथ नहीं खेल रहा हूं और साथ में मैंने यहां पर जाके जो भी डाटा दिखने वाला है उसके लिए मैंने कॉम बना लि हमने अभी तक ज्यादा कंपोनेंट्स के साथ काम किया नहीं है और हमने तो कंपोनेंट्स का पैनल तक नहीं बनाया वैसे तो मुझे बनाने चाहिए कंपोनेंट्स तो यहां जाके मैंने एक यह इससे क्या होता है रिफ्रेश होता है अच्छा ठीक है मैंने यहां पर जाके एसआरसी के अंदर एक फोल्डर बनाया जिसका नाम मैंने रखा कंपोनेंट्स और कंपोनेंट्स के अंदर मैंने लिख दिया लेटस सपोज लोकेशन पैनल डॉट जेएस एक्स लोकेशन सर्च पैनल ड जए
एक नाम थोड़े जरूर अजीब होते हैं लेकिन पढ़ने में आ जाते हैं यार पर समझ में आ रहा है लोकेशन सर्च करने वाला पैनल मैंने यहां पे बना लिया और यहां जाके मैंने नॉर्मली अ अगर ध्यान से देखेंगे तो मैंने यहां जाके लिख दिया कि मैं यहां पे लोकेशन सर्च पैनल लगाना चाहता हूं तो लोकेशन सर्च पैनल आ जाएगा और लोकेशन सर्च पैनल के अंदर हमारी सारी लोकेशंस रहेंगी जो भी लोकेशंस है तो यहां पे मैं क्लिक कर रहा हूं तो यहां पे मुझे दिखाई देगा अरे रुक जाओ एक मिनट अच्छा इसकी ओपेसिटी मैंने जीरो
कर ही दी क्या गलती से माफ कर देना है ना माफ कर देना बलू वाइट कर देता हूं मैं इसका कलर पहली चीज तो है ना और साथ में मैंने यहां जाके जब भी इस पे क्लिक करा ये लोकेशन सर्च पैनल यहां पर ओपन होता हुआ दिख गया यहां तक मेरे हिसाब से तो सब कुछ ठीक चल रहा है आप अपना अपनी राय नीचे कमेंट सेक्शन में बता सकते हैं मैंने यहां जाके इसको पैडिट भी दे सकता हूं 20 की भैया 20 किस बिनाम पे दे रहे हो आप एक अंदाजे के बिनाम पे दे रहा
हूं मेरे पित्र मित्र तो यहां पर जाके ऐड लोकेशन प मैं यहां पर आ जाऊंगा जब मैं दोबारा क्लिक करूंगा तो ये वापस चला जाएगा यहां पे क्लिक करूंगा तो आ जाएगा यहां पे क्लिक करूंगा तो वापस चला जाएगा मुझे देनी चाहिए बाय द वे देखा जाए तो 24 ज्यादा बढ़िया है ये क्लिक करूंगा तो वापस चला जाएगा बढ़िया तो यहां पर हम लोगों ने यहां पर हम लोगों ने होम पेज पर कुछ इस तरीके की चीजें बना दी है यूजर के होम पेज पर यहां पे वो अपनी लाइक पिकअप लोकेशन डाल सकता है डेस्टिनेशन
डाल सकता है कुछ इस तरीके से ठीक है अब मुझे अगली चीज जो बनानी है वो है हमारे यूजर ने अगर किसी पर्टिकुलर चीज को सिलेक्ट कर लिया तो उसके बाद क्या करना है तो मैंने यहां पर जाके या तो आप चाहे तो इसी पार्ट में बना सकते हैं अगर यूजर ने कोई लोकेशन को शेयर कर लिया जिसको आप पैनल को बंद करके रखेंगे जिसको आप तभी सेलेक्ट करेंगे जब कोई सर्टेन लोकेशन सेलेक्ट हो जाती है और उसके बाद उसके बाद हम लोगों को करना क्या है हम लोगों को यहां जाके इस वाले पैनल को
बनाना है जिसके अंदर हमारी कार मोटो प्रीमियर और ऑ करके दिखाई देगा और उस परे क्लिक करने के साथ ही आप नेक्स्ट पेज प पहुंच जाएंगे जहां पर आपको उसकी डिटेल्स दिखेंगी और नीचे कंफर्म राइड का ऑप्शन दिखेगा ठीक है बस दो पेजेस और बनाने हैं बस एक ऐसा पेज और एक ऐसा पेज दैट्ची है चलो तो फिर बना लेते हैं बिना किसी देरी के लेट्स गो हां तो ध्यान से सुनना सारे लोग यहां पर हम लोगों ने ऐड पिकअप लोकेशन एंटर करने पे यहां पे पिकअप लोकेशन आ जा रही है अब लोकेशन आ जा
रही है तो लोकेशन पे क्लिक करके उस तक पहुंचने की भी तो हमारी जिम्मेदारी है कि नहीं है है कि नहीं है आप बताओ है कि नहीं है तो यहां जाके हमने एक पैनल बनाया था लोकेशन सर्च पैनल अब फॉर एग्जांपल अभी मैंने सैंपल डाटा यहां पे रख देना है तो यहां जाके मैं लिख भी देता हूं कमेंट लगा के कि दिस इज जस्ट अ सैंपल डाटा जो कि मैंने यहां पे लगा दिया अब मेरे पास यहां पर मल्टीपल यहां पर जो क्या कह सकते हैं अपन लेट्स सपोज लोकेशंस रहेंगी जो कि कुछ ऐसे दिखाई
देंगी यहां पर दिख रहा है आप लोगों को राइट कुछ ऐसे ठीक है तो मुझे करना क्या है यहां जाके जब मैं टाइप करूं तो यहां पर नीचे मुझे सजेशंस में आने लगे चीजें तो मैं एक काम करता हूं मैं क्लिक करता हूं इस पे और यहां पर जाके मुझे चाहिए लोकेशन तो लेट्स सपोज कि मैंने यहां पर जाके एक डिव बनाया जिसके अंदर मेरे पास एक लोकेशन है ए4 के अंदर लेट्स सपोज 24 बी नियर कपूर्स कैफे शेरन कोडिंग स्कूल यह हमारा एड्रेस है भाइयों कभी भी आप चाहे तो आ सकते हैं बिल्कुल आमंत्रित
है भोपाल एज यू कैन सी यहां पर आपको दिखाई देने लगा होगा बढ़िया दिखाई दे रहा है ठीक है सबके आगे ना एक वो भी है क्या नाम उसका कुछ लोकेशन टाइप का तो मैं रिमिक्स आइकन पर लोकेशन का सर्च करता हूं मिल जाए तो बहुत अच्छी बात है लोकेशन कुछ ऐसा मैप पिन करके मैंने यहां से इसको उठाया और यहां जाके मैंने इसको एक ए2 के अंदर रख दिया और यहां जाकर इस डिफ को मैंने दे दिया क्लास फलेक्स आइटम्स सेंटर और जफाई स्टार्ट में ही रहेगा और अगर आप देखेंगे जाके ये कुछ ऐसा
दिखाई देने वाला है कुछ इस तरीके का मेरे पास य जो h2 है इसको मैं क्लास दे देता हूं बीजी मैं दे देता हूं इसको ई कुछ ऐसा और मैंने यहां जाके ओरिजिनल को देखा एक बार प फ ज्यादा हो गया थोड़ा सा p2 और मैंने कहा कि राउंडेड में मैं दे देता हूं फुल ठीक है अब यार ये त्रिना का दिख अजीब सा थोड़ा सा तो एक काम करते हैं पैडिया पर जाके हाइट दे देते हैं फ और विड्थ दे देते हैं फ या 10 व्हाट एवर यू वांट 10 मेरे हिसाब से शायद ठीक
रहेगा और साथ में मैंने दे दिया है इसको फ्लेक्सस आइटम्स सेंटर और जस्टिफाई बिटवीन नहीं सेंटर एज यू कैन सी यह फिक्स हो जाएगा और अगर मैं ध्यान से देखूंगा तो यहां पर जाके मैंने हाइट दे दी इसको 10 और इसको विड्थ दी है 10 तो इसकी विड्थ काहे नहीं अप्लाई हो रही क्या मुझे इसको विड्थ थोड़ी सी बढ़ा के देनी चाहिए 20 दे दूं चलेगा अ मतलब अजीब सा ही बन रहा है कुछ यार ठीक है 16 दे देते हैं चलो अब ज्यादा बढ़िया लगेगा ठीक है नाइस यार ठीक है चल जाएगा काम और
अगर मैं ध्यान से देखूं ओरिजिनल और इसको तो मुझे ऐसा लगता है कि मुझे इसको क्लास नहीं क्लास नेम देना चाहिए तो शायद ज्यादा अच्छे से काम होगा मेरा नाइस और यहां जाके मैंने इसको य जो क्लास है आर मैप करके उसके साथ में दे दिया है मान लेते हैं टेक्स्ट एक्सेल और यहां पर आने के बाद मुझे इसको थोड़ा सा छोटा करना है तो मैं इसको कर देता हूं लेट्स सपोज 7 और इसको कर देता हूं लेट्स सपोज 12 हम बढ़िया था जो आया था पहले बन के ठीक है और इसको टेक्स्ट एक्सेल देने
की जरूरत नहीं है इसका टेक्स्ट जैसा है वैसा ठीक है ज्यादा चेंजेज मत करो मतलब बढ़िया लग रहा है कोई परेशानी नहीं है चाहिए तो इसको थोड़ा सा छोटा कर लो 12 कर लो इसको और यहां जाके इसको कर लो छह आठ ठीक है बढ़िया और साथ में इन दोनों के बीच में हल्का सा गैप दे दो चार का सही है बढ़िया ठीक है और यहां जाकर मेरे पास ये मल्टीपल पार्ट बनने वाला है साथ में मैंने यहां जाके इसको क्लास नेम देके इसको टेक्स्ट दे दिया है मान लेते हैं मैंने एलजी थोड़ा सा टेक्स्ट
मेरा बड़ा हो जाएगा नहीं तो टेक्स्ट का साइज सेम है जैसा भी है बढ़िया आ रहा है मैंने यहां जाके इसको फंट जरूर दे दिया मीडियम फंट जरूर थोड़ा सा डार्क हो जाएगा बढ़िया ये ठीक है और अगर मैंने इसको यहां पर जाके कॉपी करा और इसको नीचे ले जाक मैंने अगर पेस्ट करा तो शेरस कोडिंग स्कूल एक बार और दिखाई देगा और शे कोडिंग स्कूल एक बार और एक बार और और एक बार और और यहां जाके मैं अगर देखूंगा तो ये कुछ ऐसे दिखाई देने लगेगी साथ में मुझे एक छोटा सा काम और
करना है मैंने सारे शेरिस कोडिंग स्कूल को अभी दो मिनट के लिए हटाया अभी तो मैं सैंपल डाटा कॉपी बार-बार सेम ही लिख रहा हूं मैंने यहां जाके क्या कहा मैंने यहां जाके कहा ये जो डिव है मेरे पास इसको मैं देना चाहता हूं बैकग्राउंड कलर नहीं अ मार्जिन में देना चाहता हूं इसको अ लेट्स सपोज y एक्सिस से टू की तो थोड़ा सा गैप ऊपर नीचे बनने लगेगा तो जब मैंने इसको नीचे कॉपी पेस्ट करूंगा ना यार इस सेम चीज को अगर तो इनके बीच में थोड़ा सा गैप ऑलरेडी रहेगा नाइस मुझे लगता है
मार्जिन मुझे देनी चाहिए फोर और अब अगर मैं इसको कॉपी करूं तो बढ़िया गैप बना है ना इस यार ठीक है चल रहा है काम अच्छे से है ना तो यहां तक समझ आ गया आप लोगों को किस तरीके से आपको सैंपल डाटा को लेके चलना है और यहां जाके आपको इसको मल्टीपल बार कैसे कॉपी करना है और ये कुछ इस तरीके से लाइन से दिखाई देने लगेंगी लोकेशंस अब किसी भी एक लोकेशन पे अगर हम क्लिक कर रहे हैं तो हमारा एक पेज खुल रहा है जो कि एक पैनल के फॉर्म में आता है
ओबवियसली जो कि पैनल हमें बताएगा कि आपका जो लोकेशन सिलेक्टेड है क्या वह रीचे बल है या फिर नहीं है क्या यह समझ पा रहे हैं आप मेरी बात तो यहां पर जाके हम क्या करने वाले होम के अंदर यूज जीसा वगैरह को अभी हम थोड़ा सा हटाते हैं यहां जाके यह वाला पूरा का पूरा पार्ट जिसके अंदर हमारे पास इमेज थी जिसके अंदर हमारे पास स्क्रीन है जिसके अंदर सारा काम हो रहा है लेट मी क्लोज इट स्क्रीन है जिसके अंदर मेरा सारा का सारा काम हो रहा है और वो बैकग्राउंड का काम कर
रही है और एक है मेरे पास यहां पर जिसके अंदर मेरा बाकी का काम हो रहा है मुझे एक छोटा सा काम और करना है मुझे इसी के अंदर एक और पैनल चाहिए जो कि हमारा हिडन रहेगा जब हम क्लिक करेंगे तो नीचे से आएगा क्या आप मेरी बात समझ पा रहे हैं और उसको आप चाहे तो अलग से भी बना सकते हैं जरूरी नहीं है कि इनके साथ ही बनाना है आपको रूल है नियम है बनाना ही इसके साथ पड़ेगा नहीं आप अलग से भी बना सकते हैं तो मैंने इसी के अंदर एक पैनल
और बना लिया जिसके अंदर मैंने यहां पर जाके एक डिव बनाया है ये भैया किसलिए बना रहे हैं आप ये मैं बना रहा हूं फॉर दिस पर्पस फॉर दिस लाइक जब हम ओपन करेंगे तो नीचे से कुछ इस तरीके का आएगा ठीक है कैसा दिखना चाहिए भैया ये ये कुछ ऐसा दिखना चाहिए यार साब बस सिंपल है तो मैंने यहां जाके क्या कहा मैंने यहां जाके कहा जिसके अंदर मेरी कार दिखेगी मेरी मोटरसाइकिल दिखेगी और मेरा ऑटो दिखेगा हमें हम क्या प्रीमियर रखने की अभी वो नहीं है ना यार थोड़ा सा अभी हम छोटे आदमी
है मालिक तो अभी हम लोग क्या करेंगे कार मोटर और ऑटो तीन लेके चलने वाले हैं अभी के लिए हम है ना ठीक है नाइस हम इस यूआई को तरफ जाने वाले हैं तो सबसे पहले हम क्या करने वाले हैं सबसे पहले तो हमें यहां पर एक डिव बनाना है इस डिव को मैं देना चाहता हूं सबसे पहले तो क्लास फिक्स्ड और इसकी जड इंडेक्स भी ज्यादा रहने वाली है 10 साथ में मैंने यहां जाके कहा कि इसके अंदर क्या-क्या रहने वाला है जल्दी-जल्दी पहले मैं यूआई के एलिमेंट्स बना लेता हूं तो सबसे पहले तो
मैं लीव ना हो ये टाइमिंग वाला मैं फीचर नहीं देना चाह रहा हूं अभी यहां पर जाकर मेरे पास रहेगा एक डिव मेरे हिसाब से इसको हमें एक अलग उस फॉर्म में बनाना चाहिए एक अलग कंपोनेंट के फॉर्म में जिसको मैं अभी बनाऊंगा थोड़ी देर में इस पूरे डाटा को कंपोनेंट के फॉर्म में डाल दूंगा डे है जिसके अंदर मैंने कार पीएनजी यह वाली मिल जाए तो मजा ही आ जाए यार कॉपी इमेज और यहां ले जाके मैंने यहां पर डाल दिया और मुझे का का पीएनजी चाहिए था तो मैंने यहां जाके इसको छोटा करा
थोड़ा सा और मुझे एग्जैक्ट अगर यही वाला मिल जाए ना तो मजा ही आ जाए कुछ ऐसा पीएनजी अगर मिल जाता है तो आई थिंक हमें मजा आ जाएगा यह है काफी हद तक इसके अलावा अगर मैं देखूं तो मिल तो रहा है टॉय कार के फॉर्म में वाइट टॉय कार कुछ ऐसा दिखाई दे रहा है डाउनलोड फ्री में भी हो जाएगा अगर देखने जाओगे तो ज्यादा बड़ी चीज नहीं है और अगर हम मैं एक बार और अगर सच में आपका काम हो जाएगा मैं यह वाली लगाता हूं थोड़ी सी क्या प्रीमियम लग रही है
ज्यादा अच्छे से देखने में तो मैं कॉपी कर लेता हूं इसकी इमेज का एड्रेस और यहां ले जाके मुझे लगता है कि यहां पर मुझे एस इमेज टग इसको लगा देना चाहिए शयद उसका एड्रेस कॉपी नहीं हुआ ठीक से बढ़िया अगर देखेने जाए तो यहां पर हमको नीचे दिखाई देगी देगी देगी देगी कहीं नहीं जा रहा दि तो देगी अच्छा बाय द वे ये स्क्रॉलेबल है अगर हमको चाहिए यह अपने साइज में फिक्स्ड रहे तो हमें एक छोटा सा काम करना पड़ेगा जो कि है कि मुझे अपनी इस स्क्रीन को देना पड़ेगा ओवरफ्लो हिडन जिससे
कि आपका ओवरफ्लो रुक जाएगा और ये जो लास्ट में अपन ने डिव बनाया है जो कि फिक्स्ड है जोका z इंडेक्स 10 है वो डिव कहां पर दिखाई दे रहा है यह सबसे बड़ा क्वेश्चन है तो अगर मैं यहां पर जाऊं और यहां पर जाके देखूं कि एक डिव है मेरे पास तो वो डिव नीचे साइड में है मुझे ऐसा लगता है कि उसको मुझे देना चाहिए बॉटम से जीरो तो मैंने यहां जाके कहा बॉटम जीरो तो अब शायद मुझे वो डिप दिख रहा है देखो ध्यान से ठीक है ना जिसके अंदर अभी एक इमेज
है इमेज के अलावा मेरे पास क्या-क्या होने वाला है इसके अंदर तो यहां पर मेरे पास इसके अंदर होने वाला है मोटू नहीं सॉरी पहले तो उसका नाम होने वाला है और साथ में उस यानी कि मुझे एक इमेज बनानी है साथ में मुझे एक डिव बनाना है इस डिव के अंदर मेरे पास क्या-क्या रहने वाला है तो इस डिव के अंदर मेरे पास रहने वाला है एक ए इसके अंदर लिखा मैंने मान लेते हैं र गो पैसेंजर्स की कैपेसिटी है ना तो यहां जाकर मैंने स्पैन टैग लगा के उसके अंदर मैंने रिमिक्स आइकन पर
सर्च करा यूजर तो आपको यूजर का आइकन मिल जाएगा कुछ ऐसे ही तो है ना वहां भी ये लो मिल गया साब और यहां जाकर आपने उसको कर दिया पेस्ट यहां जाकर इसको मैंने कह दिया क्लास नेम क्लास नेम लिख दिया मैंने और यहां पर जाके मैंने इसके अंदर लेट्स सपोज पैसेंजर्स की कैपेसिटी चार डाल दी है ना उसके अलावा मेरे पास इस h4 के अलावा भी मेरे पास कुछ चीजें हैम सॉरी ये पता नहीं क्या खुल गया ठीक है पैसेंजर्स के अलावा भी हमारे पास कुछ चीज है जैसे कि इसका डिस्टेंस है यहां जाकर
मैंने एक h5 के अंदर लिख दिया टू मिनस अवे और यहां जाकर टाइमिंग वगैरह की मुझे नहीं लगता कोई नीड पड़ेगी और साथ में मैंने यहां जाकर एक एस पैराग्राफ यहां पर लिखा है अफोर्डेबल कंपैक्ट राइट्स वेरी नाइस और साथ में मेने पास यहां पर एक h2 है जिसके अंदर मैंने लिखा है आप र 193 20 जो भी प्राइस होने वाला है वो प्राइस हम लोग एल्गोरिथम के थ्रू निकाल देंगे आगे जाके ठीक है तो ये हमने एक पार्ट बना लिया ये डिव यहां पर बनके तैयार है इस डिव को मुझे देना चाहिए क्लास नेम
फ्लेक्स आइटम्स रहेंगे मेरे सेंटर में ओबवियसली और जस्टिफाई रहेगा बिटवीन में मैं यहां जाके इस डिफ को पडि दे देता हूं पाच की पहले से ही अगर मैं देखूंगा यहां ले जाके तो ये कुछ ऐसा दिख रहा है अभी ठीक है अब मुझे यहां पर जा सबसे पहले तो ये जो इमेज बनाई थी हमने इस इमेज को क्लास नेम देके इसको एक सर्टेन हाइट तक लेके जाना है तो मैंने इसकी हाइट कर दी मान लेते हैं 20 इसकी हाइट थोड़ी सी कम हो जाएगी कुछ इस तरीके से है ना और ये कुछ ऐसा दिखाई देने
लगेगा जी सब कुछ सही चल रहा है साथ में मैंने इस पूरे के पूरे पैनल का बीची कर दिया वाइट ताकि ये आर पार दिखाई देने लगे कुछ इस तरीके से ठीक है बढ़िया नाइस अच्छा दिख रहा है शायद मेरे हिसाब से तो है ना उसके अलावा मुझे लगता है कि हमें एक चीज और करनी चाहिए कि ये जो मेरा अंदर वाला पैनल बना है इसको मुझे बीज देना चाहिए रेड 600 ताकि एटलीस्ट समझ में आ जाए आंखों को भले ही अच्छा ना लगे लेकिन समझ में तो आ जाएगा कुछ ऐसा दिख रहा है ठीक
है मैंने इसको पैडिट नहीं दी है जस्टिफाई मैंने देख रखा है बिटवीन में मुझे इमेज की हाइट को थोड़ा सा और कम करना है लाइक मुझे तो 10 ही कर देना चाहिए इमेज की हाइट क्योंकि ज्यादा बड़ी ही है हमारी इमेज और उसके अलावा मुझे इस वाले पैनल को क्लास नेम देके बीजी देने चाहिए था ग्रीन 500 तो मुझे समझ आएगा कि इसकी विड्थ कितनी है और मैं इसको एक सर्टेन विड्थ तक ही देना चाहता हूं तो यहां जाके मैं इसको विड विथ दे देता हूं मान लेते हैं 1 बाटू यानी कि हाफ विड्थ रहेगी
इसकी तो ऑटोमेटिक फिक्स हो जाएगा नाइस अच्छा दिख रहा है और यहां जाके मेरे पास ये जो H2 था जो कि इस डिव के अंदर ही था इसको मैंने क्लास नेम देके टेक्स्ट दे दिया मान लेते हैं 2 एक्सल और फंट दे दिया सेमी बोल्ड ठीक है ना साथ में मैंने यहां पर जाके यह जो टेक्स्ट लिखा था इसको क्लास नेम दे दिया मैंने कि मैं आपका टेक्स्ट साइज जो है फंट वेट जो है वह मैं रखना चाहता हूं आपका मीडियम नाइस मीडियम रहेगा और मैं आपका फंट साइज जो है तो मैंने यहां पर जाके
लिखा टेक्स्ट टेक्स्ट का साइज जो है वह स्मॉल कर देता हूं तो थोड़ा सा छोटा दिखाई देगा नाइस नाइस अगर मैंने यही सेम चीज यहां पर कर ली कॉपी और यहां पर जाके कर दी पेस्ट यहां पर कर दी पेस्ट इसको स्मल नहीं करेंगे इसको एक्स्ट्रा स्मॉल करेंगे एक्सेस और साथ में मैंने एक चीज और करी मैंने इसका कहा टेक्स्ट का कलर रहेगा ग्रे 600 तो थोड़ा सा ये ग्रे भी हो जाएगा और इसका फॉन्ट भी जो है वह थोड़ा सा पतला है तो मैं इसको मीडियम की जगह नॉर्मली कर देता हूं कुछ ऐसा बढ़िया
बहुत बढ़िया जा रहा है मैं इसको ू एक्सल ज्यादा हो गया मैं इसको सिर्फ एक्सल दे देता हूं ज्यादा बढ़िया लगाएगा हां ठीक है ये फुल विड्थ नहीं ले रहा है यार ये तो दिक्कत है मैंने तो ये चीज का ध्यान ही नहीं दिया मैंने को इसको देना चाहिए था विड्थ फुल पहले शुरुआत में और ये जो डिव बनाया मैंने इसको भी मुझे विड्थ देनी चाहिए थी फुल अब ज्यादा अच्छा लग रहा है देखने में हां जी हां जी बढ़िया लग रहा है बढ़िया लग रहा है ठीक है चलो सुनो और चीज सुनो ये लाल
लाल सा क्यों दिख रहा है हो जाएगा फिक्स परेशान मत हो साथ में यहां तक चल रहा है सब कुछ अगर काम तो अगर मैं देखूंगा तो ये कुछ ऐसा दिखाई दे लगेगा और मुझे इसकी पैडिट देके रखी थी उसको मुझे करना है थोड़ा सा कम तीन कर देना है और इस डिफ को भी मैं पैंग देना चाहता हूं तीन की तो थोड़ी सी पैंग यहां पर भी हो जाएगी ठीक है बढ़िया मुझे कार की लेंथ को बढ़ा के कर देना चाहिए हाइट को 12 तो थोड़ा सा मेरी कार के साइज में भी इंक्रीज होता
हुआ दिखेगा मुझे हां जी बढ़िया दिख रहा है मुझे और अगर मैं पीछे का लाल रंग हटाऊ और अगर मैं इस कलर इसके ग्रीन कलर को भी हटाऊ अगर मैं नोटिस करूं जाके तो ये कुछ ऐसा दिखाई दे रहा है बढ़िया और यहां जाके अगर मैं फॉर एग्जांपल इसको बॉर्डर दे रहा हूं टू की और साथ में मैंने यहां जाके बॉर्डर का कलर कर दिया है ब्लैक और मैंने कहा राउंडेड मैं मैं देना चाहता हूं एक्सेल तो यह कुछ ऐसा दिखाई देने लगेगा बढ़िया मेरे हिसाब से तो ठीक है यार चल जाएगा काम है ना
अगर देखें जाके हम यहां पे अफोर्डेबल और सही दिख रहा है ऊपर गो थोड़ा सा और बड़ा होना चाहिए तो मुझे इसको एक्सएम की जगह बेस ही ठीक था वैसे तो हम बढ़िया बढ़िया या फिर चलो छोड़ो चलो छोड़ो एक बार एलजी के साथ ट्राई करके देखते हैं अगर लग गया तो अच्छी बात है नहीं तो कोई बात नहीं है जी ठीक है अच्छा लग रहा है वैसे देखने में तो तो र गो टू मिनट्स अवे या फिर चलो बेस ठीक है बेस के साथ ही जाते हैं ठीक है यहां पर हमारी एक कार दिखाई
देने लगी साथ में मैंने यहां पर जो डिव बनाया था उसको मैंने पैडिट थ्री की देखके रखी चारों तरफ से लेकिन मैंने पैडिट वा एक्सिस से देके रखी इसको अ सिक्स की और पैडिकलम मैंने एक हेडिंग अपने मन से दी है वैसे तो देने जरूरी नहीं है लेकिन आप चाहे तो अपने मन से दे सकते हैं जो कि रहने वाली है कि मैं यहां पर जाके एक h3 बना रहा हूं या h2 बना रहा हूं जिसको मैंने दे दिया है चूज अ व्हीकल और यहां पर जाके मैंने इसको क्लास दे दिया है जो कि है
टेक्स्ट डबल एक्सल और फंट मैंने दे दिया इसको सेमी बोल्ड ठीक है साथ में मैंने इसको मार्जिन बॉटम भी थ्री की देके रखी है ठीक है बढ़िया ठीक है बढ़िया बढ़िया बढ़िया फाइव की देके रखते हैं और यह वाला जो डिफ बनाया मैंने इसको मैंने मार्जिन बॉटम जो है वो टू की दे रखी है और अगर मैंने इस डिव को पूरा का पूरा उठाया और यहां ले जाकर नीचे कॉपी पेस्ट करा बस मैं u कार पीएनजी की जगह इस बार सर्च करके देखता हूं सफेद कार अगर मिल जाए ना तो मज ही आ जाए वैसे
देखा जाए तो लेकिन सफेद कार मिलना थोड़ा मुश्किल है जैसे यह है तो ये सफेद है क्या लेकिन यह पीएनजी फॉर्मेट में ले पाए थोड़ी मुश्किल है अगर वाइट बैकग्राउंड के साथ आ रही है तो भी चल जाएगा क्योंकि अपना बैकग्राउंड भी तो वाइट ही है ना यहां जाकर अगर मैंने इस कार को यहां पर लगाने की कोशिश की यह वाली भी अच्छी लग रही है यार ज्यादा बुरी नहीं है मतलब ये अच्छी है जो अभी अपन ने डाली ना वो भी अच्छी है तो यहां जाके एक काम करते हैं अपन पहले वाली हटाते हैं
इसी के साथ जाते हैं सेकंड वाली के साथ ही ठीक है और और और इसकी हाइट को मुझे लगता है 10 ही ठीक है र ठीक है और थोड़ा सा इस डिफ को मैं एलटू के आसपास का देना चाहता हूं ताकि थोड़ा गैप बन जाए बढ़िया ठीक है नाइस उसके अलावा मैंने यहां पर जाके इस डिफ को नीचे की तरफ में कॉपी पेस्ट करा कुछ इस तरीके से और अगर मैं देखूंगा तो यहां पे मेरे दो व्हीकल्स दिखाई देने लगेंगे अब मुझे यहां पर जाके u की बाइक भी ढूंढनी पड़ेगी तो u बाइक पीएनजी तो
u की बाइक शायद कुछ ऐसी दिखाई देती है नाइस यहां पे मुझे सबसे पहले मिल गई है यह रही मेरी बाइक मैंने यहां जाके इसको कॉपी इमेज एड्रेस करा और यहां ले जाके मैंने इमेज में यहां पर इसकी जगह बाइक रख दी और मैंने यहां पर टेक्स्ट में र गो की जगह क्या था टेक्स्ट यार मोटो मोटो और नंबर ऑफ लेट सपोज इसका टाइम दिया था इन्होने ी मिनट्स अवे एंड अफोर्डेबल मोटरसाइकिल राइड मैंने य जाकर इसको कर दिया अफोर्डेबल मोटर साइकिल राइड वेरी नाइस अफोर्डेबल मोटरसाइकिल राइड उसके अलावा अगर हम ध्यान से देखने चाहेंगे
तो इसमें एक ही बंदा बैठ सकता है ठीक है इसमें मोटो भी बन के तैयार है मोटो का प्राइस भी कुछ अलग था ना मोटो का प्राइस 65 देख रहे हो तुम महंगाई देख रहे हो में छोड़ दे रहा है यह 165 नहीं सिर्फ 65 यस सर सिर्फ 65 और यहां जाके अगर मैंने कॉपी करा और यहां ले जाकर कर दिया पेस्ट तो अगर मैं ध्यान से देखूंगा यहां जाके मुझे अ सर्च करना है र ऑटो पीएनजी तो र ऑटो इसको क्या बोलते हैं u ऑ हां सही तो लिखा है मैंने u ऑ पीएनजी मैंने
गलत कहां सर्च किया यह रहा गलत स्पेलिंग सर्च करने पर सही चीज मिलती है देख रहे हो आज का जमा देख रहे हो तुम लोग भाइयों है ना कोई ना यहां पर जाकर मैंने यह लिख दिया मैंने इसके अंदर टेक्स्ट लिखा है र ऑटो इसमें बैठ सकते हैं इतने लोग र ऑट में बैठ सकते हैं जस्ट अ मिनट र टो के साथ कुछ कोट नहीं लिखना ू मिनट आवेलो ऑटो को इन्होने कुछ लिखा ही नहीं है लो यह इज्जत रह गई आज के टाइम प समाज में ऑटोस की ठीक है अफोर्डेबल ऑटो राइड लिख देते
हैं अपन और इसका प्राइस अपन ने डाल दिया मान लेते हैं 118 6886 जो तुम्हारा मन करे दे सकते थे वैसे तो लेकिन हमने ये डाल दिया और अगर हम देखेंगे जाके तो ये कुछ ऐसा दिखाई दे रहा है मुझे लगता है कि ये जो मैंने प्राइसेस डाले हैं ये जो मैंने टेक्स्ट एक्सेल के साथ सेमी बोल्ड में प्राइस डाले हैं ये मैंने थोड़ा सा ज्यादा डाल दिए हैं ऐसा लग रहा है मुझे आप लोग क्या बोलते हैं आप लोग अपना कमेंट नीचे जाके बता देना मुझे मैं सुन रहा हूं आप सबकी बातें यहां जाके
मैंने इसको इसको सिलेक्ट करा और मुझे ऐसा लगता है टेक्स्ट थोड़ा ज्यादा बड़ा हो गया जोश जोश में तो मैंने यहां जाकर इसको एलजी कर देना चाहिए हम अब ज्यादा बेटर है अब ज्यादा बेटर है तो यहां तक हमारी तीनों राइट्स बनके तैयार है दोस्तों यहां तक मुझे नहीं लगता कोई दिक्कत होगी और इसको मार्जिन लेफ्ट टू की जरूरत नहीं है ठीक है या फिर है लेकिन माइनस में है ठीक है बढ़िया नाइस यार बनके तैयार है अब हमारे पास तीनों डिस बन के तैयार है तीनों डिप्स कुछ ऐसे दिखाई दे रहे हैं जिस पर
भी सिलेक्ट करेगा बंदा वो बॉर्डर वैसा कुछ हो जाएगा मैं हल्का सा यूआई में कुछ चेंस कर रहा हूं जैसे कि मैंने यहां पर जाके मेरे जो यह डिप्स बनाए हैं यह जो मेरे डिप्स बनाए हैं कुछ ऐसे मैं इनको बॉर्डर ना देते हुए मैं यहां पर जाकर इनको दे देता हूं बीजी ग्रे 100 और मैंने यहां जाकर कहा कि एक्टिव होने पे बॉर्डर ब्लैक मिलेगी देखो ध्यान से जब मैं एक्टिव हो रहा हूं यानी कि क्लिक कर रहा हूं तो यहां पर आपको इसका ब बैकग्राउंड कलर ब्लैक होता हुआ वो दिखाई दे रहा है
यार मुझे लगता है मेरे बैकग्राउंड क्योंकि इमेजेस का वैसा नहीं है ना जैसा अनने सोच के रखा था तो मुझे बैकग्राउंड कलर वो नहीं देना चाहिए और मुझे एक्टिव वाली लाइन सबके साथ लिखनी चाहिए क्योंकि अच्छी लग रही है देखने में और नाइस तो जब भी अपन किसी पर क्लिक कर रहे हैं उसका कलर चेंज हो रहा है अब इसके क्लिक पे हम लोग कहीं और मूव कर जाएंगे तो उस चीज के लिए परेशान मत होना जब भी मैं क्लिक करूंगा तो यहां जाके मुझे लेके जाना है इस वाले पेज पे जो कि है लुकिंग
फॉर नियर बाय राइड और यहां पर जाके व्हीकल का डिस्क्रिप्शन दिखाई दे रहा है तो मुझे ऐसा लगता है कि इसके लिए अपने को एक सेपरेट पेज ही बनाना चाहिए क्योंकि जब आपने व्हीकल सेलेक्ट कर लिया एक बार स आपने तो आपको चाहिए कि आपको यहां पर व्हीकल की पूरी कुंडली दिख जाए और साथ में मुझे एक छोटा सा पार्ट और करना है कि यहां पर जाके चूज अ व्हीकल तो बना लिया आपने अब इस व्हीकल को चूज करने की जो प्रोसेस है उसको थोड़ा सा और सिंपलीफाई अगर करने जाए हम लोग तो ये व्हीकल
को चूज करने की प्रोसेस कुछ ऐसी दिख रही थी आप एक काम करो अगर जैसे मान लेते हैं अब ये कब खुलेगा कैसे खुलेगा इस चीज को भी तो बनाना जरूरी है ना यार दोस्तों तो हम लोग एक काम करते हैं यहां जाके पहले तो इसको कर देते हैं एट और ब बॉटम से जीरो प यहां प हमारा डिफ बैठा हुआ है बॉटम से जीरो पर बैठा है तो एक काम करते हैं हम इसको हम इसको लेके जाते हैं बॉटम से या फिर एक काम करते हैं मैं इसको कह देता हूं ट्रांस लेट वा और
मैंने वा दे दिया इसको लेट्स सपोज फुल फुल है ना ऑप्शन ट्रांसलेट वाय फुल ये पता है क्या हुआ ये नीचे चला गया पूरा ही नीचे चला गया जब मैंने यहां पर क्लिक करा तो ये ऊपर की तरफ तरफ आया तो हमें वो दिखाई नहीं दे रहा हमारा जो वो वाला पैनल था तो हमें चाहिए क्या कि यहां पर हम जब भी किसी लोकेशन को सिलेक्ट करें हमें लोकेशन को भी इसी तरीके से थोड़ा सा बढ़ाना चाहिए वैसे तो देखा जाए तो यहां जाके हमने ये जो लोकेशंस बनाई थी मैंने यहां जाके कहा कि आपको
जब मैं एक्टिव करूंगा तो आपकी बॉर्डर आनी चाहिए टू की जब मैंने क्लिक करा तो बॉर्डर नहीं आ रही है तो बॉर्डर क्यों नहीं आ रही है आई तो थी आई थी लेट्स सपोज मैंने एक काम करता हूं बॉर्डर सबको देके रखता हूं डिफॉल्ट में मैं एक साथ में सबके साथ काम कर रहा हूं ठीक है देखना मजा आएगा तुम लोगों को भी यहां जाके आपने इधर पे ऑल्ट दबा के या फिर ऑप्शन दबा के सबको एक साथ में सिलेक्ट कर लिया और यहां जाके आपने कहा है कि मैं बॉर्डर देना चाहता हूं आप सभी
को टू वैल्यू की साथ में मैं आपको पडि दे रहा हूं एक्स एक्सस से टू और पडि मैं आपको दो की ही दे रहा हूं या तीन की दे रहा हूं ये देखने में कुछ ऐसा दिखाई देने लगेगा हल्का फुल्का सा बढ़िया सा ठीक है ना बढ़िया बढ़िया साथ में मैंने यहां जाकर कहा कि आपका जो राउंडेड है वो तो अच्छा खासा राउंडेड है राउंडेड एक्सेल है तो आप थोड़े से राउंडेड फॉर्म में अपने आप को देख पाएंगे और साथ में मार्जिन जो दी थी मैंने बॉटम से वा से उसको मैं कम करके टू कर
देता हूं तो कुछ ऐसा दिखाई देने लगेगा और साथ में मैं एक काम करता हूं साथ में मैं इसकी बॉर्डर का कलर जो है वो कर देता हूं वाइट और साथ में जब भी यह एक्टिव होगा तो बॉर्डर का जो कलर है वह हो जाएगा ब्लैक जब आप यहां पर क्लिक करेंगे तो इसका कलर ब्लैक होने लगेगा आया समझ में या फिर आप एक काम कर सकते हैं बॉर्डर का कलर वाइट की जगह आप बॉर्डर का कलर कर सकते हैं ग्रे 50 तो दिख तो रही है लेकिन बहुत हल्की हल्की बॉर्डर दिख रही है बहुत
हल्की हल्की बॉर्डर दिख रही है ठीक है या ग्रे स करके देख लो यहां पर जो भी लोकेशन आ रही है हमारे पास में वो कुछ इस तरीके से हमारे पास अभी आ रही हैं हम जब क्लिक करेंगे तो कुछ होगा ग्रे 50 ही ठीक है क्लिक करेंगे तो हम अब अपने एलिमेंट को ओपन कर पाएंगे यानी किसी भी एलिमेंट पे अगर मैंने क्लिक करा किसी भी यहां पे लोकेशन प मैंने क्लिक करा तो मेरा व्हीकल वाला ऑप्शन ओपन हो जाएगा अकॉर्डिंग टू दैट प्लेस मतलब लोकेशन को ट्रैक करके हम यहां पे उसको कैलकुलेट कर
पाएंगे बढ़िया यहां पर जाके हम क्लिक करके वो चीज कर पाएंगे तो मैं चाहता हूं जब भी इनमें से किसी भी एलिमेंट प क्लिक हो अब ये सारे दिख तो रहे हैं जैसे लेकिन इनके अंदर डाटा तो अलग-अलग आने वाला है कि नहीं आने वाला तो एक काम करेंगे हम इसको एक अलग पैनल के फॉर्म में बनाया तो है लेकिन मैं यहां पर भी डायरेक्टली काम नहीं करने वाला हूं मुझे यहां पर जाके लूप लगाना पड़ेगा तो लेट्स सपोज कि मेरे पास एक लोकेशंस का अरे है तो मैंने यहां जाके लिख भी दिया सैंपल अरे
फॉर लोकेशन अब हो सकता है आगे जाके अरे ऑफ ऑब्जेक्ट्स आ जाए तो परेशान मत होना ठीक है मैंने यहां पर जाके क्या कहा कंस्ट लोके शस इज इक्वल टू कॉनस लोकेशन इज इक्वल टू दिस इ अरे और इस अरे के अंदर मेरे पास यहां पर जाके लोकेशंस है मल्टीपल मैंने यहां पर जाके एक लोकेशन डाल दी जैसे कि शेरन स्कडिंग स्कूल की लोकेशन है यहां जाके मैंने इसको ओपन करा इस तरीके से कुछ लिख दिया मैंने कॉमा लगा के अच्छा लो यार डबल कोट में लिख देता हूं ठीक है चलेगा अब य जाक मैंने
इस चीज को कॉपी करा नीचे पेस्ट कर दिया इस बार मैंने 24 की जगह 22 कर दिया और नियर कपूर्स कैफे की जगह कर दिया लेट्स सपोज नियर मैंने मल्होत्रा कैफे कुछ सरनेमस होते हैं जो सुनके ही अमीर लगते हैं जैसे कपूर मल्होत्रा सिंघानिया ठीक है अब ये सरनेम च है ना भाई भले ही सिंघानिया साहब सड़क के किनारे भीख मांग रहे हो लेकिन फिर भी नाम अगर आप सुनेंगे आर्यन सिंह सिंघानिया तो आपको सुनके ऐसा लगेगा कि यार भाई किसी बड़े मतलब कोठी बंगले वाला आदमी है य मैं गलत बोल रहा हूं तो आप
बताना मुझे लेकिन ऐसा है भाई मतलब यार नामों के साथ ना थोड़ी सी आपकी वो तो जुड़ी हुई है कि आप लाइक लोग पर्सपेक्टिव बनाते स्पेशली मूवीज के साथ ये होता है ठीक है और नियर थोड़ा अपना भी लिख देता हूं शर्मा कैफे ठीक है चलेगा यह भी ठीक है नियर 18 भी तो यहां पर जाके आप ने मान लेते हैं चार लोकेशंस बना दिए लेट्स सपोज मैंने इसके आगे लिख दिया 18a और इसके आगे मैंने लिख दिया स 22c तो यहां पर जाके आपने चार लोकेशंस बना दिए है यह बाकी की फेक है बाकी
पहले वाली सही है ठीक है उसके अलावा मुझे क्या करना है उसके अलावा मुझे इसको यहां पर रेंडर करना है तो इसको ऐसे बनाने की जगह आप क्या करेंगे आप यहां पर जाके ब्रैकेट लगाएंगे आप सिंपल लिखेंगे लोकेश डॉट मैप और मैप करते टाइम पे आप यहां पर बनाएंगे फंक्शन जो कि रिटर्न कर रहा है कुछ क्या रिटर्न कर रहा है रिटर्न कर रहा है दोस्त यह पूरा का पूरा एक अरे एक पूरा का पूरा एलिमेंट और अगर मैं यहां पर जाके देखूंगा तो आपको ऑटोमेटिक चार बार तो बनता हुआ वैसे दिख जाएगा देख सकते
हो क्यों क्योंकि चार बार लूप चला और इसके अंदर जो लोकेशन आ रही है उसको मैं अपनी मर्जी से यहां पर जाके एल एम पास कर सकता हूं और एलएम के अंदर से मैं वो लोकेशन को उठा सकता हूं तो आप देख पाएंगे सबकी लोकेशन अलग-अलग आ रही है अब हमको चाहिए कि इनमें किसी पे भी क्लिक हो यानी कि ऑन क्लिक मुझे लगाना है सब पे कि अगर किसी पे भी क्लिक हो तो एक वैल्यू सर्टेन वैल्यू चेंज हो जाए तो मुझे ये वैल्यू यहां पे पास करनी पड़ेगी अब कैसे करेंगे भैया ये वैल्यू
पास तो जैसे मैंने पैनल ओपन बनाया यहां पे अब मुझे एक काम और करना है छोटा सा क्लोज ड्रफ पैनल ओपन बना लिया था जैसे मैंने यहां जाके मैंने यूज़ स्टेट बनाया यूज़ स्टेट स्निप इट बनाया और यहां जाके मैंने इसके अंदर पैनल क्लोज और पैनल ओपन रैफ बनाया था जैसे वैसे ही मैंने यहां जाके एक बना लिया जिसका नाम मैं रखना चाहता हूं क्या रखना चाहता हूं मैं मैं इसका नाम रखना चाहता हूं व्हीकल पैनल तो मैंने यहां जाके व्हीकल पैनल और मैंने इसको इनिशियली फॉल्स देके रखा हुआ है ठीक है व्हीकल का पैनल
कब खुलेगा जब आप इन में कहीं पे क्लिक करेंगे यानी लोकेशन के अंदर तो मुझे करना क्या पड़ेगा मुझे यहां पर जाकर जहां भी मैंने लोकेशन रफ को बनाया है यहां पर कहीं प लोकेशन रफ के अंदर मुझे यहां पर जाके ये रहा ना मेरा लोकेशन डफ तो यहां से मुझे वैल्यूज पास करनी पड़ेंगी तो मैं यहां पर जाके पास कर देता हूं व्हीकल पैनल इ इक्वल टू व्हीकल पैनल और सेट व्हीकल पैनल इज इक्वल टू सेट व्हीकल पैनल आया समझ में क्या हुआ यहां पर मैंने व्हीकल पैन और सेड व्हीकल पैनल यहां पे पास
कर दिया और यहां पर जाके यहां पर जाके आपने आपने ये जो डिव यहां पे बनाया था आपने यहां जाके इस डिव को क्या देके रखा है आपने देके रखा है ट्रांसलेट बाय फुल मैंने यहां जाके क्या कहा मैंने यहां जाके कहा कि मैं उस चीज पे वापस आऊं उससे पहले मैं यहां पर जाके एक काम कर लेता हूं मैं यहां पर जाके एक और यूज जी साप बना लेता हूं तो मैंने यहां जाके कहा यूज जी साप मैंने यहां पे बनाया फंक्शन और फंक्शन के अंदर मैंने यहां जाके क्या कहा मैंने यहां पे सिलेक्ट
कर लिया पहले तो तो मैंने यहां पर पहले तो एक काम करते हैं मैंने यूज रेफ बना लिया है और यूज रेफ स्पिड के अंदर मैंने कहा व्हीकल पैनल रेफ इसको इनिशियली मैंने वैल्यू देके क्या रखी है नल और अगर आप ध्यान से नीचे जाके देखेंगे तो यहां पर ठीक है यहां पर मैंने रेफ पास करा है व्हीकल पैनल रेफ ट्स ट व्हीकल पैनल रफ और जब मैंने यहां पर व्हीकल पैनल रफ पास कर दिया तो यहां जाकर मुझे जी सबब का कोड लिखना है जो कि रहेगा जीप डट इसके अंदर मैंने व्हीकल पैनल रफ
की जो करंट वैल्यू है उसको टारगेट करा और साथ में मैंने कर दिया उसको वही पहले वाला लॉजिक कि मैंने कहा इसको कि आप ट्रांसफॉर्म हो जाना ट्रांसलेट वाय में जीरो पर सही है ट्रांसफॉर्म ट्रास बा जीरो चला जाएगा ऊपर की तरफ देखो यह आ रहा है अब यह अंड शंड अपनी मर्जी से चलने लगे उसके पहले एक काम करना यहां पर चेक लगा देना इफ व्हीकल पैनल अगर ट्रू है तो ही यह वाला पार्ट चले और अगर ऐसा नहीं है अगर ऐसा नहीं है तो मैंने यहां जाके लिख दिया क्या एल्स तो अगर ऐसा
नहीं है तो क्या करना है तो इसको वापस से 100% पर भेज देना तो अगर अभी ये देखा जाएगा तो ये ऑटोमेटिक 100% प बैठा हुआ है ठीक है ना अब मुझे उसकी वैल्यू को चेंज करना है ट्रू करना है और साथ में मैं उस वैल्यू को यहां प पास भी कर देता हूं एज अ डिपेंडेंसी इसको डिपेंडेंसी बोलते हैं भाइयों मैंने यहां जाके व्हीकल पैनल को पास कर दिया अच्छा उसके बाद बा लोकेशन सर्च पैनल के अंदर आते हैं लोकेशन सर्च पैनल के अंदर अगर आप ध्यान से देखेंगे तो मैंने यहां पर डटा पास
करा था इस तरीके से पास करा था भैया तो मैंने यहां पर डाटा पास करा था इस तरीके से व्हीकल पैनल और सेट व्हीकल पैनल अगर लोकेशन सर्च पैनल के अंदर जाएं और यहां जाकर अगर हम देखें तो मुझे देखने को मिलेगा कि मैं कंसोल डॉट लॉक करके अगर देखूंगा प्रॉप्स को और अगर मैं प्रॉप्स को रिसीव कर रहा हूं तो आप देख पाएंगे यहां पर मैंने कंसोल ओपन करा और यहां जाकर अगर आप ध्यान से देखेंगे प्रॉप्स क्या आ रहे हैं आपके तो प्रॉप्स के अंदर आ रहा है आपके कुछ डाटा तो आ रहा
है देखो व्हीकल पैनल जिसकी वैल्यू फॉल्स है और सेट व्हीकल पैनल तो मैंने यहां जाके क्या कहा मैंने यहां जाके कहा कि जब भी मेरे किसी भी डिफ पर क्लिक होता है जब भी मेरे किसी भी डिफ पर क्लिक होता है ऑन क्लिक मैंने यहां पर लगा दिया और फंक्शन चलता है तो यहां जाकर लिख देना प्रॉप्स डॉट सेट व्हीकल पैनल यानी कि जो प्रॉप्स के अंदर से सेट व्हीकल पैनल आया है ना उसको मैं यहां जाके सेट कर रहा हूं तो और स्पेलिंग थोड़ी सी देख समझ के लिख लेना व्हीकल पैनल प्रूव और अगर
मैं ध्यान से देखूंगा यहां जाके मैंने लोकेशन पे क्लिक करा यहां पर आप सर्च करेंगे तो आपकी लोकेशन आएगी जो भी आप लोकेशन लेके आना चाहते हो जब भी आप इस पे क्लिक करेंगे तो आपका व्हीकल का पैनल ओपन हो जाएगा दैट्ची या क्या हुआ मैंने यहां पे होम के अंदर से यहां पे लोकेशन सर्च पैनल के अंदर व्हीकल पैनल पास करा साथ में मुझे पता है एक और चीज लग रही है जो मुझे करनी चाहिए मुझे यहां पे पैनल ओपन और पैनल क्लोज को भी पास करना चाहिए था और व्हीकल पैनल जो मैंने बनाया
था व्हीकल पैनल की जगह मुझे इसका नाम रखना चाहिए था व्हीकल पैनल ओपन तो यहां पर जब मैंने सेट करा तो इसके अंदर भी मुझे क्या करना चाहिए था ओपन करना चाहिए था जहां-जहां मेरे पास पैनल लिखा हुआ है हे भगवान हर जगह लिखा हुआ है क्या चलो ठीक है जो लिखा है वो समझ लेना उसका काम वही है भाई व्हीकल पैनल ओपन वाला काम ही है इसका और यहां पर जाकर मैंने जो पैनल ओपन और पैनल क्लोज बनाया था वह भी मैं यहां पर पास कर देता हूं लोकेशन के अंदर से तो यहां जाके
मैंने पैनल ओपन को भी पास कर दिया एस पैनल ओपन और सेट पैनल ओपन को भी मैंने पास कर दिया एज सेट पैनल ओपन वैसे मुझे पैनल ओपन का वहां पर कोई काम है नहीं मजाक से हट के और फिर मैंने रिलाइज करा कि व्हीकल ओपन का भी वहां पे कोई काम नहीं है ए सच बस वहां पे काम किसका है सेट व्हीकल ओपन सेट पैनल ओपन और सेट व्हीकल पैनल तो दोनों को मैंने यहां से पास करा है और यहां पर रिसीव करते टाइम मैंने यहां पर जाके लिख दिया प्रॉप्स डॉट सेट पैनल ओपन
को फॉल्स है भैया इसको फॉल्स क्यों करा दिखा रहा हूं ना क्यों करा यहां पर मैंने लिखा अब यहां पर मैं कुछ भी लिख सकता हूं मेरे को लोकेशन आएगी लेट्स सपोज मैंने किसी पर क्लिक करा तो यह बंद होगा और चूज व्हीकल का ऑप्शन आ जाएगा हमारे सामने यहां तक समझ आ रहा है ना और इनमें से आप कोई भी व्हीकल को फिर चूज कर सकते हैं दैट्ची हुआ है कि मैं जब इस पर क्लिक करूं तो ये दोनों बंद हो जाए तो एक काम और कर लेते हैं होम के अंदर जाते हैं और
ये जो मैंने पीछे मैप वाली स्क्रीन बना के रखी थी ना जिसके अंदर मैप है मैंने यहां जाके इसके ऊपर भी एक ऑन क्लिक लगाया कि मैंने ऑन क्लिक पर जब भी मैं क्लिक करने वाला हूं सेट व्हीकल पैनल फॉल्स तो देखो एप्लीकेशन कैसा बना है अभी यहां पर आप आएंगे क्या कह रहा है ये की प्रॉप नहीं दिया अपन ने लोकेशन सर्च पैनल में की क्या होता है भैया अरे यार जैसे अपन मैप करके कुछ भी बनाते हैं ना तो उसके अंदर आपको हर एक को यूनिक आइडेंटिटी देना काइंड ऑफ कह सकते हैं जरूरी
होता है मैंने यहां जाके इसको की पास कर दी एज अ यूनिक आइडेंटिटी और मैंने की के अंदर इसके अंदर इंडेक्स पास कर दिया तो सब इंडेक्स अलग-अलग रहेंगे ना तो थोड़ा सा डिफरेंशिएबल लिख रहा हूं यहां पर मैं लोकेशन टाइप कर सकता हूं रीलोड हुआ ना अभी इसलिए और कुछ कुछ दिक्कत नहीं थी अब हो गया रिड देखो यहां पर मैं लोकेशन डाल सकता हूं डेस्टिनेशन डाल सकता हूं जैसे ही मैं यहां पर क्लिक करूंगा तो ये ओपन हो जाएगा और मैं जैसे ही अलग कहीं पर क्लिक करूंगा ऊपर कहीं पे ए भाई अच्छा
अब ये डिव आ ही चुका है क्या यहां पे यह वाला डिव आ गया क्या यह ऊपर वाला इमेज वाला यहां पर है स्न बराबर और उसके अलावा यहां पर ये कौन सा पैनल खुला हुआ है वच पैनल इज दिस दिस इज आई थिंक अ फाइंड अ ट्रिप पैनल वो तो नीचे भेज दिया ना लेकिन मैंने अच्छा वो नीचे वहां पर जाकर बैठ गया होगा ओके आईम आई एम गेटिंग इट आई एम गेटिंग इट ओके सो व्ट वी कैन डू इज वी कैन वी विल नॉट मेक इट इन दिस वे वी विल वी विल ड
अ क्लोज बटन और लाइक डाउन एरो थि लाइक वी कैन मेक कहां गया हमारा वोह हां हमने यहां पर जाके डाउन सर्च करा तो डाउन के लिए हमारे पास सबसे पहले तो एरोस के बहुत सारे ऑप्शंस है वाइड वाला एरो जो है ना डाउन वाइड जो है एरो डाउन वाइड यह मैंने उठाया और अगर मैंने इसको यहां पर कॉपी करा और अगर मैंने इसको ले जाकर यहां पर होम के अंदर इन दोनों से भी पहले यहां पर कर दिया पेस्ट तो अगर मैं ध्यान से देखूंगा यहां पर यहां पर तो मुझे य पर एक एरो
दिखाई दे रहा है मैंने यहां जाकर इसको सेट करा एक h5 के अंदर जिसको अंदर मैंने इसको सेट कर दिया इस h5 को मैं देना चाहता हूं हल्की सी पैडिट मैंने दे दी लेट्स सपोज ऐसे नहीं लिखते हैं यार क्लास नेम के अंदर लिखते हैं जानता हूं माफ कर देना गलती हो जाती है मैंने पैडिंडी इसको लेट्स सपोज थ्री की और मैंने टेक्स्ट दे दिया सेंटर मैंने पोजीशन दे दी है इसको सलूट और मैंने कहा कि आप बैठे टॉप से जीरो पे तो ये कुछ ऐसा दिखाई देने लगेगा ठीक है अगर मैंने इसको कहा बीजी
रेड 500 यू कैन सी इट लाइक दिस दिखाओ यार जल्दी फटाफट बताओ यार बीजी रेड 500 दे दिया मैंने यहां पर अप्लाई नहीं हो रहा ू इज नॉट बिलियन क्ला वगैरह क्या क्या सब कुछ सही लिखा है अपन ने क्लास की जगह यहां पर क्लास नेम होना चाहिए ऐसा कह रहा है ये क्लास नेम कर देते हैं लो ऐड पिकअप लोकेशन यहां पे डाली हां अब खुला ना यार अब आया मजा थोड़ा सा अच्छा एब्सलूट है तो मुझे इसको देनी पड़ेगी विड्थ फुल ठीक है विड्थ फुल हो जाएगा और साथ में उसके पैरेंट को आपने
देके रखा ही था तो कोई परेशानी नहीं है रीलोड करना पड़ रहा है बार-बार क्योंकि मैं मैंने कहीं पर कुछ गलत करा है मैंने कभी किसी के साथ गलत नहीं करा दोस्तों डिड यू मीन क्लास हां वैसे क्लास ही कहना चाहता हूं मैं लेकिन जे एस कहां करा कहां है मैंने एगजैक्टली डिड यू मीन क्लास नेम ये मैंने क्लास कहां पर लिखा हुआ है मैं सर्च करके देख लेता हूं एक बार कहीं मैंने गलती से क्लास अकेला लिख दिया क्या एस सच तो ऐसा कुछ नहीं लिखा मैंने लेकिन चलो कोई ना छोड़ो यहां पर जाके
इस डिफ के अंदर मैंने यहां पर ये बना लिया है मुझे इसको वि तो फुल ना देते हुए देनी चाहिए समथिंग बिटवीन 90 पर नाइस नाइस 93 पर और अब और भी बढ़िया है और इसके अंदर जो टेक्स्ट बनाया था मैंने उसको मैं क्लास नेम दे दिया हूं ना मैं उसको टेक्स्ट दे देता हूं एक्सेल और साथ में मैं इसको अ टेक्स्ट का कलर जो है वो दे देता हूं ग्रे और ग्रे में मैं दे देता हूं इसको 200 और अगर मैं इसके पीछे का लाल रंग हटा दूं तो अब यह देखने में ज्यादा बढ़िया
दिखाई देने वाला है गारंटीड अब ध्यान से देखोगे अगर आप यह कुछ ऐसा दिख रहा है ऊपर वाला बटन आपको हल्का हल्का सा दिखाई दे रहा होगा मुझे इसके फंट साइज को थोड़ा सा बढ़ा के कर देना चाहिए ट्रिपल एक्सल और मुझे इस डिफ की पैडिव बढ़ा के कर देनी चाहिए 10 क्या हो गया भाई अच्छा सॉरी मैंने यहां पर इसको ट्रिपल एक्सल करा और इसको बड़ा के कर देता हूं मैं [संगीत] 10 हां जी ठीक है और इसकी पैडिट को थोड़ा सा कम करके कर देते हैं [संगीत] वन ठीक है बढ़िया यहां पे एक
बटन दिखाई दे रही है हमको जो इसको क्लोज करने वाली इस पैनल को बाय द वे और आप इसको थोड़ा सा पीटी अलग से दे दो 14 यहां तक समझ आ रहा है क्या हो रहा है उसके अलावा मुझे यहां पर जाके क्लिक करना है तो ये नीचे चले जाए तो अब मैं इस h5 प बना बना सकता हूं वाली फंक्शनैलिटी बाय द वे तो मैंने यहां जाके लिखा ऑन क्लिक ऑन क्लिक में मैंने यहां जाकर कहा कि सेट व्हीकल पैनल फॉल्स तो अब मैं अगर यहां जाकर देखूंगा यहां जाकर देखूंगा अगर मैं तो अगर
मैंने यहां पर जाके लोकेशन पर क्लिक करा किसी एक व्हीकल प क्लिक करा ये खुल गया अगर मैंने क्लिक करा तो चलेगा लेकिन जैसे मैंने इस पर क्लिक करा तो ये बंद हो जाएगा ट्स इट बढ़िया बढ़िया बढ़िया बढ़िया यहां तक सब कुछ सही चल रहा है उसके अलावा मुझे चाहिए कि अगर मैं किसी व्हीकल पर सिलेक्ट कर लू इनम से किसी भी एक व्हीकल पर क्लिक करूं तो मैं एक अलग पेज पर पहुंच जाऊ तो मैं उसके लिए एक अलग पेज पहले बना लेता हूं उसके बाद काम करेंगे तो ज्यादा मजा आएगा तो यहां
जाके अगर मैं देखूं ध्यान से तो मेरे भाई ने यहां पर कैप्टन होम कैप्टन लॉग इन कैप्टन लॉग आउट यूजर होम यूजर लॉग इन यूजर लॉग आउट बना दिया है स्टार्ट और एंड यूजर प्रोटेक्ट रैपर यह किस चीज का काम कर रहा है अच्छा ठीक है समझ गया और कैप्टन होम कैप्टन लॉग इन वाला पेज अभी ब बताना बाकी है भाइयों कैप्टन का होम बनाना बाकी है अभी भाइयों और बाकी सब तो मेरे हिसाब से ठीक है बाकी सब तो ठीक जा रहा है यहां पर स्टार्ट वगैरह सब कुछ ठीक है अच्छा ठीक है अगर
हम आए वापस हमारे होम वाले पेज पर अगर हम जाकर देखें तो यह कुछ ऐसा दिखाई दे रहा है और यहां तक बनके तैयार मैं यहां पर जब क्लिक करूंगा तो मुझे एक नए पेज पर पहुंचना है जो कि दिखने वाला है कुछ ऐसा नाइस यार एक डिटेल भी आ रही थी हां यार यह वाला पेज भी तो रह गया ना एक ये भी पैनल ही है बाय द वे अगर देखा जाए तरीके से तो यह भी एक तरीके का पैनल ही है जिसमें सिलेक्ट करा मैंने तो कार वगैरह जो भी दिखाई दे रही है
व्हीकल वगैरह दिखाई दे रहा है जो भी वो दिखाई देने लगे ढंग से और आपकी लोकेशंस दोनों अच्छे से दिखाई देने लगे और आपका मैप दिखाई देने लगे ढंग से तो मैं बस एक चीज करने वाला हूं लास्ट है ये बस इसके बाद तो मैं परेशान नहीं करूंगा होम के अंदर जाते हैं तो सबसे पहले तो मुझे ये जो पूरा का पूरा पैनल है ना इसको मुझे एक नए के बिल्कुल नए ब्रांड न्यू बने बनाए डिफ के अंदर शिफ्ट करना चाहिए सबसे पहले तो तो यहां जाके मैं इस पूरे के पूरे ट को पहले तो
थोड़ा सा फिक्स करता हूं यहां से शुरू है यहां तक यही है ना हमारा व्हीकल पैनल इस व्हीकल पैनल के पूरे के पूरे कोड को मैं सबसे पहले तो यहां से हटाता हूं और मुझे एक नया कंपोनेंट बनाना है हमें कंपोनेंट्स का बहुत अच्छी तरीके से यूज करना पड़ेगा दोस्तों तो मैंने यहां जाके लेट्स सपोज लिखा वकल पैनल ड जए एक और यहां जाके आर ए एफ सीई लिखा हुआ है इसके अंदर और इसके अंदर आपने यहां पर दोस्त कुछ इस तरीके से लिख दिया है अपना पूरा का पूरा कोड बढ़िया अब यह कह रहा
है सेट व्हीकल पैनल कौन सा है तो मैं प्रॉप्स के थ्रू रिसीव कर लूंगा और मैं यहां जाके लिखूंगा प्रॉप्स डॉट सेट व्हीकल पैनल और ये कुछ ऐसा दिखने लगेगा दैट्ची जाके आपको लगाना है पता है क्या व्हीकल पैनल जिसके अंदर आप पास कर पाएं सेट व्हीकल पैनल की वैल्यू एज सेट व्हीकल पैनल आई गेस आप लोगों को यह समझ आ रहा है और आप देखेंगे तो सब कुछ एकदम पहले की तरह अच्छी तरीके से चल रहा है बढ़िया अब हमको बस एक छोटा सा पार्ट और करना है जिसमें मैं यहां पर जाके एक छोटी
सी चीज और कंफर्म्ड व्हीकल और बना सकूं तो ये पहला पार्ट हो गया हमारा व्हीकल पैन लोकेशन पैनल एक साइड में मुझे एक और बनाना है जो कि मेरा रहेगा कि सिलेक्टेड व्हीकल कैसा दिखने वाला है आपका तो यहां जाके यहां जाके कंपोनेंट्स के अंदर मुझे यहां पर एक फाइल बनानी है जिसका नाम रख दिया मैंने कंफर्ड व्हीकल ठीक है डॉट जस एक्स कन्फर्म कंफर्म राइड डज रखना चाहिए मेरे हिसाब से ज्यादा सही वो रहेगा कंफर्म राइड जए एक आर ए ए स लिखते हैं इसके अंदर और कंफर्म राइट भी बेसिकली इस तरीके का ही
एक पैनल रहने वाला है तो मैं उसको भी इनकी तरह ही बना लेता हूं मैंने कहा सेम ऐसा ही दिखने वाला है कंफर्म राइड भी सेम भाई की तरह दिखने वाला है बिल्कुल एकदम कोई अलग नहीं रहेगा उसमें बस उसमें एक छोटी सी चीज रहेगी व्हीकल पैनल नहीं रहेगा उसमें रहेगा और यह वाला जो मैंने कोड लिखा ना यह पूरा का पूरा कोड मैंने वापस लिख दिया एक बार और मुझे एक छोटा सा काम और करना है जैसे व्हीकल पैनल बनाया मैंने वैसे यूज स्टेट स्निप इट मैंने यहां पर जाके व्हीकल पैनल बनाया था ना
तो कंफर्म राइड पैनल और कंफर्म राइड पैनल को मैंने इनिशियली देके रखा है फाल्स ठीक है और और कंफर्म राइड पैनल को मैंने इनिशियल देके रखा है फाल्स और यहां जाकर व्हीकल पैनल जैसा रेफ बनाया था ना मैंने वैसे यहां पर जाके कंफर्म राइड पैनल रेफ बना लिया बढ़िया और यहां जाके नीचे य जो डिफ बनाया है अलग से आपने इसमें रेफ पास कर देना कंफर्म राइड पैनल रेफ बढ़िया कुछ ऐसा दिखाई दे रहा है हाइट वाइट अपनी मर्जी से दे दी थी अपन ने और उसके अंदर कुछ ऐसा कोड वड लिख दिया अपन ने
उसके अलावा उसके अंदर लिखा क्या हुआ है तो उसके अंदर अभी के लिए तो मैंने कंफर्म राइड करके जो बनाया है यह लिख देता हूं मैं तो कंफर्म राइड जए लिख देते हैं फम राइड कुछ ऐसा दिखाई देने वाला है और साथ में यूज जी साप करके यहां पर कोड लिख दिया अपन ने यूज य पैनल ओपन का कोड था यह कन्फर्म राइड पैनल और यहां जाके कंफर्म राइड पैनल रेफ डॉट करंट कंफर्म राइड पैनल रेफ डॉट करंट वेरी नाइस कंफर्म राइड पैनल रेफ डॉट करंट और डिपेंड भी ये पता है किस पर कर रहा
है कंफर्म राइड पैनल प ही कर रहा है रेफ पे नहीं राइड पैनल प ही कर रहा है तो यह आपका कोड बनके तैयार हो गया जब भी वो ट्रू होगा तो वो ऊपर की तरफ आ जाएगा कोई गलती नहीं है इसमें है ना और ये राइड का पैनल भी बनके तैयार है अब इसके अलावा मुझे करना क्या है उसके अलावा मैंने यहां पर जाके ये जो बनाया है इसमें मैंने यहां पर ये कुछ इस तरीके से दिख रहा है मुझे कंफर्म का बटन चाहिए बस एक कंफर्म नहीं चाहिए ये तो उन्होने नहीं दिया हमें
देना है तो यहां पर हमें इस पैनल को बनाना है तो इस पैनल को कब खोलना है यह भी तो इंपॉर्टेंट है तो यहां जाके मैंने काम करा छोटा सा मैंने यहां जाके पहले तो रीलोड कर लेता हूं मैं कुछ फालतू की जो एरर्स है ये मेरे को परेशान करती हैं मुझे पसंद नहीं है एरर्स बिल्कुल दोस्तों तो साथ में मैंने यहां पर जाक सेट व्हीकल पैनल के अंदर यह पास किया था और मैंने साथ में सेट कंफर्म राइड पैनल भी मैंने यहां पर पास कर दिया एज सेट कंफर्म राइड पैनल और यहां जाके कंफर्म
राइट पैनल के अंदर मैं इसको रिसीव भी कर लूंगा नहीं कंफर्म राइट पैनल के नहीं व्हीकल पैनल के अंदर पास किया है तो प्रॉप्स के अंदर यहां पे मैंने पास करा और कंफर्म राइट पैनल पता है कब ट्रिगर होगा कंफर्म राइट पैनल सिर्फ तब ट्रिगर होगा जब आप इन डिब्स में किसी पे क्लिक करेंगे तो अभी के लिए तो हमारे तीनों डिफ्स आइडेंट हैं और हमें आइडेंट कल बनाने नहीं है क्योंकि बनाएंगे अगर हम आइडेंट कल तो हमारे साथ दिक्कत ये है कि फिर हम कितने ही बनाएंगे मल्टीपल व्हीकल्स होने वाले हैं ना अपने पास
तो तो डिपेंड करता है ना यूजर के पास कितने अवेलेबल व्हीकल्स है अभी के लिए उस लोकेशन के आसपास या फिर हम चलो तीन व्हीकल्स भी दे रहे हैं तो तीनों व्हीकल्स के ऊपर या तो हमें अलग से बनाना पड़ेगा बना लेते हैं क्योंकि अभी हम लोगों का एप्लीकेशन में ऐसा तो है नहीं कि आसपास जितने भी अवेलेबल व्हीकल है उनको रेंडर करो और उसके अकॉर्डिंग व्हीकल्स तो यही होने वाले हैं तो यहां जाके मैंने क्या कहा प्रॉप्स डॉट सेट कंफर्म राइट पैनल ट्रू और यह जो मैंने कोड लिखा है यह मैं इसमें भी पास
कर देता हूं और यह मैं इसमें भी पास कर देता हूं बढ़िया अच्छा अब इससे क्या होगा भैया यहां पे आपने जाके लिखा लोकेशन लोकेशन सर्च कर सकते हैं यहां पे आपने क्लिक करा आपका व्हीकल ऑप्शन चूज करने का आ गया व्हीकल चूज करने का ऑप्शन आ गया आपने किसी पे क्लिक करा तो कंफर्म राइड का पैनल खुल गया अब कंफर्म राइड का पैनल खुल रहा है तो साथ में एक काम और कर लो कंफर्म राइड का पैनल चलो थोड़ा बड़ा रख लेंगे अपन कोई परेशानी नहीं है और उसको नीचे भी कर पाएंगे अपन ठीक
है कंफर्म राइड का पैनल यहां पर दिखने वाला है अब कंफर्म राइड का पैनल कैसा दिखेगा जल्दी से उसकी यूआई भी बना लेते हैं सबसे पहले यहां पर जाके मुझे ये वाली इमेज चाहिए व्हीकल पैनल के अंदर जो हमने कार की इमेज लगाई थी जल्दी खुल जाओ बहुत धीरे चलता है बहुत धीरे मजाक सेट के बहुत धीरे और ये वाला h5 भी चाहिए मुझे काइंड ऑफ तो कंफर्म राइड के अंदर सबसे पहले तो ये वाला h5 आएगा उसके अलावा मैंने यहां पर जाके क्या कहा उसके अलावा मैंने पास यहां पे चूज व्हीकल के अला की
जगह मैंने यहां पर जाके मैं टेक्स्ट चेंज कर दूंगा ना टेक्स्ट चेंज करने में क्या है उसके अलावा मेन चीज तो बना ल अपन और एक डेव है जिसके अंदर मुझे यह वाली इमेज चाहिए हां भाई ओपन मैंने ही ढूंढ थी अभी थोड़ी देर पहले हां यह कार मिल गई ना अपने को यह कार काम की है भाई है ना कॉपी इमेज एड्रेस और यहां पर आते हैं और यहां पर आके कंफर्म राइड पैनल के अंदर मेरे पास एक चूज व्हीकल है तो चूज व्हीकल की जगह कंफर्म योर राइड कंफर्म योर राइड और यहां पर
जाके मैंने इसके जस्ट नीचे एक इमेज टैग बनाया जिसके अंदर मैंने जाके ले जाके इसको कर दिया पेस्ट एंड देख सकते हैं अपन यहां पे कंफर्म राइड दिखाई दे रहा है हम लोगों को यहां पे इमेज दिखाई दे रही है काफी बड़ी सी और जो भी वो इमेज वहां पर रहेगी वो अपन उसके अकॉर्डिंग डाल देंगे कार है तो कार बाइक है तो बाइक हम यहां पर जाके इसको डालते हैं एक डिव के अंदर एक डिव के अंदर डालते हैं उस डिव को मैं फ्लेक्स दे दूंगा और यहां जाके मैंने एक डिव बनाया इस डिव
के अंदर मेरे पास यहां पर रहने वाली है एक इमेज मेरे पास रहने वाला है एक डिव जिसके अंदर डिटेल्स रहेंगी और एक रहने वाली है मेरे पास एक बटन जिसके अंदर लिखा है कंफर्म बढ़िया बढ़िया इस बटन और यह सब कुछ देने के बाद इस डिफ को मैंने दे दिया है क्लास नेम प्लेक्स मैंने आके दे दिया है लेटस सपोज जस्टिफाई बिटवीन और मैंने जाकर दे दिया है आइटम्स आइटम्स मुझे नहीं देना आइटम्स मैं अपने हिसाब से समझ लूंगा या फिर चलो आइटम्स में दे देता हूं सेंटर लेकिन फिर मुझे इस डिव को क्लास
नेम देके विड्थ देनी पड़ेगी फुल और साथ में मुझे यहां पर जाके इसको फ्लेक्स को कलम कोल फ्लेक्स कोल फ्लेक्स कॉलम में कन्वर्ट करना पड़ेगा और साथ में मुझे इस बटन को क्लास नेम के साथ में विड्थ देनी पड़ेगी फुल बढ़िया आई गेस समझ आ रहा है आप लोगों को है ना और यहां तक सब कुछ क्लियर चल भी रहा है विड्थ फुल कर दिया अपन ने है ना उसके अलावा अब अपने को करना क्या है अब अपने को यहां पर जाके विड्थ फुल हो चुकी है डिव की विड्थ फुल हो चुकी है डिव के
अंदर क्या-क्या चीजें हैं तो डिव के अंदर हमारे पास यहां पर यूजर की लोकेशन करंट लोकेशन है और यूजर की डेस्टिनेशन है तो यहां पर जाके अपन जल्दी जल्दी से एक और इसके अंदर डिफ बना लेते हैं दो डिप्स रहने वाले हैं हमारे पास और दो डिप्स के अलावा यहां पर हमारे पास कैश भी रहने वाला है ठीक है अभी हम लोग कैश में खेल रहे हैं भाई है ना अपन आजकल कैश में खेलते हैं वैसे तो और बटन है जिसके अंदर कंफर्म है जिसको मैंने हल्की सी बीजी दे दिया पहली चीज तो ग्रीन और
ग्रीन में भी मुझे कुछ ऐसा ग्रीन देना चाहिए था और अगर मैं ध्यान से देखूं अपने कोड में जाके तो देखते देखना समझ आएगा हां जी ठीक है मैंने यहां पर जाकर कहा टेक्स्ट मेरा रहेगा वाइट और टेक्स्ट मेरा रहेगा टेक्स्ट नहीं फंट कहना चाहता था मैं फंट रहेगा मेरा मान लेते हैं सेमी बोल्ड ठीक है हल्की सी पडि दे देते हैं दो की ठीक है बढ़िया और साथ में मैंने कहा कि राउंडेड जो है वो रहेगा एलजी यानी लार्ज लेवल पे राउंडेड रहेगा और ये जो डिव बनाया था मैंने ये जो डिव बनाया था
मैंने इसको मैं पैडिट वा एक्सिस से आठ की नहीं छह की देना चाहता हूं टॉप से भले ही आप 141 जितनी देना दे दो इसको 12 कर लो और ऊपर वाले को भी 12 कर लो बढ़िया लगेगा बढ़िया लगेगा मजाक से हट के बढ़िया लगेगा ये कंफर्म करके कुछ ऐसा दिखाई देने लगा उसके अलावा मैं मैंने यहां जाके क्या कहा मैंने यहां जाके कहा मैंने इन तीनों के बीच में गैप देना है तो मैंने गैप दे दिया लेट्स सपोज फाइव का ज्यादा हो जाएगा वैसे तो लेकिन चलो देख देखते हैं मैंने यहां जाके गैप दे
दिया मान लेते हैं टू का थोड़ा बहुत गैप बन जाएगा ठीक है और यहां जाके यह जो मैंने इमेज बनाई थी इसको मुझे थोड़ा सा क्लास नेम वगैरह देना चाहिए जैसे कि मुझे इसको क्लास नेम देना चाहिए हाइट अराउंड अराउंड 20 थोड़ी सी छोटी हो जाएगी हमारी गाड़ी बिल्कुल हमारी गाड़ी थोड़ी सी छोटी हो गई और ये जो मैंने डिव बनाया इसके अंदर मुझे क्या देना चाहिए जस्ट अ मिनट मुझे यहां पर देना चाहिए एक एड्रेस तो यहां जाके मुझे एक सबसे पहले तो एक आइकन चाहिए तो आइकन हम लोग उठा लेते हैं अभी िक्स
और डिव के अंदर मेरे पास एक h3 है जिसके अंदर मैंने यहां पर लोकेशन लिखी 562 स्ल 11 ड ए और एक पैराग्राफ लिख दिया मैंने कांकरिया तालाब अहमदाबाद अहमदाबाद अहमदाबाद की मुझे स्पेलिंग नहीं आती दोस्तों कहां करिया तालाब भोपाल में भी है एक छोटा सा हां मजाक से हटके ठीक है और यहां पर जाके क्लास नेम अ मैंने दे दिया है फ्लेक्स आइटम्स मेरे रहेंगे सेंटर में और अगर मैं जाकर देखूंगा तो यह कुछ ऐसा दिखाई देने वाले हैं कुछ ऐसे दिखाई देने वाले हैं मुझे इसको क्लास की जगह क्लास नेम देना चाहिए और
यहां जाके मुझे इसके टेक्स्ट को थोड़ा सा इनलार्ज करना चाहिए टेक्स्ट मैंने दिया इसका थोड़ा सा लार्ज जैसे कि एलजी एलजी स्पेस दे देते हैं थोड़ा सा और अपन यहां जाके इस दोनों इन दोनों डिप्स के बीच में य जो दोनों डिप्स बने हैं इन दोनों के बीच में थोड़ी सी गैप होनी चाहिए कि नहीं होनी चाहिए यह तो कह रहा है नहीं होनी चाहिए लेकिन हमको तो देनी चाहिए यहां जाकर मैंने इसको गैप दे दिया है पाच का ठीक है और ये जो h3 है इसको मैंने क्लास नेम देके इसको मैंने क् थोड़ा सा
देखना है विजिबिलिटी इंप्रूव होगी ना यार भाइयों मैंने इसको क्लास नेम देक टेक्स्ट दे दिया है मान लेते हैं एलजी और फंट दे दिया है मान लेते हैं [संगीत] मीडियम ठीक है वेरी नाइस और यहां पर जाकर य जो पैराग्राफ लिखा हुआ था इस पैराग्राफ को हम लोग क्लास नेम दे देते हैं टेक्स्ट बेस और टेस तो वैसे भी बेस ही होता है टेक्स्ट का कलर मैं कर देता हूं मान लेते ग और ग्रेह में भी मैं कर देता हूं 600 और मुझे इसका टेक्स्ट थोड़ा सा छोटा करना चाहिए मेरे हिसाब से तो मुझे ऐसा
लगता है स्मॉल कर देते हैं ठीक है ना तो ये दोनों कुछ ऐसे दिखाई देने लगेंगे बढ़िया बढ़िया और मैंने इसको हल्का सा माइनस में मार्जिन टॉप दे दिया वन हल्का सा अगर इनके बीच में जो गैप आ रहा था वो भी चला जाएगा ठीक है जी और अगर मैंने इस डिव के इस डिव के जस्ट बाद में यह वाला जो डिव है इसको बना दिया तो ये दो डि एक के बाद एक ऐसे दिखाई देने लगेंगे नहीं ऐसे नहीं करना था इस तरीके से पहले तो दोनों को फॉर्मेट करो और यह जो पूरा आपने
बनाया है इसको यहां पर जाके पेस्ट कर दो और यहां पर जाके पेस्ट कर दो यहां पर जाके अगर देखोगे आप तो लोकेशन में आपको कोई और लोकेशन दिखाई दे रही है क्या अ चलो ये वाली ले लेते हैं ये वाली ले लेते हैं और यहां ले जाके एक फाइनल लोकेशन एक यूजर की कर लोकेशन तो यहां जाकर मैंने इसकी जगह यहां पर पेस्ट कर दिया और क्लास की जगह मैं कर देता हूं क्लास नेम और अगर मैं यहां पे सर्च करता हूं कैश मैं सर्च करता हूं मनी मनी के कई सारे ऑप्शंस है कैश
सर्च करता हूं यहां जाके या फिर पेमेंट पेमेंट के भी मेरे पास कई सारे ऑप्शंस है चलो ये करेंसी वाला उठा लेते हैं कहां लगे हो तुम लोग भी इतना ज्यादा कंफ्यूज होने में और यहां जाके अगर मैं इस करेंसी वाले को यहां से उठा के यहां पर यहां पर सॉरी सॉरी सॉरी यहां पर कर देता हूं पेस्ट और यहां जाके एड्रेस की जगह मैं लिख देता हूं मान लेते हैं रुपीस 19320 और यहां पर जाके मैंने लिख दिया कैश कैश तो अगर आप ध्यान से देखेंगे तो ये कुछ ऐसा दिखाई देने लगे ठीक है
भैया अच्छा नहीं दिखाई दे रहा देगा सब तो रखो देगा अच्छा दिखाई देगा यहां जाकर इस क्लास नेम को जो मैंने यहां पर दिया था मैं इसको थोड़ा फॉर्मेट करता हूं इन डिस को आपने य वाली प्रॉपर्टी नहीं दी है नाइस नाइस कुछ ऐसा दिखाई देने लगेगा लास्ट वाला क्यों नहीं हुआ हो गया ना हो तो गया ठीक है हां थोड़ा सा गैप देना जरूरी है वो तो मैं समझ गया हूं लेकिन हां मैं तीनों को एक साथ सिलेक्ट करके गैप दे दूंगा यहां पर सिलेक्ट किया यहां पर सिलेक्ट किया यहां पे ठीक है अगर
ध्यान से देखने जाएंगे तो पहली चीज तो अपने को हल्की सी इसको देनी चाहिए पडि तो मैंने यहां जाकर पैडिका टू की या थ्री की थोड़ी सी पडि मिल जाएगी तो थोड़ा अच्छा दिखने लगेगा और मैंने यहां जाके कहा बॉर्डर बॉर्डर नहीं बॉर्डर बॉटम से मैं देना चाहता हूं इसके बस सजेशन आ जाओ जल्दी से बॉर्डर बॉटम से मैं दे देना चाहता हूं टू की तो हल्की सी बॉर्डर बॉटम से आ जाएगी वेरी नाइस वेरी नाइस बॉर्डर बॉटम की जगह में एक बार टॉप से ट्राई करके देखें कैसे दिख रहा है बॉर्डर टॉप से ज्यादा
अच्छी नहीं लग रही बॉर्डर बॉटम से अच्छी लग रही थी बढ़िया बढ़िया वेरी नाइस और यहां जाके मैंने एक छोटा सा काम और कर लिया बॉर्डर बॉटम वाला जो पार्ट था वो इस वाले के पास से हटा दिया इन दोनों के बीच में ही रहने दो थोड़ा सा ज्यादा अच्छा लगेगा और साथ में मैंने अ ये जो मैंने कंफर्म योर राइड वाला सेक्शन था इसके पहले ये जो मैंने पूरा का पूरा फुल करके डिव बनाया था इसको मैंने एमटी दे दिया फाइव और यह जो मैंने बटन बनाई थी इसको भी मैंने एमटी दे दिया फाइव
देख सकते हैं आप लोग यह कुछ इस तरीके से बनके तैयार है और यहां पर आपका लगभग लगभग सारा काम हो चुका है मैंने कहां पर क्लास अकेला लिख दिया मुझसे कहां गलती हो गई मैंने यहां पर जा के क्लास अकेला कहां लिख दिया इक्वल टू ये लिखा हुआ है इसके पीछे मेरे पीछे पड़ा हुआ है क्लास नेम है मित्र वो अब ठीक है मालिक ठीक है मालिक का मन भर गया लोकेशन सिलेक्ट हो गई व्हीकल सिलेक्ट हो गया ये खुल गया कंफर्म योर राइट कंफर्म प क्लिक करके हम रीडायरेक्ट हो जाएंगे कहां पे जहां
पे हम जाना चाहते हैं दैट्ची 10 मिनट से मैं रिकॉर्ड कर रहा हूं लगातार समझ पा रहे हो तुम लोग समझ पा रहे हो क्या पानी तक नहीं भी आ आता हूं बस इसको कंप्लीट करो जल्दी से आता हूं फिर दोस्तों मुझे अभी-अभी पता चला और सुनके काफी दुख हुआ कि हमें छोटा सा काम और करना है हमें अभी यहां जाके यहां पर क्लिक कर दिया क्लिक कर दिया आपने व्हीकल सेलेक्ट कर लिया अब आप अपनी राइड को कंफर्म तो कर सकते हैं लेकिन जैसे ही आप अपनी राइड को कंफर्म करेंगे होगा क्या कि अब
आप वेट करेंगे ड्राइवर के लिए और ड्राइवर एक्सेप्ट करेगा तो मुझे एक पेज बनाना पड़ेगा लुकिंग फॉर ड्राइवर्स कुछ इस तरीके से क्या आप मेरी बात समझ पा रहे हैं तो मैं काम करता हूं मैं यहां पर जाके इस वाले पेज को ही कॉपी कर लेता हूं और यहां ले जाके यहां ले जाके मैं इस पेज को बहुत प्यारे तरीके से बनाऊंगा ध्यान से देखना ज समय नहीं लगने वाला है इसमें ये बहुत जल्दी हो जाने वाला है ठीक है तो यहां पर अगर हम देखेंगे तो ये हमारा एक पैनल है जिसके अंदर कंफर्म राइड
कर दिए अपन ने और कंफर्म राइड के लिए मुझे एक अलग से पेज बनाना है जिसमें कि हमें पता चले कि राइड कंफर्म हुई भी है या नहीं हुई है तो ये हमारा पूरा का पूरा पैनल है मैं यहां जाके क्या करने वाला हूं सिंपल यहां पर जाके कंफर्म राइड पैनल बन के तैयार है हमारे पास होम पर जाते हैं आई एम रियली सॉरी मैं गलत पेज पर ही जा रहा था ठीक है मैं यहां पर जाके इस डिव को सिंपली कॉपी पेस्ट करने वाला हूं एक बार और और यहां जाके इसके अंदर अभी मुझे
रफ के अंदर कुछ भी पास नहीं करना तो मैं अभी इसका रफ हटा देता हूं आई होप आप लोगों को मेरी आवाज आ रही है क्या पता पूरा मैं बोल दूं पूरा पढ़ा दूं उसके बाद पता चले रिकॉर्डिंग स्टार्ट नहीं हुई तो ये तो चोट हो जाएगी कि नहीं हो जाएगी इसलिए पहले चेक करते रहना चाहिए साहब यहां जाके मैंने इसको हटा दिया और मैंने यहां पर जाकर एक और पैनल बनाया है कंपोनेंट्स के अंदर जिसके अंदर मैंने लिखा वेट फर ड्राइवर डट जस एक वेट फॉर ड्राइवर और मुझे ऐसा लगता है कि मुझे इसका
नाम वेट फॉर ड्राइवर तो रखना ही चाहिए इसका नाम मुझे रखना चाहिए वेटिंग फॉर ड्राइवर आई गेस शायद ये ज्यादा अच्छा लगेगा हां आर ए एफ सीई वेटिंग फॉर ड्राइवर और मुझे लगता है एक और मुझे बनाना चाहिए जिसके अंदर मुझे लिखना चाहिए अ लुकिंग फॉर ड्राइवर अब यार देखो फुल स्टक एप्लीकेशन है तो काम तो थोड़ा ज्यादा लेख करना पड़ेगा ठीक है ना भाई तो परेशान मत हो जल्दी हो जाएगा यहां जाके लुकिंग फॉर ड्राइवर यहां पर हम लोगों ने लिखा है और यहां जाके मैं इतने सारे व्हीकल्स में से यहां पे जब किसी
एक पे क्लिक करता हूं आई होप ये चलना चाहिए कुछ एरर आ रहा है दोस्तों एरर क्या आ रहा है वो हमें समझने के लिए एक बार रीलोड लेना पड़ेगा अगर हम देखेंगे तो यहां मैंने क्लिक करा मैंने किसी लोकेशन पे मैंने ऊ राइड प क्लिक करा और यहां जाके कंफर्म करने पे मुझे अब चाहिए कि भाई कंफर्म हो जाए तो यहां जाके लुकिंग फॉर ड्राइवर वाली जो स्क्रीन है वो आनी चाहिए सही बोल रहा हूं ना मैं हम तो लुकिंग फॉर ड्राइवर वाली जो स्क्रीन है उसके अंदर जो भी चीजें हैं वो काफी हद
तक सिमिलर है इस वाले डिफ की तरह था तो मैंने यहां जाके लुकिंग फॉर ड्राइवर को इस तरीके से कुछ लिख दिया नॉर्मल कुछ इस तरीके से ठीक है जिसके अंदर मैंने कंफर्म योर राइड की जगह यहां पे लिख दिया लुकिंग फॉर अ ड्राइवर लुकिंग फॉर अ ड्राइवर अब यार राइड बुक कर रहा है इतनी जल्दी थोड़ी हो जाएगी ठीक है ना तो यहां जाके लुकिंग फॉर अ ड्राइवर वाला काम मेरा मेरा हो चुका है लगभग लगभग और मुझे इसके नीचे कोई भी कंफर्म वाली बटन नहीं चाहिए तो मैंने यहां जाकर इस बटन को कर
दिया है रिमूव और लुकिंग फॉर अ ड्राइवर वाला पार्ट बनके तैयार है ट्स इट हो गया काम हमारा अब मैंने यहां जाके इस पूरे को कॉपी करा था तो यहां जाके मैंने लिख दिया है लुकिंग फॉर अ ड्राइवर ट्स इट लुकिंग फॉर अ ड्राइवर का पैनल बन चुका है लुकिंग फॉर अ ड्राइवर का पैनल बन चुका है और अगर हम ध्यान से देखने जाएंगे तो यहां पर दिखाई तो नहीं देगा लुकिंग ड्राइवर इ नॉट डिफाइंड कह रहा है तो लुकिंग फॉर अ ड्राइवर इज नॉट डिफाइंड हाउ लेट मी चेक ंटर कंपोनेंट्स के अंदर लुकिंग फॉर
अ ड्राइवर और यहां जाके लुकिंग फॉर ड्राइवर बनाता हुआ है हु इ टेलिंग मीट देर इ एरर देर इज नो एरर न ओपन ओपन ठीक है अब जब कंफर्म करूंगा तभी मेरा ड्राइवर देखना चाहिए मैंने यहां जाक क्या कहा मैंने यहां जाकर कहा कि होम के अंदर मैंने यहां पर काफी सारे यूज जी साब बनाकर रखे हुए हैं बाय द वे मैं इसको एक बार कॉपी करना चाहकर एक बार नीचे जाकर पेस्ट करूंगा और यहां जाके कंफर्म राइड पैनल की जगह मैं यहां पर जाके मैं इसका नाम रखना चाहता हूं मैं इसको कॉपी पेस्ट करके
नीचे पेस्ट कर देता हूं और इसका नाम अपन रख देते हैं व्हीकल फाउंड और इसकी अंदर मैंने कह दिया व्हीकल फाउंड इनिशियली वैल्यू क्या है दोस्तों फाल्स ठीक है मैंने यहां पर लिखा व्हीकल फाउंड और यहां पर भी लिखा मैंने व्हीकल फाउंड और सेट व्हीकल फाउंड ट्स इट अब यहां जाके जो मैंने नया वाला फंक्शन कॉपी पेस्ट किया है इसके अंदर मैंने चेक कर लिया ये जो रफ बनाए थे मैंने इतने सारे उसमें से मैंने एक रफ को उठाया मैंने यहां जाकर पेस्ट कर दिया और य जाके मैंने लिखा व्हीकल फाउंड रेफ ट्स इट ठीक
है और यहां जाके मैंने सिलेक्ट कर लिया यूजी साप के अंदर सबसे पहले तो व्हीकल फाउंड अगर व्हीकल फाउंड रफ डॉट करंट है अगर और यहां जाकर मैंने कहा कि व्हीकल फाउंड रफ डॉट करंट यहां पर भी है और मैंने यहां जाके लिखा व्हीकल फाउंड तो यहां तक तो मेरा काम बढ़िया चल रहा है और नीचे जाके जो रफ दिया था मैंने इसके अंदर उसके अंदर भी मैं क्या दे देता हूं एक वैल्यू जिसके अंदर मैंने वैल्यू क्या दे दी है जिसके अंदर मैंने वैल्यू दे दी है व्हीकल फाउंड ड्रफ की वैल्यू दैट्ची यूज किसका
चल रहा है वैसे तो अभी यूज तो सेट कंफर्म राइड का चल रहा है बस कि h5 में क्लिक करने पे नीचे जा रहा है ठीक है और यहां जाके मैं एक काम करता हूं सेट व्हीकल पैनल का यहां तो कोई सीन है ही नहीं सेट व्हीकल पैनल का सीन है नहीं है तो यहां जाके एक काम करना पास कर देना सेट व्हीकल फाउंड एज सेट व्हीकल फाउंड और यहां जाके लुकिंग फॉर अ ड्राइवर नहीं कंफर्म राइड के अंदर बटन जो है ना मेरी बटन के ऊपर मैंने लगा दिया ऑन क्लिक और जैसे ही क्लिक
होता है एक काम करना प्रॉप्स डॉट सेट व्हीकल फाउंड को कर देना ट्रू ट्स इट आपका काम हो चुका है दोस्तों अब आप देखेंगे तो यहां पर आपने क्लिक करा लोकेशन र गो कंफर्म लुकिंग फॉर अ ड्राइवर यहां पर आपको दिखाई देने लगेगा सिंपल है ठीक है और साथ में मैंने यहां जाके कंफर्म राइड पैनल को क्लोज करने वाला जो काम था ना ये जो ऊपर मैं कर रहा था वह मैं यहां पर भी करने वाला हूं यहां जाके इसको कंफर्म राइड पैनल को क्यों बंद करेंगे लेकिन अपन यहां पर जाके इसके साथ में यह
भी लिख देता हूं सेट कंफर्म राइड पैनल फॉल्स कंफर्म राइड की पैनल फॉल्स हो जाएगी यहां पर जाके अ अगर मैं रीलोड करके देखूं थोड़ी लंबी प्रोसेस तो है लेकिन यहां पर लोकेशन फाइंड करना है u गो पे चले गए कंफर्म कर दिया ये खुल गई ई सब स्क्रीन ठीक है ना बढ़िया स्क्रीन खुल गई लुकिंग फॉर अ ड्राइवर ठीक है नाइस बस ठीक है ड्राइवर रहेगा और एक स्क्रीन और बना रहे हैं जो कि अभी करेंटली तो फॉल्स आएगी बाद में जाके वेटिंग फॉर अ ड्राइवर करके हमने बना ली स्क्रीन जिसको बाद में जाके
हम ट्रू करने वाले हैं जो कि मोस्ट प्रोबेबली कुछ ऐसी दिखने वाली है जिसमें आपकी लोकेशन दिखाई देगी और जिसमें आपके ड्राइवर की थोड़ी बहुत डिटेल्स दिखाई देंगी तो यहां जाके मैंने सिंपली बहुत देखो बहुत हो रहा है वैसे तो अगर देखा जाए तो तो हम लोग पता है क्या कर सकते हैं हम लोग यहां पर जाके जीबीटी का यूज कर सकते हैं वैसे तो लेकिन मैं चाहता था कि आप लोगों को थोड़े बहुत लॉजिक समझ आए यार इसलिए मैंने सोचा कि चलो कोई ना बना लेते हैं हाथों से तो ये जो ड्राइवर भाई साहब
हैं हमारे ये आ रहे हैं लेने आपको तो एक काम कर लेते हैं हम लोग हमारे पास अभी शेयर सेफ्टी और ये सबका ऑप्शन तो नहीं है सेफ्टी सेफ्टी नहीं दे रहे गिरो का बढ़ रहा हूं और मैसेज कभी नहीं दे रहे हमें बस ड्राइवर की फोटो भेजनी है और हमें यहां पे लोकेशन डालनी है दैट्ची देरी के जल्दी से ये पैनल बना लेता हूं आपके सामने ही कैसे करना है मैं बता भी देता हूं आपको तो लुकिंग फॉर अ ड्राइवर पैनल अगर हम देखेंगे तो यहां जाके लुकिंग फॉर अ ड्राइवर के अंदर ये मेरे
पास यहां पर एक h5 है पूरा का पूरा डिव ही मैंने अगर यहां पर जाके कॉपी करा पहले तो फॉर्मेट कर लेता हूं और फॉर्मेट करके मैंने कॉपी करा और यहां ले जाके मैंने कर दिया इसके अंदर डायरेक्टली पेस्ट तो कुछ फालतू की चीजें यहां पर आएंगी सेट कंफर्म राइड पैनल को ऊपर से बंद क्यों करना है भाई अगर वेटिंग नहीं लुकिंग फॉर अ ड्राइवर अगर मैंने बनाया है तो यहां पर अगर मैंने प्रॉप्स पास करा है तो प्रॉप्स के अंदर यह जो मेरी बटन है उससे मैं क्लोज किसको कर पाऊंगा तो यहां जाके मैं
अपने आपको ही क्लोज कर पाऊंगा ना अगले बंदे को थोड़ी ना क्लोज करूंगा तो यहां से यह वाली चीज पास करना और लुकिंग फॉर अ ड्राइवर के अंदर यही सेम चीज लिख भी देना चुपचाप शांति से यहां पर जाके होम पेज के अंदर से मैंने सेट व्हीकल फाउंड और लुकिंग फॉर अ ड्राइवर के अंदर भी मैंने सेट व्हीकल फाउंड फाल्स ठीक है बढ़िया तो इसका काम हो चुका है कंप्लीट और वेटिंग फॉर ड्राइवर बनके तैयार है अब वेटिंग फॉर ड्राइवर को देखने के लिए मैं पहली चीज तो मम यहां पर ये जो कर रहा हूं
वही करने वाला हूं मम थोड़े समय के बाद यह गायब कर दूंगा मैं मैं दिखा दूंगा मतलब यहां पर मैंने पेस्ट कर दिया और वेटिंग फॉर ड्राइवर दैट्ची है तो इस वाले पैनल को मैं सिर्फ अभी के लिए सिर्फ इस पैनल के साथ मैंने कर रहा है यह चीज मैं बाकियों के साथ ये नहीं करने वाला हूं सिर्फ इस वाले पैनल के लिए मैंने अभी यहां जाके इसको देखा कैसा दिख रहा है तो कुछ ऐसा दिख रहा है और यहां जा मैंने अगर इसके अंदर से व्हीकल फाउंड ड्रफ जो लिखा हुआ था वह भी हटा
दिया ब मुझे समझ आएगा कि यह कैसा दिख रहा है बढ़िया लुकिंग फॉर ड्राइवर टाइप ही दिख रहा है वेटिंग वाला भी है ना मैं यहां पर जाता हूं और मुझे अगर चाहिए कि मेरा ड्राइवर का फोटो वगैरह दिखे तो यहां पर जाके अपन थोड़ी सी यूआई में चेंजेज कर देंगे तो यहां पर मुझे लिखना है लास्ट वाला सेम रहने देते हैं मतलब यह पूरा का पूरे में से इमेज हटेगी और इस वाले पार्ट को सेम रहने देते हैं बाकी हां इमेज जरूर हटेगी इमेज को हटा दिया मैंने देखूंगा तो कुछ ऐसा दिखेगा लुकिंग फॉर
ड्राइवर करके य जो हेडिंग थी यह भी हटेगी और h5 को अपनी जगह पर रहने दो h5 का कोई गलती नहीं है तो यह कुछ ऐसा दिखाई देने लगेगा और मैंने यहां पर एक डिव बनाया जिसके अंदर मैंने सिंपली जिसके अंदर मैंने सिंपली मैं काम करते हैं अपन सुनो ना मैंने यहां जाकर कंफर्म राइड के अंदर मेरे पास जो इमेज हुआ करती थी ना व इमेज मैंने यहां पर यूज तो की है लेकिन इस डिफ के अंदर की है और उसकी हाइट भी मैंने कम कर दी है और साथ में मैंने इसकी हाइट कर द
है 10 और साथ में मैंने इसके अंदर एक और डिव बनाया है जिसके अंदर मेरे पास एट के अंदर लिखा है लेट्स सपोज सार्थक और मैंने यहां पर जाके गाड़ी का नंबर लिख देते हैं ए4 के अंदर एम प 04 ए बी थ 4 और गाड़ी का नाम लिख देते हैं एक पैराग्राफ के अंदर मारुति सुजुकी ल्ट क्योंकि हमारे ट इसी में चलती है रियलिटी तो यही है और अगर मैं ध्यान से देखूंगा ये कुछ ऐसा दिखाई दे रहा होगा अभी तो ठीक है ना मुझे यहां जाके क्या करना है मुझे इस डिफ को देना
है क्लास नेम फलेक्स आइटम्स मेरे रहेंगे सेंटर में सेंटर ही दे देते हैं आइटम्स को तो आइटम्स रहेंगे मेरे सेंटर में और जस्टिफाई रहेगा कहां बिटवीन में देख सकते हैं यहां पर आप आप कुछ इस तरीके का दिखाई देगा मैंने यहां जाके इसको कर दिया है 12 ये कुछ ऐसा हो जाएगा और सार्थक मैं यहां पर थोड़ा सा टेक्स्ट को चेंज कर देता हूं तो मैंने यहां जाके क्लास नेम देके टेक्स्ट को कर दिया मान लेते हैं एलजी और फंट मैंने दे दिया मान लेते हैं मीडियम और साथ में मैंने जल्दी जल्दी लिख रहा हूं
मैं फटाफट देखते रहना है ना फंट मैंने स्मॉल कर दिया है और टेक्स्ट को मैंने ग्रे में 600 कर दिया [संगीत] और टेक्स्ट मैंने एक्सेल कर दिया और फंट मैंने सेमी बोल्ड कर दिया क्योंकि इंपॉर्टेंट इंफॉर्मेशन है कुछ ऐसा दिखाई देने लगेगा और साथ में मैंने कहा कि क्लास नेम के अंदर एक्स्ट मेरा जो है वो राइट अलाइन रहेगा तो मैंने कह दिया राइट ठीक है बढ़िया और सेमी बोल्ड लिखना चाहता था मैं सेमी अकेला लिख के रह गया और मैंने कहा माइनस में एमटी टू या एमटी व और माइनस में एम बीव ठीक है
बढ़िया सही है कोई दिक्कत परेशानी यहां तक आपका ड्राइवर वाला पैनल है जिसमें आपका ड्राइवर का बारे में दिखाई दे रहा है आप उसकी फोटो वगैरह भी रख सकते हैं और आपकी फाइनल लोकेशन मतलब वेटिंग फॉर अ ड्राइवर वाला पैनल कुछ ऐसा दिखाई देगा और मैंने इस पैनल को मैंने इस पैनल को यहां पर मुझे सबसे पहले तो एक काम करना पड़ेगा मैंने यहां जाकर इसके अंदर पास करना पड़ेगा मुझे कि उसको क्लोज भी तो करना है उस पैनल को तो यहां जाके इसको एक बार और कॉपी करके पेस्ट करेंगे इस बार मैंने कहा कि
वेटिंग और ड्राइवर रेफ और इनिशियली वैल्यू देक रखी है नन फरो नहीं फॉर ड्राइवर रेफ और यहां जाकर मैंने एक और पैनल बना लिया जिसके अंदर मैंने यहां जाकर लिखा है यूज स्टेट स्नेप एट और वेटिंग फॉर ड्राइवर फल्स यार मुझे लगता है इन दोनों के अंदर से ना अपने को रफ हटाना चाहिए वेटिंग फॉर ड्राइवर अकेला सहिए वेटिंग फॉर ड्राइवर अकेला सही है ठीक है इनिशियली वैल्यू फॉल्स है और यह वाला पार्ट भी लिख के रख ही देते हैं कि अगर ट्रू हो गई तो कैसे एनिमेट करना है और अगर फॉल्स हो गई तो
कैसे एनिमेट करना है तो मैंने यहां जाके इसको कर दिया यहां जाके वेटिंग फॉर ड्राइवर वेटिंग फॉर ड्राइवर पेस्ट वेटिंग फॉर ड्राइवर पेस्ट ठीक है जी यहां तक मुझे लगता है समझ आ रहा है आप लोगों को और जब मैं यहां पर पास भी कर रहा हूं तो साथ में मैं पास कर रहा हूं वेटिंग फॉर ड्राइवर और आगे जाकर मैंने लिख दिया वेटिंग फॉर ड्राइवर और यहां जाकर मैंने रेफ में भी पास कर दिया वेटिंग और ड्राइवर रफ और जब मैं यहां पर रिसीव कर रहा हूं तो रिसीव करते टाइम भी मैंने यहां पर
जाके सेट कर दिया प्रॉप्स लिख देना पहले वैसे प्रॉप्स मत लिखना भूलना और क्या मैंने लुकिंग फॉर ड्राइवर वाले के अंदर प्रॉप्स लिखे थे शायद लिख दिए थे अगर नहीं लिखे होंगे तो लिख दूंगा यार क्या कितना टाइम लगने वाला है हां लिखे थे बढ़िया तो यहां जाके ये वाला पैनल मुझे अभी छुपा हुआ दिख गया मतलब बन तो गया है कोई दिक्कत परेशानी नहीं सारी चीजें बन के तैयार है अब मुझे करना क्या है अब मुझे जाना है यूजर के लिए देखने के लिए कि मेरा यूजर लॉग इन करा या नहीं करा और अगर
व सॉरी ड्राइवर के लिए और ड्राइवर ने लॉग इन नहीं करा तो उसका पेज बनाना पड़ेगा ड्राइवर के लिए मुझे यूआई बनाना चालू करूं उससे पहले एक काम करता हूं मैं लेट मी शो यू वन मोर थिंग अ अगर मैं यहां तक आ चुका हूं तो अब मैं ड्राइवर के लिए वेट कर रहा हूं और एक चाहिए मुझे पेमेंट पेज अब यार मेरे को एक चीज समझ नहीं आ रही ये u बना रहे थे और u यहां तक आए u बनाते बनाते u बनाते बनाते पता नहीं क्या बनाने लग गए एयर बीएनबी यहां तक बना
रहे थे भाई ऊपर फिर उसके नीचे पता नहीं क्याक कुछ भी एंड श एड बताने लग गए भाई सारे एक साथ ही इन्होंने मिक्स कर दिए तो मेरी मानो ना तो यहां तक तो ठीक है इसके आगे के पेजेस अपन अब देखते हैं लेकिन उससे पहले मैं इतना कोड पुश कर देता हूं ताकि अंकुर इसके आगे का कोड करना स्टार्ट कर दे और मैं साथ में जो हमारा ड्राइवर है उसकी यूआई बनाना स्टार्ट कर देता हूं ठीक है तो चलो फिर कोड को पुश कर देते हैं लेट्स गो यहां जाते हैं हम लोग और यहां
जाके अ लेट मी क्लोज माय सर्वर मैं कहूंगा गेट ड ऑल गेट कमिट सॉरी गट कमिट क्या मैसेज देना बा द अपने को हमें मैसेज देना है कि यूजर यू आई कंप्लीटेड गेट पुश ड यू ओरिजिन सार्थक मैंने अपने नाम से ब्रांच बनाई थी ना तो वो बन जाएगी और यहां पर अगर आप देखेंगे तो आपकी ब्रांच बनके तैयार हो चुकी है नाइस नाइस बढ़िया चलिए ठीक है अ सॉरी मैंने कुछ चेंजेज कर दिए तो उस वजह से एरर आ रही थी अब एरर हट चुकी हट चुकी हट चुकी कुछ नहीं आ रहा ठीक है
तो यहां तक मुझे लगता है सब कुछ ठीक है अब हमको चलना चाहिए और कैप्टन की ई बनानी चाहिए लेट्स गो हेलो हेलो हेलो मैं बर्सों से चाह रहा हूं कि मैं कब कब मुझे मौका मिलेगा कि मैं यूजर की यूआई छोड़कर कैप्टन की यूआई बनाऊं लेकिन मैं अभी भी फंसा हुआ हूं यूजर की यवाई में बचा क्या है ना दोस्तों हमारा राइड स्टार्ट अगर हो गया ना तो हमें चाहिए कि राइड स्टार्ट होने के बाद यूजर को राइड करेंटली चलती हुई दिखे तो उसके लिए हम क्या कर सकते हैं हम लोग यहां पे एक
पेज बना सकते हैं जिसके अंदर मैंने यहां पर लिख दिया राइडिंग ड जए एक और मैं यहां जाके उसके अंदर आर ए एफ सी लिख देता हूं मुझे इसका राउट क्रिएट करना पड़ेगा तो प के अंदर जाके आप के अंदर जाके मुझे यहां पर जाके जैसे लॉगइन वगैरह का बनाया था ना मैंने वैसे ही मैंने यहां जाके स्लैश राइडिंग बना लिया राइडिंग सिर्फ तभी चलेगा जब मेरा यूजर राइडिंग कर रहा हो यानी किसी और के लिए अवेलेबल नहीं रहेगा यह सिर्फ तभी चलेगा जब यूजर राइडिंग कर रहा हो तो स्लश राइडिंग पर आपका राइडिंग वाला
पेज रेंडर हो जाएगा ट्स इट ट्स नाइस अगर मैं हिट करता हूं स्लैश राइडिंग तो मैं आ जाऊंगा राइडिंग वाले पेज पे दैट्ची प हमको दिखाना है कि हमारी राइड कैसी चल रही है क्योंकि वो इंपोर्टेंट है बताना तो मैंने होम के अंदर यहां पर एक इमेज लगाई थी जो कि कुछ ऐसी दिख रही थी u की यह तो चाहिए नहीं अपने को नहीं लगाना ऊपर हमको सॉरी डोंट वच माय [संगीत] यहां जाकर मैंने इस पूरी की पूरी इमेज टैग को ही कर लिया कॉपी और मैं राइडिंग के अंदर जाता हूं और राइडिंग के अंदर
जाकर मैंने एक डिव बनाया जिसके अंदर मैंने कर दिया इसको पेस्ट दैट्ची और इसका पैरेंट जो दि था उसको मैंने दे दिया हाइट फुल ठीक है बढ़िया आई होप समझ आ रहा है आपको और यहां जाके मैंने फुल की जगह यहां पर मुझे लगता है कि मुझे इसको स्क्रीन देना चाहिए था तो ज्यादा सही रहता स्क्रीन और यह जो मैंने इमेज दी है अब ये ढंग की तरीके से आ रही होगी आधी स्क्रीन के बराबर और आधी स्क्रीन के बराबर क्या आ रहा होगा भैया तो आधी स्क्रीन के बराबर यहां पर मेरे पास एक और
डिव है जिसकी क्लास नेम के अंदर हाइट है आधी स्क्रीन के बराबर और इस के अंदर हम लोगों की करंट राइड का स्टेटस दिख रहा होगा और फाइनल जो अपना पे वाला ऑप्शन है एक वो दिख रहा होगा तो मेरे पास सबसे पहले तो यहां पर एक बटन होने वाली है जिसके अंदर लिखा होगा मेक अ पेमेंट एक बटन होने वाली गारंटीड ठीक है और उसके अलावा मेरे पास क्या होने वाला है तो उसके अलावा मेरे पास यहां पर मे का पेमेंट हो जाएगा और और यहां पर आपको और क्या-क्या दिखना चाहिए यार वैसे देखा
जाए तो अगर हमको बहुत कुछ दिखाना है यहां पे आपकी पूरी राइड की डिटेल्स टाइप अगर मिल जाए ना तो मजा ही आ जाएगा तो यहां जाके एक काम करते हैं यहां पर जाके मैं पूरा का पूरा ये जो डिव है अ जिसके अंदर यहां पर मैंने जो भी मेरी लोकेशंस एंड ऑल सब कुछ है वेटिंग कर रहे थे जो अपन यहां से ले जाके मैंने यहां तक कर लिया कॉपी यहां से ले जा के मैंने और यहां पर ले जाके कर दिया पेस्ट अगर एक बार देखूंगा मैं तो ये कुछ ऐसा दिखाई देने लगेगा
नाइस नाइस ठीक है थोड़ा सा चीजों को छोटा करना चाहिए मेरे हिसाब से तो तो ज्यादा बढ़िया हो जाएंगी और मुझे थोड़ा सा इस डिफ को पैडिट देना चाहिए तो और ज्यादा अच्छे से हो जाएंगी चीजें तो मैंने यहां जाके दे दी थोड़ी सी हल्की सी बस पैडिट मैंने यहां जाके पैडिट की ठीक है बढ़िया थोड़ा सा एक्स्ट्रा लार्ज हो रहा है वो तो उसको फिक्स करने के लिए हम लोग क्या कर सकते हैं हम लोग यहां जाके हम लोग यहां जाके जो भी हमारा डिव बना हुआ था जिसके अंदर हमने हमारे ड्रेसेस वगैरह लिखे
हुए थे और उन चीजों को हम थोड़ा सा छोटा कर सकते हैं या फिर एक काम कर सकते हैं हम लोग हम हमारी करंट लोकेशन हटा सकते हैं तो जो पहली वाली लोकेशन थी ना यह वाली जो इसकी जरूरत अब हमको नहीं पड़ने वाली तो इसको हम हटा देते हैं यहां पर सिर्फ एक लोकेशन बची है और साथ में मैंने यहां पर जो बटन बनाई थी उसको भी मुझे लुकिंग फॉर ड्राइवर कंफर्म राइड करके ये जो बटन दिख रही थी मेरी इसकी तरह दिखने वाली है और तो मैं इसका पूरा का पूरा सीएसएस का कोड
उठा के कर लूंगा कॉपी कॉपी करना है कट नहीं करना मालिक और यहां जाके मैंने क्लास नेम के अंदर कर दिया पेस्ट आप देख सकते हैं मेक पेमेंट की बटन कुछ ऐसे दिखाई देने लगी होगी अभी आपकी राइट चल रही है आपको राइट चलती हुई कुछ ऐसे ही दिखाई देने वाली है ट्स इट ठीक है और आप मेक कर सकते हैं पेमेंट वगैरह बना सकते हैं और आपको एक ऊपर बटन दिखाई दे रही होगी इसी राइडिंग के अंदर ही इस पूरे के पूरे झमेले के साथ में आपको एक बटन दिखाई दे रही होगी होम की
तो यहां जाके मैंने क्या कहा मैंने यहां जाके कहा कि मेरे पास एक होम बटन है तो मैं यहां जाके क्या लिख दूंगा मैं य जाके सर्च करूंगा पहली चीज तो हो ठीक है बढ़िया बढ़िया बढ़िया बढ़िया यहां जाके मैं होम वाला आइकन उठाता हूं और यहां से उठा के कर लिया मैंने कॉपी यह वाला उठाते हैं ज्यादा बढ़िया लग रहा है यहां ले जाके मैंने एक डि बनाया डिफ के अंदर कर दिया पेस्ट इस डिफ के अंदर मैंने यहां जाकर क्लास नेम देके इसको कर दिया फिक्स्ड और मैंने यहां जाकर इसको दे दी हाइट
पा नहीं 10 और विड्थ दे दी मान लेते हैं पा और थ भी 10 दे देते और बीजी दे दिया मैंने वाइट ऊपर साइड में दिख रहा है हमको हमने य जाक दिया इसको फ्लेक्स आइटम्स मेरे रहेंगे सेंटर एंड नहीं सेंटर में सही है हा जस्टिफाई भी रहेगा कहां पर सेंटर में कुछ ऐसा दिखाई देने लगेगा राउंडेड मेरे को ले देना है इसको फुल बढ़िया और यहां जाके क्लास की जगह मेरे को देना है क्लास नेम और नेक्स्ट मेरे को देना है कम से कम तो लार्ज कम से कम तो लार्ज चाहिए और फंट मुझे
देना है बोल्ड ठीक है बोल्ड थोड़ा ज्यादा हो गया मीडियम दे देते हैं ठीक है और यहां जाके मैंने कहा है इसको कि आप राइट से बैठे हो टू पर और आप टॉप से बैठे हो टू पे ठीक है जिस पर क्लिक करके बंदा होम राउट पर डायरेक्टली चला जाएगा मुझे एक काम और करना चाहिए यहां जाकर इसको यह भी बोल देना चाहिए कि आप साथ में ब्लॉक भी हो ताकि कुछ फायदा हो मुझे क्योंकि मुझे यहां जाके फ्लेक्स दे रखा है ना तो कोई परेशानी नहीं है फिर क्योंकि मुझे यहां पर जाकर इस डिफ
को बनाना है एक लिंक टैक के फॉर्म में लिंक चाहिए एन के लिंक टैग और यहां पर जाकर अगर आप देखेंगे तो जैसे ही मैंने होम पर दबाया मैं पहुंच जाऊंगा अपने होम राउट पर क्लिक नहीं कर पा रहे हैं क्या इ देर एनी प्रॉब्लम जिसम क्लिक नहीं कर पा रहा हूं अच्छा हा मुझे बताना तो पड़ेगा ना कहां जाक ना है अपने को तो मैंने कहा ू स्लश होम यहां जाके मैंने जैसे क्लिक करा मैं चला गया स्लश होम पे हां थोड़ा बहुत बीच में लोडिंग आता है लेकिन ठीक है चल जाएगा यहां पर
जाके मेक पेमेंट प क्लिक करके आप अपनी पेमेंट कर सकते हैं और दैट्ची है यहां पर सब कुछ ठीक है अगर आपको चाहिए तो आप एक समरी वाला पेज भी बना सकते हैं बाय द वे लेकिन मेक पेमेंट और यहां जाके आप होम पर आ जाएंगे दैट्ची है अब मुझे लगता है कि अब हमको आगे बढ़ना चाहिए अब यहां तक अब हम लोगों ने काम कर लिया यूजर के लिए तो कुछ थोड़ा सा काम तो हमें ड्राइवर के लिए करना चाहिए क्यों साहब है ना तो यहां जाके मैंने दिवाया कंटिन्यू यहां जाके मैंने कहा कि
एस कैप्टन और कैप्टन के लिए मैं अब यहां से काम चालू कर रहा हूं तो बात सुनना ध्यान से ध्यान से सुनना ध्यान से ठीक है ये सब बंद कर देते हैं क्योंकि लाइन से बहुत सारे खुले हुए हैं अब हमारा काम सिर्फ बैक एंड का बचा हुआ है फ्रंट एंड का काम लगभग लगभग सारा हो चुका है और एड j6 तक काम हो चुका था कंपोनेंट्स इतने सारे बन चुके हैं और यहां पर जाके एसआरसी के अंदर पेज इसमें अब मैं जाना चाहता हूं कैप्टन लॉगइन कैप्टन का होम पेज बनाया अपन ने भाई कैप्टन
अगर लॉगइन कैप्टन होम करके बनाया मैंने चलो ठीक है बढ़िया अच्छा है एटलीस्ट बनाया तो है कैप्टन होम कैप्टन डैश होम पे चलने वाला है जो कि कुछ ऐसा दिखेगा तो चलो ठीक है रजिस्टर कर लेते हैं एज अ कैप्टन मेरा नाम है अ सार्थक शर्मा ईमेल है ss.com अगर एरर आया तो कोई दिक्कत है 12 2 3 4 5 6 7 8 एक चीज याद रखना आठ डिजिट्स का पासवर्ड डालना है अपने को व्हीकल का कलर मैंने दे दिया मान लेते हैं ब्लैक वकल की नंबर प्लेट पर है टूथ 4 और कैपेसिटी है उसमें
कम से कम आठ लोगों की चलो दो लोग ख देते हैं और व्हीकल है मेरी मान लेते हैं कार और मैंने कहा क्रिएट कैप्टन अकाउंट थोड़ा सा इसका यूआई मुझे लगता है यार जल्दी बाजी में ठीक से फिक्स हो नहीं पाया था या कुछ एरर आ रही है पता नहीं यूजर साइन अप में जाके कुछ चेंस यहां पर अंकुर ने भी करे होंगे मुझे ऐसा लग रहा है तो मैं यहां जाके ये जो पैराग्राफ का पॉलिसी वाला पेज है उसको मैंने एमटी एट कर देता हूं सिक्स कर देता हूं तो थोड़ा सा पहले तो गैप
बन जाएगा ठीक है हां जी ठीक है नाइस नाइस ठीक है ठीक है ठीक है ऑलरेडी हैड अकाउंट कुछ इस तरीके का दिखाई दे रहा है मुझे यार थोड़ा सा ना इसके यूआई कंपोनेंट्स को छोटा करना चाहिए मेरे हिसाब से देखा जाए तो लेकिन चलो अपन वो बाद में कर लेंगे उसके अलावा अपन जाते हैं कैप्टन होम पे कैप्टन होम पर जाने के बाद अगर जैसे ही मैंने यहां पर जाके क्रिएट कैप्टन अकाउंट कर दिया तो मैं आ चुका हूं कैप्टन होम पे अब कैप्टन को क्या दिखेगा ये भी तो इंपोर्टेंट है तो कैप्टन का
यूआई है ना वो मुझे बहुत ढूंढने के बाद भी नहीं मिला एगजैक्टली नहीं मिला तो क्या करने वाले हैं भैया फिर अपन मैंने कुछ पिंटरेस्ट पे अच्छे-अच्छे यूआई देखे रिलेटेड टू कि ड्राइवर का यूआई कैसा होता है इन एप्स में तो एक यूआई आया था मेरे सामने ये जो कि मुझे सच में बहुत ज्यादा पसंद आया कि इसके अंदर जैसे कि मान लेते हैं कैप्टन ने लॉग इन कर दिया तो वो अभी अपने होम पेज पर है और होम पेज पर रहने के साथ ही साथ में वो अभी उसके पास में एक नोटिफिकेशन टाइप पॉपअप
आता है जिसके अंदर एक्सेप्ट और इग्नोर करके दिख रहा है अगर वो एक्सेप्ट एक्सेप्ट कर लेता है तो जैसे ही वो एक्सेप्ट करेगा यहां से वो चला जाता है यहां पे जिसमें वो गो टू पिकअप दिखाई दे रहा है और यहां पर आपको गो टू पिकअप पे क्लिक करने के बाद ये पूरी समरी दिखाई दे रही है आपकी और गो टू पिकअप पे क्लिक करने के बाद डायरेक्टली यहां पर आपको कुछ ऐसा ऑप्शन दिखाई देने लगता है जिसमें वो ओटीपी डाल सकता है क्योंकि ओटीपी डालना तो जरूरी है काम है है ना बिना ओटीपी के
नहीं चलेगा काम तो ये हमारा ओटीपी तो थोड़ा सा जरूर कॉम्प्लिकेटेड लग रहा होगा आप लोगों को सुनने में लेकिन इतना है नहीं यह रहा हमारे कैप्टन का होम पेज जिसमें कैप्टन स्लैश मतलब इसपे एक्सेप्ट पे क्लिक कर देगा और सिंपल एक्सेप्ट पे क्लिक करने के बाद चाहो तो यहां पर भी देख सकते हो ऑफलाइन में ऐसा दिखाई दे रहा है या फिर आपका डाटा वगैरह जो भी कुछ इस तरीके से टोटल डिस्टेंस आज की कितनी हो गई दिहाड़ी कितनी मिल गई है टोटल काम कितने कितनी राइट्स कर ली आपने टोटल आपके ऑनलाइन आ अवेलेबल
आवर्स कितने हो गए आप चाहे तो ये बता सकते हैं अ टोटल अर्निंग बता सकते हैं ये भी एक अच्छा पॉइंट ऑफ व्यू है और चाहे अगर आप तो कुछ इस तरीके की नोटिफिकेशन वाले आइकन को भी अपने होम पेज के तौर प बना सकते हैं मैं चाहता हूं कि कुछ ऐसा पेज बने तो ज्यादा बढ़िया रहेगा तो हम इसी तरीके से चलते हैं ठीक है ना चलो आ जाओ देखते हैं तो यहां जाके करने क्या वाले हम लोग सबसे पहले तो हमको चाहिए मैप मेरे पास एक ही मैप है माफ करना मैं यहां जाके
एक बार सर्च भी करके देख लेता हूं मैप यूआई डिजाइन मैफ यू आई जीआई एफ डिजाइन करके देखूं तो यवाई पहला वाला ही आया था जुता आया था उसके अलावा तो कोई अभी तक नहीं आया जो मेरे काम आ सके सच बता रहा हूं नहीं मिला मेरे को अभी तक कोई ऐसा है ना तो यहां जाके अपने को बहुत सारी यूआई तो दिखाई दे रही है भाइयों लेकिन इनमें से मेरे काम कोई आ सके ऐसी तो कोई नहीं है चलो छोड़ो मैं इसी के साथ जा रहा हूं और मैं इसी को बनाना स्टार्ट करता हूं
तो मैं वही अपनी एक फोटो थी अपने पास जमाने भर से वो फोटो को देख पाएंगे और एक काम कर लेते हैं पहले अपन इसको बनाते हैं और उसके बाद अपन इस वाली चीज को पॉप अप करवा देंगे ठीक है ना तो वही सेम लॉजिस लगने वाले हैं चलते हैं देखते की तरफ समझते हैं देखते हैं समझते हैं करना क्या है यहां जाके मुझे s @ s.com पे 1 2 3 4 5 6 [संगीत] 7 कैप्टन होम पे मैं आ गया था शायद इसका सेशन अच्छे से हैंडल नहीं हुआ लेकिन कोई बात नहीं चलो यहां
जाके मुझे अपने होम पेज पे किस टाइप का यूआई चाहिए वो इंपोर्टेंट है तो मैं चाहता हूं कि मैंने अभी थोड़ी देर पहले जो राइडिंग का यूआई बनाया था मैंने बहुत अच्छा बना दिया था वो गलती से कक नहीं बनाना चाहिए था और यहां जाके मैंने कैप्टन लॉग इन कैप्टन साइन अप का काम हो चुका है यहां जाके इसको कर देते हैं पेस्ट और अगर मैं देखूंगा यहां पर जाके तो मेरे कैप्टन होम पर मुझे कुछ ऐसा यूआई दिखाई देने लगा होगा र लिंक इज नॉट डिफाइंड अरे तुम्ह लिंक नहीं पता तो तुम्हें क्या पता
है बताओ मुझे लिंक इज नॉट डिफाइंड फिर से लिंक इज नॉट डिफाइंड हु इज टेलिंग यू लिंक इज नॉट डिफाइंड लिंक इज ऑलरेडी डिफाइंड माय ब्रदर कुछ ऐसा दिख रहा है अब यहां पे ये कैप्टन के लिए दिखाई दे थोड़ा सा अच्छे से तो यहां जाके मुझे तो सबसे पहले एक काम करना चाहिए अ ये जो मेरा h5 बनाया था मैंने कहां गया मेरा h5 यह रहा मेरा लिंक टैग बनाया था मैंने है ना जिसके अंदर होम था मैं इस लिंक टैग को थोड़ा सा कट करता हूं और यहां जाकर मैंने यूआई थोड़ी सी इंप्रूव
कर देते अपन तो मैंने यहां जाकर एक डिव बनाया डि के अंदर हमारे पास यहां पर रहेगी इमेज और यहां पर मैंने लगा दिया कुछ इस तरीके का आइकन मैंने यहां पर जाके लीव वाला सर्च करा लीव लेफ्ट एग्जिट पर पक्स ये क्या आ रहा है भाई एग्जिट एग्जिट लॉग लॉग आउट बॉक्स हां कुछ इस तरीके का ही चाहिए था मुझे तो यह रहा और मैंने यहां जाके इस आइकन की जगह इसको लगा दिया भाई मैं क्या कह रहा हूं ना इसके सिर्फ इस वाले पार्ट कोही उठा रहा हूं मैं तो सिर्फ समझ लेना तो
मैंने क्या किया है ना आ जाएगा थोड़े समय में आ जाएगा समझ देखो यहां पर भाई इतनी जल्दी लॉग आउट क्यों हो जा रहा है यार एक यार भाई ऐसे नहीं करो यार एड कॉ और टूथ 45 6 [संगीत] से हो गया पता नहीं क्या हुआ ठीक है सुनो कैप्टन होम पर हमें और कैप्टन का होम के अंदर हमें य पर ऊपर बटन दिखाई दे रहा है ना मुझे इसको बटन को थोड़ा सा और अच्छा करना है मुझे इमेज चाहिए तो मैं होम को साइड में खोल के ही रखता हूं ताकि वो मेरे बार-बार काम
आ सके होड जए एक और होड जए एक के अंदर हमारे पास एक इमेज हुआ करती थी जो कि कुछ ऐसी दिखाई देती है यहां जाके कैप्टन होम के अंदर भी मैं वही इमेज लगा देता हूं मैं क्लास नेम दे देता हूं टेक्स्ट या टेक्स्ट कहां दे रहा हूं मैं इसको विड्थ देना चाहता हूं मैं इसको लाइक 16 की ठीक है बढ़िया 16 की मैंने इसको विड्थ दे दी और यहां जाके मैंने इस डिव को अ मैंने इस वाले डिव को फिक्स्ड दिया था वह मैं हटा रहा हूं और लेफ्ट और टॉप से जो दिया
था वह भी हटा रहा हूं मैं बढ़िया बढ़िया यहां जाके मैं इसको क्लास नेम दे दे रहा हूं फिक्स्ड और यहां जाके सिंपली अपने को क्या करना है सिंपली अपने को जाके पैडिट देनी है तीन की और साथ में मुझे यहां जाके इसको कहना है कि टॉप से आप रहेंगे जीरो पर लेट्स सी य बारबार भाई अंकुर मैं तेरे को छोडूंगा नहीं मजाक से हटके अब हुआ ना ठीक है ऊपर दिखाई दे रहा है ना अपने को अब यहां जाके हमने कहा फलेक्स एक लाइन में आ जाएंगे और आइटम्स मैंने दे दिया है सेंटर और
जस्टिफाई मैंने दे दिया है बिटवीन में वेरी नाइस अगर हम देखेंगे तो दोनों दूर दूर जाके बैठे हुए हैं अच्छी तरीके से भया पास बैठे हुए हैं जा रहे हैं दूर भाई धीरे-धीरे चलता है कंप्यूटर भाई थोड़ा सा मशीन है पीछे मत पड़ो उसके और इसको विड्थ दे दो फल हे और सुनो ध्यान से यहां तक सब कुछ ठीक चल रहा है ना हमारा बन चुका है ऊपर वाला पार्ट अब इसके अलावा हमको करना क्या है विड्थ फुल नहीं समझ रहा ना वो तो फुल दे दो यार उसको फुल मत दो उसको दे दो [संगीत]
स्क्रीन चलो सुनो यहां तक सब कुछ हो गया ना अब नीचे वाले पार्ट पे आते हैं और मेरा सिस्टम अटकने लग गया है तो ये अपने आप कुछ भी रिकॉर्ड कर दे मेरी जगह मैं एक छोटा सा ब्रेक ले लेता हूं ऑलराइट तो यहां तक हमारा सारा काम हो चुका था अब हमको करना क्या है यहां पर जाके हमें यूजर का यूआई कुछ ऐसा बनाना है जैसा कि हमने यहां पर देखा था मैंने बाय द वे कई सारी ढूंढी थी वैसे आप लोगों के लिए लेकिन मुझे लगा यह वाली थोड़ी सी बेटर है थोड़ा जूम
करके बताता हूं देखो आ जाओ देखो अच्छे से देखना लेकिन ठीक है कुछ ऐसे दिख रही है कुछ ऐसी मतलब डिफॉल्ट व्यू में कुछ ऐसी दिखाई देती है हमारी यूआई अब इसको बनाने के लिए थर्ड वाली मतलब मेरी जो शक्ल के पीछे थोड़ी सी छुप गई है वो वाली है ना हां ठीक है इसका नीचे वाला पार्ट बनाने के लिए मुझे क्या चाहिए मुझे यहां जाके सबसे पहले तो मैप हो गया नीचे वाले पार्ट में यूजर का नाम इमेज और बस ट्स इट उसका आज का टोटल दिहाड़ी कितनी मिली उसको वो चेक करना है मुझे
बटन है मैं यहां पर जाके इस डिफ को अगर देखता हूं क्या यहां पर मुझे कोई बटन की जरूरत है एगजैक्टली अगर समझा जाए तो तो मुझे एगजैक्टली देखा जाए तो बटन की जरूरत नहीं है बटन हटाओ सबसे पहले तो वापस आओ यहां पे अब यहां पर देखो बटन हट चुकी है अब यहां पर मेरे पास क्या-क्या है और क्या-क्या मुझे चाहिए समझो ये चीज कैप्टन होम पे मुझे मुझे यहां पे इमेज तो चाहिए अरे एक तो बार-बार ये लॉग आउट हो जा रहा है यार प्रॉब्लम ये है बस मेरा दिमाग खराब होता है इसी
बात पे अब मैं पूरा पहले कंटेंट डालूंगा उसके बाद में देखूंगा आगे जाके ठीक है ना अब मैं पहले अपने मन से बना लेता हूं उसके बाद देखता हूं चलो सुनो ध्यान से मैं तुम लोग देखते रहो मैं बता देता हूं कैसे हो रहा है बाकी मैं आउटपुट नहीं देखूंगा मैंने शपथ ले ली है दोस्तों उसके बाद अगर हम देखेंगे ध्यान से जाके तो तो मैंने एक डिव बनाया इस डिव के अंदर भी एक और डिव है इसके अंदर एक इमेज रहने वाली है और जिसके अंदर मेरे यूजर का नाम रहने वाला है मैं यहां
पर जाकर दिखाता हूं यहां पर देखो यह दिख रहा है ना यहां पर जाके मेरी एक इमेज रहने वाली है और साथ में मेरे यूजर का नाम रहने वाला है तो मैंने यहां जाके इसका नाम रख दिया लेट्स सपोज हर्ष पटेल हर्ष पटेल ऐसे मत लिखना एक h4 के अंदर लिख देना हर्ष पटेल और साथ में मेरे पास यहां पर लिखा रहेगा कि मेरा आज का अमाउंट कितना हुआ तो मैंने एक h5 के अंदर लिख दिया या फिर मुझे एक ऐसा लगता है कि मुझे डिव के अंदर ही लिखना चाहिए जिके अंदर लिखा हुआ है
आज का अमाउंट जो कि है अभी रुपीज में खेल रहे थे ना तो रुपीज में ही खेलो अच्छे से h4 के अंदर मैंने लिख दिया रुपीस 200 95 प2 ठीक है और मैंने पैराग्राफ के अंदर लिख दिया ंड सही है यह भी सही है बढ़िया सही जा रहा है य त य वाला समझ आया क्या कर रहा है य और इसके अलावा मेरे पास यहां पर जाके नीचे साइड में एक और डिव है जिसके अंदर मैंने यहां पर तीन चीजें रखनी है टोटल डिस्टेंस तो यहां जाकर इसके अंदर भी मुझे तीन डि चाहिए और तीनों
डिफ के अंदर क्याक रहने वाला है तो तीनों डिफ के अंदर रहने वाला एक आइकन मैं जल्दी जल्दी आइकन सर्च कर लेता हूं मैंने यहां पर जाके टाइम सर्च कर के देखा टाइम मुझे इसमें मिल जाएगा आधा अधूरा टाइम चाहिए वैसे तो मुझे लेकिन चलो अ पूरे से भी काम चला सकते हैं और टाइम के अलावा मुझे चाहिए क्या पता है टाइम के अलावा मुझे चाहिए कहां था मैं सॉरी टाइम के अलावा चाहिए मुझे टोटल डिस्टेंस तो मैंने यहां जाकर सर्च करा स्पीड ताकि हमको स्पीडोमीटर का काउंट आ जाए य जाक स्पीड वाला आ गया
और यहां जाकर मैंने स्पीड लगाया इस वाले के अंदर इसको मुझे लाइन वे में लगाना चाहिए था व कुछ होता है बाद में समझेंगे और लास्ट जो है व मुझे चाहिए शायद नोट्स नोट्स नोट केला लिखू तो नोट क्या लिखना था मैं भूल गया क्या लिख सकते हैं अपन वहां पे वर्क करके कुछ सर्च करूं मैं नोट पैड सर्च करता हूं नड जैसा कुछ नहीं है क्या नहीं होगा छोड़ो चलो यहां पर अपन ने लिख दिया इसके अंदर भी अब मुझे पहले वाले डिफ के अंदर लिखना चाहिए टाइम वगैरह क्या रहने वाला है तो यहां
जाकर भाई का हो चुका है एक एच फ के अंदर 10.2 पैराग्राफ आर्स ऑनलाइन साथ में मैंने यहां जाकर इन दोनों डिप्स को कॉपी करा यहां ले जाकर कर दिया पेस्ट यहां ले जाकर कर दिया पेस्ट मेरे को नहीं करनी मेहनत अभी पूरा लिखने की ठीक है अब यहां पर देखो जल्दी फटाफट जल्दी फटाफट देखना सारे लोग यहां जाके मैंने यहां पर जाकर कहा टेक्स्ट मेरा रहेगा क्लास नेम के अंदर टेक्स्ट मेरा रहेगा सेंटर लाइन और सारी चीज सेंटर लाइन हो जाएंगी मैंने यहां जाकर इसको दे दिया है क्लास जहां जहा लिखा हुआ था सिर्फ
क्लास लिखा हुआ था जहां ठीक है मैंने यहां पर जाकर दे दिया क्लास नेम के अंदर सबको ही देना है तो एक साथ में पकड़ लेते हैं सबको और क्लास नेम दे देते हैं इसके अंदर चलो जल्दी जल्दी अब इसकी यई बनाते हैं मैंने टेक्स्ट दे दिया 2 एक्स एल मैंने यहां जाके फंट दे दिया इस को बहुत ज्यादा पतला कोई सा भी दे सकते हो बाय द वे लेकिन मैं यहां जाकर दे देता हूं फंट इसको एक्स्ट्रा लाइट ठीक है और यहां जाके नीचे आते हमारे टेक्स्ट के पास यहां जाकर मैंने क्लास नेम दे
दिया इसको टेक्स्ट दे देते हैं अपन इसको एलजी और फंट दे देते हैं इसको अपन मीडियम नीचे आते हैं पैराग्राफ प यहां जाके मैं इसको नेम दे देता हूं क्लास नेम दे देता हूं मैं टेस्ट रहेगा आपका स्मॉल और एक्स्ट रहेगा आपका ग्रे 200 नहीं 600 ठीक है बढ़िया सही जा रहे हैं सही जा रहे हैं और यहां जाके मैंने इसको कर लिया कॉपी पेस्ट पेस्ट सही तो जा रहे हैं अच्छा गलत जगह लिख दिया सॉरी पेस्ट एंड पेस्ट दैट्ची कर देता हूं मैं रैंडम पीपल हा अपन यह अच्छी ललग रही है इसको अपन लेके
चलते हैं एसा ड्राइवर हम लोग यहां पर चलते हैं और यहां जाके मैं इन भाई की इमेज को लगा देता हूं दिस इ हमारा हर्ष पटेल यहां जाकर मैंने इसको क्लास नेम दे दिया है ए और राउंडेड मैंने दे दिया है फुल और ऑब्जेक्ट मैंने दे दिया है कवर साथ में मैंने यहां जाके यह जो डिफ बनाया था इसको मैंने क्लास नेम दिया है फलेक्स आइटम्स सेंटर जस्टिफाई बिटवीन वेरी नाइस ये जो डिव बनाया है हमने तो इसको भी मैंने क्लास दे दी फ्लेक्स और सेम एग्जैक्ट जो ऊपर लिखा हुआ है और गैप दे दिया
मैंने मान लेते हैं टू का या फोर का ी का दे देते हैं आइटम सेंटर जस्टिफाई मैंने यहां जाके इसका दिया है स्टार्ट नाइस और यहां जाके मैंने क्लास नेम दे दिया इसको एलजी फंट क्या देना चाहिए अपने को फंट मीडियम दे देते हैं अपन है ना और यहां जाके मैंने इस वाले को भी दे दिया है क्लास नेम टेक्स्ट एक्सेल फट सेमी बोल्ड क्लास नेम टेक्स्ट एस एम फट मीडियम और ग्रे सो ठीक है फंट मीडियम देने की भी जरूरत नहीं है फंट जो है वो ठीक है नाइस य हमारा ऊपर वाला पार्ट हो
गया नीचे वाला पार्ट हो गया इसको मैंने यहां जाके क्लास नेम फ्लेक्स और मैंने य जाकर जस्टिफाई इवनली कर देता हूं मैं इसको और जस्टिफाई बाय दवे मेरे इसको सेंटर ही करना चाहिए और गैप दे देते हैं अपन चार या पांच का इनके बीच में और आइटम्स मैंने रख दिया स्टार्ट मेंही ठीक है और अगर मैं जाकर देखूंगा अब यही चल के देख लेते हैं एक बार उम्मीद तो कम है और पासवर्ड टूथ 4 5 6 7 8 तो मत करना मेरी आईडी से लॉग इन कुछ ऐसा दिखाई दे रहा है नाइस इसका बीजी करना
था टेस्ट हो गया गलती से टेस्ट हो गया ठीक है कुछ दिखाई देगा अब बढ़िया दिख रहा है वैसे गंदा नहीं है लेकिन थोड़ा सा कुछ इंप्रूवमेंट हो सकता है वैसे अगर हम ध्यान से जाकर देखें इन छोटी छोटी य आई को तो इनमें अंतर है यह सब अलग अलग है डी डी डी मैं इन सबके साथ चेंस करना चाहता हूं सबसे पहला तो यह कि मुझे फंट इसका करना है 3 एक्सल थोड़ा सा बड़ा हो जाएगा और यहां से नहीं मार्जिन बॉटम मुझे देनी है टू यहां से तो थोड़ा सा इनके बीच में गैप
बन जाएगा और साथ में मुझे इस वाले डिफ को थोड़ी सी पडि तो दे रखी है अपन ने पैडिला फ की या थ्री की और साथ में मुझे देखूंगा तो य दिखाई देगी और साथ में मुझे इसका बीजी ग्रे करना पड़ेगा वो भी 50 का ग्रे और राउंडेड जो है वो मुझे पड़ेगा फुल मेरे कंप्यूटर में पता है मैं टाइप करके ऊपर हाथ ऊपर कर लेता हूं और ऑटोमेटिक टाइप होता है देखो कितना बढ़िया है चलो देखते हैं ए @s कॉ थ 4 5 6 7 8 एंटर ss.com 2 3 4 5 6 7 8
ठीक है कुछ ऐसा दिखाई दे रहा है राउंडेड ज्यादा ही हो जो जोश में राउंडेड मैंने कर दिया इसका एक्सेल कुछ ऐसा नाइस और जो मैंने पैरेंट को पडि दी थी वो थोड़ी सी मैं बढ़ा देता हूं अटक रहा है मेरा कंप्यूटर उसके लिए मैं माफी चाहूंगा दोस्तों मुझे थोड़ी सी इनको पडि और देनी चाहिए मेरे हिसाब से शायद और छह की दे देते हैं शायद चलेगा ऊपर भी अपन छ ही दे देते हैं कोई रोकने रोकने वाला थोड़ी है देखेंगे अगर यह कुछ ऐसा दिखाई दे रहा है और और और और यह जो अंदर
वाला डिव है इसको हल्की सी मार्जिन दे सकते हैं और इसको हाइट जो है मैं इसको न बाटू करने की जगह इसको मैं कर दे रहा हूं 2 बा फ और इसको मैं कर दे रहा ऊपर वाली को 3 बा फ आई होप यह समझ आया होगा आप लोगों को आया समझ में क्या हुआ यहां पे इसकी थोड़ी सी हाइट को मैंने चेंज कर दिया कुछ ऐसा दिखने लगेगा और साथ में यह जो नीचे वाला पार्ट है मेरा यह जो मेरा डिव था दिख रहा है मुझे मैं उसको हल्की सी मार्जिन टॉप देना चाहता हूं
वो भी सिक्स की एंड मोमेंट पर नहीं हुआ बस ए ट 3 4 5 6 78 जॉइन ए ए कॉ 123 45678 यहां पर आ गए और यह डिसेंट है यार शायद मेरे हिसाब से तो डिसेंट है चल जाएगा काम मतलब अभी काम चलाने के लिए तो बढ़िया है चल जाएगा काम है ना और थोड़ी सी चीजें है जो अपन इसमें ठीक कर कर सकते हैं जैसे कि इसका बीजी 50 की जगह इसका बीजी होना चाहिए था 100 ठीक है नाइस कुछ ऐसा दिखाई दे रहा है और शायद मेरे हिसाब से सही जा रहे हैं
यार अपन बढ़िया जा रहे हैं बढ़िया जा रहे हैं बढ़िया अब इसको ना इससे ज्यादा पतला कर ही नहीं सकते फंट थिनेस्ट हैय हमारा आई का तो आई हमारा ऐसा ही दिखाई देगा और हमारा टेक्स्ट वगैरह सब कुछ ठीक है बढ़िया है आप चाहे तो इस डिफ को थोड़ा सा मार्जिन टॉप से दे सकते हैं अब यहां पर कुछ इस तरीके का दिखाई देना वाला मैंने यहां जाके मैंने यहां जाकर हर्ष पटेल बना दिया है हर्ष पटेल के अंदर अब मुझे करना क्या है लॉग आउट वाली बटन है जिससे कि मैं पहुंच जाऊंगा स्लश कैप्टन
लॉगिन पर जो कि मुझे बनाना बाकी है साथ में मुझे यहां पर जाकर इसको हल्का सा मार्जिन टॉप और देना है तो आप चाहे तो दे सकते हैं नहीं तो [संगीत] आप ना दे तो भी चलेगा आठ ठीक है दैट्ची जें कि कैप्टन के पास किस तरीके से यूआई का नोटिफिकेशन आएगा और किस तरीके से कैप्टन काम करेगा तो वो भी देख लेंगे अपन चलके ठीक है तो यहां तक तो हमारा कैप्टन का पार्ट तो बन चुका है ठीक है दैट्ची सकते हैं कैप्टन का लॉगइन पेज कुछ ऐसा दिखाई देगा अब मुझे करना क्या है
एगजैक्टली अगर समझे तो मुझे यहां पर जाके कैप्टन के लिए कुछ पॉप अप्स बनाने हैं कैसे पॉप अप्स जैसे कि हम लोगों ने यहां पे डिसाइड किया था कि यहां पे कैप्टन के लिए यहां पे कैप्टन जब राइड स्टार्ट करेगा लेट मी लाइक लेट मी टेक यू बैक इन टाइम तो यहां पर आपको दिखाई दे रहा होगा ये वाला यूआई कि कैप्टन के पास जब रिक्वेस्ट आएगी कि भाई कोई आपके साथ जाना चाहता है क्या आप चलना चाहते हैं उसके साथ तो हमें कुछ इस टाइप का बनाना है विद द हेल्प ऑफ सेम प्रीवियस फील
सेम प्रीवियस लाइक व्हाट वी कैन से सेम प्रीवियस फील दैट्ची जो नीचे वाला पार्ट है ना इसको मैं अगर देखूं यह वाला जो पूरा पार्ट है इसके अर का ये जो पूरा कंटेंट रहने वाला है जिसके अंदर अपन ने कैप्टन के बारे में जो भी डिटेल्स लिखी है मैं यहां जाके इसको करता हूं कट और मैंने यहां जाके एक कंपोनेंट बनाया जिसका नाम मैं रखना चाहता हूं कैप्टन टेल्स ड जए एक और यहां जाके मैंने इसको ले जाके आर ए एफ सई करा और यहां ले जाके मैंने कर दिया पेस्ट कोई ज्यादा फर्क पड़ेगा नहीं
सेम दिखाई देगा पहले वाले की तरह ही देख सकते हैं यहां पे नहीं दिखाई दे रहा भैया अरे देगा लेकिन थोड़ा समय लेगा देखने में ठीक है यहां जाके कैप्टन डिटेल्स ठीक है ना भाई चलो ठीक है यहां पे अपने को कैप्टन के नीचे ये कैप्टन का कुछ इस तरीके का यूआई दिखाई देने लगेगा अब मुझे चाहिए यहां पर पॉप अप आ जाए जो कि देखने में अच्छा भी लगे और साथ में क्या मैं इसको थोड़ा सा और शॉर्ट ये काफी ज्यादा ऑलरेडी शॉर्ट है अब मुझे यहां पर चाहिए क्या कि यहां पर मेरे पास
कुछ पॉपअप्स आ जाए जो कि मैंने यूजर की साइड में बनवाए थे जब मैं होम पेज देखता हूं यूजर का होम पेज तो यहां पर मैंने काफी सारे पॉपअप्स बनाए थे कुछ ऐसे जो मैंने वाय एक्सेस में नीचे भेज के रखे हुए थे क्या आप समझ पा रहे हैं मैं किसकी कहना चाह रहा हूं मैं इनके बारे में बात कर रहा हूं कुछ ऐसे यहां से मैंने उठाया और यहां जाके लिख के देखा इसका अगर मैं रेफ हटा दूं और इसके अंदर जो लिखा हुआ है वोह हटा दूं तो यह बेसिकली क्लास नेम फिक्स्ड विड्थ
रो ट्रांसफर्ड वाय फुल और बॉटम से ज़ीरो मतलब वो बॉटम से वहां पर रखा हुआ है वो काइंड ऑफ ऐसा ठीक है और अगर मैं यहां जाके किसी एक पर्टिकुलर पेज को लगाना चाहूं जैसे कि मैंने यहां पे एक पेज को लगा दिया जो कि है मान लेते हैं चलो अभी के लिए इसको अपन गायब ही रखते हैं दिखाई नहीं दे रहा है इसके अंदर मुझे पेजेस बनाने है तो यहां जाके मैंने कंपोनेंट्स में से एक कंपोनेंट बनाया जिसका नाम मैं रख देता हूं लेट्स सपोज अ राइड पॉप अप ड जए एक ए एसी और
ये देख सकते हैं हम लोग कुछ इस तरीके से राइ पप अपड जए एक बनके तैयार है राइड का पॉपअप जब बनेगा तो यहां जाके हमको देखना भी तो है राइड पॉपअप जेएस एक कैसा दिख रहा है तो यहां जाके मैंने कुछ ऐसा देख लिया मैं इसका ट्रांसलेट वाय जो है ना अभी के लिए मैं थोड़ी देर के लिए हटा देता हूं तो यहां पर जाके राइड पॉप अप जो है कहीं पे यहीं पे कहीं पे नीचे बना होगा दिखाई नहीं दे रहा राइड पॉपअप के अंदर एक तो कुछ लिखा नहीं है ना h1 लिख
दो तो समझ भी आए ठीक है आएगा समझ ठीक है राइड पॉपअप बनके तैयार है अब राइड पॉपअप के अंदर ना मेरे को चाहिए किस तरीके का काम मुझे चाहिए थोड़ा-थोड़ा सा अ जो हम लोगों ने लेट्स सपोज कंफर्म राइड बनाया था काइंडली क मतलब लगभग लगभग उसी तरीके का मुझे चाहिए तो मैं यहां से ले जाके पूरा का पूरा इसका यूआई कर लेता हूं कॉपी भैया कॉपी पेस्ट कॉपी पेस्ट पे खेल रहे हो आप अरे काम करना पड़ता है देखो यार हीरो यार है ना और यहां जाके अगर मैं देखूंगा तो मेरे को यूआई
कुछ ऐसा दिखाई देने लगेगा तो भैया इसमें तो कंफर्म योर राइट दिखाई दे रहा है कंफर्म योर राइट नहीं मेरे को थोड़ा सा ओरिजिनल यूआई में समझना पड़ेगा कि यहां पे अ अ राइड फॉर यू लिख देते हैं अपन हेडिंग कुछ इस तरीके से है ना यहां जाके मेरे पास से ये जो बना हुआ है इसमें मैं लिख देता हूं राइड फॉर यू ठीक है न्यू राइड अवेलेबल करके दिख देते हैं न्यू राइड अवेलेबल करके दिख देते हैं यहां पे कुछ ऐसा दिखाई देगा मुझे यह गाड़ी वाला इमेज नहीं चाहिए अभी यहां पे मुझे सिर्फ
न्यू राइड अवेलेबल ऐसा दिखाई दे रहा है अब यहां पर हमने ये जो बटन बनाई थी यह बटन की तरह ही एक और और मेरे पास बटन होने वाली है मैंने यहां जाके इस बटन को कॉपी करा और यहां ले जाक कर दिया पेस्ट और यहां जाके पेस्ट करवाने के बाद मैंने ऑन क्लिक पे कुछ भी नहीं लगाया बस मैंने ऑन क्लिक बना के रखा हुआ है और यहां जाके इसको मैं देना चाहता हूं ग्रे मैं 300 या 400 और टेक्स्ट मेरा ऑलरेडी जो वाइट है उसको मैं कर देता हूं ग्रे में 700 और इसके
अंदर मैं लिख देता हूं इग्नोर कैसा लगा कैसा लगा जल्दी बताओ कैसा लगा सही लगा कि नहीं लगा यहां जाके मैंने देखा यहां पर दो बटंस दिख रही हैं हमको और यह मैं बटंस के ऊपर ये जो मार्जिन टॉप दिया था यह भी मैं हटा देता हूं तो ये मैं चार का कर दिया या फिर एक का कर दिया ठीक है नाइस अच्छा दिख रहा है ये भी कंफर्म या इग्नोर का दो ऑप्शन दिखाई दे रहे हैं हमारे पास कंफर्म कर दो इग्नोर कर दो मैं इसके कलर को थोड़ा सा और लाइट कर देता हूं
200 कर देता हूं तो और अच्छा लगेगा ठीक है जी यहां पे इग्नोर और एक कंफर्म का दो बटन दिखाई दे रहे हैं 300 करके देखें 300 बहुत ज्यादा बेकार नहीं लग रहा है 300 भी ठीक है दो बटंस दिखाई दे रहे हैं यहां पर जाके मैं अभी इसके ऑन क्लिक प भी कुछ भी नहीं लिखना चाहता हूं या फिर आप चाहे तो अपन इसको एक ऐसा भी बना सकते हैं लाइक ऐसा ऐसा नहीं तो यह भी ज्यादा बढ़िया दिख रहा है ये भी अच्छा दिख रहा है कोई दिक्कत परेशानी नहीं है ना इसके अलावा
मुझे लगता है क्या करना चाहिए हम लोगों को यहां जाके मुझे बताना भी तो पड़ेगा एटलीस्ट कि यूजर कैसा दिख रहा है हमारा तो यूजर की फोटो और ड्रॉप और पैसे ऊपर साइड में बता सकते हो आप चाहो तो नहीं तो अपन नीचे भी बता सकते हैं पैसों का कोई इतना बड़ा इशू नहीं है मैं यूजर का बता देता हूं और यूजर के आगे उसकी डिस्टेंस लिख देता हूं ठीक है तो यहां जाके यहां जाके इस इसको बंद करते यहां जाकर h3 के बाद में यह जो मैंने h3 बनाया इसके बाद में मैंने एक डिव
बनाया जिसमें मेरे पास एक और डिव है इसके अंदर इमेज है इमेज अपन वही हर्ष पटेल वाली लगा देते हैं अब यह हर्ष पटेल नहीं है मैं इमेज का बता रहा हूं बस कि हम कोई भी लगा सकते हैं ठीक है और यहां जाकर मैंने इमेज को पेस्ट कर दिया और यहां ले जाके मैंने क्लास नेम दे दिया है आइट लेटस सपोज 10 और दे मैंने मान लेते 10 ए वी कैन सी यहां पर हमको हमारी इमेज दिखाई देने लगेगी 12 12 कर देते हैं और राउंडेड पुल सही है ना ठीक है जी कुछ ऐसे
दिखाई देगी ऑब्जेक्ट कवर ऑब्जेक्ट मैंने कर लिया कवर और यहां जाके मेरे पास इसके अलावा और भी कुछ है तो एक डिव है जिसके अंदर डिव है जिसके अंदर मेरे पास कुछ भी नाम लिख सकते हैं एक नाम है मेरे पास h2 के अंदर जिस के अंदर मैंने लिख दिया लेटस सपोज हर्ष पटेल और इस डिव के अलावा मेरे पास यहां पर एक और ए5 है जिसके अंदर मैंने लिख दिया है लेटस सपोज 2.2 के ए 2.2 केएम दिखाई दे रहा होगा आपको यहां जाके मुझे इस डिव को देना पड़ेगा क्लास प्लेक्स आइटम्स इंटर में
रहेंगे और जस्टिफाई रहेगा बिटवीन में ें कुछ ऐसा दिखाई देने लगेगा मुझे इस डिफ को भी देना पड़ेगा क्लास प्लेक्स आइटम्स सेंटर में रहेंगे और गैप रहेगा तीन का ठीक है और साथ में क्लास नेम टेक्स्ट रहेगा मेरा एक्सेल ठीक है और टेक्स्ट के साथ में मेरा जो फंट है वो रहेगा मान लेते हैं [संगीत] मीडियम नाइस नाइस मुझे लगता है थोड़ा सा इसको छोटा करना चाहिए इसको लार्ज कर देते हैं और इमेज को भी थोड़ा सा छोटा कर सकते हैं लाइक 10 और 10 और इस डिव को हल्का सा मार्जिन टॉप से दे देते
हैं अपन तीन का तो ज्यादा बढ़िया लगेगा है ना न्यू राइड अवेलेबल चार का दे देते हैं ठीक है नाइस हर्ष पटेल ये कुछ ऐसा दिखाई दे रहा है और मुझे ऐसा लगता है कि इसकी डिस्टेंस जो दिख र मैंने उसको क्लास नेम दे दिया टेक्स्ट मान लेते हैं एलजी और फंट मैंने दे दिया इसको सेमी बोल्ड ठीक है यहां पर डिस्टेंस भी दिखाई दे रही है लेकिन यार वो ढंग से अलाइन नहीं हो रहा मैंने अलाइन आइटम सेंटर दिया तो है अलाइन आइटम सेंटर तो मैंने कहीं मिस नहीं करा अलाइन आइटम सेंटर तो हर
जगह दिया है मैंने फिर भी पता नहीं क्यों हर्ष पटेल और ये अलाइन नहीं हो रहा ढंग से अगर मैं यहां जाके इस डिफ का बीजी रेड करके देखूं ये कुछ ऐसा दिख रहा है ये लोग गैप क्यों ले रहे हैं थोड़ा सा अच्छा मार्जिन टॉप दिया इस वजह से सॉरी मार्जिन टॉप इसको नहीं देना था मार्जिन टॉप किसी को ही नहीं देना था अगर देखा जाए तो मतलब उसको देना था जिसको दिया है और इसको नहीं देना था मार्जिन टॉप इसको देना था ठीक है नाइस नाइस अब ज्यादा बढ़िया दिख रहा है और पीछे
का लाल रंग हटा भी देंगे अरे क्या दिक्कत दे रहा है भाई इतना स्लो क्यों चल रहा है क्यों मर रहा है इतना हां अब दिख रहा है ना थोड़ा सही से चिल्लाना पड़ता है थोड़ा समझो तुम और यह डिसेंट दिख रहा है मतलब मेरे हिसाब से तो ठीक है बढ़िया है चल जाएगा काम और अगर अपन चाहे तो यहां जाके ये जो डिफ बना अपना इसको हल्की सी पडि दे सकते हैं दो या तीन की और मैं यहां जाके बीजी कर सकता हूं इसका ग्रे 50 और राउंडेड मैंने कर दिया मान लेते हैं एलजी
एक्सल कर एलजी कर देते हैं चलो छोड़ो लार्ज नहीं ज्यादा नहीं ये भी ठीक दिखेगा नाइस और यहां जाके मैं इसका कलर कर देता हूं लेट्स सपोज येलो 400 कर देते हैं देखते हैं एक बार करके ठीक है ये भी अच्छा लग रहा है यार वैसे बेकार नहीं लग रहा ये भी ठीक दिख रहा है ना हर्ष पटेल 2.2 किमी कंफर्म या इग्नोर जो आपको करना है आपकी मर्जी मालिक आपके हाथ में ऐ है जो करना है आपको करना है समझ रहे हो ना मेरी बात और थोड़ी सी फिर अपन यहां पर जाके हमारे हर्ष
पटेल की हाइट भी बढ़ा सकते हैं ठीक है कुछ ऐसा दिखाई दे रहा है डिसेंट है कोई परेशानी नहीं है और हम आगे बढ़ सकते हैं हम इसके साथ में ठीक है ना ये एरर आ रही है ये एरर इसलिए आ रही है क्योंकि उस बटन के क्लिक पे ये कुछ ऐसा दिखाई दे रहा है ठीक है तो हमें यहां पर जाके हमें यहां पर जाके कैप्टन होम कैप्टन होम कंफर्म राइट की अब जरूरत नहीं है कैप्टन होम हमने बनाया जो है कैप्टन होम के अंदर हमें यहां पे छोटे-छोटे से लॉजिस लिखने पड़ेंगे जल्दी-जल्दी बिना
किसी देरी के यहां जाके सबसे पहले तो हमें चाहिए यूज स्टेट यूज स्टेट स्निप इट यूज स्टेट स्निप इट करने के बाद मुझे करना क्या है मुझे यहां पर जाके सिंपली अ यूज स्टेट स्नेप इट अरे रुक जाओ एक मिनट क्या लिखना है इसके अंदर मैंने लिखा है लेट्स सपोज अ राइड पॉप अप पैनल और राइड पॉप अप पैनल को इनिशियली मैंने करके रखा है फाल्स ठीक है ना इसको हम ट्रू कर देंगे जैसे ही हमारा काम आएगा मैंने इसको अगर ट्रू कर दिया तो ये ऐसा दिखने वाला है और मुझे एक बहुत ही बेसिक
सा लॉजिक लिखना है जो कि मैंने यहां पर जाके कंफर्म राइट बनाया था ना जब मैंने कंफर्म राइट कहां गया कंफर्म राइट नहीं होम के अंदर मैंने 100 बार वो लॉजिक लिखा था तो मैं बार-बार लिखने की मेहनत तो करने नहीं वाला हूं है ना तो यहां जाके मैंने इस लॉजिक को कॉपी करके यहां पे उठा के कर दिया है पेस्ट और यहां ले जाके मैंने डिपेंड करवाया है इसको ऑन द बेसिस ऑफ राइड पॉप अप पैनल और इसकी जगह मैंने लिख दिया राइड पॉप अप पैनल रेफ ये क्या होता है भैया बता रहा हूं
बस दो मिनट रुक जाओ राइड पॉप अप पैनल रेफ और इस पूरे की जगह राइड पॉप अप पैनल रफ और यहां पर डिपेंड कर रहा है ये राइड पॉप अप पैनल पे आई एम सॉरी आम रियली रियली सॉरी यहां तक सही है और मैंने यहां पर जाके कहा यूज रफ यूज रफ स्निप इट यहां जाके मैंने कहा कि राइड पॉप अप पैनल रफ और इनिशियली मैं देना चाहता हूं उसको वैल्यू एनुअली नल दैट्ची चल रहा है ना उसके बाद यहां जाके मैंने राइट पॉप अप पैनल रफ जो है वो मैंने इस पैनल को पास कर
दिया है तो मैंने इसको दे दिया है आरएफ यह वाला और साथ में मैंने यहां जाके लिखा इसको ट्रांस वाय जीरो की जगह फल तो ट्रांसफॉर्म ट्रांसलेट बाय फुल यानी नीचे की तरफ चला जाएगा अब यह कह रहा यूज जी साब नहीं पता यार इसको क्या पता है हर चीज मैं बताऊ मतलब मुझे लगता है कि हमारा सर्वर कहीं हग तो नहीं रहा इस वजह से तो इतना ज्यादा मतलब बैक एंड फ्रंट एंड यह बार-बार चल रही है प्रोसेस आई गेस कितनी बार चल गई अरे बाप रे शायद इसी वजह से कुछ हो रहा हो
आई डोंट नो वई लेकिन हो भी सकता है यूज जी साब चाहिए हमको तो यूज जी साब कहां से मिलेगा जी साब स्ल रिएक्ट से यहां पर जी साप वाला कोड लिखा है आपने जी साप कहां से मिलेगा तो जी साप मिलेगा सर जी सप से बढ़िया मुझे लगता है एक बार सर्वर्स को खोल के बंद कर लेना चाहिए मैंने यहां जाके बहुत देर से बंद नहीं करा तो कुछ हो सकता है एरर आ रही हो और यहां जाके हमारे अंकुर भाई ने ना कुछ प्रिंट करवाया था टोकन के लिए ठीक है ना तो एनपीएक्स
नो डिमन ठीक है कुछ क्रश ब्रश की लाइन कोई क्रैश की लाइन नहीं यहां जाके एमपीएम रन डेफ ठीक है हम यहां पर जाके रीलोड मार के देखते हैं बाहर फेंक देगा क्या हम लोग को देख लेते हैं एक बार अगर फेंक रहा है तो अच्छी बात है नहीं फेंक रहा है बढ़िया और यहां जाके अगर मैं देखता हूं ध्यान से ये कुछ ऐसा दिखाई दे रहा है अगर वैल्यू ट्रू है तो ऐसा दिखेगा अगर वैल्यू फॉल्स है तो ऐसा दिखेगा और अगर मैंने यहां पर जाके अपने राइड पॉप अप के अंदर सेट राइड पॉप
अप पैनल के अंदर सेट राइड पॉप अप पैनल पास कर दिया और यहां ले जाके मैंने यहां पर क्या कहा मैंने यहां जाके कहा राइड पॉप अप के अंदर कि मुझे अगर मैं बटन पर क्लिक करता हूं तो सबसे पहले तो मुझे चाहिए प्रॉप्स और जब मैं क्लिक करू तो प्रॉप्स डॉट फॉल्स और यहां ले जाके यहां ले जाकर मेरे पास जो दो बटंस थी ना उनमें से जो पहली बटन थी इग्नोर वाली वो चाहिए मुझे उसका काम है मेरे पास अभी ठीक है यह रही मेरी इग्नोर वाली बटन यहां जाके मैंने लिख दिया प्रॉप्स
डॉट फल्स ठीक है मैं इस पर क्लिक करूंगा तो भी ये चला जाएगा और मैं इस पर क्लिक करूंगा तो भी ये चला जाएगा वेरी नाइस वेरी नाइस यार दोनों की इमेज सेम हो रही है यार मैं एक काम करता हूं य यह रख लेता हूं यह भी अच्छी लग रही है वैसे ऐसे लोग टैक्सी में जाते नहीं दिस वन इज गुड ठीक है लेटस सपोज मैंने इसको करा क्या आ रहा है भाई छोड़ो अच्छा हुआ तो मैं नहीं दिखा और राइड पॉप अप जब आ रहा है तो उसके अंदर जो इमेज आ रही है
लेट मीी वेयर इट इज यह रही मेरी इमेज इसके अंदर मैंने इसके अंदर लेट्स सपोज लिख दिया और इसका नाम लिख देता हूं मैं मान लेते हैं अर्षि पटेलिया तो अगर मैं ध्यान से देखूंगा आप लोगों के लिए यहां प ले जाक आपको दिखाता हूं तो यहां पर जाके कुछ ऐसा दिख रहा है हर्षी पटेलिया कुछ ऐसी दिखाई दे रही है ठीक है ना इग्नोर करेंगे तो ये चला जाएगा चलो बढ़िया यहां तक सब कुछ ठीक चल रहा है कोई परेशानी नहीं है है ना है परेशानी नहीं है परेशानी चलो ठीक है तो अब राइड
का पॉप अप जब आ रहा है मैंने अभी इनिशियली देख के रखा है ट्रू क्योंकि उसके बेसिस पर हमें सारा काम करना है एक बार पॉप अप आ गया तो उसके बाद अब आपको करना क्या है अब आपको चाहिए तो इसको नए राउट पर रेंडर करवा के लेके जा सकते हो आपकी मर्जी है आपका मन करे तो भेज सकते हो आगे और अगर ना मन करे तो ना भी भेजो चलेगा यहां जाके मैंने देखा इस पेज से जब मैं यहां पर क्लिक करता हूं तो मैं यहां पर देख पाऊंगा कि मुझे यहां पर ओपन करने
पर क्या दिखाई दे रहा है यह तो हर एक का बंदे का अलग-अलग है मैं ओपन करता हूं तो मुझे यह वाला यूआई चाहिए ये जो आपको स्क्रीन पर दिखाई दे रहा है अब यह कैसे मिलेगा भैया इसको बनाने के लिए थोड़ा सा समझना पड़ेगा कोड को यार आ जाओ देखते हैं समझते हैं अब हमारा एक पैनल बनके तैयार है है ना उसके अलावा मैंने यहां जाकर देखा तो मेरे पास एक पैनल रेडी हो चुका है अब अगर मुझे मल्टीपल पैनल बनाने हैं तो कुछ नहीं है बस उसकी थोड़ी सी डिटेल्स है और मैंने सोच
रहा हूं कि पता है क्या कंफर्म करने से डायरेक्टली कंफर्म ही हो जाए बस यहां पर एक् एक करें और एक्सेप्ट करने के बाद डायरेक्टली रिजेक्ट तो कर नहीं सकते या कैंसिल तो कर नहीं सकते हम ये ऑप्शन देंगे नहीं कॉल मैसेज वाले तो हम जैसे ही कंफर्म करें तो आप चाहे तो इस तरीके की कुछ समरी दिखाई दिखा सकते हैं बिल्कुल आपका मन करे तो या फिर अब मैं तो सोच रहा हूं डायरेक्टली जैसे यूजर मतलब जो कैप्टन रहता है वो जैसे क्लिक करता है तो उसको डिटेल्स दिख जाती है चलो बनाते ही है
अब देख लेते हैं क्या होगा है ना जैसे क्लिक कर गो टू पिक अप और गो टू पिक अप मतलब सेम है बस वो पिछले वाले जैसा ही राइड पॉप अप जैसा ही बस ये इसका नाम भी मैं यही रखने वाला हूं कंफर्म राइड पॉप अप मजाक सेट के और सेट कंफर्म राइड पॉप अप करके मैंने यहां पर पास भी कर दिया सेट कंफर्म राइड पॉप अप पैनल कितने बड़े-बड़े नाम है नहीं यहां ले जाक मैंने इसको पास करा और यहां ले जाकर मैंने इसको लिख दिया कुछ ऐसा दिखाई देने वाला है यह तो सबको
पता ही है कौन है सेटर पॉप अप वाला और यहां जाके मैंने पेजेस नहीं बनाने मुझे कंपोनेंट्स बनाने तो कंपोनेंट्स के अंदर मैंने एक फाइल बनाई जिसका नाम रखा मैंने कंफर्म राइड कंफर्म राइड पॉप अप कन फर्म राइड पॉप अप डट जस एक एंटर करेंगे फाइल बनके तैयार है आर ए एफ सी यहां पर कुछ ऐसा दिखाई दे रहा है मुझे इसको जो मैंने इसके अंदर लिखा था वही सेम चीज देना है बिल्कुल भी चेंजेज करे बिना कंफर्म राइड के लिए अलग बस बन के तैयार है बस मतलब ऐसा समझ लो दोनों में थोड़ा सा
माइनर सा अंतर है बस थोड़ी सी हाइट बढ़ जाएगी फुल स्क्रीन आ जाएगा ट्स इट और कुछ भी नहीं है और यहां पर मैंने यहां पर आगे भी मुझे इसके अंदर कंफर्म नहीं बनाना चाहिए था मुझे इसके अंदर बनाना चाहिए था एक्सेप्ट मैंने थोड़ी सी गलती तो करी है देखो यहां जाके मुझे अपने टेक्स्ट के अंदर कंफर्म की जगह यहां पर लिखना चाहिए था एक्सेप्ट और कंफर्म यह करेगा यह वाला पेज ठीक है ना अब थोड़ा सा एरर आ रहा है मैं समझ रहा हूं कंफर्म राइड पॉप पैनल और यहां जाके मैंने कैप्टन होम के
अंदर पहली चीज तो मैं यहां पर जाके क्या करूंगा मैं प्रॉप्स लिखूंगा और प्रॉप्स के अंदर मैं यहां पर जाके इसको ओपन करता हूं कैप्टन होम को अ क्या फिर से इसकी ऐसी तैसी हो रही है यार यह 100 बार करीब-करीब प्रिंट कर देता है यह सेम लाइन को यह बार-बार रिपीट हो रहा है और यह क्योंकि इसीलिए हो रहा है क्योंकि यूज इफेक्ट बार-बार चल रहा है डाटा को चेंज करने में मेन यूजर के लिए तो फिर प्रॉब्लेम मेटिक हो जाएगा यार हमको यह सॉल्व करना पड़ेगा आगे जाके कोई ना चलो यहां देखो अभी
जल्दी फटाफट यहां जाके कंफर्म राइट पॉपअप पैनल बन गया ना इसके अलावा मैंने यहां जाके इसको कॉपी करके नीचे करा और यहां ले जाके मैंने लिखा कंफर्म राइड पॉप अप पैनल और यहां जाके मैंने लिखा सेट कन फर्म राइड पॉप अप पैनल और जैसे मैंने यह बनाया था वैसे ही मैंने यहां पर जाके एक बना दिया कंफर्म राइड पॉप अप पैनल रफ और नीचे जाके पहले तो मैं इसको कॉपी कर लेता हूं पूरा का पूरा और इस इस को ले जाक यहां पर कर देता हूं पेस्ट डिपेंड करता है यह अरे ज्यादा हो गया डिपेंड
करता है यह कंफर्म राइड पॉप अप पैनल पे और रेफ कौन लगाएगा और इफ राइड पन क्या है यह राइड पॉप अप पैनल हां ठीक है नाइस और मैं यार अभी थोड़ी देर के लिए ना अपना सर्वर बार-बार चल रहा है मैं उसको रोकना चाहता हूं मैं इसको रोक देता हूं रुक जा एक मिनट परेशान मत कर पहले टाइप कर लेने दे अच्छे से पहले टाइप कर लेने दे अच्छे से उसके बाद करना यह थोड़ा सा समझाना पड़ता है ना उसको डांटना पड़ता है तो कंफर्म राइड पॉप अप जो है अब तो बन चुका है
कंपोनेंट एंटर तो कपोट आ जाएगा और रफ के अंदर राइट पॉप अप पैनल रफ की जगह मैंने अगर इसको लिखा कंफर्म राइट पॉप अप पैनल और यहां जाकर मुझे लिखना है रेफ तो अब मेरे हिसाब से शायद ज्यादा बढ़िया तरीके से काम चलेगा क्योंकि मैंने यहां पर जाके यूजर को पहली चीज तो बाहर फेंक दिया है एनपी एक नमन चलाते हैं यहां जाके मैं मैंने लिखा ए @s कॉ ट 3 4 5 6 7 8 ठीक है यह दिखाई दे रहा है अभ मुझे पता नहीं कि कंफर्म है अच्छा हां ये कंफर्म वाला पेज है
ठीक है कंफर्म वाला पेज का ना इनिशियली अपन रखते हैं फाल्स क्यों रखा भैया फाल्स बता रहा हूं ना एक मिनट रुको बस यहां पर मैंने इसको फॉल्स करा है और जैसे ही मैं यहां पर मेरे को इसको भी पास करना है यहां पर मेरे को इसको भी पास करना है जैसे ही मैं यहां पर आता हूं मुझे का नाम थोड़ा सा याद रखना पड़ेगा बहुत बड़ा नाम है राइड पॉपअप पैनल और जैसे ही हम लोग यहां पर जाके एक्सेप्ट पे क्लिक करते हैं कहां गया मेरा बटन ये रहा जैसे ही हम लोग यहां जाके
एक्सेप्ट पे क्लिक करते हैं तो इसको मैं कर देता हूं ट्रू चलो ध्यान से देखना यहां पे है ना ध्यान से देखना यहां पे आपको ऐसा पॉप अप आया जैसे ही आपने यहां पर जाके एक्सेप्ट पर क्लिक करा ये दूसरी स्क्रीन आ गई अब ये जो दूसरी स्क्रीन आई है मुझे इसको चाहिए थोड़ा सा मैं अलग तरीके से बनाऊं तो मैंने यहां जाके इसको कोई पर्टिकुलर हाइट विड्थ तो दी नहीं थी अपनी मर्जी से ही बना रहा था मैं जितना भी मेरा एलिमेंट है उसको पूरा अपनी मर्जी से ही बना रहा था तो मैं इसको
थोड़ा एक काम करता हूं मैं इसको फुल हाइट की तरफ ही लेके जाता हूं मैंने इसको क्लास नेम देके रखा हाइट [संगीत] स्क्रीन क्या बोलते हो तुम यह देखना जैसे ही मैं यहां पर एक्सेप्ट करूंगा ये कुछ ऐसा दिखाई दे ने लगेगा अब इसकी हाइट स्क्रीन बराबर क्यों नहीं ले रहा कंफर्म राइट पॉप अप क्यों नहीं ले रहा है क्योंकि ट्रांसफॉर्म ट्रांसलेट बाय विड्थ फुल फिक्स्ड तो है सही तो जा रहे हैं हम लोग अब लेगा ना बिल्कुल लेगा ज्यादा ऊपर तक जा रहा है बस थोड़ा सा दिक्कत यह है मैं इसकी हाइट ले लेता
हूं अराउंड अराउंड 90 पर क्या आदमी है भाई सॉरी चू दिया काट देना दोस्त एक काम करते हैं इसको कहते हैं कि तू भाड़ में जा कोई काम नहीं हमें तेरा फालतू में यहां पर आ गया है परेशान करने हमको यहां जाके यह वाला जो पैनल है यह वाला जो पैनल है जिसकी मैंने हाइट वाइट कभी नहीं दी और यहां जाकर मैंने उसको छुपा के रखा हुआ है मैं इसको कह देता हूं हाइट मेरी रहेगी इस स्न बराबर फुल स्क्रीन बराबर हाइट रहेगी ठीक है अब बड़ा य दिखा अब दिखाना थोड़ा अच्छा लग रहा है
देखने में जी ठीक है और यहां जाके मैंने कंफर्म दिखा दे रहा हूं कंफर्म राइड और कंफर्म राइड और यहां पर मैं कर देता हूं इसको कैंसल राइड और यहां जाके कंफर्म राइड करने पर आप किसी और पेज पर जाएंगे लेकिन कैंसिल राइड करने पर आप सेट कंफर्म राइट पैनल को ट्रू कर देते हैं और यहां ले जाकर अगर मैंने इस पर क्लिक कर दिया कैंसिल पर तो यह कैंसिल हो जाएगी और इसका कलर मैं कर देता हूं अभी के लिए रेड 500 कुछ इस तरीके से और देखेंगे तो हमें यहां पर रेड दिखाई देने
लगेगा मुझे ऐसा लगता है कि इसको टेक्स्ट को करना चाहिए मुझे वाइट और बैकग्राउंड को करना चाहिए रे में 500 या 600 ठीक बढ़िया बढ़िया कंफर्म वाला बटन दिखाई देने लगा है ना और कंफर्म दिस राइड टू स्टार्ट कंफर्म दिस राइट टू स्टार्ट हर्ष पटेल लोकेशन कंफर्म दैट्ची से ये भी बंद हो जाएगा ठीक है देखना ध्यान से मैं बता रहा हूं क्या हो रहा है ये आया पॉपअप हमारे सामने इसको हम बाद में जाके ट्रू करेंगे मैंने एक्सेप्ट कर लिया मैंने यहां जाके कैंसिल करा दोनों पैनल बंद हो गए यहां जाके इसको एक्सेप्ट करा
इग्नोर करा ये बंद हो गया यहां जाके रीलोड करा एक्सेप्ट करा ये खुला कंफर्म करेंगे कहीं जाएंगे आगे जाके अभी नहीं जा रहे लेकिन आगे तो जाएंगे ना और यहां जाके मैंने इसको कंफर्म या कैंसिल कर सकता हूं तो मैंने यहां जाके कंफर्म कर दिया कुछ नहीं हुआ कैंसिल कर दिया दोनों बंद हो गए दैट्ची को बाकी और कुछ भी नहीं है खास है ना तो वो हम बना लेंगे बाद में जाके बाकी अगर देखा जाए तो हमारा काम यहां तक तो सब कुछ हो गया अब मुझे बस एक स्क्रीन दिखानी है जिसम मेरा मैप
रहने वाला है कंफर्म करेंगे तो मैं उस परे रीडायरेक्ट हो जाऊं जिसमें मेरी राइड करेंटली चल रही है कुछ ऐसा कुछ ऐसी मेरी राइड जहां पर चल रही है तो कैप्टन राइड करके पेज बनाना पड़ेगा मुझे और फिर उसके बाद यहां जाकर मुझे बस एक ऐसा ड्रॉप ऑफ करके बनाना पड़ेगा पेज ट्स इट ठीक है तो दो मिनट लगेगा हमको उसका राउट बनाने में और दो मिनट लगेगा उसको पेज बनाने में तो यहां से लिख लो आप 4 मिनट यहां से ठीक है साहब चलो सुनो ध्यान से करना क्या है यहां जाकर पेजेस के अंदर
मैंने यहां जाकर लिख दिया कैप्टन राइडिंग डॉट जेएस एक्स कैप्टन राइडिंग ड जए एक यहां पर मेरा एक पेज बना हुआ आर ए एफ सीई और यह पेज पर मैं कब जाऊंगा जब मैं मैं जब यह कंफर्म पर दबाता हूं ना तो मैं एटली कंफर्म पर दबाते साथ ही ना यहां पर जो कंफर्म है यह एक तरीके का लिंक टैग है बस अब मेरा हो चुका दिमाग खराब ठी है ना बहुत देर से हो रही ये भाई कब से बनाए जा रहे हैं बनाए जा रहे हैं पता है भाई मैं दिन भर से रिकॉर्ड कर
रहा हूं दिन भर से कुछ खाना पना नहीं खाया ना मजाक से हटके भाई थोड़ा सा प्लीज तरस खाओ बनाओ इसको भाई अगर तुम इसको बना लेते हो तो यह बहुत बड़ी जीत होगी मेरी एस इंस्ट्रक्टर तो सभी लोगों से विनती है जरूर बनाए मेलो ड्रामा नहीं कर रहा हूं भाइयों यहां जाके एक्सेप्ट यार एक्सेप्ट का कलर ना मैं साथ में एक काम और कर लेता हूं सुनो लिंक टैग जो है वो तो कुछ ऐसा दिखाई दे रहा है एक के बाद एक कुछ इस तरीके से मैंने यहां जाक लिंक टैग को कर दिया फ्लेक्स
और जस्टिफाई सेंटर हो रहा है काम करके आते हैं तब तक घूम फिर के आ जाते हैं तब तक आ जाएगा टाइप हो जाएगा जस्टिफाई सेंटर ट्स इट यहां पर और बढ़िया यार कुछ और इंफॉर्मेशन डालना चाहो तो डाल सकते हो जैसे कि मतलब थोड़ी बहुत और अगर कुछ एक डिटेल और अगर रखना चाहो यहां पर कि भाई यूजर के बारे में थोड़ा देख समझ के करना चाहिए भाई अपने को कैंसिल कर देते भाड़ में जाने दो नहीं चाहिए पॉप अप हमें नहीं चाहिए यूजर लेन अगर मैंने एक्सेप्ट कर लिया और अगर मैंने कंफर्म कर
लिया तो मैं पहुंच जाऊंगा स्लश शैलेश हे वेर इ यू शैलेश मैं जाऊंगा टू स्लैश कैप्टन राइडिंग वाले राउट पे राइडिंग ग्राइंडिंग कैप्टन राइडिंग हां कैप्टन इज राइडिंग राइट कंफर्म मैं पहुंच गया कैप्टन राइडिंग वाले राउट पे जो कि है ही नहीं तो यहां पे मेरे को एरर दिखाई दे उससे पहले मैं चला जाता हूं यहां पे और मैं कैप्टन राइडिंग वाला राउट बना लेता हूं तो मैं यहां जाके app.js एक में यहां पे कैप्टन राइडिंग वाला राउट बना लेता हूं कैसे बनेगा भैया यहां जाके जैसे आपने राइडिंग बनाया था ना वैसे यहां पर जाना
और इसके आगे लिख देना कैप्टन यहां जाके कैप्टन को राइडिंग करवा देना दैट्ची कुछ ऐसा दिखाई दे रहा था इसकी स्क्रीन थी कुछ ऐसी तो मैं अगर इस पूरे के पूरे को अगर मैं कॉपी करूं और यहां जाके कैप्टन राइडिंग के अंदर कर दूं पेस्ट और मैं नीचे वाले पार्ट को अगर हटा दूं बस मैं इतने पार्ट को रखूं ऊपर वाले पार्ट को और नीचे वाले पार्ट को भी हटाने का मतलब यह है कि यहां तक मैं इसको तो हटा ही देता हूं और इसको भी हटा दूं और लिंक टैग जो लगाया ना लिंक टैग
को इंपोर्ट कर लू बेहतरीन एक नंबर तरीके से तो ये लिंक टैग लग जाएगा और क्लिक करने पर यहां पर जाके वैसे तो हमें नहीं देना चाहिए इसको लेकिन चलो ठीक है कोई बात नहीं यहां जाके हमें u का एप्लीकेशन का दिखाई देता है तो जैसे मैं अगर एक्सेप्ट पर क्लिक करता हूं और मैं जाता हूं कंफर्म प तो मैं पहुंच जाता हूं कैप्टन राइडिंग वाले पेज प अरे अभी तो बनाया पा मिनट पहले कैप्टन राइडिंग कैप्टन राइडिंग नहीं है क्या क्या बात कर रहे हो तुम यार एक्सेप्ट करने के बाद कंफर्म करने पर कैप्टन
डैश राइडिंग अभी बनाया मैंने स्लश कैप्टन ड राइडिंग कुछ नहीं है इस पेज में कुछ नहीं है खाली पड़ा हुआ है हे [संगीत] राम लिंक कहां जाने वाले अपन कैप्टन डैश राइडिंग पे कंफर्म पर क्लिक करने के बाद है ना लिंक कैप्टन डैश राइडिंग और अगर मैं ऐ के अंदर देखूं इसके अंदर मैंने कैप्टन डैश राइडिंग बना के रखा है जिसमें कैप्टन राइडिंग ट्रिगर हो रहा है और कैप्टन राइडिंग जो है उसके अंदर मैंने कुछ भी लिखा हुआ है अंड शंड लिखा हुआ भले ही लिखा हुआ है लेकिन कुछ तो लिखा है ना और अगर
मैं रीलोड करके देखूं आना तो चाहिए यार देख टेक्निकली देखा जाए तो आना तो चाहिए कैप्टन के होम पे हूं मैं बोलू हां अभी हां तो बोलो एक बार कैप्टन के मैं होम पे हूं अब कैप्टन के होम पर रहते-रहते मैं अगर कैप्टन स्लैश राइडिंग पे जाना चाहता हूं तो ये मेरा कैप्टन स्लैश राइडिंग है ये मैं अभी यहां पर हूं कैप्टन राइड पॉप अप जब आया मेरे पास तो मैंने लिंक टैग बनाया है यहां पर और यहां ले जाकर मैं जा रहा हूं कैप्टन डैश राइडिंग पर जैसे ही मैंने क्लिक करा आप जाओगे कैप्टन
राइडिंग वाले पेज प और कैप्टन राइडिंग वाले पेज पर यहां पर कुछ तो दिखे एटलीस्ट एरर आ जाए लेकिन आ तो कुछ तो आए क्योंकि हमने प के अंदर यहां पर हमने कैप्टन के लिए राइडिंग वाला पेज बना दिया था कैप्टन ड राइडिंग जिसमें कैप्टन राइडिंग वाला पेज इंपोर्ट हुआ और लगा भी है बैक एंड के सर्वर को रीस्टार्ट कर लिया अब तो चल जाना चाहिए क रहा ऐसा कोई ऐसा कोई राउट ही नहीं है करके देखते हैं ss.com यह आ गया मेरे पास पॉप अप मैंने एक्सेप्ट करा और मैंने कंफर्म करा अब मेरा कंफर्म
करने पर राउट क्यों नहीं आ रहा अरे कैपटन लिख दिया मैंने गलती से सो सो सॉरी सो सॉरी क्या टन लिख दिया मैंने वही मैं सोचू या इतनी देर से सही लिख रहे हैं अपन क्या दिक्कत आ रही है अब आएगा ना अब तो इसके पिताजी भी आएंगे एक्सेप्ट करने के बाद कंफर्म करने पर इसके पिताजी भी आएंगे मुझे ऐसा लगता है क्या है ना हीरोस हीरोस मेरी बात सुनो कैप्टन राइड पॉप अप जो है इसके अंदर यह जो दो बटंस मैंने बनाई है बहुत प्यारी प्यारी सी इसको मुझे एक डिव के अंदर रखना चाहिए
डिव कुछ ऐसा दिखाई देना चाहिए मुझे इसकी विड्थ को फुल नहीं दे देना चाहिए और मुझे उस डिव को देना चाहिए क्लास नेम प्लेक्स आइटम्स सेंटर जस्टिफाई बिटवीन और अगर मैं यहां जाकर इन बटंस को कुछ इस प्रकार बनाऊंगा पैडिकलम अरे वाह बहुत प्यारा जस्टिफाई बिटवीन देक रखा फिर भी बहुत प्यारा दि रहा है क्या बात है मैंने यहां जाके इस बाई को कहा कि आपकी विड्थ रहेगी फुल तो मैंने इसको विड्थ दे दी फुल और साथ में मैंने यहां जाके क्या कहा है एक्सेप्ट राइड या फिर एक्सेप्ट अकेला लिखते डिंग में दे देता हूं
इसको आठ की और यहां से भी पडि दे देता हूं मैं इसको आठ की और यहां से मैं दे देता हूं इसको तीन की यहां से मैं दे देता हूं इसको तीन की ठीक है और विड्थ मैंने फुल दे दी मार्जिन टॉप दिया था ना हा इसको दिया था ना मैंने बिल्कुल दिया था यहां जाके मार्जिन टॉप यहां दे देता हूं मैं अगर मैं देखूंगा तोय कुछ ऐसा दिखाई दे रहा है और मुझे इसको ऐसे लिखना चाहिए था वाइस वर्सा काइंड ऑफ तो मुझे यह बटन ऊपर बनाना चाहिए था फिर कुछ गलती हो गई आदमी
गलतियों का भंडार ही तो है और क्या है एक्सेप्ट इग्नोर की बटन ही नहीं दी इग्नोर की दी है बटन व आई नहीं ढंग से बस आ रही है बस धीरे धीरे आ रही है थोड़ा स्लो है वो क्या कर सकते हैं भाई अब अपन है ना राउंडेड एलजी और यहां पर जाकर मेरी एक्सेप्टर इग्नोर की बटन दिखाई देने लगेगी मुझे और मुझे ऐसा लगता है कि थोड़ी सी मुझे इसको 10 ही कर लेता हूं मैं ज्यादा बढ़िया लगेगा सिस्टम इतना स्लो है यार मैं क्या करूं भाई तुम बताओ यार मेरे को है ना मैं
क्या कर सकता है मेरी भी तो मजबूरी है ना और जैसे मैंने एक्सेप्ट प क्लिक करा यहां पर आने लगा अब कंफर्म राइडिंग जो है कंफर्म राइडिंग जो है मैंने उसकी बटन को भी थोड़ा सा मार्जिन मार्जिन टॉप देके रखा हुआ था यहां जाके मैंने उसको पैडिया और इस भाई की पैडिया ठीक है कंफर्म और कैंसिल कंफर्म प क्लिक करा कैप्टन राइडिंग वाले पेज प आ गए हम लोग यहां पे अब कैप्टन राइड कर रहा है मेरा मस्त एक नंबर तरीके से गाड़ी चला रही है मैंने इसकी हाइट को कर दिया मान लेते हैं 4
बाय फ और मैंने इस साइड में कर दिया न बा फ देख सकते हैं कुछ इतना बड़ा सा मैप दिखाई देने लगेगा यहां जाके जो डिव दिखाई दे रहा है इसके अंदर मुझे सिर्फ और सिर्फ एक चीज लिखनी है जो कि है ड्रॉप ऑफ ड्रॉप ऑफ मतलब कि भाई मतलब मुझे यहां पर वैसे ओटीपी वाला पेज भी बनाना चाहिए था सही बताऊं तो मुझे ऐसा लग रहा है तो जैसे बंदा मतलब यहां पर मैप वाले पेज पर आया कैप्टन राइडिंग कैप्टन राइडिंग करने के बाद कैप्टन राइड करेगा लेकिन ओटीपी भी तो चाहिए तभी तो हमारी
राइड कंफर्म होगी जस्ट मिनट लेट मी थिंक अबाउट इट चलो पहले यह वाला पेज तो बना ही देते हैं ना यहां पर जाके मैंने लेट सपोज इसका कलर जो है मैंने कर दिया बीजी येलो 400 बीजी लो 400 और यहां जाके मैंने लिख [संगीत] दिया चार ट्राय करके देख रहा हूं मेरे को तो खुद नहीं पता मैं क्या बना रहा हूं फर मीस अवे भाई देखो यार वीडियो का ना मजा लेना चाहिए कंप्लीट राइड ठीक है यहां जाके यह बटन जो है मैं इस बटन को इस बटन की तरह बनाना चाहूंगा यह वाले बटन की
तरह तो मैं सारी की सारी इसकी क्लासेस को कॉपी करूंगा और यहां ले जाके मैं कर दूंगा इसके आगे पेस्ट देखोगे तो कंप्लीट राइड की बटन कुछ ऐसी दिखाई देने लगेगी और 4 किलोमीटर अवे मैं यहां जाके क्लास नेम और क्लास नेम में क्लिक करने के बाद एक्सेल और यहां जाके मतलब मेरे साथ पता है क्या होता है मैं लिख देता हूं उसके बाद मेरा कोड जो है वह दिखता है मुझे स्क्रीन पर जस्टिफाई मतलब मैं कई बार स्पेलिंग चेक क्योंकि मेरी आदत है मैं आधी चीज लिखता हूं और उसके बाद में भाई एक्सपेक्ट करता
हूं कि मेरा पॉप अप आएगा प्रॉब्लम मैं बता रहा हूं क्यों होती है यह होती है रिकॉर्डिंग की वजह से बहुत भारी भारी सॉफ्टवेयर होते हैं भाई भगवान कसम उसकी वजह से दिक्कत होती है यहां पर जाके फर कीमी अवे और यहां जाकर मैंने इसको टेक्स्ट को नहीं फंट को इसके थोड़ा सा इनलार्ज कर दिया लाइक सेमी बोल्ड कर देते हैं अपन इसको ठीक है अब यहां पर कुछ ऐसा पैनल दिखाई दे रहा है कुछ ऐसा पैनल दिखाई दे रहा है यह देखने में भी अच्छा लग रहा है साथ में मुझे क्या चाहिए कि राइड
पॉप अप जो है हमारा राइड पॉप अप के जस्ट ऊपर हमारे पास एक h5 h4 है जो कि एक एरो अप के फॉर्म में है यहां जाकर अगर मैंने इसको कॉपी करा और कैप्टन राइडिंग के अंदर मैंने लगा दिया और यहां ले जाकर अगर मैंने उसके अंदर से फालतू का कोड हटाया तो यह कुछ ऐसा दिखाई देने लगेगा चल जा भाई प्लीज तेरे से हाथ जोड़कर विनती है यार क्या हो रहा है ंट ठीक है और यहां जाकर मुझे इसको देना चाहिए शायद रिलेट अब दिखाई देगा कब दिखाई देगा भाई चल जा यार मत कर
नौटंकी मत कर यार प्लीज यार शायद मुझे इंपोर्ट करना पड़ेगा इसको रिमक्स आइकन को काम करते बहन चो रिमक्स आइकन परमानेंटली सबके लिए इंपोर्ट कर देते एक बार में यहां पे कैप्टन राइडिंग के अंदर अब तो दिखेगा भाई अब तो दिखा दे मेरा वाला आइकन नहीं विजिबल है क्यों नहीं विजिबल है यहां पर जाके ऊपर साइड में आ रहा है यार भाई इस पिंक डिफ के अंदर आना चाहिए था मुझे इस h5 को इस पिंक डिफ के अंदर बनाना चाहिए था आई एम रियली एस्टेड दोस्तों लोगों के सामने केवल बस अपनी नकली शक्ल के साथ
मुस्कुरा रहा हूं लेकिन मुझे मुस्कुराहट मेरे चेहरे पर अब बची नहीं है अब कहां गया फिर ढूंढो उसको h5 अ इस डिफ को तो रिलेटिव अब कहीं जाके अपना डिफ दिखेगा और यह भी अगर मेरे को लिखने में आलस नहीं है लिखने में तो भाई मेरे को तो आदत है कोड लिखने की डेवलपर हं दिनरात कोड लिखता हूं लेकिन दिक्कत यह है कि जब ना चले आहा जो खुन्नस छूटती है ना भगवान कसम विड्थ हाइट जितनी देना दे दो इस डिफ को विड्थ 90 पर की जगह मैंने दे दी है पुल और पडि वन की
टू की जितनी देनी है दे देना और टेक्स्ट सेंटल लाइन है मेरा विड्थ फुल या फिर चाहो तो स्क्रीन बराबर भी दे सकते हो ज्यादा बढ़िया हो जाएगा काम नाइस वेरी नाइस ठीक है वंच स्क्रीन बराबर देते हैं तो इस तरफ में क्यों भागने लग जाता है 93 पर ही सही लिखा हुआ था हां 95 पर कर दो तो ये यहां तक समझ आ गया आप लोगों को और उसके बाद मुझे क्या करना है यहां जाके अ लेट्स सपोज कि मैंने यहां पर जाके कंप्लीट राइड पे क्लिक करा तो यह पैनल ऊपर की तरफ आ
जाएगा यानी कि एक नया पैनल भी खोल सकते हैं अपन चाहे तो या फिर इस पैनल को भी बढ़ा सकते हैं या कंफर्म राइड पैनल टाइप कुछ पैनल टाइप बना सकते हैं जिससे कि वो ऊपर की तरफ आ जाए और फिनिश राइड करके हमें सिर्फ और सिर्फ अ दैट्ची से बस और कुछ भी नहीं तो कुछ ऐसा दिखाई देगा और हमें एड्रेस वगैरह का तो कोई सीन है नहीं ना तो यहां जाके फिनिश दैट स इट हम समझ गया समझ गया कंप्लीट राइट 4 किलोमीटर अवे कंप्लीट राइट दैट्ची राइट पर क्लिक करेगा तो मैं चाहता
हूं कि अ एक पैनल ओपन हो जाए जो कि है फिनिश राइड ड जए एक फिनिश राइड जए एक फिनिश की स्पेलिंग सही लिखी ना मैंने आर ए एफ सी कुछ ऐसा दिखाई दे रहा है और कैप्टन राइडिंग मैंने जैसे ही यहां पर जाके क्लिक करा मैंने जैसे यहां पर जाके क्लिक करा तो मेरा पैनल ऊपर की तरफ आ जाएगा और मैं कहीं भी क्लिक करूं मेरा पैनल ऊपर की तरफ आ जाएगा बस फिनिश राइड वाला पैनल और बनाना है हम लोगों को बाकी हमारा लगभग लगभग सारा काम हो ही चुका है यार बस फिनिश
राइड वाला पैनल बनाना है और ओटीपी के लिए हमें एक सेक्शन बनाना पड़ेगा जिससे कि हम ओटीपी वगैरह डाल पाए मैं थोड़ा सा और अगर इसको सिंपलीफाई करूं ना तो मैं सोच रहा हूं कम राइड पॉप अप जो है ना वो अपन जो ओटीपी वाला पार्ट है वो अपन यहीं पर बना लेते हैं मेरी मानो तो कैसे मतलब भैया क्या कहना चाह रहे हो बता रहा हूं रुको कैप्टन होम एक्सेप्ट करा हमने यहां पर जाके इसको जैसे हमने एक्सेप्ट करा यहां पर जाकर ओटीपी डालने का ऑप्शन वैसे ही दिख रहा है हमको और जैसे ही
हम ओटीपी डालेंगे हम कंफर्म कर सकते हैं राइड को ट्स इट समझ रहे मैं कहना क्या चाह रहा हूं तो इसीलिए हम लोगों को क्या करना है यहां पर जाके कंफर्म राइड के अंदर कंफर्म राइड के अंदर मैंने यहां पर जो दो बटंस बनाई है य जो दो बटंस को मैंने एक के बाद एक डाला है इन दोनों को ऐसा खुले में मत डालो एक डिव विफ के अंदर डालो कहीं तो थोड़ा अच्छा भी लगेगा कुछ इस तरी तरीके से और यहां जाके डेव को क्लास नेम दे देना एमटी 6 और यहां जाके मैंने एक
लेट्स सपोज फॉर्म टैग बना लिया जिसके अंदर मैंने कुछ नहीं लिखा है अभी फम अकेला बना हुआ है जिसके अंदर अभी है मेरे पास इनपुट और इनपुट जो है या फिर यार देखो फिर तो वो कंफर्म वाली बटन को भी फॉर्म के अंदर ही बनाना पड़ेगा हां यार सही कह रहे हो यार एक काम करते हैं पूछो क्या यहां जाके इस पूरे को ही हम इस पूरे को ही ना इस पूरे को ही मैं कट करके एक फॉर्म के अंदर बना लेता हूं एक्शन मेरे पास कुछ है नहीं एक्शन लेने के लिए और यहां जाके
मैंने फॉर्म के अंदर इसको बना लिया लिंक टैग है एक और एक है मेरे पास बटन जो कि इग्नोर करने के लिए फॉर्म के अंदर मैंने यहां जाकर कहा ऑन सबमिट मेरे पास घंटा कुछ नहीं है सबमिट करने के लिए तो मैंने य जाके बना दिया है सबमिट हैंडलर और सबमिट हडर के अंदर मैंने ई पास करा और यहां पर भी मैंने ई पास करा है और यहां पर जाके मैंने एक इनपुट टैग बना दिया जिसके अंदर मैंने यहां जाके कह दिया कि मेरे पास यहां पर जाके एक प्लेस होल्डर है जिसके अंदर लिखा है
एंटर ओटीपी दैट्ची था ना हमारा होम पेज पे जो मैंने होम पेज खोल के बताता हूं रुक जाओ बताता हूं मैं क्या ढूंढ रहा हूं होम पेज पे मैंने जो मेरे इनपुट्स बनाए थे यह रहे मेरे इनपुट्स मैं पूरा का पूरा इनपुट का सीएसएस जो है वह उठा के यहां पे सिंपली क्लिक और यहां ले जाके कर देता हूं पेस्ट जिससे कि मेरा एक इनपुट बन जाएगा तो यहां जाके एक्सेप्ट कर रहा हूं मैं यहां जाके मैं ओटीपी डाल सकता हूं और ओटीपी डालते से ही मेरा काम स्टार्ट हो जाएगा मुझे एक चीज और समझनी
पड़ेगी दोस्तों वह यह है यहां जाके यह जो डिव है इसको विड्थ कौन रोक रहा है फुल लेने से कोई नहीं रोक रहा था पता तो अभी चला ना लेकिन अपने को कोई नहीं रोक रहा और यहां जाके इसको सारी नहीं देनी इसको प एक्स दे दो लेट सपोज छ और पवा दे दो चार और एकस जो है या फिर फंट जो है मैंने दे दिया मोनो यहां पर यूजर फंट मोनो अप्लाई नहीं हुआ क्या फंट मोनो कु कुछ कह रहा हूं भाई मानो एक्सेप्ट ऑलराइट दोस्तों यहां पे ओटीपी डालने वाले ऑप्शन में हमें मोनो
फंट दिखाई देने लगा और अब हम यहां पे कंफर्म करके हमारी राइड को स्टार्ट या एंड कर सकते हैं मैं एमटी ट दे देता हूं इसको थोड़ा सा और अच्छा लगेगा यहां से हमारी राइड को स्टार्ट कर सकते हैं यहां जाके आप चाहे तो इसको कैंसिल भी कर सकते हैं रीलोड करा था हमने यहां पर हमारे पास जो पॉप अप आ रहे थे उसको हम देख सकते हैं कैसा दिखाई दे रहा है यहां जाके हम एक्सेप्ट कर सकते हैं हम यहां पर जाके कंफर्म कर सकते हैं कंप्लीट राइड वाले ऑप्शन प क्लिक करके बस मैं
यहां पर बस इस पूरे पैनल पर कहीं भी क्लिक करके बस कैप्टन राइडिंग करके ओपन करना चाहता हूं कैप्टन राइडिंग नहीं फिनिश राइड वाला पैनल ओपन करना चाहता हूं जिसमें मैं क्लिक करके अपनी राइड को फिनिश कर सकूं दैट्ची [संगीत] जैसा हम लोगों ने कैप्टन होम पर करा था वैसे ही कुछ सीन यहां पर भी चलेगा यहां जाके थोड़ा बहुत तो कुछ जी साहब का कोड भी लगेगा कैप्टन राइडिंग के अंदर जो कि मैं ऊपर साइड में लिख के रख ले रहा हूं अभी मैं कुछ यूज नहीं करने वाला बस मैं रख रहा हूं और
साथ में मैं यहां पर जाके कैप्टन होम के अंदर से मैं कुछ पैनल्स भी चाहिए मुझे पैनल्स का कोड चाहिए काइंड ऑफ कह सकते हैं मुझे और मैं उन पैनल्स के कोड को यहां से जाके कॉपी कर लेता हूं और यहां जाके कैप्टन राइडिंग के अंदर ले जाकर कर देता हूं पेस्ट नाइस अब यहां पर जाके कुछ चीजें जो हमें सुधारने है वो ये है कि हमें यहां पर जाके यूज स्टेट चाहिए सबसे पहले तो और यूज स्टेटस निपट चाहिए मैंने यहां जाके फिनिश राइड पैनल जिसको मैंने इनिशियली देक रखा है फल्स जब भी मैं
क्लिक करूंगा फिनिश राइड पैनल पर मुझे यहां पर साथ में चाहिए यूज रेफ स्निप इट और यूजर स्निप इट के अंदर मैंने यहां जाकर कह दिया मुझे इसका नाम रखना है फिनिश राइड पैनल रेफ पैनल रफ और इनिशियली मैंने नल दे दी है इसको भी वैल्यू यहां जाके मैंने इस चीज को करा कॉपी फिनिश राइड पैनल रेफ ड करंट फिनिश राइड पैनल रेफ करंट और नीचे भी यहां पर फिनिश राइड रेफ पैनल डॉट करंट साथ में मैं अभी इसके अंदर से कुछ भी पास नहीं करना चाहता हूं क्योंकि यह कुछ एजिस्ट ही नहीं करता तो
अभी कुछ भी पास नहीं करेंगे और राइड पॉप अप नहीं है उसका नाम उसका नाम है फिनिश राइड पॉप अप ठीक है और साथ में मैंने यहां जाके क्या कहा मैंने यहां जाके कहा कि मेरे पास यह जो फिनिश राइड करके बनाया मैंने यह रहेगा हर जगह तो यहां पर फिनिश राइड ये डिपेंड भी किस पर करता है फिनिश राइड पे करता है तो फिनिश राइड मेरा यहां पे चल जाएगा अच्छी तरीके से काम करने लगेगा मुझे यूज जी साप चाहिए तो यूज जी साप लिख देते हैं अपन फंक्शन को फंक्शन बना दिया अपन ने
दोस्तों पंकज बना दूं यूज जी साप एंड gs2 करने के बाद जी सप दैट इट ठीक है जी तो यहां पर हमने यह कर लिया उसके अलावा इनिशियली तो फाल्स है तो जब मैं क्लिक करूंगा किस चीज पे क्लिक करू तो ये ट्रू हो जाए या फिर चलने लगे तो मैं जब भी इस नीचे वाले पैनल में कहीं भी क्लिक करूंगा यानी कि इस पूरे के पूरे डिफ पे मैं चलाना चाहता हूं मैंने लिखा ऑन क्लिक जब भी मैं इस पूरे के पूरे डिम में कहीं भी क्लिक करने वाला हूं तो सेट कर देना फिनिश
ग्राइड पैनल को ट्रू दैट्ची है क्या एरर आ रहा है कह रहा है कि यूज स्टेट इज नॉट डिफाइंड बड़े भाई यूज स्टेट नॉट डिफाइन ये तो कहो ही मत आप यूज स्टेट तो सबसे पहले डिफाइन किया था हमने नहीं किया क्या चलने लगेगा अब चल जाएगा कह रहा है यूज स्टेट इ नॉट डिफाइंड कैप्टन राइडिंग के अंदर अरे सब तो कर दिया क्लिक करा तो यहां से पैनल आ गया चलो बढ़िया अब यहां पर जो पैनल आया है फिनिश राइड वाला पैनल उसको उसके अंदर क्या रहना चाहिए क्या लिखा हुआ होना चाहिए तो यहां
जाके कंफर्म राइड का पैनल जो था ना उसके अंदर जो लिखा हुआ था ना आपने कॉपी कर लो और कैप्टन राइडिंग फिनिश राइड और यहां ले जाकर कर दो पेस्ट सिंपल और यहां जाके यहां जाके अगर मैं देखूं ध्यान से यह कुछ ऐसा दिखाई देने लगेगा जिसमें मुझे मैंने गलती से कैप्टन होम की को कॉपी पेस्ट कर दिया क्या [संगीत] देखें एक बार क्या है फिनिश राइड लिंक इज नॉट डिफाइंड एट फिनिश राइड लिंक कैप्टन राइड पॉप अप जो था ना उसके अंदर जो ऊपर वाली चीजें थी वही फिनिश राइड के अंदर भी रख दो
जो भी चीजें चाहिए थी जरूरी हमारे पास हमारे अब पास अवेलेबल है तो बस अब अगर हम देखेंगे तो कहीं भी क्लिक करा ये कुछ ऐसा दिखाई देने लगेगा वेरी नाइस यार लाइक इट्स लुकिंग गुड इट्स लुकिंग गुड अब मुझे यहां से कुछ चीजें हटानी है जो कि है सबसे पहले तो भाई राइड को एंड तो कर ही नहीं सकते अब तो खत्म हो गई राइड और मैं यहां पर जाके मैं यहां पर जाके मेरे पास जोय लिंक टैग था इसके अंदर मैं लिख देता हूं कंप्लीट राइड और कंप्लीट में एक ई भी आता है
शायद मेरे हिसाब से कंप्लीट नहीं य नहीं आता कंप्लीट की स्पेलिंग क्या होती है कंप्लीट की स्पेलिंग यही होती है शायद और एक इनपुट भी आता है तो मेरे हिसाब से उसकी भी जरूरत नहीं है और इस फॉर्म की भी जरूरत नहीं है ठीक है और कंफर्म राइट पॉप अप के अंदर ये जो हमने सबमिट हैंडलर बनाया था ना दोस्तों यहां जाके अपन ने सबमिट हैंडलर बनाना ही भूल गए अपन यहां पर अपन ने जो यह फॉर्म बनाया सबमिट करने के लिए यहां जाके आपको चाहिए भी तो तो यहां जाके आपने क्या कहा कि आपने
एक फंक्शन बनाया कंस्ट सबमिट हैंडलर इ इक्वल टू समथिंग लाइक दिस यू हैव टू पुट ई देयर एंड यू हैव टू यूज इट हेयर एस प्रिवेंट डिफॉल्ट डॉट प्रिवेंट डिफॉल्ट ट्स इट चलिए ठीक है तो यहां तक सब कुछ क्लियर चल रहा है ड प्रवें डिफॉल्ट यहां पर हमारे पास में लग चुका है और आप चाहे तो इस इनपुट के लिए यू कैन यूज यूज स्टेट करना ही पड़ेगा माफ कर दो टू बाइंडिंग के बिना काम नहीं चलता यूज स्टेट इसने और ओटीपी और मैंने यहां जाके इनिशियली देके रखा है इसके अंदर कुछ भी नहीं
और यहां जाके मैं जब इनपुट में टाइप करता हूं तो ऑन चेंज मैं यहां जाके सेट कर रहा हूं ओटीपी प डॉट टारगेट डॉट वैल्यू और यहां जाके मैंने चेक कि किया e को और यहां जाके मैंने वैल्यू को सेट कर दिया पता है क्या ओटीपी ट्स इट हो गया हमारा काम हो गया ठीक है और यहां जाते हैं हम कैप्टन राइडिंग पे तो कैप्टन राइडिंग प हमने ओटीपी वाला सेक्शन हटा ही दिया पूरा देखें एक बार चलके यहां जाके फिनिश राइड प जाके देख सकते हैं हम लोग हमने यहां प सारा सेक्शन ई दिया
कंफर्म राइड कंफर्म दिस राइड कैप्टन राइडिंग प है तो कंफर्म की जगह मुझे यहां पर जाकर लिखना पड़ेगा फिनिश दिस राइड फिनिश दिस राइड र श पटेलिया कैश कंप्लीट राइट और यहां पर जैसे ही मैं कंप्लीट राइट प क्लिक करूंगा तो ट्स इट मेक अ पेमेंट वगैरह कुछ करके आ जाएगा ठीक है ठीक है अभी हम इस पर क्लिक कर रहे हैं तो वैसे तो कुछ नहीं हो रहा क्योंकि हमने प्रॉप्स के अंदर से कुछ पास नहीं करा यहां जाके मैं प्रॉप्स के अंदर से पास करने वाला हूं वैसे तो क्या तो यहां जाके मैं
देखता हूं यहां पर मुझे क्या-क्या दे रके बनाया है मैंने तो मैंने यहां जाके सेट फिनिश राइड पैनल बनाया है तो मैंने यहां जाके सेट फिनिश राइड पैनल इज इ इक्वल टू सेट फिनिश राइड पैनल एंड फिनिश राइड के अंदर यहां जाके प्रॉप्स को मैंने रिसीव करा था ना तो प्रॉप्स को रिसीव करते टाइम मैंने यहां पर जाके लिखना चाहिए था सेट फिनिश राइड पैनल फॉल्स तो अगर हम ध्यान से देखेंगे तो मैं इसको क्लिक करके हटा सकता हूं रीलोड करने के बाद कंप्लीट राइड और यहां पे कंप्लीट दिस राइड करके आप इसको चेंज भी
कर सकते हैं यहां जाके मैं इसका फंट साइज थोड़ा सा बढ़ाना चाहता हूं वैसे तो मैं ऑलरेडी काफी ज्यादा कर चुका हूं लेकिन मैं टेक्सस का लार्ज कर देता हूं तो आप देखेंगे तो यह थोड़ा सा बड़ा दिखाई देने लगा होगा क्लिक करा मैंने कंप्लीट राइट दिखाई दे रहा है हमको नाइस नाइस थोड़ा सा अब मुझे यूआई के अंदर चेंजेज करने की जरूरत है उसके लिए मुझे बस दो मिनट दो ठीक है बस दो मिनट यार भाइयों मैं क्या सोच रहा हूं ना एक छोटा सा काम और कर लेते हैं पूछो क्या यह मैंने यूआई
कुछ ऐसी बना ली है कैप्टन से लेके तो कैप्टन जब यहां पर आएगा कैप्टन जब लॉग इन करेगा वहां से लेके तो शुरू रुद से देखते हैं अच्छे से यहां पर जाके s @ s.com 122 3 4 5 6 7 8 लॉग इन कर लिया मैंने अभी डायरेक्ट आ रहा है बाद में डायरेक्ट नहीं आएगा ठीक है एक बार रीलोड करके देखते हैं ऐसा क्यों आ रहा है हां मैंने कुछ ऐसा कर दिया इसको और मैंने यहां जाके कहा एक्सेप्ट तो जब एक्सेप्ट करेंगे तो कुछ इस तरीके का दिखाई देने वाला है थोड़ा सा आप
क्या बोलते हैं थोड़ा सा फ्ट्स वगैरह को ठीक कर लू मैं कंफर्म राइट वाले को तो मैं यहां जाके कंफर्म राइड के थोड़े से फॉट्स ठीक कर लेता हूं जैसे कि मैंने यहां जाके ये जो नीचे लिंक बनाया है मैं इसका टेक्स्ट टेक्स्ट कर देता हूं एलजी और इस वाले का भी कर देता हूं टेक्स्ट एलजी ठीक है तो यहां पर जैसे भी मैं कैंसिल दबा आंगा तो कैंसिल हो जाएगा लेकिन अगर मैंने रीलोड करा और यहां जाके मैंने एक्सेप्ट कर लिया तो ये कुछ ऐसा दिखाई देने लगेगा ओटीपी वगैरह डाल के मेरा ओटीपी है
मान लेते हैं कुछ इस तरीके से ओटीपी वगैरह डाल के अपन यहां जाके इसको कंफर्म कर सकते हैं ठीक है और जैसे ही कंफर्म करेंगे राइड स्टार्ट हो जाएगी कुछ ऐसा दिखाई देने लगेगा अब यहां पर आप क्लिक करके अपनी राइट को फिनिश कर सकते हैं ठीक है फिनिश कर सकते हैं और साथ में मैं इसके आगे एक चीज और कर देता हूं मैं फिनिश राइड वाला जो पैनल चल रहा है उसके अंदर मैंने यहां पर जाके कंप्लीट राइड की जगह फिनिश करके लिख दिया टेक्स्ट और फिनिश के जस्ट नीचे फिनिश के जस्ट नीचे फिनिश
के जस्ट नीचे मैंने यहां पर जाकर लिख दिया छोटे-छोटे अक्षरों में जैसा लिखा रहता है कि पैराग्राफ के अंदर क्लिक ऑन फिनिश राइड इफ यू हैव कंप्लीटेड द पेमेंट कंप्लीट राइट के फिनिश राइट क्लिक ऑन फिनिश ब बटन क्लिक ऑन फिनिश ला राइड बटन इफ यू हैव कंप्लीटेड द पेमेंट फस्ट रेड 500 और ये एक वार्निंग की तरह दे रहे है बा दवे अपन और मैंने कहा एमटी स और साथ में मैंने यहां जाकर कहा कि य जो टेक्स्ट है काफी स्मॉल है और छोटा सा लिखा हुआ है कैप्टन राइडिंग वाले पेज प क्लिक करेंगे
क्लिक ऑन फिनिश राइडिंग बटन इफ यू हैव कंप्लीटेड द राइड ठीक है इसको अपन बाद में जाकर चेंज भी कर सकते हैं मैं इसका टेक्स्ट चलो रन देते हैं फालतू में का केली इसकी ऐसी तैसी करें मैं इसको एसम की जगह एक्स्ट्रा स्मॉल कर देता हूं और साथ में मैं एमटी इसको दे देता हूं 10 और देखें अगर चलके तो अगर बेचारा हमारा कैप्टन यहां पर जाके फिनिश कर सकता है राइड को और क्या आपको लगता है यहां पर अपने को एक चेक बॉक्स देना चाहिए पेमेंट मेड करके या कुछ ऐसा मतलब कुछ ऐसा होता
होगा क्या आई डोंट नो व्हाई बट आप लोग समझ गए लॉजिक क्या है ना यहां पे तो मेरे हिसाब से तो यहां तक इतना बन गया इतना समझ में भी आ गया होगा आप लोगों को और मैं इसको एमटी थोड़ा सा और दे देता हूं 10 दे देता हूं थोड़ा सा और अच्छा लगेगा फिनिश दिस राइड क्लिक करा मैंने फिनिश दिस राइड का पैनल दिखाई देने लगा मैं इसको भी थोड़ा सा ठीक कर देता हूं मैं इसको कह देता हूं बॉर्डर और साथ में मैंने कहा कि बॉर्डर टू दे दिया जो पडि दी थी वो
चार कर दी मैंने थोड़ी सी तो ठीक है दैट्ची है और जैसे ही मैं फिनिश राइड प क्लिक करूंगा मैं रीडायरेक्ट हो जाऊंगा लेट्स सपोज कैप्टन होम पे तो अगर मैं यहां पर जाके इस पे क्लिक करता हूं फिनिश राइट तो मैं कैप्टन के होम पेज पे आ जाऊंगा दैट्ची रहेगी तो मेरे हिसाब से तो यहां तक ठीक है यार चीजें और अगर कुछ रहेगा तो फिर मिलेंगे वीडियो में आगे ठीक है चलो अब बैक एंड की तरफ मूव करो और बैक एंड का काम चालू कर दो चलो लेट्स गो तो यार अब ना हमें
Google.com पे इस पर्टिकुलर वेबसाइट पे आप आओगे अगर अकाउंट नहीं होगा वैसे तो जो भी आपका googlethalli.com देता हूं u वीडियो एंटर तो देखो यह अभी ना ओपन नहीं हुआ है अभी भी जो आपका प्रोजेक्ट है वो क्रिएट हो रहा है थोड़ा वेट करना आपका प्रोजेक्ट क्रिएट हो जाएगा और यह क्रिएट हो चुका है तो अब इसको क्या करना रहेगा इसको आपको करना रहेगा सिलेक्ट सिलेक्ट करो सिलेक्ट करने के बाद यह देखो ओ वीडियो सिलेक्ट हो चुका है सिलेक्ट होने के बाद आप वापस चलो सर्विसेस इस पे आप आओ एंड ओके हमें यहां पे नहीं
इधर पे काम नहीं है या लाइब्रेरी पे हां हमें लाइब्रेरी पे काम है यह जो पर्टिकुलर वाला पार्ट है इधर पे आपको क्लिक करना है आप सर्च क्या करोगे मैप्स जावास्क्रिप्ट जावा स्क्रिप्ट मैप्स जावास्क्रिप्ट या यहां पे देखो एक तो यहां पे आ जाएगा कि मैप्स जावास्क्रिप्ट जैसे आप इसको सर्च करोगे तो सीधा आपको मैप जावास्क्रिप्ट एपीआई मिल जाएगी या तो फिर आपको सीधा होम स्क्रीन पे भी से चीज मिल रही होगी इसको क्लिक करना क्लिक करने के बाद इधर पे एक बटन आ रही होगी दैट इज इनेबल अच्छा यह जो मैप्स की एपीआई होती
है ना तो इनके लिए एक बहुत इंपॉर्टेंट चीज जो आपको चाहिए रहती है वो होता है एक बिलिंग अकाउंट तो बिलिंग अकाउंट ट्रस्ट करना कि अगर आप बिलिंग अकाउंट क्रिएट करते हो तो एक वन टाइम पेमेंट आपसे मांगेगा वो आप दे सकते हो उसको और जैसे आप अकाउंट को क्लोज करोगे तो वो आपको रिफंड हो जाती है लेकिन जितना इस वीडियो में कवर किया है अगर आप सिर्फ उतना पढ़ोगे और लिमिट में चीजें यूज करोगे तो आपका 0 खर्च होने वाले हैं वरना आप अगर उसके अलावा कुछ खर्च करते हो तो व आपके ऊपर डिपेंड
करता है लेकिन जितना इस वीडियो में बताया गया है उतना ही अगर आप करते हो तो आपके 0 लगेंगे वो प्लस 90 डेज का एक फ्री ट्रायल होता है जिसमें आपको सम वेयर अराउंड $200 मिल जाते हैं तो इतना इनफ है इस वीडियो के लिए और आई थिंक इस वीडियो से तो दुगना तिगुना इतना चल जाएगा वो इतना है उसमें इस एपीआई की को आप कॉपी करोगे बाय द वे इसको कॉपी करने का कोई फायदा नहीं है वीडियो के बाद जैसे वीडियो जाएगी इसको हटा दूंगा मैं तो इसको कॉपी करना कॉपी करने के बाद गो
टू एंड इसको आप मे भी लेटर कर सकते हो लेकिन जब हम प्रोडक्शन पर जाते हैं तो इसको जरूर करते हैं इस पर्टिकुलर चीज को जरूर करते हैं हम वेबसाइट्स भी डालते हैं और आईपी एड्रेस भी डालते हैं लेकिन अभी डेवलपमेंट में मैं चल रहा हूं तो मे भी लेटर मैं इसको बोल सकता हूं तो जो आपने की कॉपी की है ना उसको आप करो बैक एंड यह बैक एंड फोल्डर है इसके अंदर नवी फाइल जो इधर प आके आप कर दो googleapis.com जो आपने की निकाली होगी उसको आप यहां पर पेस्ट कर दोगे पेस्ट
करोगे पेस्ट करने के बाद वापस आओ कहां पर जो भी आपका प्लेटफॉर्म आपने यूज किया था ब्राउजर इधर पे आने के बाद इनेबल्स एपीआई पे क्लिक करना अब जैसे आप इस इनेबल्स एपीआई पे क्लिक करोगे ना तो जितनी भी एपीआई googleapis.com जैसे कि हमें चाहिए कि भाई दो दो पॉइंट के बीच में हमें डिस्टेंस पता चल जाए दो लोकेशन के बीच में डिस्टेंस हमें पता चल जाए कि भाई कितना टाइम लगने वाला है कितनी डिस्टेंस है तो वो चीज हमें एक चाहिए उसके बाद उसके बाद हमें लाइक एक चीज और चाहिए दैट इज सजेशन तो
वो सारी एपीआई हमें अलग-अलग जाके इनेबल करनी पड़ती लेकिन इस बटन के क्लिक पे वो सब एक ही बार में इनेबल हो जाती हैं हां वो सब एक-एक करके हमें इनेबल करनी पड़ती लेकिन इस बटन के क्लिक पे सभी की बार में हो चुका है अब बस इधर तक हमारा इतना ही काम था अब आप क्या करो ना रिएक्ट वाले पेज को आई थिंक मैं क्लोज कर सकता हूं लेकिन अभी के लिए जो हमें काम है दैट इज आप आओ सर्विसेस के अंदर और सर्विसेस के अंदर आपको यहां पर कुछ फंक्शंस क्रिएट करने और फंक्शन
से पहले एक आपको फाइल क्रिएट करनी रहेगी दैट इज मैप्स डॉट सर्विस ड जए और m.s. जए के लिए आपको यहां पे क्या चाहिए रहेगा एक फंक्शन आपको क्रिएट करना है आपको एक फंक्शन क्रिएट करना है मॉड्यूल डॉट एक्सपोर्ट्स एक्सपोर्ट्स के बाद यहां पर आप बोलोगे अ गेट लोकेशन या एड्रेस कोऑर्डिनेट देखो हम यहां पे क्या करना चाहते हैं कि मुझे यहां पे दो एक पर्टिकुलर राउट्स बनाने हैं दो राउट्स कौन-कौन से बनाने हैं पहला राउट हमारा रहेगा जहां पर हम एड्रेस को भेजेंगे और एड्रेस के रिटर्न में हमें उस पर्टिकुलर एड्रेस का लटटू एंड
लोंगिट्यूड मिल जाएगा एक राउट हमारा ये रहेगा और दूसरा राउट हमारा रहने वाला है जहां पर हम दो लोकेशन या एड्रेस भेज रहे होंगे और उन दोनों लोकेशन के बीच में उन दोनों लोकेशन के बीच में ट्रेवल करने में कितनी डिस्टेंस कवर होगी और डिस्टेंस कवर होने में कितना टाइम लगेगा यह पूरी डिटेल हमें दूसरे राउट से मिल जाएगी तो ये दोनों राउट मुझे क्रिएट करने और इन दोनों राउट के लिए मुझे कुछ सर्विस फंक्शन यहां पे क्रिएट करना चाहता हूं दैट इज गेट एड्रेस कोऑर्डिनेट ये जो फंक्शन है आपका एक पैरामीटर आपसे एक्सेप्ट करेगा
जो रहेगा एड्रेस और इधर पर यह फंक्शन आप बना सकते हो या बनवा सकते हो बनवा किससे सकते हो यह बैठे अपने भाई साहब कोपायलट इनसे बनवा सकते हो अगर आप चाहो तो जीपीटी का भी यूज कर सकते हो सिमिलर यहां पर मैं जीपीटी 4o का ही यूज कर रहा हूं आप भी तो जीपीटी 4 का यूज कर सकते हो मेरे पास थोड़ा सा पेड वर्जन है तो मैं उसका यूज करूंगा यहां पर बोल रहा हूं हां हम एक्सस का यूज करेंगे क्योंकि वो एक यूआरएल को हिट करेगा और उससे वो डाटा मंगाए एंटर करते
हैं एंटर करने के बाद अ ये थोड़ा सा फंक्शन क्रिएट करने में टाइम लेगा एस इसने रिक्वायर कर लिया है यहां पे इसको कर रहे हैं अपन एक्सेप्ट एक्सेप्ट करने के बाद ठीक है एंड googlegroups.com एंड एड्रेस के बाद यह सारी चीजें आ रही है की बढ़िया रिटर्न रिटर्न कहां हो रहा है रिटर्न य हो रहा है एलटीडी एंड एल एनजी बढ़िया तो इसको एक बार मैं चेक करना चाहता हूं चेक करने के लिए मुझे पता है क्या करना पड़ेगा पड जस में अभी के लिए ज इसको चेक कर रहा हूं कि य फंक्शन चल
रहा है या नहीं तो य हम एक काम कर सकते हैं यहां पर मैं एक राउट क्रिएट कर रहा हूं राउट्स मैप्स डॉट राउट्स डॉट जए यहां पर राउट्स की स्पेलिंग गलत है राउट्स कंस्ट एक्सप्रेस इक्वल्स टू रिक्वायर एक्सप्रेस को रिक्वायर करेंगे एक राउटर हम क्रिएट करेंगे एंड राउटर को मॉड्यूल डॉट एक्सपोर्ट राउटर और एक राउट हमें यहां पर क्रिएट करना रहेगा कंस्ट या कंस्ट की जगह राउट डॉट गेट स्ल गेट कोऑर्डिनेट गेट कोऑर्डिनेट्स और यहां पर मुझे चाहिए रहेगा कंट्रोलर अच्छा यह जो कंट्रोलर यह पर्टिकुलर जो राउट है ना भाई देखो यह अब एक
ईपीआई यूज कर रहा है और अगर आपको पता ना हो तो जब आप इसको प्रोडक्शन पर लेकर जाओगे तो आपको पैसे देने पड़ते हैं र के लिए चलाना चाहेंगे तो उसके लिए हम क्या करेंगे यहां पर एक लाएंगे मिडिल वेयर और ऑथ यूजर के लिए हम लगाने वाले हैं तो यहां पे कंस्ट गेट कोऑर्डिनेट्स ठीक है इसने एक कंट्रोलर बनाया है कंट्रोलर हमें चाहिए रहेगा लेकिन उससे पहले मुझे यहां पे एक चीज और चाहिए रहेगी दैट इज ऑथ कंट्रोलर ऑथ मिडिल वेयर या हम यहां पे बोल सकते हैं आई थिंक कैप्टन कंट्रोलर पे हमने ऑलरेडी
सिमिलर कुछ एक्सपोर्ट करके रखा है ऑथ मिडल वेयर इस लाइन को पूरा कॉपी कर सकते हैं हम पेस्ट पेस्ट करने के बाद इधर पर आते हैं ऑथ मिडल वेर डट ऑथ यूजर एंड गेट कोऑर्डिनेट्स एंड यहां पर मैं इसको रिनेम करना चाहूंगा विद मैप कंट्रोलर मैप कंट्रोलर यह अपनी फाइल है जो अभी क्रिएट नहीं की है तो इसको हम क्रिएट कर देते हैं कंट्रोलर्स फोल्डर के अंदर न्यू फाइल मैप डॉट कंट्रोलर ड जए सेव करें सेव करने के बाद अब इस पर्टिकुलर के अंदर हमें जस्ट एक फंक्शन एक्सपोर्ट करना है सबसे पहले तो अच्छा हमें
एक चीज रिक्वायर भी करनी है कंस्ट मैप्स सर्विस सर्विस फाइल को रिक्वायर करेंगे ओके तो सर्विस फाइल यहां पर सर्विसेस फोल्डर के अंदर मैप डॉट सर्विस ओके यहां पर मैप्स डट सर्विस नाम है इस फाइल का ठीक है अब यह रिक्वायर हो चुकी है रिक्वायर करने के बाद एक कंट्रोलर में क्रिएट कर रहा हूं मॉड्यूल ड एक्सपोर्ट गेट कोऑर्डिनेट्स एंड गेट कोऑर्डिनेट्स के बाद कंस्ट एड्रेस जो आपको जो कि आपको रिक्वेस्ट डॉ क्वेरी में मिल जाएगा हम सीधा यह जो आपका मैप सर्विस के अंदर इस पर्टिकुलर में गेट एड्रेस कोऑर्डिनेट फंक्शन को कॉल करेंगे और
उससे हमें क्या मिल जाएंगे कोऑर्डिनेट्स मिल जाएंगे अगर कुछ एरर आता है तो इंटरनल सर्वर एरर हम दे सकते हैं या यहां पे अ इसको मैं अपडेट करके बोल देता हूं कोऑर्डिनेट नॉट फाउंड 404 सेव किया सेव करने के बाद ठीक तो अभी तक ये सारी चीजें ठीक चल रही हैं अब मुझे ना ये जो पर्टिकुलर चीज है यहां पर जो आपके राउट्स हैं यहां प मुझे एक वैलिडेशन लगाना है तो मैं यहां पे कंस्ट चेक या हम यहां पे रिक्वेस्ट ड क्वेरी को भी एक्सेप्ट कर सकते हैं बट आई थिंक हमें करना चाहिए रिक्वेस्ट
ड क्वेरी मिडिल वेयर से पहले क्वेरी एड्रेस मीन लेंथ तीन उसकी होगी तभी वो एक्सेप्ट करेगी वरना वो एरर पास कर सकती है आपको और साथ ही साथ ये जो आपका कंट्रोलर है इस कंट्रोलर में हमें वैलिडेशन रिजल्ट चाहिए रहेगा वैलिडेशन रिजल्ट एरर्स इफ एरर फोर बढ़िया तो ये अपना काम कंप्लीट हो चुका है एंड अगर बैक एंड पे हम आते हैं तो सर्वर अपना प्रॉपर चल रहा है अभी तक सर्वर अपना प्रॉपर चल रहा है अब इस पर्टिकुलर राउट को एक बार चेक करना है अच्छा एक चीज और एक चीज और कि एड जए
में इस पर्टिकुलर राउट को आपको कंफिट करना रहेगा मतलब कि यूज करना है जस्ट तो कंस्ट मैप्स राउट्स रिक्वायर मैप्स राउट एंड यहां पर आके इसको कर देंगे हम यूज ठीक है तो अब अपन आते हैं पोस्टमैन पे कहां है अपना पोस्टमैन ओके तो जस्ट एक सेकंड रुको तो ये रहा अपना पोस्टमन और इसमें हमें क्या करना है एक नई कलेक्शन क्रिएट कर रहा हूं मैं इसको थोड़ा आई थिंक बड़ा कर सकते हैं हम और यहां पर एक नई कलेक्शन मैं क्रिएट कर रहा हूं कलेक्शन का नाम मैं रख रहा हूं मैप्स न्यू कलेक्शन इसको
आई थिंक हम रिनेम कर सकते हैं रिनेम मैप एंटर और इसके अंदर मैं यहां पर एक नया राउट क्रिएट करना चाहता हूं दैट इज एचटीटीपी गेट टाइप की रिक्वेस्ट रहेगी यूआरएल हमें जो चाहिए दैट इज बेस यूआरएल बेस यूआरएल के बाद हमें यहां पे चाहिए रहेगा मैप्स स्लैश हमारा राउट क्या था जो आई थिंक अपना राउट था राउट्स गेट कोऑर्डिनेट्स सेव करेंगे एंड सेव करने के बाद यहां पर पेस्ट कर देंगे पेस्ट किया पेस्ट करने के बाद अब देखो यह पैरेंट्स में कुछ चीज आपसे एक्सेप्ट करता है क्या एड्रेस एड्रेस यहां पर आते हैं पेस्ट
करेंगे पेस्ट करने के बाद यहां पर जो मैं एड्रेस डाल रहा हूं दैट इज शेरियन कोडिंग स्कूल इंद्रपुरी एंड इसको करते हैं हम सेंड तो देखते हैं ये चल रहा है कि नहीं ओके तो इसने कनेक्शन रिफ्यूज बोल दिया है बट वई तो यहां पर एक एरर आया और आई थिंक मुझे पता है य एरर क्यों आया क्योंकि हमने एक्सजीएस इंस्टॉल नहीं किया है ओके रिक्वायर मैप्स कंट्रोलर इसको नहीं मिला है राउट्स फोल्डर के अंदर मैप्स राउट में यह जो कंट्रोलर है यह इसको नहीं मिला ओके देखते हैं लेकिन हमने कंट्रोलर क्रिएट किया था यहां
पर एस नहीं आएगा बस बाकी काम हो चुका है अपना और एक चीज अब एयस और इंस्टॉल कर लेते हैं हम एन पी एम आई एयस एंटर क्लियर एंड क्लियर करने के बाद यहां पर एनपी एकस नो डेमन एंटर तो अब यहां पर एक और एरर आ रही है दैट इज गेट कोऑर्डिनेट इज नॉट डिफाइन तो ये कहां पर एर आ रही है मैप्स ट्स के अंदर लाइन नंबर नाइन पे नहीं नाइन प नहीं है मैप्स डट राउट्स लाइन नंबर नाइन गेट कोऑर्डिनेट तो यहां पर जो आएगा वह आएगा मैप कंट्रोलर डॉट गेट कोऑर्डिनेट्स अब
प्रॉपर चल रहा है इसको आप सेंड करते हैं एक बार तो अनऑथराइज्ड एरर आ रहा है और अनऑथराइज्ड एरर इस वजह से आ रहा है क्योंकि हमने यहां पर एक टोकन प्रोवाइड नहीं किया है तो टोकन यूजर एंड आई थिंक हमने कोई भी यूजर क्रिएट ही नहीं किया था मतलब कि जो भी यूजर थे हमने डिलीट कर दिए थे सब तो यहां पर एक यूजर मैं क्रिएट कर रहा हूं यूजर ऑलरेडी एजिस्ट एक मैसेज हमें मिल रहा है ओके तो मैं उसका जो ईमेल है क्योंकि सिर्फ ईमेल के बेसिस प आई थिंक हम टेस्ट कर
रहे थे तो टेस्ट टू सेंड करते हैं मुझे यहां पर बस टोकन चाहिए अभी के लिए तो टोकन इसको करेंगे कॉपी करने के बाद मैप के अंदर ओके अभी हमने इसको सेव नहीं किया है कहां गया र ठीक यहां पर आने के बाद यह जो आपका हेडर है इसके अंदर मुझे चाहिए ऑथराइजेशन बेरर स्पेस टोकन एंड सेंट ठीक है तो हमें यहां पर लटटू एंड लोंगिट्यूड मिल चुके हैं हमारे शेरिस कोडिंग स्कूल के तो अभी तक तो हमने सिर्फ एक राउट क्रिएट किया है सिमिलर हमें एक और राउट क्रिएट करना है जहां पर हम दो
एड्रेस दे रहे होंगे और उन दोनों के बीच में कितनी डिस्टेंस है और कितना टाइम लगेगा उस पर्टिकुलर डिस्टेंस को कवर करने के लिए वो हमें पता चल जाना चाहिए तो चलो अब वो वाला राउट क्रिएट करते हैं तोब हमें एक राउट और क्रिएट करना है जहां पर हम दो एड्रेस दे रहे होंगे और ग मैप्स हमें क्या करेगा डिस्टेंस एंड टाइम रिटर्न कर देगा तो वो राउट हम क्रिएट करते हैं राउटर डट गेट रड गेट स्ल गेट डिस्टेंस डिस्टेंस टाइम ये अपना एक राउट होगा इस राउट में आपको दो चीजें देना मैंडेटरी होगा तो
इधर पे हम आते हैं क्वेरी के अंदर क्वेरी ओरिजिन एंड डेस्टिनेशन दोनों को हम चेक करेंगे मिडिल वेयर एक लगा देंगे कि भाई कि सिर्फ ऑथ यूजर जो अपना ऑथेंटिकेटेड यूजर है सिर्फ उसको य चीजें पता चले गेट डिस्टेंस गेट डिस्टेंस के बाद यह जो पर्टिकुलर आपने कंट्रोलर क्रिएट किया है मतलब क्रिएट नहीं किया है इसको हमें क्रिएट करना है तो इसको कॉपी कर रहा मैप कंट्रोलर पर चलते हैं मैप कंट्रोलर पर चलने के बाद यहां पे हम बोलेंगे मॉड्यूल डॉट एक्सपोर्ट्स डॉट गेट डिस्टेंस टाइम इक्वल्स टू अस सिंक रिक्वेस्ट एंड नेक्स्ट अब देखो यहां
पे मैं इसकी और एक सर्विस फंक्शन बनाना चाहूंगा फॉर दिस परपस ओनली तो यहां पर आते हैं एक फंक्शन मैं क्रिएट करता हूं मॉड्यूल डॉट एक्सपोर्ट गेट डिस्टेंस टाइम जहां पे हमें ओरिजिन एंड डिस्टेंस मिलेगा पहले यहां पे मैं चेक करूंगा कि इफ नॉट ओरिजिन या डिस्टेंस अगर दोनों में से हमें कुछ भी कोई भी एक नहीं मिलता है तो सीधा आप यहां पे एक एरर थ्रो कर दोगे ओरिजिन एंड डेस्टिनेशन इज नॉट रिक्वायर्ड अ सॉरी इज आर रिक्वायर्ड सेव करेंगे सेव करने के बाद अब हम फाइनली यहां पे एपीआई की लेकर आएंगे और एपीआई
की लेने के बाद यहां पे हम एएस कॉल करेंगे तो जो कि आई थिंक अपना कॉन यूआरएल कंस्ट यूआरएल के बाद हमें यहां पर चाहिए रहेगा ट्राई एंड कैच के अंदर एरर एरर को अपन यहां पर हैंडल कर सकते हैं कसोल डलॉग एरर एंड थ्रो एरर एंड साथ ही साथ कॉन रिस्पांस अब जो भी रिस्पांस हमें मिलेगा उसमें देखो जो आपका डाटा आता है मतलब कि ये पर्टिकुलर डिस्टेंस मैट्रिक्स में इसी फॉर्मेट में डटा आता है अगर इस फॉर्मेट में डटा नहीं आया तो इधर प हम बोलते हैं कि इफ रो रिजल्ट नो डाउट्स फाउंड
सिंपल एंड इसको अपन यहां पर कर सकते हैं क्लोज इस तरीके से कुछ तो अगर इस फॉर में डाटा नहीं मिलता है तो इसका यह मतलब कि भाई आपको राउट नहीं फाइंड हुआ है उन दोनों पर्टिकुलर लोकेशन के बीच में तो आप डिस्टेंस एंड टाइम कितना लगने वाला है वह आप नहीं निकाल सकते सेव करेंगे सेव करने के बाद ऑलरेडी हमने इसको एक्सपोर्ट कर चुके हैं तो इस पर्टिकुलर सर्विस फंक्शन को हम यूज करेंगे कंट्रोलर फंक्शन के अंदर विथ ट्राई एंड कैच एरर वैलिडेशन ओरिजिन डेस्टिनेशन दोनों को डिस्टेंस एंड टाइम हमें पता चल जाएगा विद
सर्विस फंक्शन एंड सर्विस फंक्शन के बाद जो भी डिस्टेंस एंड टाइम हमें पता चलेगा उसको जेसन फॉर्मेट में हम भेज देंगे हमारे फ्रंट एंड सेव करते हैं राउट हमने क्या क्रिएट किया था राउट आई थिंक हमने क्रिएट किया था गेट डिस्टेंस एंड टाइम ठीक है तो पोस्टमैन प आते हैं पोस्टमन प आने के बाद इसको मैं कर रहा हूं डुप्लीकेट डुप्लीकेट इसको फिर मैं करूंगा रिनेम गेट डिस्टेंस टाइम एंटर और यह जो कोऑर्डिनेट अब आप यूज करोगे इसकी जगह आप बोलोगे गेट डिस्टेंस टाइम एंड यहां पे ड एड्रेस की जगह अब आपको जो भेजना रहेगा
दैट इज ओरिजिन कि भाई कहां से आपको स्टार्ट करनी है आपकी जर्नी एक रहेगा आपका ओरिजिन और ओरिजिन अपन मान रहे हैं शेरिस कोडिंग स्कूल ही है एंड डेस्टिनेशन जो आपका रहेगा यह रहेगा आपका कॉल कता ठीक है अब एक बार ट्राई करते हैं कि क्या यह काम कर रहा है या नहीं कर रहा है सेंड सेंड करने के बाद यह प्रॉपर तरीके से काम कर रहा है और अगर आप देखोगे तो यहां पर यह सीधा बोल रहा है कि भाई डिस्टेंस जो है वो वन लाइक 1421 किमी से वैल्यू कुछ इसकी इतनी आ रही
है आई थिंक ये मीटर या कुछ में और वैल्यू में है एंड जो इसमें ड्यूरेशन लगने वाली है आपके लगेगी 1 दिन 3 घंटे तो ये एकदम प्रॉपर तरीके से काम कर रहा है और आई थिंक हमें इतना ही चाहिए था तो सेव कर सकते हैं सेव करने के बाद पता है हमें एक राउट और क्रिएट करना है अभी जो आपने कभी देखा होगा कि भाई आप लोकेशन या एड्रेस डालते हो तो आपको सजेशन आते रहते तो सेम फीचर हमें भी इंप्लीमेंट करना है और उसके लिए हमें एक ट और क्रिएट करना रहेगा जो हमें
सजेशन रिटर्न करेगा तो इधर बोलूंगा राउटर डट गट स्ल गेट सजेशन सजेशंस इसके बाद हम यहां पर कुछ क्या बोल सकते हो आप उनको वैलिडेशन मिडिल वेयर्स एंड फाइनली जो हमारा सजेशन वाला कंट्रोलर रहेगा वो लगाना रहेगा मैप कंट्रोलर मैप कंट्रोलर के बाद मॉड्यूल डॉ एक्सपोर्ट डॉट ऑटो सजेशन और सिमिलर हम यहां पर भी कर रहे होंगे रिक्वेस्ट रिस्पांस नेक्स्ट और एक मैं बनाऊंगा सर्विस फंक्शन सर्विस फंक्शन के अंदर इधर पर हम बोलेंगे मॉड्यूल डॉट एक्सपोर्ट अब यह जो है आपसे एक इनपुट मांगेगा चेक कर लेंगे हम पहले कि अगर इनपुट नहीं मिलता है तो
भाई इनपुट इ रिक्वायर्ड या इसकी जगह मैं इससे बोल देता हूं कि एड्रेस इ रिक्वायर्ड या क्वेरी इज रिक्वायर्ड हम ये बोल सकते हैं चलो क्वेरी इज रिक्वायर्ड इतना करने के बाद वापस आते हैं एपीआई की एक यूआरएल हम क्रिएट करेंगे यूआरएल क्रिएट करने के बाद हम यहां पर बोलेंगे ट्राई कॉनस रिस्पांस थ्रो एरर एंड कैच बढ़िया यह कर लिया एक्सपोर्ट ऑलरेडी हो चुका है ट्राई एंड कैच एरर एंड फाइनली द ट्राई के अंदर हम जो हमारा कोड रहने वाला है उसको लिखेंगे वैलिडेशन रिजल्ट अगर कुछ एरर आता है तो उसको आप थ्रो कर दोगे
इनपुट आपको क्वेरी से निका लोगे और क्वेरी निकालने के सजेशन जो भी रहेंगे वह आपको ए जेसन फॉर्मेट में रिटर्न हो जाएंगे सेव करते हैं इनपुट अब मुझे यहां पर भेजना है राउट हम कौन सा यूज कर रहे हैं ट इ गेट सजेशंस कॉपी पोस्टमन पर आते हैं इसी को हम कर रहे हैं पेस्ट डुप्लीकेट रिनेम गेट सजेशन एंटर जो आप राउट यूज करने वाले हो ट इज गेट सजेशन एड्रेस की जगह आप यूज करोगे यहां पर इनपुट और इनपुट जो रहेगा मान लो कि अभी के लिए मैं यहां पर डाल रहा हूं सिर्फ सेरियस
एंड इसको मैं कर रहा हूं सेंड तो देखो इधर पर आते हैं गेट सजेशन में अगर अपन देखते हैं तो प्लेस आईडी यह सारी चीजें टर्म्स जो आ रही है हां तो ये जो टर्म्स आ रही है यह अपने लिए इंपॉर्टेंट है टर्म्स में अगर आप देखोगे तो ऑफसेट जीरो यह सारी चीजें वैल्यू हमें क्या मिल रही शेरिस कोडिंग स्कूल सेंटर टू इंद्रपुरी सी सेक्टर सेक्टर टू यह सारी चीजें हमें मिल रही है एंड क्या हमें और भी कुछ डाटा मिल रहा है टर्म्स मध्य प्रदेश सेकेंडरी टैक्स नियर चाय सुट्टा बार तो ये सारी चीजें
हमें प्रॉपर्ली यहां पर रिसीव हो रही हैं तो जो अब सजेशन है वो हमें प्रॉपर्ली मिल रहा है और इसी का अब हम यूज़ करेंगे हमारे रिएक्ट एप्लीकेशन में जो सजेशन आने वाला है उसको करने के लिए ठीक है तो अपन मूव करते हैं थोड़ा रिएक्ट के साइड पे इंटीग्रेशन के साइड पे चलो तो अब हमें क्रिएट करने हैं एपीआई फॉर राइट्स मतलब कि क्या मतलब कि जब भी एक यूजर अपना पिकअप डेस्टिनेशन लाइक पिकअप लोकेशन एंड डेस्टिनेशन लोकेशन को पिक कर लेगा तो उसके बाद वो अपनी एक राइड क्रिएट करेगा तो वो सारा लॉजिक
अब हमें क्रिएट करना है एंड एपीआई क्रिएट करनी है तो उसके लिए सबसे पहले यह जो आपका राउट्स फोल्डर है इधर प एक नई फाइल हम और क्रिएट करेंगे दैट इज राइड राउट्स जए इसके अंदर हम रिक्वायर करेंगे एक्सप्रेस को कं एक्सप्रेस इक्वल्स टू रिक्वायर एक्सप्रेस एंड एक राउटर हम क्रिएट कर रहे होंगे राउटर क्रिएट किया राउटर क्रिएट करने के बाद सीधा इसको करते हैं अपन एक्सपोर्ट मॉड्यूल एक्सपो राउटर और इसके बीच में हम एक सब से पहले एक एंड पॉइंट क्रिएट करेंगे दैट इज राउटर डॉट पोस्ट स्ल क्रिएट देखो अब जो आपका एक राइड
रहती है मतलब कि राइड में क्या रहेगा कि भाई यूजर कौन सा है उसने कौन सी पिकअप लोकेशन पिक की है डेस्टिनेशन लोकेशन क्या है ये तीन चीजें एकदम मैंडेटरी होंगी कि भाई ये सारी चीजें तो हमें चाहिए ही चाहिए उसके बाद उसके बाद हम आते हैं तो इधर पे अब तीन चीजें हमें चाहिए कौन-कौन सी यूजर की आईडी हमें चाहिए उसके बाद पिकअप लोकेशन हमें चाहिए चाहिए और फिर फाइनली हमें चाहिए रहेगी डेस्टिनेशन तो ये तीन चीजें हमें चाहिए और इन सबके लिए एक मैं लगाऊंगा वैलिडेटर वैलिडेटर के लिए हम यहां पर बोलेंगे कंस्ट
बॉडी बॉडी इक्वल्स टू रिक्वायर एक्सप्रेस वैलिडेटर हम बॉडी को रिक्वायर कर रहे हैं एक्सप्रेस वैलिडेटर से और यहां पर परफॉर्म करेंगे कुछ चेक्स कौन-कौन से चेक्स हमें यहां पर परफॉर्म करने हैं दैट इज कि भाई बॉडी के अंदर आप सबसे पहले चेक कर लो यूजर आईडी यूजर आईडी यूजर आईडी आप चेक करोगे डॉट इज स्ट्रिंग मि मै डॉट विथ मैसेज विथ मैसेज जो रहेगा इनवैलिड यूजर आईडी कि भाई मिनिमम लेंथ इतनी होनी चाहिए एंड मैक्सिमम आई थिंक ठीक है एंड इसके बाद हम आते हैं तो इसके बाद अगर हम आते हैं तो हम चेक करेंगे
कि भाई हमें पिक अप लोकेशन मिली है या नहीं मिली है तो इसको मैं बोल रहा हूं पिक अप इज स्ट्रिंग इज लेंथ उसके बाद इनवैलिड एड्रेस एंड फाइनली हम बोलेंगे यहां पे डेस्टिनेशन डेस्टिनेशन तो ये तीन चीजें तो हमें चाहिए ही चाहिए हमारे इस पर्टिकुलर डाटा में उसके बाद हम आते हैं एंड अब फाइनली हम बोलेंगे कंट्रोलर तो कंट्रोलर अभी हमने यहां पे क्रिएट नहीं किया है कंट्रोलर अभी हमने यहां पे क्रिएट नहीं किया है तो कंट्रोलर को सबसे पहले हम क्रिएट करेंगे तो कंट्रोलर्स फोल्डर के अंदर इधर पे हम बोलेंगे राइट डॉट कंट्रोलर
ड जए कंस्ट जो आपका राइट अच्छा अब यहां पर हमें कुछ भी एक्शन परफॉर्म करवाना है हमारे लाइक राइट के ऊपर तो हमें दो चीजें चाहिए रहेंगी सबसे पहले तो राइट का मॉडल और उसके बास कुछ सर्विसेस तो सबसे पहले हम राइड का एक मॉडल क्रिएट करते हैं ट इज राइड डॉट मॉडल ड जेएस एंड कंस्ट मंगस को हम रिक्वायर करेंगे रिक्वायर करने के बाद सबसे पहले हम बोलेंगे कंस्ट राइड स्कीमा इक्वल्स टू न्यू मंगस डॉट स्कीमा इतना अपन ने कर दिया इतना करने के बाद अब अपनी जो राइड होगी इसकी कुछ प्रॉपर्टीज होनी चाहिए
जैसे कि क्या सबसे पहले यहां पर आएगी यूजर कि भाई किस य पर्टिकुलर यूजर ने इस पर्टिकुलर राइट को बुक किया है या क्रिएट किया है और इस पर्टिकुलर यूजर के अंदर जो प्रॉपर्टीज आएंगी दैट इज आईडी यूजर की आईडी और यह रहेगी रिक्वायर्ड रिक्वायर्ड के बाद हमें यहां पर चाहिए रहेगा कैप्टन कैप्टन और यह जो आईडी रहेगी यह जो रिक्वायर्ड है लाइक कैप्टन हमें रिक्वायर्ड नहीं होगा जब कैप्टन हमें मिल जाएगा जब हमें कैप्टन काइंड ऑफ बोल सकते हो हमने राइड क्रिएट कर देंगे और राइड क्रिएट करने के बाद जो भी कैप्टन इस पर्टिकुलर
राइड को एक्सेप्ट करेगा उस कैप्टन की आईडी हम यहां पर असाइन कर देंगे उसके अलावा हमें यहां पर चाहिए रहेगी पिक अप लोकेशन पिक अप टाइप स्ट्रिंग होगा इसके बाद हमें चाहिए रहेगा डेस्टिनेशन डेस्टिनेशन के बाद टोटल फेयर कितना जा रहा है अपना फेयर टाइप नंबर रिक्वायर्ड होगा ये एंड रिक्वायर्ड होने के बाद हम यहां पे आते हैं तो फिर अपना बैठेगा स्टेटस स्टेटस के बाद पेंडिंग एक्सेप्टेड कंप्लीटेड एंड कैंसिल देखो ये जो पेंडिंग स्टेटस है ये पेंडिंग स्टेटस कब होगा अपना पेंडिंग स्टेटस तब आएगा जब यूजर ने राइड तो क्रिएट कर दी है लेकिन
किसी भी कैप्टन ने उसको एक्सेप्ट नहीं किया कि हां भाई हम आपको इस पर्टिकुलर लोकेशन से पिकअप लोकेशन से इस डेस्टिनेशन तक छोड़ देंगे तो यहां पर हमने पेंडिंग बोल के रखा है अब एक्सेप्टेड कब होगा एक्सेप्ट तब जब होगा कि जब एक पर्टिकुलर कैप्टन उस पर्टिकुलर राइट को एक्सेप्ट कर लेगा तब आएगा आपका एक्सेप्टेड फिर यहां पर एक चीज और आनी चाहिए एक स्टेटस और आएगा दैट इज ऑन गोइंग ऑन गोइंग तो यहां पे अपना एक ऑन गोइंग आएगा ऑन गोइंग के बाद अपने पास आएगा कंप्लीटेड एंड कैंसिल कंप्लीटेड कब आएगा कि भाई जब
ऑन गोइंग के बाद जब आपकी डेस्टिनेशन प पहुंच जाएगा जब आपका यूजर डेस्टिनेशन में पहुंच जाएगा तब अपन बोल देंगे कंप्लीटेड वरना बाय डिफॉल्ट क्या रहेगा पेंडिंग पेंडिंग के बाद और कुछ होना चाहिए कि यहां पे हम यहां पे आई थिंक एक चीज और ले सकते हैं दैट इज ड्यूरेशन कि ड्यूरेशन कितनी लगी है टोटल टाइप नंबर इसमें हम क्या करेंगे नंबर्स ऑफ सेकंड्स नोटिस कर लेंगे कि भाई कितने यहां पे लगने वाले हैं और फिर हम यहां पे अब देखो तीन चीजें एक्स्ट्रा हम यहां पे कवर करेंगे अच्छा डिस्टेंस डिस्टेंस भी एक इंपॉर्टेंट है
तो डिस्टेंस हम यहां पे कवर कर रहे होंगे डिस्टेंस टाइप नंबर और इसको मैं रिकॉर्ड करूंगा इन मीटर्स जितने भी अपन डिस्टेंस मीटर में यह राइट कवर करेंगे वो पूरा अपन यहां पर दे देंगे उसके बाद इधर प हम आते हैं एंड रेटिंग काइंड ऑफ हम दे सकते हैं लेकिन अभी के लिए हम नहीं दे रहे हैं बट यहां पे एक तीन इंपॉर्टेंट फील्ड्स आने वाली है दैट इज पेमेंट आईडी पेमेंट आईडी अब ये पेमेंट आईडी हम कहां पर यूज करेंगे तो जब हम यूजर से पेमेंट करवा रहे होंगे तब हमें इसका यूज करना रहेगा
पेमेंट आईडी पेमेंट आईडी के बाद हमें यहां पे चाहिए रहेगी ऑर्डर आईडी टाइप स्ट्रिंग और एक फाइनली हमें चाहिए रहेगा सिग्नेचर सिग्नेचर क्या हमने कुछ और इंपोर्ट कर लिया है ओ ये हमें नहीं चाहिए ठीक है देखो हमने यहां पे राइट स्कीमा में कुछ कितनी प्रॉपर्टीज क्रिएट की है अगर आप यहां पे देखो तो हमारे पास एक यूजर रहेगा एक कैप्टन रहेगा कैप्टन शुरुआत में नहीं रहेगा उसको हम जब कैप्टन कोई सा भी एक्सेप्ट कर लेगा इस पर्टिकुलर राइट को तब हम इसकी आईडी दे रहे होंगे पिकअप चाहिए हमें डेस्टिनेशन चाहिए टोटल फेयर कितने जाना
है मतलब पैसे कितने लगेंगे वो स्टेटस क्या रहेगा स्टेटस हमारे पास इतने टोटल पांच स्टेटस है ड्यूरेशन कितनी लगी इन सेकंड्स डिस्टेंस इन मीटर इधर प मैं कमेंट भी कर देता हूं इन सेकंड्स और इधर पे हम बोलेंगे इन मीटर्स पेमेंट आईडी होगी ऑर्डर आईडी होगी एंड सिग्नेचर यह तीनों फील्ड हमें चाहिए रहेंगी एक पर्टिकुलर पेमेंट को वेरीफाई के लिए इतना हमने कर लिया है इतना करने के बाद और अब हम फाइनली बोल सकते हैं कि एक मॉडल क्रिएट कर दो मॉड्यूल डट एक्सपोर्ट राइट मॉडल इसका आर मैं स्मल रख रहा हूं स्कीमा राइट स्कीमा
और इधर पर हम आएंगे अब एक सर्विसेस फोल्डर हमें काइंड ऑफ क्रिएट करना रहेगा तो सर्विस के अंदर हम आते हैं तो न्यू राइड डॉट सड जए इसके अंदर हम रिक्वायर करेंगे राइड मॉडल को रिक्वायर राइड मॉडल क्रिएट करने के बाद हम यहां पे क्रिएट राइड करेंगे और इसमें रिक्वेस्ट रिस्पांस नहीं चाहिए रहेगा हमें एक मॉडल एक राइड को क्रिएट करने के लिए हमें क्या चाहिए रहता है अगर आप यहां पे मॉडल पे देखो तो जो जो रिक्वायर्ड हमने बोला होगा जैसे कि यूज़र आपका रिक्वायर्ड है पिकअप आपका रिक्वायर्ड है डेस्टिनेशन रिक्वायर्ड है क्या कैप्टन
रिक्वायर्ड है नहीं सिमिलर वे में फेयर रिक्वायर्ड है आपके पास स्टेटस आपको चाहिए रहेगा नहीं स्टेटस बाय डिफॉल्ट पेंडिंग रहेगा ड्यूरेशन नहीं डिस्टेंस नहीं एंड पेमेंट आईडी ऑर्डर आईडी एंड सिग्नेचर ये बाद में दे रहेगा तो क्या-क्या चाहिए आपको फेयर डेस्टिनेशन पिकअप एंड यूजर अब देखो तीन चीजें तो हमें यूजर ही दे देगा उसकी आईडी किस पिकअप लोकेशन पे वो है एंड डेस्टिनेशन ये तीन चीजें तो हमें यूजर ही दे देगा फेयर यह हमें कैलकुलेट करना रहेगा और ये हम कैलकुलेट कैसे करेंगे तो इसके लिए अब हमें एक और अ बोल सकते हो सर्विस फंक्शन
बनाना रहेगा जहां पर हम डिस्टेंस एंड टाइम के अकॉर्डिंग फेयर को कैलकुलेट कर रहे होंगे ओके तो इधर पे हम आते हैं इससे पहले हमें यहां पर एक चीज और कैलकुलेट करनी रहेगी एक फंक्शन हम यहां पे बनाएंगे फंक्शन फंक्शन का नाम रहेगा क्या हमने इस नाम का एक फंक्शन बना के रखा है तो देखो हमने ना ऑलरेडी एक फंक्शन बना के रखा है जो हमें पिकअप या डेस्टिनेशन दो लोकेशन के बीच में डिस्टेंस एंड टाइम कितना लने वाला है वो हमें कैलकुलेट करके दे देता है और वो फंक्शन हमने मैप सर्विसेस के अंदर यहां
पे बना के रखा था इसी सेम फंक्शन का हम यूज करेंगे यहां पर कि भाई टाइम एंड डिस्टेंस हमें पता चल जाए तो उसके लिए कंस्ट मैप्स सर्विस का हम यूज करेंगे उसको सबसे पहले अपन रिक्वायर करेंगे और रिक्वायर करने के बाद हम यहां पे बोलेंगे अच्छा पहले यहां पे सिंपल सा एक चेक लगा लेते हैं इफ नॉट कि भाई पिकअप या डेस्टिनेशन हमें ना मिले तो अपन सीधा एरर दे सकते हैं एरर देने के बाद इधर मैं बोलूंगा कंस्ट डिस्टेंस मैप सर्विस यहां पे एक चीज और बोल सकता हूं डिस्टेंस टाइम क्या मिल जाएगा
डिस्टेंस टाइम गेट डिस्टेंस एंड आई थिंक दिस फंक्शन इज अस सिंक तो हमें यहां पर यूज करना रहेगा अवेट और यहां पर भी आएगा अवेट सॉरी अस सिंक सेव गेट डिस्टेंस टाइम एंड आई डोंट थिंक मैप सर्विस इसमें गेट ओके मैप सर्विस जो है ओके तो यह सही तरीके से रिक्वायर नहीं हुई आई थिंक यहां पे एस आएगा सेव एंड गेट डिस्टेंस टाइम तो गेट डिस्टेंस टाइम हमें क्या रिटर्न कर देगा जो भी डिस्टेंस एंड टाइम लगने वाला है इन पिकअप एंड डेस्टिनेशन लोकेशंस के बीच में वो हमें रिटर्न हो जाएगा इसके बाद अब हमें
फेयर कैलकुलेट करना है अब जो हमें फेयर कैलकुलेट करना है वो तीन वे में क्रिएट करना है कौन-कौन से एक मोटरसाइकिल क् क्रिएट करना है एक कार के लिए क्रिएट करना है और एक ऑटो के लिए कैलकुलेट करना है तो ये तीन चीजों के लिए हमें कैलकुलेट करना है तो इधर पे सीधा अपन प्रॉन्प्ट दे सकते हैं कि कैलकुलेट फेयर फॉर ऑटो कार एंड मोटर साइकल एंटर सीधा अपन यहां पे बोल सकते हैं एंड यह बेस फेयर बेस फेयर इसने मान के चला है पर किलोमीटर पर मिनट फेयर कैलकुलेशन इसने डन कर दिया सेव करते
हैं फेयर हमें मिल जाएगा एंड फेयर मिलने के बाद रिटर्न फेयर हो जाएगा तो अब हमें क्या मिल रहा है एक ऑब्जेक्ट मिल जाएगा फाइनली जहां पर ऑटो कार एंड मोटरसाइकिल तीनों का ही हमें कैलकुलेट फेयर मिल जाएगा इस फंक्शन को अब अपन यूज करने वाले हैं एंड आई थिंक इस फंक्शन को सबसे ऊपर लिखना ठीक रहेगा बड़ी तो हमने इस फंक्शन को सबसे ऊपर मूव कर दिया है मूव करने के बाद अब हम वापस आ सकते हैं क्रिएट राइट पे अब देखो क्रिएट राइट जो आपका रहेगा यह आपको एटलीस्ट चार फंक्शन चार चीजें इसको
मांगनी चाहिए कौन-कौन सी यूजर की आईडी पिकअप लोकेशन डेस्टिनेशन और यूजर ने किस टाइप का व्हीकल चूज किया था यह सारी चीजें तो यहां पे हम बोलेंगे यूजर पिकअप डेस्टिनेशन एंड व्हीकल यह सारी चीजें इससे मांगे एंड आई थिंक यहां पे इसने ओवर कर दिया तो इसको हटा सकते हैं एंड ठीक है तो सीधा अगर इन चारों में से कुछ भी हमें नहीं मिलता कि भाई यूजर हमें नहीं मिला पिकअप नहीं मिला या डेस्टिनेशन या व्हीकल टाइप नहीं मिलता हम सीधा बोलेंगे ऑल फील्ड्स आर रिक्वायर्ड और फिर उसके बाद हम फेयर को कैलकुलेट कर लेंगे
विद कॉलिंग दिस फंक्शन फेयर कैलकुलेट हो जाएगा अब फेयर जो कैलकुलेट होगा वो आपको ऑब्जेक्ट मिलेगा और ऑब्जेक्ट के अंदर तीन प्रॉपर्टीज रहेंगी कौन-कौन सी ऑटो कार मोटरसाइकिल सिमिलर यहां पर है और इन सभी में उनका एक कैलकुलेशन होग भाई कितना फेयर लगेगा इसके बाद फेयर के हिसाब से जो भी यूजर ने व्हीकल टाइप सिलेक्ट किया होगा सिर्फ हम वही पास कर रेंगे और उसी के अकॉर्डिंग फेयर को कैलकुलेट करेंगे कैलकुलेट कर लिया आपकी राइट क्रिएट हो गई और जो भी आपने राइट क्रिएट की होगी वो रिटर्न हो जाएगी अब सिमिलर चीज हमें यूज करनी
है हमारे कंट्रोलर पे कंट्रोलर और इधर पे हम बोलेंगे राइड सर्विस राइड सर्विस इक्वल्स टू राइट सर्विस राइट सर्विस को आप रिक्वायर करोगे मॉड्यूल डॉट एक्सपोर्ट क्रिएट राइट क्रिएट राइट के बाद सबसे पहले हमें एरर्स चेक करने हैं वैलिडेशन पे तो उसके लिए हम यहां पे बोलेंगे कंस्ट वैलिडेट रिजल्ट एंड इधर पे हम बोल रहे होंगे एरर्स नॉट एमटी राइट को आप कैलकुलेट करो अच्छा यहां पे अब हमें कुछ चीजें और चाहिए कौन-कौन सी भाई की भाई यूजर कौन सा है पिक अप डेस्टिनेशन यह सारी चीजें हमें चाहिए रहेंगी तो इधर पे आते हैं और
राउट्स पे मैं एक चीज और अपडेट कर रहा हूं डेस्टिनेशन की जगह या डेस्टिनेशन के साथ व्हीकल टाइप यह और हम अपडेट करेंगे और अब यहां हम कंट्रोलर मंगा सकते हैं कॉन्स राइट कंट्रोलर और राइट कंट्रोलर के बाद सीधा हम यहां पे बोलेंगे राइट कंट्रोलर डॉट क्रिएट राइट यहां पे आ चुके हैं तो अब मेरे पास यूजर आईडी पिकअप डेस्टिनेशन व्हीकल टाइप ये सारी चीजें मिल जाएंगी कंस्ट यूजर पिकअप अब एक सीन है कि यहां पे यूजर आईडी चाहिए रहती है हमें यूजर आईडी पिकअप डेस्टिनेशन व्हीकल टाइप सेव किया सेव करने के बाद अब हम
बोलेंगे ट्राई एंड कैच पे कि भाई एक राइड हमें क्रिएट कर दो विद फॉलोइंग पैरामीटर्स यूजर पिकअप डेस्टिनेशन व्हीकल टाइप अब जो भी राइड क्रिएट होगी उसको हम कर देंगे यहां से रिटर्न तो इतना अपना यह सिंपल सा राउट रहेगा सेव करते हैं सेव करने के बाद इसको एक बार टेस्ट करके देखते हैं तो हमने यहां पे एक राउट क्रिएट कर लिया है और इस राउट को अब हमें टेस्ट करना है तो टेस्ट करने से पहले पता है हमें एक काम और करना रहेगा कि app.js फाइल में मैप्स राउट्स के जस्ट नीचे हम बोलेंगे कं
राइड राउट्स और इसको को हम सिमिलर यूज़ करेंगे मैप्स के जस्ट नीचे राइट्स के लिए तो डयू राइट्स एंड राइट राउट्स वापस आते हैं पोस्टमैन पे पोस्टमैन पे आने के बाद एक नई कलेक्शन मैं क्रिएट कर रहा हूं प्लैंक कलेक्शन कलेक्शन को अपन कर सकते हैं रिनेम रिनेम करके बोलूंगा मैं इसको राइड और राइड के बाद एक नया टैब हम ओपन करेंगे दैट इज़ एटीटीपी एटीपी के बाद बेस यूआरएल हम यूज़ करेंगे बेस यूआरएल क्या यह आ नहीं रहा है बेस यूआरएल बेस यूआरएल ओके तो आई थिंक एक वेरिएबल यहां से हट गया है एंटर
वेरिएबल तो इधर में बोलूंगा एचटीटीपी कॉलन स्ल स्ल लोकल होस्ट कॉलन 4000 एंटर तो हमने फिर से व वेरिएबल को क्रिएट कर दिया एंड आई थिंक य लोकेशन है हमें ये नहीं चाहिए हमें चाहिए दैट इज बेस यूआरएल बेस यूआरएल एंड इसकी लोकेशन मिल रही है हमें जो चाहिए स्लैश राइट्स एंड राइट्स के बाद हम यहां पे बोल रहे होंगे अ क्रिएट क्रिएट क्रिएट करने के बाद अब कुछ डाटा हम यहां पे शेयर करना रहेगा डाटा के लिए रॉ फॉर्मेट को उठाते हैं रॉ फॉर्मेट के अंदर अब हमें डाटा क्या-क्या चाहिए हमें जो डाटा चाहिए
दैट इज राउट्स के अंदर राउट्स के अंदर हमें यूजर आईडी चाहिए आई डोंट थिंक कि हमें यहां पे यूजर आईडी मांगनी चाहिए क्योंकि हम यहां पे ऑलरेडी चेक करवा रहे होंगे एक मिडल वेयर के थ्रू एक हमें यहां पे मिडिल वेयर लगाना है कंस्ट ऑथ मिडिल वेयर रिक्वायर मिडिल वेयर और इन सबसे पहले मैं यहां पे परफॉर्म करूंगा ऑथ मिडल वेयर डॉट ऑथ यूजर तो अब अगर मैं इस प चेक कर लूंगा तो रिक्वेस्ट डॉट यूजर में मेरे पास पूरा यूजर रहेगा और उसको यहां पर मैं सिंपल बोल सकता [संगीत] हूं बस यहां पर मुझे
अपडेट करना रहेगा रिक्वेस्ट डॉट यूजर ड आईडी बस इतनी चीज मुझे यहां पे अपडेट करनी रहेगी सेव करेंगे सेव करने के बाद अब मुझे बस तीन चीजें भेजनी है पिकअप डेस्टिनेशन एंड व्हीकल टाइप तो पिकअप पे आते हैं तो पिकअप पे अगर मैं यहां पे बोलूं पिकअप जो रहेगा ओके पिकअप पिकअप के बाद मैं यहां पे बोलता हूं सीरियंस कोडिंग स्कूल डेस्टिनेशन डेस्टिनेशन जो रहेगी मान लो न्यू मार्केट भोपाल एंड यहां पर लास्ट चीज रहेगी दैट इज व्हीकल टाइप तो व्हीकल टाइप में हम बोल देंगे कार एंड इसको करते हैं सेंड अच्छा सेंड करने से
पहले आपको हेडर्स यहां पर सेट करने रहेंगे हेडर्स के अंदर आपको चाहिए रहेगा यहां पे ऑथराइजेशन ऑथराइजेशन के बाद आपको चाहिए रहेगा यहां पे बरर एंड बरर के बाद एक स्पेस दोगे और स्पेस के बाद यहां पर चाहिए रहेगा हमें एक टोकन तो टोकन के लिए एक नया यूजर में क्रिएट कर रहा हूं सेंड तो सेंड हो रहा है ठीक है तो यहां पर अपना एक नया यूजर क्रिएट हो चुका है और ये जो टोकन है इसकी मुझे नीड है अभी के लिए तो इसको मैं करूंगा कॉपी और कॉपी करने के बाद राइड के अंदर
क्रिएट पे मैं आऊंगा और यहां पे हेडर्स के अंदर पेस्ट कर दूंगा और इसको करते हैं अब सेंड सेंड करने के बाद यहां पे बोल रहा है कैन नॉट गेट स् राइट स् क्रिएट ओके तो ये जो रिक्वेस्ट थी बाय द वे पोस्ट थी अब सेंड करके देखते हैं तो सेंड करने के बाद राइट वैलिडेशन फील्ड फेयर कास्ट टू अ नंबर फील्ड फॉर वैल्यू नॉट अ नंबर ओके तो यहां पर अब एक एरर आ रही है एंड एरर को क्या हम चेक कर सकते हैं लेट्स सी एंड क्रिएट करने के बाद आई थिंक ये माइक्रो
सर्विस में आना चाहिए माइक्रो सर्विस मैंने बोल दिया सॉरी सर्विसेस के अंदर वैसे आ रहा है वो भी फेर गेट फेर राइट मॉडल डट कट फेर व्हीकल टाइप ओके तो एक बार मैं यहां पर कंसोल करवा के देख लेता हूं कि क्या फेयर आ रहा है सेंड तो नॉट अ नंबर नॉट अ नंबर एंड नॉट अ नंबर आ रहे हैं तीनों पे गेट फेयर पे आते हैं गेट फर प आने के बाद बेस फरड ऑो डिस्टेंस टाइम ऑटो एंड डिस्टेंस टाइम ड टाइम लेट्स सी कंसोल डॉट लॉग डिस्टेंस टाइम क्या आ रहा है तो यहां
पर डिस्टेंस जो कि हमें मिल रही है दैट इज टेक्स्ट एंड वैल्यू एंड ये जो आ रही है मीटर्स में है एंड 24 मिनट्स अगर मैं देखूं अगर मैं 24 को इनटू करता हूं 60 से तो 1440 ओके तो यह है अपनी इन मिनट्स यह जो आपको वैल्यू मिल रही है इन मिनट्स है तो बस हमें छोटा सा चेंज करना रहेगा यहां पर हम लिखना रहेगा डिस्टेंस डॉट वैल्यू एंड क्योंकि ये पर किलोमीटर है तो इसको मुझे डिवाइड करना रहेगा बाय 1000 इसको करेंगे सेव और सेव करने के बाद यह जो आपका टाइम रहेगा इसको
मुझे अगेन डॉट वैल्यू करना पड़ेगा और वैल्यू करने के बाद इसको डिवाइड करना पड़ेगा 60 से क्योंकि ये मिनट्स में आ रहा था और मुझे आवर में चाहिए आई थिंक नहीं मिनट्स में ही चाहिए तो आई डोंट थिंक इसको हमें 60 से डिवाइड करना है अब एक बार ट्राई करते हैं से तो कैन नट ट प्रॉपर्टीज ऑफ अनडिफाइंड रीडिंग वैल्यू ओके तो डिस्टेंस एंड ड्यूरेशन आ रही है वहां पर टाइम नहीं आ रहा है बट ड्यूरेशन आ रही है ओके ड्यूरेशन ड्यूरेशन ड्यूरेशन एंड यहां पर कॉलन नहीं आए कॉलन के बाद हमें यहां पर चाहि
रहेगी वैल्यू सिमिलरली यहां पर हमें वैल्यू चाहिए होगी एंड इधर पय नहीं आएगा डिस्टेंस डॉट वैल्यू एंड डिस्टेंस डॉट वैल्यू अब एक बार ट्राई करते हैं ठीक है तो अब हम यहां पर फाइनली डेस्टिनेशन पता चल रखा है एंड यह जो फेयर आ रहा है यह जो फेयर आ रहा है दैट इज वंस 10 100 उ 10000 लख तो एक लाख लाइक 15442 करके कुछ फेयर आ रहा है एंड कार का फेयर इतना तो नहीं होना था लेट्स सी क्या प्रॉब्लम हो रही है तो कार का फेयर इतना आ रहा है एंड क्यों आ रहा
है इसको देखते हैं तो इतना ज्यादा फेयर नहीं आना चाहिए था क्योंकि मुझे पता है पर्सनली इतनी लोकेशन नहीं है 10 किमी का फेयर इतना नहीं आता है ऑटो का 3000 नहीं आना चाहिए था एंड बाइक का और भी ज्यादा है लेट्स सी ओके ओके ओके तो यहां पे सबसे पहले तो यह जो डिवाइड होगा क्योंकि डिस्टेंस मीटर में दी गई है तो इसको हमें डिवाइड करना रहेगा 1000 से सिमिलर हमें यहां पर करना रहेगा स्लश 1000 एंड ओके वैल्यू ड्यूरेशन मिनट्स में ही है ऑलरेडी तो हमें इसको चेंज करने की जरूरत नहीं पड़ेगी एक
बार इसको क्रिएट करके देखते हैं तो 4592 अब थोड़ी सी यह भी अभी स्टिल ज्यादा है तो कार पर किलोमीटर ₹10 ले रही है और 10 किमी अगर कार के हिसाब से देखते हैं तो यह होता है 50 एंड कार पर मिनट जो आपका जा रहा है यह जा रहा है 24 मिनट तो अगर इसको अपन कैलकुलेट करते हैं तो 48 एंड 64 समथिंग होना चाहिए 62 62 या 72 समथिंग होना चाहिए तो 72 तो यह कैलकुलेशन सही तो नहीं बैठ रही है लेट्स सी कहां पर प्रॉब्लम हो रही है उसको देखते हैं डिस्टेंस वैल्यू
10000 10 बाय ऑटो ओके एंड वैल्यू ओके अब समझ आया वैल्यू क्या आ रही यह जो एक्चुअल आ रहा है इसको भी हमें 60 से डिवाइड करना रहेगा आई थिंक या पर मिनट को हम थोड़ा कम कर सकते हैं पर मिनट जो वैल्यू जा रही है क्योंकि पर मिनट इसको टोटल जो मिनट लगने वाले हैं आई थिंक यह जो है यह सेकंड्स में है यह जो है यह वैल्यू जो है यह सेकंड्स में है तो आई थिंक हम इसको पूरी वैल्यू को डिवाइड कर सकते हैं बाय 60 अब एक बार कैलकुलेट करके देखते हैं तो
अब जो कैलकुलेशन बैटरी है वो थोड़ी सी सही कैलकुलेशन आ रही है दैट इज़ ₹ 73 तो अब ये जो कैलकुलेशन सही है अगर मैं यहां पर आके बॉडी में कार की जगह मोटर साइकिल लिख दूं सेंड तो यहां पे 136 जो कि सही आ रहा है एंड अगर मोटरसाइकिल की जगह ऑटो लिख दूं जो कि सही आ रही है तो देखो किस ऑर्डर में गई है मोटरसाइकिल सबसे कम आ रही है ऑटो फिर उससे ज्यादा है एंड कार उससे ज्यादा तो सही ऑर्डर है अब बस एक प्रॉब्लम है कि बार-बार मैं यहां पर इतना
बड़ा मोटरसाइकिल नहीं खगा मोटर साइकिल यह तो नहीं लिखूंगा मैं इधर पर एक छोटा सा कीवर्ड लिखना चाहता हूं दैट इज मोटो तो उसकी जगह मैं क्या करने वाला हूं इसको मैं करूंगा जहां जहां पर भी मोटो लिखा है लाइक मोटर साइकिल खा है उसकी जगह मैं कर दूंगा सिर्फ मोटो एंड एक बार इसको मैं टेस्ट कर लेता हूं सिर्फ मोटो के साथ सेंड तो एरर फील्ड टाइप मोटो इनवैलिड व्हीकल टाइप एंड व्हीकल टाइप जो है वो इनवैलिड जा चुका है तो राउट्स में आई थिंक कुछ प्रॉब्लम है एंड यहां पर जो आएगी मोटो आएगी
सेंड ठीक है तो अब सही आ रही है एंड अपने पास अब चार ऑप्शन सॉरी तीन ऑप्शंस हैं ऑटो कार या मोटो आप तीनों में से कौन सा प्रेफर करना चाहोगे वो और उसके अकॉर्डिंग आपकी राइड यहां पे कैलकुलेट हो जाएगी स्टेटस पेंडिंग रहेगा आईडी ये है यूजर की आईडी अपने पास ये रही पिक अप अब देखो एक चीज और हमें चाहिए रहेगी राइट जब क्रिएट होगी राइट जब क्रिएट हो रही होगी तो एक ओटीपी जनरेट होगा एक ओटीपी हमें चाहिए रहेगा तो उसके लिए हम क्या कर रहे हैं इधर पे आते हैं राइट सर्विस
के अंदर एंड इधर पे हम बोलेंगे फंक्शन गेट ओटीपी और ओटीपी के अंदर अपने पास रहेगा नम कि भाई कितने नंबर का हमें ओटीपी चाहिए और उसके अकॉर्डिंग रिटर्न फ्लोर या हम इसको देखो फ्लोर का जो रहता है ना वो हल्का सा प्रिडिक्टेबल रहता है मुझे उसपे थोड़ा ट्रस्ट नहीं होता है मैथ डॉट रैंडम की मैं बात कर रहा हूं सॉरी मैथ डॉट रैंडम जो रहता है व हल्का सा प्रिडिक्टेबल होता है तो उसके बदले में यहां पर क्या चाहूंगा यूज बी क्रिप्ट फॉर ओटीपी जनरेशन एंड गिव नंबर ऑफ डिजिट्स डिजिट्स इक्वल टू नम ठीक
तो अब वो फिर से उसको रिराइज करेगा जनरेट ओटीपी नम मेथ डट रम अगेन व यूज कर रहा है ब जनरेट सॉल्ट है सिंक एंड ओटीपी एंड है ओटीपी ओके ओके ओके ओकेके यहां पर छोटा सा मुझे चेंज करना रहेगा कि इस जगह पर क्या मैं इसको एडिट कर सकता हूं व्यू इन चट ओके मुझे बस ना बी क्रिप्ट यूज करने की जगह मुझे क्रिप्टो बोलना था यहां पर क्योंकि क्रिप्टो से जो कोड जनरेट होते हैं वह ज्यादा सिक्योर होते हैं क्रिप्टो एडिट कोड यह वाले इसकी बात कर रहा था रंड इंट एक्सेप्ट तो गेट
ओटीपी जितना नंबर आप पास करोगे उस नंबर के अकॉर्डिंग आपको एक ओटीपी मिल जाएगा तो ओटीपी हमें जनरेट करना है और इसको सेव भी करवाना है सेव करवाने के लिए हम आते हैं राइड मॉडल पे राइड मॉडल दिस एंड यहां पर आपके पास रहेगा एक ओटीपी ओटीपी टाइप स्ट्रिंग टाइप स्ट्रिंग आप दे सकते हो उसके बाद यह जो रहेगा यह रहेगा सिलेक्टेड फॉल्स कि हमें ये ड्राइवर को ऐसे नहीं भेजना है तो हम इसको बाय डिफॉल्ट रख रहे हैं सिलेक्ट फॉल्स सिलेक्ट फॉल्स करने के बाद हम आते हैं राइट सर्विस पे और राइट सर्विस पे
अब यह आपसे एक चीज और मांगेगा ओटीपी ओटीपी गेट ओटीपी फर या हम इसको बोल सकते हैं कि भाई सिक्स डिजिट का एक ओटीपी दे दो आप एंड इसको मैं बोल रहा हूं रिक्वायर्ड इधर प हम बोलेंगे ओके गेट ओटीपी ऑलरेडी इसने ले चुका है बढ़िया चल रहा है ठीक है तो जब भी अब एक नई राइट क्रिएट होगी तो उसके पास एक रैंडम ओटीपी आ जाएगा सिक्स डिजिट का जो कि सेव हो जाएगा सेव करने के बाद इसको एक बार सेंड करते हैं तो देखो एक हमारे पास यहां पे अब ओटीपी आ चुका है
तो अब देखो एक खास बात पता है क्या है ये जो ओटीपी रहेगा सिर्फ यूजर के पास शेयर होगा कैप्टन के पास नहीं जाएगा कैप्टन के पास कैसे नहीं जाएगा उसको हम इंश्योर करेंगे लेकिन अभी के लिए ये पर्टिकुलर ओटीपी सिर्फ यूजर के पास जाएगा तो ये अपना राउट कंप्लीट हो चुका है जहां पर हम एक राइड को क्रिएट कर रहे हैं अब इसके आगे वाला पार्ट चलो देखते हैं तो यार फाइनली अब हम सारी चीजों को मिलाने वाले मतलब कि फ्रंट एंड एंड बैक एंड को फाइनली इंटीग्रेट करके एक u क्लोन कंप्लीट करेंगे तो
सार्थक भैया ने जो कोड लिखा था उसको मैं ऑलरेडी मर्ज कर चुका हूं और इसके आगे अब हमें इसमें इंटीग्रेशन करना है तो सर्वर हमारे आई थिंक दोनों स्टार्ट है एंड इधर पर कुछ कुछ एरर आ रही थी लेकिन अब नहीं आ रही है बैक एंड पे बैक एंड अपना सर्वर चल रहा है अगर मैं इसको एक बार रीस्टार्ट कर देता हूं ठीक है तो बैक एंड का सर्वर भी अपना प्रॉपर्ली काम कर रहा है इसके बाद आते हैं फ्रंट एंड पे एंड फ्रंट एंड पे इधर मैं लिखता हूं लोकल होस्ट कॉलन 5173 5173 एंटर
एंड एंटर करने के बाद इसको मैं डाल रहा हूं मोबाइल व्यू पे और ये रहा देखो अभी अपना फ्रंट एंड कुछ इस तरीके से दिख रहा है और आई थिंक जब मैंने लास्ट टाइम लॉग इन किया था तो मैं ऑलरेडी लॉग इन होना चाहिए तो अगर मैं होम पे जाता हूं तो मैं होम पे इजली चल जा सकता हूं इसके बाद अगर मैं देखता हूं तो फाइंड अ ट्रिप इधर प मेरे पास पिकअप एंड डेस्टिनेशन की आ रही है अगर मैं इनमें से किसी प भी क्लिक करता हूं तो एक नया पैनल ओपन हो जाता
है लेकिन हमें यहां पे क्या चाहिए ये तो अब ये पूरा जो डाटा है ये डमी डाटा है हमें यहां पे एक्चुअल डाटा लेकर आना है उसके लिए हमने एक सजेशन राउट क्रिएट किया था हमारे सर्वर पे तो उस राउट का हम यूज करेंगे यहां पर इंटीग्रेशन के लिए लाइक इंटीग्रेट करेंगे उसको यहां पर अब देखो सबसे पहले इंटीग्रेशन वाला पार्ट आपको पता है किस तरीके से चीजें इंटीग्रेट होनी है अब हमने ऑलरेडी इस वीडियो में करके रखा है लाइक हमने बहुत सारे राउट्स को इंटीग्रेट किया है तो अब हम इस काम को थोड़ा फास्ट
करने के लिए यूज करेंगे कोपायलट का जो आपको बहुत देर से यहां पे दिख भी रहा होगा तो इधर पे मैं यूज करने वाला हूं कोपायलट का तो देखो सीधा हमें दो एलिमेंट्स के साथ काम करना है यहां पर एक तो होड जस एक और एक एलिमेंट अपना रहेगा लोकल सर्च पैनल तो यहां पर आके मैं बोल रहा हूं ओके सो एक फाइल और ऐड कर देते हैं अपन लोकल सर्च पैनल लोकल लोकेशन सर्च पैनल है इसका नाम लोकेशन सर्च पैनल एंड इधर पर मैं बोलूंगा अपडेट द कोड सच दैट एंड सच दैट वेन यूजर
एंटर इनपुट इन द डेस्टिनेशन एंड पिकप फील्ड देन यूज एक्सियस टू पैच द सजेशन फ्रॉम बैक एंड सर्वर एंड शो देम इन दी लोकेशन सर्च पैनल एंड या वन यूजर क्लिक ऑन दी सजेशन देन सेट द सजेशन इन द पिकअप और डेस्टिनेशन फील्ड अकॉर्डिंग ठीक है तो ये अपना एक प्रोमट हो गया और इसमें आई थिंक मैं एक फाइल और ऐड करना चाहूंगा दैट इज readme.md जहां पर अपन ने पूरा राउट क्रिएट करके रखा था तो अब इसके पास तीन फाइल का कॉन्टेक्स्ट है readme.md जिसमें अपन ने पूरे राउट को डिस्क्राइब करके रखा कि भाई
क्या एक्सेप्ट करता है क्या रिस्पांस में देता है फिर लोकेशन सर्च पैनल जहां पर काम होने वाला है एडिट होने वाला है थोड़ा सा एंड होड जए एक इसको अपन करते हैं सेंड एंड आई थिंक थोड़ा सा मैं अच्छा एक मॉडल यूज कर लेता हूं एंड सेंड वेट करते हैं ठीक है तो इसने हमें यहां पर सजेशंस दे दिए लाइक एडिट्स दे दिए अपने लिए तो लोकेश सर्च पैनल य एक कंपोनेंट अपना अपडेट हु होड j6 भी थोड़ी सी अपडेट हुई तो इनम इनको कर रहा हूं मैं एक्सेप्ट एक्सेप्ट करने के बाद यहां पर ना
अब इसने गलती की थी मैंने मब थोड़ा सा कोड देखा था पहले तो इसने थोड़ी सी गलती की है क्या अगर आप यहां पर देखोगे तो यह जो यूआरएल है ना यह यूआरएल गलत है यहां पर हमें पहले बेस यूआरएल लगानी रहेगी तो बेस यूआरएल लगाने के लिए इस पर्टिकुलर स्ट्रिंग को मैं कन्वर्ट कर रहा हूं अपने टेंप्लेट लिटरल्स में इसको अपन कर सकते हैं कट कट करने के बाद टेंप्लेट लिटरल्स फिर इधर पर अपना आ जाएगा इंपोर्ट इंपोर्ट डॉट मेटा डट एनवी डॉट वाइट बेस अंडरस्कोर यूआरएल और इसके बाद जो हमानी स्ट्रिंग बन रही
है यूआरएल बनती दैट इज स्ल मैप स्ल गेट सजेशन इसको अपन रख देंगे और एक चीज हमें यहां पर और चाहिए रहेगी ऑथराइज के लिए तो पैरेंस ये तो रहेगा ही रहेगा साथ ही साथ हमें यहां पर चाहिए रहेंगे हेडर्स तो हेडर्स अपन डाल देते हैं ओके तो यहां पर सबसे पहले कॉमा आएगा फिर हम यहां पर डाले रहेंगे हेडर्स और हेडर्स के अंदर ऑथराइजेशन तो ऑथराइजेशन ऑथराइजेशन एंड ऑथराइजेशन में एक बेयर टोकन एंड सेम चीज हमें पास करनी रहेगी सिमिलर इस जगह पे तो इधर पे आते हैं पैरंस नीचे मूव करेंगे इसको और नीचे
एंड हेडर्स जो अपने रहेंगे फाइनली यहां पर आ जाएंगे इस तरीके से तो एक बार इसको टेस्ट करके देखते हैं क्या यह काम कर रहा है अगर मैं इधर पर आता हूं इसको एक बार रीलोड करते हैं एंड कंसोल अगर कुछ एरर आता है तो वो देख लेंगे अपन इधर पर आएंगे एंड लेट्स से मैं डालता हूं यहां पर इंद्रपुरी तो ये काम कर रहा है देखो इंद्रपुरी भोपाल इंद्रपुरी यह सारे जितने भी सजेशन इसको देने चाहिए थे आ र है अगर मैं यहां पे डालता हूं शेरिस तो यहां पे वो भी रिक्वेस्ट हमें मिल
रही है कि भाई शेरिस कोडिंग स्कूल दो ही सजेशन अभी मिल रहे हैं शेरिस के बाद अगर मान लो कि एक लोकेशन और डाल देते दैट इज भोपाल और एक चीज और डाल सकते हैं टप बढ़िया चल रहा है तो हमें जो सजेशन है वो प्रॉपर तरीके से मिल रहे हैं इसके बाद अब यहां पर डेस्टिनेशन को एक बार चेक कर लेते हैं और इधर प पहले देख लेता हूं कि क्लिक करने पे क्या ये सजेशन सेट हो रहे हैं या नहीं हो रहे तो सेट तो हो गए हैं बट एक प्रॉब्लम है पता है
प्रॉब्लम क्या है कि जैसे ही मैंने सजेशन पर क्लिक किया था तो यह लाइक बंद हो गया था दैट इज समथिंग आई डोंट वांट तो मैं क्या करने वाला हूं कि जो अपना लोकेशन सर्च पैनल है जब भी मैं किसी पर क्लिक करता हूं तो इधर पे यह जो पर्टिकुलर फील्ड्स है कि व्हीकल पैनल ट्रू हो जाए एंड पैनल ओपन फाल्स हो जाए इनको मैं कर रहा हूं अभी के लिए कमेंट क्योंकि मुझे नहीं चाहिए अभी ये सेव करेंगे सेव करने के बाद एक बार रीलोड करके देखते हैं पिकअप लोकेशन में बोल रहा हूं शेरिस
कोडिंग स्कूल एंड शेरिस कोडिंग स्कूल के बाद हम यहां पे बोलेंगे अ डेस्टिनेशन क्या होगा अपना डेस्टिनेशन मान लेते हैं चलो न्यू मार्केट या हम बोल सकते हैं एयरपोर्ट भोपाल ठीक है भोपाल एयरपोर्ट यह अपना डेस्टिनेशन हो गया डेस्टिनेशन के बाद अब देखो हमारे पास पिकअप पॉइंट है अपने पास डेस्टिनेशन है अब मुझे क्या करना है यहां पर एक बटन चाहता हूं जिसके क्लिक पे जो पैनल अभी आ रहा था ना वो ओपन हो जाए तो वो कैसे करने वाले हैं सिंपल है काफी जस्ट हमें यहां पर एक बटन ऐड करनी रहेगी होड ज प
या फिर होड जस एक में एक बटन हम ऐड करेंगे फॉर्म के जस्ट बाद यह जो आपका फॉर्म था यह जो आपका फॉर्म है फाइंडर ट्रिप यह इसके जस्ट बाद मैं एक बटन ऐड कर रहा हूं यहां पर बटन बटन के बाद अपन इधर पर बोल सकते हैं बटन और बटन पर सिंपल में बोलना चाहूंगा फाइंड ट्रिप फाइंड ट्रिप तो ये अपनी बटन आ रही है लेकिन बहुत खराब सी बटन आ रही है तो इसको थोड़ी सी मैं स्टाइलिंग दे दे रहा हूं जस्ट यूज टेल विंड टू स्टाइल दिस बटन मेक बटन ब्लैक एंड टेक्स्ट
वाइट ठीक है तो वो उसको स्टाइलिंग अभी तक कर देनी चाहिए थोड़ा सा वह सोच रहा है ओके हो गई इसको करते हैं अपन एक्सेप्ट सेव और यह अपने पास आ चुकी है बटन और यहां पर एक चीज मैं और चाहूंगा जो इसकी विड्थ हो विड्थ क्या मैं इसको फुल दे सकता हूं विड्थ फुल या विड्थ 100 या पुल ठीक है अब यहां पर जो फाइंड ट्रिप की बटन है वो पूरी फुल आ रही है अगर मैं यहां पर क्लिक करता हूं तो यह रही आपकी फाइन ट्रिप की बटन अगर सेरियस इधर प मैं लिखूं
तो शेरिस कोडिंग स्कूल एयरपोर्ट भोपाल एंड फाइ ट्रिप प अगर मैं क्लिक करता हूं अच्छा मुझे पहले सजेशन प क्लिक करना रहेगा और फिर अगर मैं फाइंड ट्रिप पर क्लिक करता हूं तो अपना यह पैनल बंद हो जाना चाहिए और इसका नेक्स्ट वाला पैनल आना चाहिए तो इधर पर अपन आते हैं सेव करेंगे सेव करने के बाद इधर पे एक फंक्शन में क्रिएट कर रहा हूं जो बाकी फंक्शन उनको अभी के लिए मैं क्लोज कर रहा हूं जस्ट इधर पर आएंगे एक फंक्शन में क्रिएट कर रहा हूं फंक्शन फाइंड ड्रिप और यह इस फंक्शन के
अंदर हम क्या करेंगे जो आपका सेट व्हीकल ट्रू कर देंगे और जो आपका सेट कौन सा था सेट पैनल ओपन इसको अपन कर देंगे फाल्स सेट पैनल ओपन इसको अपन कर देंगे सेट फॉल्स पे और यह अपना फंक्शन पर्टिकुलर कब चलने वाला है इस बटन के क्लिक पे तो इधर पर हम बोलेंगे कि ऑन क्लिक फाइंड ट्रिप देखो अब जैसे ही मैं इस पर क्लिक करूंगा तो ये पैनल ओपन हो जाएगा और ये आपके चूज व्हीकल जो आपका ऑप्शन रहेगा यह ओपन हो जाना चाहिए अब यह जो पर्टिकुलर डाटा शो है ये अभी हमें बनाना
है ये पर्टिकुलर डाटा या शायद हमने बना के रख रहा है जो आपने राइड एक राउट बनाया था जो आपने एक राइड राउट बनाया था कि भाई राइड पिकअप दे दो वहां पे पिकअप पॉइंट क्या रहेगा डेस्टिनेशन क्या रहेगा एंड व्हीकल टाइप जो रहेगा खैर व्हीकल टाइप तो अभी हमें यहां पे सिलेक्ट करना रहेगा उसके अकॉर्डिंग हम उसको मूव करेंगे लेकिन उससे पहले हमें यहां पे एक चीज और चाहिए रहेगी क्या कि टोटल फेयर कितना लगने वाला है एंड डिस्टेंस आई डोंट थिंक यहां पे हमने शो किया है तो हमें सिर्फ अभी के लिए चाहिए
रहेगा कि हमें टोटल फेयर कित किना लगेगा अगर हम कार से जाते हैं मोटरसाइकिल से जाते हैं या ऑटो से जाते हैं तो इन सब में अपना फेयर कितने लगने वाला है एंड सिर्फ फेयर कैलकुलेशन के लिए आई डोंट थिंक हमने कुछ सा राउट क्रिएट किया था तो ट्स इजी पार्ट हम उसको जल्दी क्रिएट कर सकते हैं कैप्टन राउट्स कैप्टन राउट्स नहीं मैप्स या राइट राउट्स प अगर अपन आते हैं तो सिंपली मैं यहां पर बोल सकता हूं कि सबसे पहले तो मैप्स प अगर सर्विसेस में देखता हूं तो राइट सर्विसेस में हमारे पास कौन-कौन
से फंक्शन है एक क्रिएट राइड है गेट फेयर हां वी वांट दिस फंक्शन ये जो गेट फेयर है जो हमें पिकअप एंड डेस्टिनेशन के बीच में अ एक आईडिया दे देता है कि भाई कितना फेयर लगने वाला है तो दिस फंक्शन वी वांट तो इसके लिए हम क्या करने वाले हैं सिंपल इस पर्टिकुलर फंक्शन को एक्सपोर्ट कर देंगे मॉड्यूल डट एक्सपोर्ट गेट फर यहां से इस फंक्शन को हमने कर दिया एक्सपोर्ट और फिर करेंगे इसको यूज सेव करेंगे सेव करने के बाद कंट्रोलर पे आते हैं ओके तो यह है आपका राइट कंट्रोलर राइट कंट्रोलर क्रिएट
राइट के जस्ट नीचे मैं यहां पर एक और कंट्रोलर क्रिएट करूंगा मॉड्यूल डट एक्सपोर्ट गेट फर गेट फर के बाद हम एक राउट और क्रिएट करना चाहूंगा तो इधर प बोलूंगा राउटर डॉट गेट गेट वेर ऑथ मिडल वेयर और ऑथ मिडल वेयर से के बाद में जस्ट हमें कुछ यहां पर चेक्स लगाने रहेंगे कौन-कौन से क्योंकि हम यहां पर एक गेट टाइप काउड बना रहे हैं तो बॉडी से काम नहीं चलेगा हमें जहां यहां पे चाहिए रहेगी क्वेरी आई थिंक क्वेरी के बाद हम यहां पे दो डाटा चाहिए एक पिकअप एंड एक हमें चाहिए रहेगा
डेस्टिनेशन सेव किया सेव करने के बाद गेट फेयर पे चलते हैं एरर्स चेक करते हैं कि भाई कुछ एरर आए तो नहीं है लाइक एरर्स पिकअप एंड डेस्टिनेशन क्वेरी से हम निकालेंगे गेट फेयर कैलकुलेट करेंगे और जो भी फेयर रहेगा उसको एज इट इज अपन रिटर्न कर देंगे सेव करते हैं सेव करने के बाद इस पर्टिकुलर पूरे राउट का डॉक्यूमेंटेशन मुझे करना रहेगा तो दैट इज अगेन इजी अपने पास एआई है तो हम क्या करने वाले हैं एक काम करते हैं कर लेते हैं इधर पे आएंगे एंड राइ कलर ड जए इसको मैं हटा रहा
हूं एंड @ वर्क स्पेस अब ये वर्क स्पेस का क्या मतलब होता है यहां पे जो मैंने लिखा हूं देखो यह जो पूरा फीचर है ना यह वीएस कोड का कोपायलट पावर करता है मतलब कि भाई कोपायलट के पास पूरा कंट्रोल रहता है वीएस कोड का उसके अंदर आपने क्या-क्या लिखा है तो वर्कस्पेस का ये मतलब होता है कि भाई ये जो वीएस कोड में जो भी है वीएस कोड में जो भी है पूरा रिसोर्स आप यूज कर लो और फिर जो मैं बोल रहा हूं वो काम करके दो मुझे तो यहां पे मैं क्या
बोल रहा हूं कि भाई आप एक काम करो यह जो स्लैश गेट फेयर राउट है अपडेट डॉक्स फॉर गेट फेर एंड पॉइंट इन दी डमी डट एडी फाइल और इसको करते हैं अपन एंटर तो जैसे ही मैं एंटर करूंगा तो जो आपकी readme.md फाइल होगी उसका वो अपडेट होना चालू नहीं होगी ध्यान रखना वो अपडेट होना चालू नहीं होगी वो आपको यह बता देगा कि क्या चीज आपको अपडेट करनी है चैट्स के साथ ये रहता है अब यहां प पता है एक चीज क्या होती है कि उसने यहां पे 6 56 रेफरेंसेस यूज किए है
इतनी सारी फाइल्स उसने यूज किया है जस्ट मेरी एक कमांड को कंपाइल करने के लिए तो इसका जो रिजल्ट रहते हैं काफी एक्यूरेट रहते हैं इधर प आते हैं हां readme.md मतलब कि जो भी एमडी फाइल में कुछ भी सजेशन आते है ना तो उसके लिए अभी सारे जो लाइक मैंने बहुत सारे एआई यूज किया हूं जीपीटी भी यूज किया हूं लेकिन सारे जो भी अपने मॉडल्स हैं वो सब फेल होते हैं रिस्पांस दिखाने में रिस्पांस देते हैं लेकिन दिखाने में सब फेल होते हैं तो आपको क्या करना रहेगा इसको खुद से थोड़ा मॉडिफाई करना
रहेगा इसको पूरे सजेशन को कॉपी कर सकते हो आप कॉपी करने के बाद एक नई फाइल में हमें जो सिर्फ काम की चीज है उसको आप हटा कॉपी करोगे तो देखो आपको क्या-क्या हटाना रहेगा जस्ट यहां से यह वाला पार्ट एंड इसके नीचे से आप पूरी चीज को कर सकते हो कॉपी इसको हटा सकते हो डोंट सेव readme.md पे आओ एंड यहां पर आके पेस्ट कर दो और अब अगर यहां पर आप देखोगे तो एक नया राउट क्रिएट हो चुका है दैट इज स्ल राइट्स गेट फेर सेव करेंगे सेव करने के बाद इसको मैं बाद
में कमेंट करूंगा पहले इसको एक बार चेक करना चाहूंगा मैं चेक करने के लिए गेट फेर गेट फेयर को हम अ होड जए एक पे जब अपन फाइंड ट्रिप करेंगे तो फाइंड ट्रिप के अंदर इधर प मैं एक बोलूंगा के सो फेयर जो अपना फेयर रहने वाला है ओके सो इधर पे एक और हमें स्टेट वेरिएबल क्रिएट करना रहेगा कंस्ट वेर या हम यहां पर बोल सकते हैं यूज स्टेट स्निप इट एंड इधर प बोलूंगा फेयर और शुरू में यह रहेगा नल या हम इसको एक ऑब्जेक्ट की तरह दे सकते हैं सेव करेंगे सेव करने
के बाद वापस आते हैं एंड जो आपका फाइंड ट्रफ फंक्शन है इसमें आप बोलोगे बाय द वे इसको मु बताना रहेगा असं फंक्शन और असिंग फंक्शन के बाद इधर मैं बोलूंगा कंस्ट रिस्पांस अवेट डॉट एस ड पोस्ट गेट फेयर स्लश राइट स्ल क्रिएट नहीं यहां पर जो हमें चाहिए रहेगा दैट इज गेट फेर गेट फेयर के बाद हमें ऑथराइजेशन टू का नेक शेयर करना है तो उसके लिए यहां पर बोलूंगा कि पिक अप डेस्टिनेशन एंड पोस्ट नहीं बाय द वे गेट है एंड यह जो आएगा यह पम्स के अंदर आएगा यह पर्टिकुलर पार्ट यहां से
हट जाना चाहिए गेट वेर ऑथराइजेशन इधर से सारी चीजें ठीक चल रही है अब अगर मैं यहां पर पे आके console.log डटा करता हूं तो लेट्स सी हम यहां पे आते हैं बोलते हैं कि शेरिस कोडिंग स्कूल एयरपोर्ट भोपाल फाइन ट्रिप तो हमारे पास यहां पे फेयर का पूरा डाटा आ रहा है कि भाई ऑटो कितना चार्ज करने वाला है कार कितना चार्ज करेगी एंड मोटरसाइकिल कितना चार्ज करने वा तो इतना बड़ा हमें नहीं चाहिए कि भाई इतना फ्रैक्शन में इतने पैसे यूपीआई भी आई डोंट थिंक पे कर पाएगा इतने फ्रैक्शन में तो इसको हम
क्या कर सकते हैं राउंड कर सकते हैं या या सील लगा सकते हैं अपन ऑपरेशन तो यह सेम चीज मुझे यहां पर शो करनी है तो उसके लिए हम क्या करेंगे यह जो आपका व्हीकल पैनल है व्हीकल पैनल में एक चीज में और भेज रहा हूं दैट इज फेयर इक्वल्स टू जो आप फेयर कैलकुलेट किए हो फयर और व्हीकल पैनल में व्हीकल पैनल पे र गो टू मिनट्स यह तो खैर हार्ड कोडेड है इसको मैं चेंज नहीं बट यह पर्टिकुलर जो पार्ट है इसको मैं चेंज करना चाहूंगा इधर प मैं लिखूंगा अभी के लिए वेयर
ओ प्रॉप्स आई थिंक हमने यूज किया है यहां पर तो इधर प हम लिखेंगे प्रॉप्स डट फरड का फिर मोटो की अगर अपन बात करते हैं तो यहां पर आएगा प्रस ड फर डॉट मो और फिर लास्ट में अपने पास आएगा आई थिंक ऑटो तो इधर पे हम बोलेंगे प्रॉप्स डॉट पेर डॉट मोटो सेव किया सेव करने के बाद अब एक बार फाइनली अपन टेस्ट करके देखते हैं क्या यह काम कर रहा है सीरियंस से अपन को जाना है एयरपोर्ट एंड एयरपोर्ट कौन सा भोपाल वाला शेरियन कोडिंग स्कूल डेस्टिनेशन एयरपोर्ट भोपाल भूपाल नहीं भोपाल प
ट्र तो प्रॉपर काम कर रहा है मतलब कि देखो काम करना तो चालू कर चुका है लेकिन अगेन मैंने बोला था कि इतना बड़ा नंबर तो हमें नहीं चाहिए तो उसके लिए हम क्या करने वाले सीधा एक काम कर सकते हैं दैट इज आई थिंक प्रॉप्स फेयर क एंड आई थिंक हमें बैक एंड पय काम करना चाहिए वहां पर ज्यादा ठीक रहेगा गेट फेयर गेट फेयर के अंदर यह जो पूरा फेयर वाला पार्ट है आपका इसको मैं कर रहा हूं मैथ डॉट राउंड और सिमिलर में बाकी के साथ कर रहा हूं मैथ डॉट राउंड अब
एक बार अपन टेस्ट करते हैं तो शेरिस एंड एयरपोर्ट भोपाल फाइंड तो अब यहां पर जो हमें डटा मिल रहा है ट इ फेर डाटा एंड आई थिंक य पर एक छोटा सा चेंज और करना चाहूंगा बस बहुत छोटा सा है देखो यहां पर बस एक साइन लगाना है मुझे तो आई थिंक उसका जो साइन होगा वो यह होगा एंड दिस वन हां तो बस मुझे यही चाहिए था तो देखो अब अपने पास क्या आ चुका है कि भाई हर एक लाइक हर एक व्हीकल कितना प्राइस कैलकुलेट करने वाला है कितना प्राइस हमें लगेगा वो
हमें बता रहा है और यहां पे एक चीज की गलती है मोटरसाइकिल एंड ऑटो दोनों सिमिलर बता रहे हैं यहां पे ऑटो का जो प्राइस है वो थोड़ा सा ज्यादा है ओके तो यहां पर जो आएगा दैट इज ऑटो अब ठीक है तो तो अब जो हमें प्राइसिंग मिल रही है वो एकदम एक्यूरेट मिल रही है कि भाई कार से अगर आप जाओगे तो आपको ₹5000000 बना रहा हूं इधर पे अपने होड जए एक पे होड जए पे एक फंक्शन मैं क्रिएट कर रहा हूं और इस फंक्शन का नाम रहेगा फंक्शन फंक्शन की स्पेलिंग गलत
है फंक्शन डॉट क्रिएट राइट अब क्रिएट राइट जो रहेगी ना व आपसे देखो हमारे पास यहां पे मैक्सिमम पूरा डाटा है हमारे पास पिकअप है अपने पास डेस्टिनेशन है एंड एक चीज जो हमारे पास अभी प्रेजेंट में नहीं है दैट इज व्हीकल टाइप तो वो हम अभी यूजर से मांगेंगे और वो यह फंक्शन एक्सेप्ट करेगा व्हीकल टाइप व्हीकल टाइप एक्सेप्ट करेगा व्हीकल टाइप एक्सेप्ट करने के बाद एस पोस्ट राइट्स क्रिएट पिक अप डेस्टिनेशन एंड व्हीकल टाइप्स चले जाएंगे हेडर्स के साथ एंड साथ ही साथ मैं चाहूंगा कि एक अस सिंक फंक्शन हो और असं फंक्शन
होने के साथ मैं इधर बोलूंगा कौन जो भी रिस्पांस आएगा आप उसको अवेट कैलकुलेट करो और कैलकुलेट करने के बाद यहां पर आके अभी के लिए सिर्फ आप इसको कर दो कंसोल अब यह जो क्रिएट राइड है यह चलना कब चाहिए यह चलना तब चाहिए जब आप यहां पर किसी भी लाइक कार पे ऑटो पे या मोटरसाइकिल पे क्लिक करते हो तो उस पे व्हीकल सेलेक्ट होगा और उसके अकॉर्डिंग आपकी एक राइट क्रिएट हो जाएगी तो यहां पे हम बोलेंगे कि भाई एक काम करो अ यह जो आपका व्हीकल पैनल है यह जो आपका व्हीकल
पैनल है तो इस पे एक फंक्शन और लेके जाओ आप दैट इज़ क्रिएट राइट और क्रिएट राइट में इसको आप लेके जाओ अब हमें क्या करना है यह जो क्रिएट राइट है इसको हमें कॉल करना है जब भी इनमें से किसी पर भी क्लिक होगा तो प्रॉस डॉट सेट कंफर्म राइट पैनल ट्रू एंड ओके तोय जो सेट कंफर्म राइट पैनल है इसके क्लिक पर मैं एक काम और कर सकता हूं कि भाई यह किसके लिए आई थिंक य कार के लिए तो यहां पर प्रॉप्स डॉट क्रिट राइड कार और सिमिलर में काम कर रहा हूंगा
मोटो एंड लास्ट में अपने पास रहेगा बस एक और ट इज ऑटो नाइस अब एक बार ट्राई करते हैं अगर सब ठीक रहा अगर सब ठीक रहता तो यहां पर अपने पास एक राइट का लाइक राइट का जो भी डाटा रहेगा वो कंसोल हो जाना चाहिए तो इधर पर हम आते हैं और बोलते हैं कि भाई हमें जाना है शेरियन कोडिंग स्कूल से कहां पर एयरपोर्ट साइड प भोपाल एंड फाइंड ट्रिप फाइंड ट्रिप ट्रिप का तो अपने पास पूरी प्राइसिंग आ जा रही है अगर मैं अब कार सिलेक्ट करता हूं अगर मैं अब कार सिलेक्ट
करता हूं तो यूजर भोपाल की भाई डेस्टिनेशन आपकी भोपाल है पिकअप यह रहा टोटल फेयर इतना जाने वाला है ओटीपी यह रहा आपके पास एंड स्टेटस जो है वह अभी पेंडिंग पे स्टेटस जो आपका करंट चल रहा है दैट इज पेंडिंग पे चल रहा है और इधर पे अब आ रहा है कंफर्म योर राइट का हम तो आई थिंक हमें जो हमने सिलेक्ट किया था व इधर पर आना चाहिए कंफर्म यर राइट ओके तो यई के अकॉर्डिंग हमें थोड़े से चेंज और करने रहेंगे यह जो क्रिएट राइट वाला फंक्शन है य जो क्रिएट राइट वाला
फंक्शन है इसको थोड़ा लेट कॉल करना रहेगा हमें ओके तो उसके लिए हमें एक चीज यहां पर और चाहिए ट इज व्हीकल टाइप तो यूज स्टेट यूज स्टेट स्निप इट व्हीकल टाइप शुरू में य रहेगा नल शुरू में नल रहेगा एंड यह जो आपका व्हीकल टाइप था व्हीकल था इसमें क्रिएट राइट की जगह मैं बोलूंगा सिलेक्ट व्हीकल सिलेक्ट व्हीकल के बाद इधर पर मैं बोलूंगा इससे सेट व्हीकल टाइप एंड इसके अंदर अब देखो सेम चीज हमें यहां पर अपडेट करनी रहेगी क्रिएट राइट की जगह सेट वकल इसको करते हैं सेव सेव करने के बाद अब
ये जो आपकी कंफर्म वाली बटन है ये जो आपकी कंफर्म राइड वाली बटन है इस पे मैं भेजूंगा क्रिएट राइड का फंक्शन अ व्हीकल टाइप यहां पे नहीं जाएगा यहां पे जाएगा क्रिएट राइड और क्रिएट राइड हम इस पे भेज देंगे और अब देखो जो आपका व्हीकल टाइप है वो तो हमने एक वेरिएबल के अंदर क्रिएट कर लिया है तो व्हीकल टाइप मुझे यहां पर नहीं मंगाना पड़ेगा सीधा जस्ट इस फंक्शन को कॉल करना रहेगा और व्हीकल टाइप ऑटोमेटिक स्टेट वेरिएबल से अपने पास आ जाएगा ये जो हमने यहां पे क्रिएट किया था इसकी हेल्प
से तो अब हमें क्या करना है ये जो कंफर्म राइड वाला कंपोनेंट है इस पे जब भी बटन पे हम क्लिक करेंगे जब भी बटन पे हम क्लिक करेंगे तो एक काम हमें और करना रहेगा दैट इज प्रॉप्स डॉट क्रिएट राइट कॉल करना रहेगा तो लेट्स सी इधर पे हम आते हैं एंड पिकअप लोकेशन मान लो इस बार उल्टा कर रहे हैं एयरपोर्ट दिल्ली दिल्ली से चलेंगे अपन एंड हम पहुंचने वाले हैं शेरियन कोडिंग स्कूल पर तो काफी एक लंबा सफर होने वाला है एंड फाइन ट्रिप करके देखते हैं तो फाइन ट्रिप जो बन रही
है अपनी दैट इज कार से अगर जाओगे तो 14000 की ट्रिप बन रही है भाइयों एंड मोटरसाइकिल से 7000 आधा पड़ रहा है जस्ट लगभग एंड ऑटो से थोड़ा सा महंगा है मोटरसाइकिल के कंपैरिजन में अब हम थोड़े से हैं अमीर तो चलेंगे र गो से एंड करते हैं कंफर्म राइट अच्छा एक चीज और यहां पर एक्चुअल डाटा चाहिए यह जो कम योर राइड है ना यहां पर मुझे एक्चुअल डाटा चाहिए तो उसके लिए हम क्या करने वाले हैं अब सबसे पहले तो यह जो आपका कंफर्म राइड वाली चीज है कंफर्म राइट इस पर हम
भेजेंगे पिकअप एंड डेस्टिनेशन यह दोनों चीजें भेजेंगे कंफर्म राइट पे यह जो पर्टिकुलर शो हो रहा है इधर पे आप बोल सकते हो पी टैग में आई थिंक यहां पर पी टैग में इस पर्टिकुलर पार्ट को अभी के लिए मैं हटा रहा हूं एंड इसकी जगह मैं लिखूंगा प्रॉप्स डॉट पिकप प्रॉप्स एंड यह जाएगा कर्ली ब्रेसस में प्रॉप्स डॉट पिक अप एंड सिमिलर यह अपना जाएगा प्रॉप्स डॉट डेस्टिनेशन प्रॉप्स डॉट डेस्टिनेशन ठीक है अब यह थोड़ा ठीक लग रहा है कि कैश प्राइस अच्छा कैश प्राइस भी तो हम अपडेट करना है तो उसके लिए हम
क्या करने वाले इस पर्टिकुलर चीज को फेयर हमें यहां पर और भेजना रहेगा तो फेयर एंड फेयर के बाद हम यहां पर भेज रहे होंगे आई थिंक व्हीकल टाइप कि व्हीकल टाइप के अकॉर्डिंग हमें यहां पर सारी चीजें मिलेंगी तो व्हीकल व्हीकल टाइप एंड फाइनली इधर पर हम बो भेज सकते हैं प्रॉप्स डॉट फर एंड अपन का यहां पर जाएगा प्रॉप्स डॉट व्हीकल टाइप ठीक है तो अब एक बार टेस्ट करके देखते हैं अगेन यहां पर आएंगे और बोलते हैं कि भाई हम चल रहे हैं दिल्ली एयरपोर्ट से दिल्ली एयरपोर्ट से हम जाना चाहते हैं
मान लो कि कोलकाता जा रहे हैं कोलकाता वेस्ट बंगाल एंड फाइन ट्रिप तो फाइन ट्रिप अपन को भाई इतने की पड़ रही 8000 की अमीर आदमी 28000 से चलेंगे तो यह रही कि भाई दिल्ली एयरपोर्ट से आप निकलोगे और जा रहे हो टोटल जो आपका प्राइस रहने वाला है वो इतना रहेगा 8124 एंड इधर पे एक और सिंबल मैं ऐड कर रहा हूं यह हो गया अब जैसे ही मैं कंफर्म राइट पर क्लिक करता हूं कंफर्म पर जैसे ही मैं क्लिक करूंगा तो अपनी जो राइड है वो क्लिक क्रिएट हो जाएगी और क्रिएट होने के
बाद सिमिलर मुझे यहां पर डाटा शो करना रहेगा लाइक यहां पर अभी भी एक डमी डाटा है तो डमी डाटा को हटाने के लिए लुकिंग फॉर ड्राइवर पे हम यहां पर आते हैं एंड सिमिलर लाइक इतना डाटा हमें अगेन शो करना है लुकिंग फॉर ड्राइवर लुकिंग फॉर ड्राइवर में इसकी जगह प बोलूंगा ओके तो आई थिंक प्रॉप्स डॉट पिक अप एंड इधर पे हम बोल रहे होंगे प्रॉप्स डॉट डेस्टिनेशन प्रॉप्स डॉट डेस्टिनेशन एंड हमें यहां पे एक चीज और बोलनी रहेगी दैट इज प्रॉप्स डॉट फेर और फेर के अंदर अपने पास आएगा प्रॉप्स डॉट व्हीकल
टाइप इधर पर हम बोलेंगे कि भाई इस बार अपन चलेंगे दिल्ली एयरपोर्ट से नहीं काम करते हैं जयपुर से चलेंगे जयपुर एंड जयपुर राजस्थान और जयपुर राजस्थान से अपन चलने वाले कोची पूरी इंडिया यही घूम रहे हैं अपन तो भाई इस बार थोड़ी और महंगी ट्रिप गई है इस बार ट्रिप और महंगी गई है कार से तो एकदम मजा एंड जयपुर राजस्थान से अपन चल रहे हैं कोची इतने पैसे लगने वाले हैं राइड कंफर्म करते हैं राइड कंफर्म करने के बाद राजस्थान कोची कैश प्राइस आप कितना जाएगा एंड लुकिंग फॉर अ ड्राइवर तो अब हम
फाइनली पहुंच चुके हैं लुकिंग फॉर ड्राइवर कि भाई अब हम ड्राइवर को ढूंढ रहे अब अपना जो ड्राइवर है जिसको हम कैप्टन बोल रहे हैं तो उसमें अब सीन क्या है कि उसके पास अब एक रिक्वेस्ट जानी चाहिए अब उसके पास एक रिक्वेस्ट जानी चाहिए कि भाई एक आपके पास ड्राइव या एक राइड अवेलेबल हुई है क्या आप इसको एक एक्सेप्ट कर रहे हो या रिजेक्ट कर रहे हो तो अब वो लॉजिक हमें क्रिएट करना है तोब ड्राइवर के साइड पे वो कैसे इस पर्टिकुलर पेज पर आएगा उसके पास कैसे रिक्वेस्ट आने वाली है वो
हमें समझना है तो अब वो देखते हैं चलो तो चलो यार अब ना हम कैप्टन के साइड पे कैसे इंटीग्रेशन परफॉर्म करना है वो देखते हैं तो कैप्टन के लिए मैं अलग ब्राउजर यूज़ करने वाला हूं दैट इज 5173 5173 एंटर इसको अपन मोबाइल व्यू पर डालते हैं एंड हियर मोबाइल व्यू रिस्पांसिस की जगह मैं इसको बोल रहा हूं कैप्टन का अकाउंट में क्रिएट करना चाहूंगा तो फर्स्ट नेम जो मैं बोल रहा हूं दैट इज अनुराग एंड लास्ट नेम जो रखते हैं वो अपन रखते हैं पटेल एंड कैप्टन का जो ईमेल रहेगा दैट इज अनुराग
पटेल @ gmail.com पासवर्ड जो रहेगा मैं इसको बोल दे रहा हूं टेस्ट अंड अनुराग व्हीकल इंफॉर्मेशन कलर की अगर बात करें तो रेड होगा नंबर प्लेट जो होगी वो होगी एमपी 0 4 mp04 के बाद यहां पर हमें चाहिए रहेगा लाइक एक और नंबर तो एकवा एंड 4567 ये अपने नंबर प्लेट हो गई कैपेसिटी इसकी कितनी है कैपेसिटी इसकी तीन है क्योंकि एक कार है तो कार की कैपेसिटी और एक कैप्टन अपना रहेगा तो व्हीकल जो अपन सेलेक्ट कर रहे हैं दैट इज कार की भाई हम कार टाइप सिलेक्ट कर रहे हैं एंड क्रिएट अकाउंट
क्रिएट अकाउंट के बाद हमारे पास इस टाइप का पेज ओपन होता है इसको मैं कर रहा हूं सेव सेव करने के बाद यह पेज मुझे ओपन हो जाता है अब देखो यह जो पर्टिकुलर पेज है ना ये बाय डिफॉल्ट ओपन नहीं हो होना चाहिए था जो मुझे पेज दिखता है वो कुछ इस टाइप का दिखना चाहिए हर्ष पटेल काइंड ऑफ यह तो अभी खैर हार्ड कोडेड वैल्यू है हम इसको ठीक कर सकते हैं कैसे देखो इधर प हम आते हैं एंड जो आपका कहां गया पेजेस कैप्टन होम जो है कैप्टन होम के अंदर अगर मैं
ता हूं तो यहां पर कहीं ना कहीं हर्ष पटेल लिखना चाहिए कैप्टन डिटेल्स के अंदर अगर अपन आते हैं तो ये रहा देखो हम यहां पे कैप्टन कॉन्टेक्स्ट को ट कर रहा हूं इंपोर्ट कैप्टन प्रोफाइल या जो अपना कैप्टन कांटेक्ट है मैं उसको लेकर आना चाहता हूं तो यह कहां पर था कैप्टन यहां पर नहीं है एक चीज और इससे पहले मैं इसको लेकर आना चाहूंगा यूज कॉन्टेक्स्ट प यूज कॉन्टेक्स्ट एंड ऐसा क्यों हो रहा है क्योंकि हमने यहां पर गलत ब्रैकेट यूज किए पेस्ट कैप्टन कैप्टन जो अपना रहेगा मैं इधर पर इंपोर्ट करता हूं
कैप्टन कॉन्टेक्स्ट बट कैप्टन कॉन्टेक्स्ट आ नहीं रहा है यहां पर बट वाई लेट्स सी तो कॉन्टेक्स्ट पर अगर अपन चलते तो कैप्टन कॉन्टेक्स्ट यह रहा और जो मुझे चाहिए वह यह है कैप्टन डाटा कॉन्टेक्स्ट फम कैप्टन कॉन्टेक्स्ट एंड अब हम यहां पर यूज करेंगे कंस्ट कैप्टन कैप्टन टेक्स से हमने कैप्टन को निकाल लिया है और कैप्टन निकालने के बाद जो हम यहां पर यूज करेंगे हर्ष पटेल की जगह वह होगा कि भाई कैप्टन से आप चाहो फुल नेम में और फुल नेम में भी आप पहले लिख दो फर्स्ट नेम तो अभी तक जो उसका हो
जाना चाहिए वो हो जाना चाहिए अनुराग तो कैप्टन कांटेक्ट य उसको नहीं मिल रही है फाइल उसको नहीं मिल रही आई थिंक ओके तो हां फाइल तो एजिस्ट नहीं करती है तो फ्रोम पर अगर हम आते तो कॉन्टेक्स्ट कॉन्टेक्स्ट के अंदर कैप्टन कॉन्टेक्स्ट लेट्स सी इसको मिलाते हैं थोड़ा सा कॉन्टेक्स्ट स्लश कैप्टन ओके स्पेलिंग गलत है फाइल की जो स्पेलिंग है वो गलत गलत है लेकिन यहां पर अब इसको अगर हटा दूं मैं तो यहां पर अनुराग लिखा आ रहा है इसको मैं थोड़ा कर देता हूं कैपिटल इज पे इधर पे आते हैं एंड प्लस
एक स्पेस मुझे चाहिए रहेगा बीच में एंड अगेन एक प्लस और यहां पर हम बोलेंगे कैप्टन डॉट फुल नेम डॉट लास्ट नेम तो अपने पास अनुराग पटेल आ चुका है और इसके बाद इसको मैं बोलूंगा टेक्स्ट कैपिट इइ कैपिटल टेक्स्ट कैपिटल नहीं हो रहा है तो आई थिंक क्या हम इसको टेक्स्ट ट्रैप प्रिटी सेंटर जस्टिफाई एंटर एंड कैपिट आइज का ऑप्शन क्यों नहीं आ रहा है मेरे को क्लास याद नहीं है उसकी क्योंकि टेक्स्ट कैपिट आइज या आई थिंक टैक्स नहीं आता वहां पर सीधा कैपिट आइज आता है हां अनुराग पटेल तो व अपने उसने
एडजस्ट कर लिया है अन दैट इ समथिंग जो अभी हमारे पास नहीं है तो उसको मैं सिर्फ अभी लिख दे रहा हूं उसको कैलकुलेट नहीं कर रहा हूं ऑन अवर्स ऑनलाइन एंड अवर्स ऑनलाइन इतनी सारी चीजें नाम सेही आ रहा है अब देखो होना क्या चाहिए कि जैसे ही यह भी एक जो आपका यूजर है या कैप्टन है उसकी होम स्क्रीन है यह उसकी होम स्क्रीन है अब होना यह चाहिए कि जैसे ही कोई भी यूजर जैसे ही कोई भी यूजर यहां पर आके लाइक मैं मान लेता हूं शेरिस कोडिंग स्कूल से मुझे जाना है
दिल्ली मुझे अगर दिल्ली जाना है फाइन ट्रिप कार मैंने सेलेक्ट किया और इधर पर आने के बाद कंफर्म योर राइट पे अगर मैं बोलता हूं तो क्या इसमें कुछ प्रॉब्लम हो रही है ओके चेरियंस कोडिंग स्कूल एंड इधर पर आकर मैं बोलता हूं कि भाई दिल्ली मुझे जाना है ट्रिप फाइंड कर दो र को एंड यह जो लुकिंग फॉर ड्राइवर है ये मूव नहीं हो रहा है ठीक से ओके ठीक है फिर से ट्राई करके देखते हैं एक बार तो शेरिस कोडिंग स्कूल इधर पर बनाते हैं और बोलते हैं कि भाई दिल्ली चलना है हमें
फाइन ट्रिप एंड फाइन ट्रिप के बाद यह जो अगर मैं u गोप सिलेक्ट कर रहा हूं तो ये लुकिंग फॉर ड्राइवर है यह पर्टिकुलर एलिमेंट जा नहीं रहा है यहां से तो पोजीशन फिक्स्ड बॉटम से जीरो ओके तो बॉटम से जीरो तो यह आ रहा है बट क्योंकि पडि हमने देक रखी तो य जा नहीं रहा है ओके तो एक काम कर सकते हैं आई थिंक यह जो जहां पर हमने जी सेप यूज किया है क्रिएट राइड फंक्शन कंफर्म राइड पैनल लुकिंग फॉर ड्राइवर ओके कंफर्म राइड यहां पर आ चुका है शेरियन से दिल्ली तक
इसको अपन करते हैं कंफर्म और कंफर्म करने के बाद अब ये जो पर्टिकुलर लुकिंग फॉर ड्राइवर आ रहा है ये अब हमें चाहिए अब देखो जैसे ही ये स्क्रीन चाहिए रहती जैसे ही ये स्क्रीन आती है तो एक नोटिफिकेशन चली जानी चाहिए अपने ड्राइवर के पास कि भाई यहां से यहां तक जो आपको अभी यहां पे इसको मैं रीलोड करता हूं तो ये जो पैनल आपको दिख रहा है न्यू राइड अवेलेबल कि भाई इस पर्टिकुलर बंदे ने एक रिक्वेस्ट रेज की है कि हां इसको यहां से यहां तक जाना है कहां से शेरस कोडिंग स्कूल
यहां पे लिखा आएगा दिल्ली यहां पे लिखा आना आना चाहिए और आपको कितना प्राइस मिलेगा वो यहां पे लिखा आना चाहिए तो ये सारी चीजें अब हम यहां पे भेजनी है तो उसके लिए हम क्या यूज़ करने वाले हैं उसके लिए हम यूज़ करेंगे सॉकेट आयो का तो अब अपन देखते हैं कि सॉकेट आयो किस तरीके से हम सेटअप करेंगे हमारे इस पर्टिकुलर सर्वर पे एंड उसको कैसे इंटीग्रेट करते हैं चलिए तो अब हमें सॉकेट आयो यहां पे सेटअप करना है हमारे सर्वर पे तो सॉकेट आयो सेटअप करना है तो उसके लिए मैं तो कोपायलट
का यूज़ करूंगा लेकिन आपको बेसिक्स आने चाहिए अगर बेसिक्स आपको नहीं आते तो प्लीज उसके लिए आप कमेंट कर देना उसके लिए हम एक नई वीडियो क्रिएट कर देंगे अब देखो सीधा अब जो फाइल यूज होने वाली है एक तो एड जए फाइल यूज होगी एड जस फाइल के बाद अपनी जो नेक्स्ट फाइल यूज सवर जस और एक नई फाइल हम क्रिएट कर रहे होंगे तो यहां पर बोल रहा हूं कि भाई क्रिएट अ न्यू फाइल सॉकेट डॉट जेएस दिस फाइल एक्सपोर्ट टू फंक्शंस टू फंक्शंस फर्स्ट इनिशियल इज सॉकेट एंड सेकंड इज सेंड मैसेज टू
सॉकेट आईडी एंड आई थिंक यहां पर हमें इसको कैमल केस में लिखना चाहिए तो एट एंड दिस वन तो हमने सिंपल सा बोला कि भाई आपको एक फाइल क्रिएट करनी है और वह फाइल आपसे दो फंक्शन को एक्सपोर्ट करवाएगी कौन-कौन से इनिला सॉकेट ए एक आपका रहेगा सेंड मैसेज टू सॉकेट आईडी तोय सेंड मैसेज टू सॉकेट आईडी हमें आगे चलके यूज करना है इस वजह से इसको अभी क्रिएट करवा रहा हूं इसको करते हैं एंड एक चीज और कॉल द इनिशियल इज लाइज सॉकेट फंक्शन इन दी सवर डॉट जए फाइल ठीक तो हमने यहां प
प्रम दे दिया है अब वो थोड़ा सा सोचेगा एंड हमें एक जनरेट करके दे देगा एडिट्स तो थोड़ा वेट करते हैं ठीक है तो फाइल्स एडिट हो चुकी है अगर मैं सर्वर ड जए प देखता हूं तो उने इनिला सॉकेट सकेट ड जए फाइल से रिक्वायर किया है और सीधा यहां पर कॉल किया है कॉल करने के बाद अगर मैं सकेट ड जए फाइल को देखता हूं तो तो यहां पर उसने सिर्फ एक काइंड ऑफ डमी प्लेट क्रिएट कर दी है लेकिन इधर मैं बोलता हूं कि भाई राइट लॉजिस फॉर द फंक्शंस एज वेल ठीक
है तो हम सीधा उससे बोले राइट द लॉजिक फॉर द फंक्शन एस वेल तोब वो लॉजिस लिखना चालू कर देना चाहिए अभी तक सॉकेट आईडी एंड मैसेज थोड़ा वेट करते हैं ठीक है तो यहां तक अब सारी चीजें मुझे ठीक लग रही है इसको करते हैं अपन एक्सेप्ट एक्सेप्ट करने के बाद देखो यहां पे अब फाइनल कोड क्या बन रहा है इनिश इइ सॉकेट हमने रिक्वायर किया सॉकेट फाइल से एंड सर्वर को हमने सीधा इनिला किया सॉकेट वाले को और इधर पे अगर आप सकेट . जए पे देखते हो तो इनिला इज सॉकेट का कोड
है ये पूरा जिसके अंदर आ डॉट कनेक्शन पूरा कोड लिखा हुआ है साथ ही साथ डिस्कनेक्ट का कोड है अब सेंड मैसेज टू सॉकेट आईडी जो यहां पे लिख के रखा है हमने इस पे भाई मैसेज आप भेजोगे एंड जो आपका मैसेज रहेगा वह चला जाएगा पर्टिकुलर सॉकेट आईडी पे इसको करते हैं सेव सेव करने के बाद इसको मैं एक बार टेस्ट करना चाहूंगा तो टेस्ट करने के लिए देखो एक नया टैब यहां पे क्रिएट करना जिसमें सॉकेट आयो आप सेलेक्ट कर सकते हो यूआरएल जो आपकी रहेगी सर्वर की यूआरएल रहेगी और सर्वर की यूआरएल
जैसे ही आप डालोगे और इधर पे कनेक्ट की बटन पे क्लिक करोगे तो कनेक्ट हो जाना चाहिए जो कि कनेक्ट हो चुका है और अब अगर सर्वर के टर्मिनल पे आप देखोगे तो क्लाइंट कनेक्टेड और जो उसकी यूआ आल है मतलब कि जो भी उसकी सॉकेट आईडी रहेगी वो आपको मिल जाएगी अब देखो हमें ना यहां पर दो काम करने रहेंगे हमें यहां पे सेम सॉकेट आईडी से लाइक सेम सॉकेट आईडी से नहीं मतलब सॉकेट आईओ सर्वर से सॉकेट आई सर्वर से अपने यूजर को भी कनेक्ट करवाना है और अपने कैप्टन को भी कनेक्ट करवाना
है तो उसके लिए हमें क्या करना रहेगा जब भी कोई भी कैप्टन या यूजर कनेक्ट होगा तो उनकी सॉकेट आईडी को हम सेव करवा लेंगे उनके डेटाबेस में तो उस पर्टिकुलर चीज के लिए हमें यहां पर चाहिए रहेगा दोनों ही यूजर मॉडल यूजर मॉडल इक्वल्स टू रिक्वायर यूजर मॉडल और एक हमें चाहिए रहेगा कंस्ट कैप्टन मॉडल इक्वल्स टू रिक्वायर कैपिटल मॉडल कैपिटल मॉडल हम रिक्वायर करेंगे और इधर पर मैं लगाऊंगा एक इवेंट सॉकेट डॉट ऑन जॉइन यूजर टाइप एक हम यहां पे चैनल बना रहे हैं टाइप यूजर इधर पे हम बोलेंगे सिंपल कि भाई फाइंड
बाय अपडेट कर दो अगर टाइप यूजर टाइप जो है वो यूजर का रहेगा और एल्स अगर कैप्टन के बराबर है तो जो आप भेजोगे आप अपडेट करोगे कैप्टन को सॉकेट आईडी उसकी एंड सॉकेट आईडी के बाद इसको करोगे क्लोज और जो आपका इवेंट है या जो आपका चैनल है उसका आप कर दोगे यहां पे बंद तो देखो हमने यहां पे एक इवेंट बनाया है दैट इज जॉइन जॉइन के अंदर आप हम आपसे दो चीजें मांग रहे हैं कौन-कौन सी कि भाई आप यूजर की आईडी दे दो यूजर की आईडी देने के बाद और यूजर का
का टाइप दे दो दोनों कहां पे मिलेंगे डाटा के अंदर तो जब भी हम जॉइन पे कुछ भी मैसेज सेंड करेंगे तो हमें एक ऑब्जेक्ट भेजना रहेगा जिसके अंदर यूजर आईडी रहेगी यूजर टाइप रहेगा उसके अलावा चेक कर लेंगे कि भाई यूजर है कि कैप्टन है और उसके अकॉर्डिंग हम सॉकेट आईडी को अपडेट कर देंगे यहां पे और आई थिंक यहां पे सेव यूजर आईडी सॉकेट आईडी ठीक है तो अपना एक कंप्लीट हो चुका है अब यह जो सॉकेट आयो हमने सेटअप किया है इसको हमें फ्रंट एंड पे भी इंटीग्रेट करना है तो अब देखते
हैं कि इसको फ्रंट एंड पे हम कैसे इंटीग्रेट करेंगे चलो तो चलो अब हम देखते हैं कि सॉकेट आयो को कैसे फ्रंट एंड प इंटीग्रेट करना है मतलब रिएक्ट में कैसे इंटीग्रेट करना है तो अब रिएक्ट में इंटीग्रेट करने के लिए आपको एक पैकेज चाहिए रहेगा और वो पैकेज आपको इंस्टॉल करना रहेगा तो फ्रंट एंड पे हम आते हैं फ्रंट एंड पे आने के बाद सर्वर जो अभी चल रहा था इसको अपन करते हैं बंद एंड इसको करते हैं क्लियर पैकेज इंस्टॉल करना है आपको एनपीएम आई सॉकेट ड आओ आन क्लाइंट एंटर तो ये एक
पैकेज आपको इंस्टॉल करना रहेगा इंस्टॉल करने के बाद देखो और वापस सर्वर को आई थिंक हम रन कर सकते हैं एनपीएम रन डेव एंटर तो सर्वर अपना वापस स्टार्ट हो चुका है अब देखो मैं क्या चाहता हूं कि मैं एक कॉन्टेक्स्ट बना लू सॉकेट आयो का कि भाई हमने सॉकेट आयो को एक बार कनेक्ट करेंगे और फिर जो भी कॉन्टेक्स्ट रहेगा उससे ही अपन यूज़ करते रहेंगे उस कॉन्टेक्स्ट के अंदर हम दो फंक्शन पास कर देंगे कौन-कौन से फंक्शन एक रहेगा जहां पर हम अ मैसेजेस को रिसीव करेंगे और एक फंक्शन रहेगा मैसेज को सेंड
करने के लिए तो सेम चीज मैं प बोलूंगा देखो मैं उससे बोल रहा हूं कि मेन ड जेएस एक में हमें कॉन्टेक्स्ट को लाना रहेगा तो यूजर कॉन्टेक्स्ट एक में यूज कर रहा हूं यहां पे एंड बाकी का काम तो आई थिंक अपना हो गया था तो यूजर कॉन्टेक्स्ट एक में यूज कर रहा हूं एंड मेन ड जस एक एक इधर प यूज कर रहा हूं तो इधर मैं बोल रहा हूं कि क्रिएट अ सॉकेट आओ कांटेक्ट फॉर दी क्लाइंट वि कंटेंस टू फंक्शंस एंड वच फंक्शंस टू फंक्शन वच कंटेन टू फंक्शंस वन फॉर सेंडिंग
मैसेज टू अ स्पेसिफिक इवेंट नेम एंड वन फॉर रिसीविंग मैसेज फ्रॉम अ इवेंट नेम और इधर पर बोल रहा आल्सो इंप्लीमेंट बेसिक कनेक्शन लॉजिस विथ सर्वर लेट्स सी क्या हमें मिलता है तो चलो देखते हैं वेट करते हैं थोड़ा सा एंड फिर अपन देखते हैं तो देखो इसने रिस्पांस हमें दे चुका है और main.js में इसने सबसे पहले सॉकेट जो प्रोवाइडर था उसको रैप कर दिया है ब्राउजर राउटर केस में और इसने एक फाइल क्रिएट किया है सॉकेट कॉन्टेक्स्ट की और सॉकेट कॉन्टेक्स्ट के अंदर जो बेसिक कोड होना चाहिए जहां पे हम सर्वर से कनेक्ट
कर रहे हैं वो पूरा कोड इसने लेके रखा है इसको कर रहा हूं मैं एक्सेप्ट एक्सेप्ट करने के बाद बस मुझे एक यह पर्टिकुलर यूआरएल चेंज रहेगी विद माय बेस यूआरएल तो इधर पर आते हैं इंपोर्ट इंपोर्ट एंड इंपोर्ट के बाद यहां पर मुझे बोलना रहेगा मेटा डॉट नवी डॉट वाइट अंडरस्कोर बस अंडरस्कोर यूआरएल इसको करते हैं सेव सेव करने के बाद यूज इफेक्ट सॉकेट डॉट ऑन कनेक्ट बेसिक कनेक्शन लॉजिक एंड सॉकेट ऑन डिस्क कनेक्ट रिटर्न सॉकेट डिस्कनेक्ट सेंड मैसेज इवेंट का नाम मैसेज क्या भेज रहे हो रिसीव मैसेज ठीक एंड आई थिंक सेंड मैसेज
एंड रिसीव मैसेज जो है वो हमने प्रॉपर तरीके से कर लिया है सॉकेट डॉट ऑन कनेक्ट कनेक्टेड टू सर्वर डिस्कनेक्टेड फ्रॉम सर्वर और अब अगर मैं देखता हूं यहां पर आता हूं इसको क्लियर करते हैं एक बार और रीलोड करके देखते हैं तो यहां पर अभी तक आ जाना चाहिए था कनेक्टेड टू सर्वर टू हिडन ओके क्या यह यहां पर इधर पर भी नहीं चल रहा है रीलोड कनेक्ट टू सॉकेट अभी नहीं चल रहा लेट्स सी क्यों काम नहीं कर रहा है यह यूज इफेक्ट सॉकेट क्या अपन ब्राउजर से कनेक्ट कर पा रहे हैं लेट्स
सी बैक एंड पर आते हैं तो क्लाइंट कनेक्टेड इधर पर तो आ रहा है और अगर मैं इधर पर रीलोड कर लू एक बार तो अगेन तो यह कनेक्ट होते से ही डिस्कनेक्ट हो जा रहा है यह कनेक्ट होते से ही डिस्कनेक्ट हो जा रहा है तो यह समथिंग वी डोंट वांट तो हम आते हैं ब्राउजर पे वापस एंड रिटर्न सॉकेट डिस्कनेक्ट यह अनमाउंट क्यों हो रहा है अगर मैं इसको हटा दूं यहां से तो क्लाइंट कनेक्टेड है एंड कंसोल कनेक्टेड टू सर्वर यहां पर आ रहा है ठीक चल रहा है तो अभी अपन क्या
कर रहे हैं सॉकेट की हेल्प से ब्राउजर से कनेक्ट कर पा रहे हैं एंड यहां पर भी हम ब्राउजर से कनेक्ट कर सकते हैं अब देखो मुझे क्या करना है जैसे ही हम किसी भी कंपोनेंट पे अगर लेते हैं अभी जैसे कि एग्जांपल लेते हैं यूजर कंपोनेंट का यूजर होम कंपोनेंट का पेजेस पे आते हैं तो अपना ये जो है . j एक ये एक कंपोनेंट है जो हमने यूजर प्रोटेक्टेड रैपर के अंदर बनाया मतलब क्या कि यह कंपोनेंट सिर्फ तब दिखता है जब यूजर लॉग इन होता है तो इधर मैं एक काम और कर
सकता हूं जो आपका सॉकेट वाला कॉन्टेक्स्ट है उसको और मंगा रहा हूं इंपोर्ट सॉकेट कॉन्टेक्स्ट सॉकेट प्रोवाइडर या हम यहां पर बोल सकते हैं सॉकेट कॉन्टेक्स्ट कि भाई सॉकेट कॉन्टेक्स्ट को आप मंगा लो उसके बाद जो आपने दो फंक्शंस बनाए थे जो आपने दो फंक्शंस बनाए थे कंस्ट सॉकेट सॉकेट तो आई डोंट थिंक हमने ये बनाए थे अगर याद है मुझे तो हमने सेंड मैसेज बनाया था एंड एक हमने बनाया था रिसीव मैसेज तो ये जो सेंड मैसेज है ना इसका मैं यूज करने वाला हूं इसका मैं यूज करूंगा यूज इफेक्ट के अंदर कि हमने
और पहले कभी यूज इफेक्ट यूज किया इसके अंदर अभी तक नहीं किया आई थिंक तो अब हम यूज करने वाले यहां पे यूज इफेक्ट का यूज इफेक्ट और यूज इफेक्ट के अंदर हम देंगे एक कॉल बैक और कॉल बैक के अंदर हम यहां पे बोलेंगे सेंड मैसेज और सेंड मैसेज के अंदर देखो सेंड मैसेज जो आपसे मांगता है देखो क्या मांगता है एक आपसे मांगा है इवेंट नेम तो इवेंट नेम मैं बोल रहा हूं कि जॉइन कि भाई जॉइन पे आप यह मैसेज दे दो और जॉइन के बाद जो भी आप मैसेज यहां पे देना
चाहते हो रूम यूज़र नेम यहां पे आई थिंक यूज़र टाइप था तो यूजर टाइप एक हो गया यूजर टाइप के बाद अपने पास एक और था दैट इज यूज़र आईडी तो लोकल स्टोरेज लोकल स्टोरेज से तो हमने नहीं ली थी बट हमारे पास पास एक कॉन्टेक्स्ट था यूजर का तो आई थिंक हमें अब यूजर का कॉन्टेक्स्ट यहां पर लेकर आना चाहिए सॉकेट कॉन्टेक्स्ट के नीचे हमें यहां पर जरूरत पड़ने वाली है यूजर कॉन्टेक्स्ट की ओ यूज कॉन्टेक्स्ट नहीं हमें यहां पर चाहिए रहेगी इंपोर्ट क्या हमने यूज इफेक्ट यह सब तो इधर पर लग के रखा
है हमें यहां पर यूजर कांटेक्ट की जरूरत है तो यूजर कांटेक्ट यूजर डाटा कॉन्टेक्स्ट फ्रॉम यूजर कॉन्टेक्स्ट एंड इधर से हम पिक करेंगे यूजर के डाटा को कंस्ट यूजर एंड इधर पर हम बोल देंगे यूजर डॉट अंडरस्कोर आईडी कुछ इस तरीके से तो इधर पर हम आते हैं रीलोड करते हैं तो एक एरर दे रहा है कैन नॉट रीड प्रॉपर्टी ऑफ अनडिफाइंड रीडिंग आईडी ओके सो अगर अपन यूजर डाटा कॉन्टेक्स्ट पर जाते हैं तो अपने पास एक यूजर रहता है एंड एक सेट यूजर रहता है ओके तो क्या हमें यूजर नहीं मिल पा है लेट्स
सी कंसोल डॉट लॉग यूजर एंड जो मिल रहा है ट इज अनडिफाइंड हमें अनडिफाइंड मिल रहा है एक यूजर को लॉक करवाने से मतलब कि यूजर कांटेक्ट से यूजर हमें नहीं मिल रहा है बट हाउ अगर मैं इधर पर देखता हूं व्हीकल कंफर्म राइड एंड कंफर्म राइड से पहले फाइंड ट्रिप एंड अगर हम यूजर प्रोटेक्टेड रैपर पर देखें यूजर प्रोटेक्टेड रैपर तो इधर पर भी हमने सिमिलर तरीके से यूज किया था इसको यूजर सेट यूजर तो रिंस ड डटा ड यूजर एंड ओके एक काम करते हैं पहले अपन एक बार लॉगइन ट्राई करके देखते हैं
लॉग इन ठीक है तो अब यह अगेन एरर आ ही रही है अभी भी बट लेट्स सी लाइन नंबर 42 होड जए एक लाइन नंबर 42 सेंड यूज इफेक्ट ओके यूज कॉन्टेक्स्ट यूज इफेक्ट एंड क्या मैं इसको यूजर पे चेंज कर सकता हूं एंड इफ नॉट नॉट यूजर तो आप रिटर्न कर जाना वरना आप कंसोल कर देना कंसोल डलॉग यूजर तो क्या यह अभी भी काम काम नहीं कर रहा है लेट्स सी ओके सो यह काम नहीं कर रहा है यूजर हमें यहां पर नहीं मिल पा रहा यूजर डाटा कॉन्टेक्स्ट ओके यूजर डाटा कॉन्टेक्स्ट यहां
पर है यूजर डाटा कॉन्टेक्स्ट हमने यहां पर मंगा भी लिया है बट सम कुछ कारण से यह काम नहीं कर रहा है यूजर डाटा कॉन्टेक्स्ट यूजर कॉन्टेक्स्ट ओके तो मैंने प्रॉब्लम थोड़ी फिगर आउट कर ली जो री प्रॉब्लम थी वो थी यूजर प्रोटेक्टेड रैपर में इधर पे जो देखो हम प्रोफाइल राउट को हिट करते हैं और प्रोफाइल राउट ना डाटा में डायरेक्ट यूजर का डेटा रिटर्न करता है लेकिन हमने यहां पे क्या बोल दिया यूजर तो अब वो क्या करता है अनडिफाइंड और अनडिफाइंड सेट हो जा रहा था अपने यूजर के पास तो बस एक
ये प्रॉब्लम हो रही थी अब अगर फिर से अपन ट्राई करते हैं सेव सेव करने के बाद इधर प कुछ एरर आ रही है कॉन्स्ट इज नॉट डिफाइंड एंड होम जए एक पे लाइन नंबर 38 तो हमें ये नहीं चाहिए इसको अपन हटा सकते हैं एंड कसोल डलॉग यूजर सीधा करवा सकते हैं आई थ तो देखो अब अपने पास यहां पर डाटा आ रहा है पूरे यूजर का एंड पूरे यूजर का डाटा आ रहा है तो अब सेंड मैसेज आई थिंक मैं बोल सकता हूं तो सेंड मैसेज एंड सेंड मैसेज जो रहेगा वो मेरे बैक
एंड के सर्वर पर पहुंच जाना चाहिए बैक एंड का सर्वर ओके अभी के लिए इधर पे कंसोल्स आ रहे हैं बहुत सारे इनको अपन हटा देंगे जब इसको डिप्लॉयड उससे पहले हटा देंगे तो अपना जो सॉकेट यो वाला लॉजिक है यह रहा एंड क्लाइंट कनेक्टेड यह तो हमें चाहिए ही चाहिए साथ ही साथ इधर पर अभी के लिए मैं सिर्फ कंसोल करवा रहा हूं कसोल डलॉग एंड तो क्लाइंट कनेक्टेड क्लाइंट कनेक्टेड एंड क्या इसके पास जॉइन का मैसेज नहीं जा रहा है कि अगर सॉकेट डॉट ऑन जॉइन मैसेज जाएगा तो यूजर जॉइन अस यूजर टाइप
ओके तो मतलब कि अभी जॉइन का मैसेज जो है वो नहीं जा रहा है सेंड जॉइन ओके सो सेंड मैसेज पर हम आते हैं यू कॉन्टेक्स्ट एंड सेंड मैसेज ठीक तो सेंड मैसेज क्या यहां पर काम कर रहा है कंसोल डॉट लॉग सेंडिंग मैसेज तो सेंडिंग मैसेज टू ऑब्जेक्ट ऑब्जेक्ट आ रहा है यहां पे हमें यहां पे चाहिए रहेगा मैसेज तो मैसेज एंड इवेंट नेम टू जॉइन तो मैसेज जो है वो एक ऑब्जेक्ट आ रहा है जो कि आई थिंक ठीक है वहां पे उसको जाना चाहिए एंड सॉकेट डॉट इमिट इवेंट का नाम जो भी
इवेंट का नाम रहेगा एंड मैसेज इधर तक तो सारी चीजें ठीक दिख रही है जो आपका मैसेज है वो बैक एंड पे नहीं पहुंच पा रहा है क्या जो अपना मैसेज है वह काम कर रहा है अगर मैं यहां पर आता हूं एंड जॉइन पे कनेक्ट करवाता हूं तो देखो जो आपका लाइक सर्वर है वो सॉकेट आ से कनेक्ट तो कर पा रहा है पोस्टमन सॉकेट आ से कनेक्ट तो कर चुका है क्या लेकिन जॉइन पे हम कुछ मैसेज भेज सकते हैं तो मैसेज एक बार सेंड करके देखते हैं तो जॉइन एमटी मैसेज हमने भेजा
है एंड इधर पे आके अगर चेक करते हैं तो यूजर अनडिफाइंड जॉइन अस अनडिफाइंड तो मतलब कि सॉकेट तो अपना काम कर रहा है लेकिन फ्रंट एंड उसको मैसेज नहीं भेज पा रहा है तो लेट्स सी ऐसा क्यों हो रहा है इमिट ड इमिट इवेंट का नाम इवेंट का नाम हमने बोला था क्या हम इवेंट का नाम जो है वह गलत ले रहे हैं लेट्स सी कहां गया ब्राउजर कनेक्ट टू सर्वर रीलोड एंड सॉकेट डॉट इमिट सेंड मैसेज एक बार मैं इसको कंसोल करवाना चाहूंगा तो टू जॉइन क्या यह एक सिंगल स्ट्रिंग है एंड ज
प अगर अपन यहां पर देखते हैं तो जॉइन अपने इवेंट का नाम रहेगा एंड यह पूरा डाटा हम शेयर कर रहे होंगे तो सेंड मैसेज जॉइन चैनल का नाम है एंड डाटा अपन भेज रहे हैं तो हो तो सही रहा है बट कुछ तो इशू हो रहा है सॉकेट ड आओ एंड इधर सर्वर से कनेक्ट कर चुके हैं एंड कनेक्ट करने के बाद यूज इफेक्ट सॉकेट ऑन डिस्कनेक्ट अगर सॉकेट से अपन डिस्कनेक्ट होते हैं तो यह भी लॉग हो जाना चाहिए बट यह नहीं हुआ है मतलब कि काम अपना ठीक चल रहा है ठीक है
तो थोड़ा सा प्रॉब्लम हो रही थी फंक्शंस मैनेज नहीं हो पा रहे हैं यहां पर इन दोनों फंक्शंस को मैं हटा रहा हूं और मैंने क्या किया हूं कि यह जो आपका सॉकेट कॉन्टेक्स्ट था इन दोनों फंक्शन को तो अब हम यूज नहीं कर रहे हम डायरेक्ट क्या कर रहे हैं ये जो सॉकेट ऑब्जेक्ट अपना बन रहा है इसी को हम शेयर कर दे रहे हैं एज अ कॉन्टेक्स्ट हम सीधा इसी को एक बार शेयर कर दे रहे हैं तो इसके ऊपर हमें कुछ राइट तो परफॉर्म करना नहीं है सीधा मेथड्स जो हमें मिलेंगे उनको
यूज करना है तो इसलिए अपन सीधा इसको शेयर करते रहे और यहां पर मैंने यूज इफेक्ट के अंदर सॉकेट डॉट इमिट बोल दिया हूं कि भाई जॉइन आप सीधा एक को जॉइन करो और जॉइन के बाद यूजर टाइप आप भेजोगे और यूजर आईडी आप भेजोगे सेव किया अब अगर यही रिक्वेस्ट आपके बैक एंड पे जाएगी यही रिक्वेस्ट अगर आपके बैक एंड पे जाती है तो देखो सकेट जए में ये रिक्वेस्ट यहां पर आएगी कंसोल होगा कंसोल होने के बाद कंसोल होने के बाद यहां पे आपको दिख रहा होगा यह कंसोल हो रहा है कंसोल हुआ
कंसोल होने के बाद जो आपकी सॉकेट आईडी रहेगी वोह अपडेट हो जानी चाहिए तो अपडेट आई थिंक वो हो चुकी होगी और अगर मैं उसको डेटाबेस में देखता हूं एक बार तो डाटा बेस अपने पास यह है एंड यूजर्स जस्ट मैं इसको इधर लेकर आ जाता हूं तो देखो सॉकेट आईडी यहां पे अपडेट हो रही है और जितनी बार भी मैं इसको रीलोड करता हूं एंड आई थिंक इसको थोड़ा बड़ा किया जा सकता ता है एंड रीलोड तो देखो यह जो आपकी सॉकेट आईडी है यह हर बार अपडेट होती रहेगी जितनी बार भी अब आपका
जो यूजर रहेगा वह चेंज होगा या रीलोड करेगा पेज को तो आपकी सॉकेट आईडी आ चुकी है सिमिलर वे में हमें कैप्टन के साथ करना है कि भाई कैप्टन जैसे ही अपने होम पे पहुंचेगा उसके साथ भी यही होना चाहिए तो हम यहां पे क्या करने वाले हैं अ एक अपना रहेगा कैप्टन होम कैप्टन होम कहां है यह रहा आपका कैप्टन होम इधर पे मैं इसको हटाते हैं इसको हटाते हैं एंड इंपोर्ट कर रहा हूं कॉन्टेक्स्ट को इंपोर्ट यूज इफेक्ट यूज इफेक्ट हमारे पास नहीं है क्या अभी नहीं है ठीक है इंपोर्ट सॉकेट कॉन्टेक्स्ट हमें
सॉकेट कॉन्टेक्स्ट चाहिए एंड हमें चाहिए रहेगा कैप्टन का कॉन्टेक्स्ट आई थिंक तो इंपोर्ट कैप्टन कॉन्टेक्स्ट कैप्टन डाटा कॉन्टेक्स्ट ये तीन चीज रहेंगे एंड यूज इफेक्ट हमें मिल चुका है एंड एक हमें चाहिए रहेगा यूज कॉन्टेक्स्ट ये दोनों चीजें हमें चाहिए थी अब आते हैं यहां पे कांटेक्ट या कैप्टन को सॉकेट को निकालेंगे सबसे पहले सॉकेट निकाल कैप्टन को एंड कैप्टन के बाद आई थिंक यही दोनों चीजें हमें चाहिए थी एंड अब हम यूज करेंगे यूज इफेक्ट का यूज इफेक्ट कॉल बैक एंड इसके अंदर हम यहां पर पास कर देंगे सकेट डॉट ऑन राइट रिक्वेस्ट हां
यह तो हमें चाहिए रहेगी बाद में लेकिन अभी के लिए हम यहां पर बोलेंगे सकेट डॉट इमिट और सकेट डॉट इमिट के अंदर हम बोल देंगे आप जॉइन और जॉइन के बाद यह एक ऑब्जेक्ट मांगता है ऑब्जेक्ट के बाद क्या मांगेगा इसमें रहेगी यूजर आईडी और यूजर आईडी के बाद यह आपसे मांगने वाला है इधर पर पहले कॉमा देना पड़ेगा और कॉमा देने के बाद यूजर टाइप तो देखो और जो अपना यूजर था आई थिंक वो दूसरे ब्राउजर प था इस वाले ब्राउजर पे करते हैं कनेक्टेड टू सर्वर यहां पर आ रहा है एंड अगर
डेटाबेस में हम देखें तो डेटाबेस में जो आपका कैप्टन है यह देखो य आपका जो भी कैप्टन है अभी लॉक्ड इन है यह कोई दूसरा कैप्टन है इसको डिलीट कर सकते हैं टेस्टिंग चल ही रहा है वैसे भी ठीक तो यहां पर अप आते हैं एंड रीलोड करते हैं यह आपकी सॉकेट आईडी फिर से अगर रिड करते हैं कैप्टन के साइट पे तो ये जो सॉकेट आईडी है यह चेंज हो जानी चाहिए यह चेंज हो चुकी है तो सॉकेट आईडी अब हम पास यूजर की और कैप्टन की दोनों तरीके से आ रही है कि भाई
जिस भी सॉकेट आईडी से वो कनेक्ट होते हैं वो हमें मिल जाती है अब हमें करना क्या है कि भाई जैसे ही एक यूजर कनेक्ट होगा मतलब सॉरी एक मैंने गलत बोल दिया कि जैसे ही एक राइड क्रिएट होगी तो उसकी जो नोटिफिकेशन होनी चाहिए वो उस पर्टिकुलर कैप्टन के पास पहुंच जानी चाहिए तो उसके लिए हम क्या करेंगे उसके लिए देखो हम यहां पर एक काम कर सकते हैं कि जो आपका बैक एंड पे जो आपका बैक एंड पे कंट्रोलर्स जो आपने क्रिएट किए थे जो आपने कंट्रोलर्स क्रिएट किए थे राइट सर्विस भी हम
बोल सकते हैं आई थिंक अ क्रिएट राइट हां ये जो क्रिएट राइड आपका फंक्शन है अ आई थिंक इसको हम ऐसे ही रख सकते हैं बट क्रिएट राइट से हटके जो आपका कंट्रोलर है राइड कंट्रोलर इस पे हमें क्या करना है देखो राइड क्रिएट हो जाएगी जो आपकी राइड है वो क्रिएट हो जाएगी और क्रिएट होने के बाद जो भी कैप्टन रहेंगे उस एरिया के पास में उनको हमें वो सारी चीजें भेज देनी है तो उसके लिए हम क्या करने वाले हैं देखो राइड क्रिएट हुई राइड क्रिएट होने के बाद हमने सॉकेट फाइल से एक
चीज एक्सपोर्ट करवाई थी जो आपकी सॉकेट फाइल थी उससे हमने एक चीज एक्सपोर्ट करवाई थी दैट इज सेंड मैसेज टू सॉकेट आईडी अब ये जो सॉकेट आईडी हमें चाहिए रहेगा और मैसेज हमें चाहिए रहेगा तो सॉकेट आईडी सबसे पहले हम मंगवाते हैं तो सॉकेट आईडी के लिए हमें क्या करना रहेगा एक फंक्शन बनाना रहेगा एक क्वेरी रन करनी रहेगी कि पिकअप लोकेशन के पिकअप लोकेशन के पास में जितने भी कैप्टंस होंगे उनको लेकर आ जाओ आप तो उसके लिए हम क्या करेंगे यह जो आपकी मैप सर्विस है ना मैप सर्विस में एक मैं बना रहा
हूं फंक्शन मॉड्यूल डॉट एक्सपोर्ट्स मॉड्यूल डट एक्सपोर्ट गेट कैप्टन इन दी रेडियस अ सिंक एलटीडी एल एजी रेडियस एंड हमें यहां पर चाहिए रहेगा ओके दिस वन हम यहां पर कैप्टन मॉडल और चाहिए होगा तो कंस्ट कैप्टन मॉडल कैप्टन मॉडल रिक्वायर किया रिक्वायर करने के बाद इधर प अब हम लिखेंगे लॉजिक ठीक है तो रिटर्न कैप्टंस अब देखो यह जो है पूरा एक फार्मूला होता है अपने बोल सकते हो कि यह जो एक क्वेरी है ना यह क्वेरी आपके लिए मंगो डीवी ने ऑलरेडी बना के दी आपके लिए ऑलरेडी मंगो डी बना के दी है
क्या लोकेशन जिओ विथ इन सेंटर स्फीयर यह पूरा आपका मोंगो डीब बना के देता है जस्ट आप उसको यूज करते हो अब यह जो पर्टिकुलर पार्ट है ना 3963 2 तो आई थिंक ये रेडियस है आपके अर्थ की तो उसके अकॉर्डिंग ये है सेव कर सकते हैं इसको और अब देखो इस पर्टिकुलर पार्ट के लिए हमने एक शुरुआत में गलती कर दी थी क्या गलती हमने ये की थी कि जो आपका कैप्टन मॉडल था कैप्टन जो आपका मॉडल था यहां पर लोकेशन में एलटी नहीं आएगा यहां पर लिखोगे आप एलटी डी एलटीडी लिखोगे और साथ
ही साथ इधर पे लोकेशन अभी तो यहां पे लोकेशन आई नहीं है ठीक है अभी यहां पे लोकेशन आई नहीं है तो जब लोकेशन यहां पर आएगी तो हमें एलटीडी चाहिए रहेगा तो लोकेशन भी हमें लेकर आनी है तो उसका भी हम बनाना रहेगा तो देखो उसके लिए हम क्या कर सकते हैं एक काम हम ये जो सॉकेट आया वाला लॉजिक है इधर पे में कैप्टन मॉडल ऑलरेडी रिक्वायर है तो कैप्टन मॉडल ऑलरेडी रिक्वायर है तो इधर पे एक इवेंट और बना रहा हूं मैं सॉकेट डॉट ऑन अपडेट लोकेशन अपडेट लोकेशन एंड इधर पर हम
बोलेंगे अस सिंक डाटा अब जो डेटा रहेगा व एक्चुअल में कुछ नहीं लटटू एंड लोंगिट्यूड रहेगा और साथ ही साथ टोकन हमें मिल रहा होगा तो टोकन हम चेक करवा सकते हैं इधर पर हम आते हैं यूजर आईडी यूजर टाइप लोकेशन एंड यह सारी चीजें ठीक है लोकेशन अब जो लोकेशन है ना वह सिर्फ कैप्टन की है तो इसको मैं अपडेट कर रहा हूं विद कैप्टन सेव एंड इसको अब फिर से अपन रिराइज करवाएंगे कंस्ट यूजर आईडी लोकेशन एंड टोकन टोकन आई डोंट थिंक अभी के लिए नीड है फाइंड वन एंड अपडेट डॉट फाइंड बाय
यूजर आईडी लोकेशन हम अपडेट कर देंगे अब लोकेशन जो आपकी रहेगी लोकेशन जो आपकी रहने वाली है उसको अपन डायरेक्ट ऐसे नहीं लगा सकते इधर मुझे वैलिडेशन परम करना है इधर बोल रहा हूं परफॉर्म वैलिडेशन यर फॉर लोकेशन ठीक है तो देखो अब यह जो इसने परफॉर्म किया य गलत वैलिडेशन है जो हमें चाहिए ट इ लोकेशन के अंदर एलटीडी आए और एल एनजी आए तो यहां पर मैं बोलूंगा एलटीडी एंड एल एनजी एंड मैं इधर पर एक चीज और बोलना चाहता हूं भाई लोकेशन के अंदर हम यहां पर बोलेंगे कि सिर्फ दो ही डाटा
हमें चाहिए एलटीडी बस इतना हमें चाहिए तो बस अपना काम हो गया है एंड अब यह जो एमिटर है अपडेट यह जो आपका इवेंट है अपडेट लोकेशन कैप्टन इसको हमें फ्रीक्वेंसी सेट करनी रहेगी तो इसको अपन सेट करते हैं जो कैप्टन का होम है जो कैप्टन का आपका होम है वहां यूज इफेक्ट में मैं एक इंटरवल लगा रहा हूं मैं एक इंटरवल लगा रहा हूं क्रिएट अन इंटरवल ऑफ 10 सेकंड दिस विल सेंड द लोकेशन ऑफ दी कैप्टन टू दी ऑफ द कैप्टन टू द सर्वर वया सॉकेट आयो यूज इवेंट दिस अब देखो पता है
हम यहां पे कैप्टन की लाइव लोकेशन निकालना चाहते हैं अब अगर आपको ब्राउजर से लाइव लोकेशन चाहिए रहती है तो आप लोकल से निकाल नहीं सकते मतलब कि लोकल नेटवर्क प आप निकाल नहीं सकते तो उसके लिए आपको क्या यूज करना पड़ेगा उसके लिए अब आपको यूज करने पड़ेंगे पोर्ट्स अब पोर्ट्स फॉरवर्डिंग एक कांसेप्ट है जो आपको बीएस कोड फ्री में प्रोवाइड करता है और उसका हम करेंगे यूज इसको कर लो अभी के लिए एक्सेप्ट एक्सेप्ट करने के के बाद इस पर्टिकुलर को अभी के लिए मैं हटा रहा हूं क्योंकि अभी अगर हमने इसको रन
किया तो ये एरर ही देगा हमें इधर पे आते हैं रीलोड करते हैं एंड आई थिंक हमने इसको सिर्फ कैप्टन पे लगाया था तो देखो ये अब हमसे पूछने लगा है अलाउ तो अलाउ हम कर सकते हैं एंड रीलोड लोकेशन इंटरवल इज नॉट डिफाइंड लोकेशन इंटरवल अगर इज नॉट डिफाइंड है तो आई थिंक वो इसकी वजह से होगा ठीक है तो ये अपने कैप्टन का है एंड अब देखो लोकेशन जो बाय डिफॉल्ट रहती है वो लोकल होस्ट पर एक्सेस नहीं करनी चाहिए और वह बहुत सारे ब्राउजर मना भी कर देते तो उसके लिए आपको एक
नई चीज सीखनी पड़ेगी दैट इज पोर्ट फॉरवर्डिंग तो हमें लाइक बहुत क्लाउड लाउट पे नहीं जाना है जस्ट वीएस कोड पे ही रहना है और एक बहुत अच्छा फीचर है वीएस कोड का दिस वन ये जो आपको पोर्ट्स दिख रहे होंगे इस पे क्लिक करना अगर आप यहां पे पहली बार आओगे तो आपसे लॉग इन करने के लिए बोलेगा और मैं प्रेफर करूंगा कि आप गिट से ही लॉग इन करना इधर पे जो भी पर्ट आप फॉरवर्ड करना चाहते हो वो बोलोगे 5173 या अपना पोर्ट है एंटर करेंगे एंटर करने के बाद यह थोड़ा सा
टाइम ले सकता है पोर्ट को फॉरवर्ड करने के लिए इस पोर्ट को कर दो अब आप पोर्ट विजिबिलिटी पब्लिक और यह जो इसकी एड्रेस रहेगा इसको आप कर लो कॉपी कॉपी करने के बाद यहां पे आओ करो पेस्ट पेस्ट करने के बाद आप देखोगे कि सेम पेज खुलेगा हां वो सेम ही रहता है बस इसके साथ एक अच्छी बात और रहती है कि ये जो लिंक है आप किसी को भी शेयर कर सकते हो मतलब कि एक काइंड बोल सकते हो कि आपने वेबसाइट को होस्ट कर दिया है मतलब कि टेंपलेट होस्ट व चल आपके
सिस्टम पर ही रही है लेकिन अब इंटरनेट पर कोई भी उसको एक्सेस कर सकता है विद दिस लिंक इस तरीके से अगर आपने पोर्ट विजिबिलिटी पब्लिक करी होगी तो वरना अगर वह प्राइवेट होगी तो कोई एक्सेस नहीं कर पाएगा तो अभी के लिए मुझे यहां पर लॉग इन करना है एस कैप्टन तो साइन इनस कैप्टन एंड मुझे अब उसके चाहिए पासवर्ड तो पासवर्ड जो थे आई थिंक वह तो इधर पर होने चाहिए तो जस्ट थोड़ी देर रुको मुझे कॉपी पेस्ट करना पड़ेगा एंड दिस वन आई थिंक द पासवर्ड ओके यह तो यूजर था अपना यह
तो यूजर था इसको हटा रहा हूं मैं एंड कैप्टन के लिए हम यहां पर आएंगे कंटिन्यू देखो पहली बार अगर आप आओगे तो इसी टाइप का कु कुछ पूछेगा तो जस्ट कंटिन्यू पर क्लिक कर देना एंड बैक चलते हैं लॉग इन हेयर ये अनुराग पटेल अपना यूजर नेम पासवर्ड है तो यहां पर अपना जाएगा ईमेल एंड पासवर्ड ल तो एक एरर आ रही एरर क्या आ रही है रिक्वेस्ट फील्ड विद स्टेटस कोड 401 एंड 401 पर रिक्वेस्ट क्यों फील्ड हो रही है लेट्स सी अनऑथराइज्ड तो जो अपना क्या पासवर्ड था वह ठीक से कॉपी नहीं
हुआ था मैनेज पासवर्ड अगर अपन आते हैं एंड लोकल होस्ट लोकल होस्ट कहां पर है यह वाला टू अकाउंट्स ट सी सयस नॉट दिस वन बट जो अपने पासवर्ड्स है यह कहां पर है यह रहा तो इसको कर रहा हूं मैं कॉपी कॉपी करने के बाद अब यहां पर अगर पेस्ट करते हैं तोब लॉगिन हो जाएगा तो उसने कॉपी पेस्ट में कुछ तो प्रॉब्लम की थी ठीक यहां पर आते हैं अब देखो अब जो आपका इंटरवल पार्ट था ना इसको आप रन कर सकते हो रीलोड रीलोड करने के बाद आई थिंक क्या उसके पास लोकेशन
का एक्सेस जा चुका है अभी नहीं गया है तो उसके लिए हम एक काम और करेंगे कि सेट इंटरवल से पहले अपडेट लोकेशन को बाय डिफॉल्ट में कॉल कर दूंगा तो देखो अब उसने लोकेशन मांगना मुझसे चालू कर दिया कि भाई लोकेशन बता दो तो मैं इसको कर रहा हूं अलाउ और अब उसके पास लोकेशन लाइव लोकेशन का एक्सेस रहेगा और जैसे ही एक काम आई थिंक हम और कर सकते हैं अ ओके ओके देखो अब यहां पर गलती है लटटू नहीं भेजना है हम यहां पर भेजना है एलटीटी एंड एल एनजी और जो आपका
सॉकेट वाला पार्ट रहेगा वह सेम चीज यहां पर रिसीव करेगा एंड आई थिंक यह लोकेशन वाले उसमें जाएगी तो ऑब्जेक्ट ठीक है इस तरीके से ठीक है इधर पर तो सारी चीजें भी ठीक चल रही है सर्वर आपका ठीक है एंड यहां पर भी बढ़िया चल रहा है बस एक चीज मुझे और करवा के देखनी है इस पूरे पार्ट को ये जो अपना मैसेज जा रहा है इसको कंसोल करवा के देखना है मुझे कसोल डॉट लॉग दिस मैसेज ठीक है तो यूजर आईडी अपने पास है एंड लोकेशन में एलटीडी एंड एलएनजी भी प्रॉपर तरीके से
जा रहा है मतलब कि लोकेशन तो अपनी अपडेट हो रही होगी और अगर मैं यहां पर आके देखता हूं कैप्टंस में इसको रीलोड कर लूं तो लोकेशंस आ चुकी है एंड लोकेशंस में अपने पास एलटीडी है एंड एलएनजी है और यह जो आपको लोकेशन मिल रही है यह लाइव अपडेट हो रही है कितने इंटरवल पे हर 10 सेकंड पे यह लोकेशन अपडेट हो रही है और ये सब हमने कैसे किया ये सब हमने किया है विया सॉकेट आयो तो सॉकेट आयो से अब हमारे पास कैप्टन की लाइव लोकेशन मिल जाएगी अब जो कैप्टन की लाइव
लोकेशन हमें मिलेगी उसके अकॉर्डिंग उसके अकॉर्डिंग यह जो आपकी राइट वाली कंट्रोलर है ये जो राइट कंट्रोलर है इस पे हम एक क्वेरी चलाएंगे क्वेरी क्या चलानी रहेगी राइट सर्विस में क्रिएट कैप्टन तो नहीं बट हमें एक कैप्टन मॉडल्स यह नहीं राइट कंट्रोलर क्रिएट राइट इसको हटा सकते हैं एंड क्रिएट राइट अवेट ओके मैप्स गेट ऑटो कंप्लीट हमें सर्विसेस के अंदर ओके हां दिस वन अब हम ये जो हमने लिखी थी एलटीडी एंड एलएनजी इनका यूज कर सकते हैं कैप्टस को फाइंड करने के लिए अब अब यह पूरा फंक्शन जो है इस पर्टिकुलर जो भी
हम एड्रेस डालेंगे जो भी हम एलटीडी एंड एलएनजी देंगे और जो हम रेडियस दे रहे होंगे इधर मैं एक चीज और ख दे रहा हूं कि रेडियस इन किलोमीटर्स और फिर क्या यहां पर कुछ चेंजेज होने चाहिए क्योंकि बस चेंजेज होंगे तो यहीं पर होने चाहिए हां तो वो जो पहले थी वो माइल्स में थी और अब जो है यह किलोमीटर में बस इतना सा डिफरेंस था सेव करेंगे सेव करने के बाद अब देखो जो भी मैं यहां पर कोऑर्डिनेट डालने वाला हूं लटटू एंड लोंगिट्यूड और उसके उस पर्टिकुलर कोऑर्डिनेट के रेडियस में जितने भी
कैप्टन अवेलेबल होंगे वो सारे कैप्टंस मुझे यहां पे रिटर्न हो जाएंगे बस इतना अभी तक हमने किया है और उसके साथ हम और क्या करने वाले हैं मैप कंट्रोलर यहां पे नहीं आई थिंक जो आपका राइड कंट्रोलर है यहां पे सेम फंक्शन हम चला देंगे एंड ये मैं करूंगा रिस्पांस सेंड करने के बाद ताकि यूजर को रिस्पांस जल्दी मिल जाए और हम बिहाइंड द सीन कैप्टंस को नोटिफिकेशन भी भेज सके तो कंस्ट कैप्टन इन रेडियस इक्वल्स टू अवेट अवेट राइड सर्विस डॉट गेट फर ओके राइट सर्विस में आई डोंट थिंक किसम क्रिएट किया था हमने
मैप सर्विस में हमने क्रिएट किया था इधर पे हम बोलेंगे मैप सर्विस क्या मैप सर्विस हमने यहां पर रिक्वायर नहीं किए ओके कंस्ट मैप सर्विस एंड इधर पे हम बोलेंगे मैप सर्विस डॉट गेट कैप्टंस इन द रेडियस जो भी आपका लटटू एंड लोंगिट्यूड रहेगा अब लटटू एंड लोंगिट्यूड के लिए आप अब हमने यहां पे एक और फंक्शन ऑलरेडी बना के रखा था एक और सर्विस हमने बना के रखी थी जो आपको कोऑर्डिनेट्स रिटर्न करती है तो अब इस सर्विस का हम यूज करेंगे यहां पे हम बोलेंगे ओके सो इधर पे हम बोलेंगे कंस्ट सबसे पहले
तो ये रिटर्न हटेगा यहां से कंस्ट पिक अप कोऑर्डिनेट्स इक्वल्स टू अवेट गेट एड्रेसस और ये जो एड्रेस आपको मिलने वाला है मैं इसको एक बार कंसोल करवा के देखना चाहता हूं तो कसोल डलॉग पिक अप कोऑर्डिनेट पिक अप कोऑर्डिनेट्स एंड लेट्स सी क्या हमें मिलता है पोस्टमन पर चलेंगे एंड पोस्टमन पर आने के बाद यह जो आपका यूजर वाला पार्ट था इसमें क्रिएट राइट जो था इस पर जस्ट मैं करता हूं सेंड एंड एक सेकंड बॉडी के अंदर हमने शेरिस कोडिंग स्कूल को सेलेक्ट करके रखा है सेंड करेंगे तो कैन नॉट रीड प्रॉपर्टीज ऑफ
नल रीडिंग अंडरस्कोर आईडी ओके सो आई थिंक जो आपका टोकन है वो एक्सपायर हुआ है तो उसकी वजह से प्रॉब्लम हो रही होगी तो हम एक काम करेंगे एक नए यूजर को लॉग इन करवाते हैं इनवैलिड ईमेल और पासवर्ड क्या यह यूजर हमने डिलीट कर दिया था हां हमने डिलीट कर दिया था टोकन उठाया टोकन उठाने के बाद यह जो आपकी क्रिएट वाली सर्विस है इसमें हेडर्स के अंदर ऑथराइजेशन में इसको मुझे थोड़ा छोटा करना पड़ेगा एंड फिर इसके अंदर टोकन मुझे अपडेट करना है टोकन अपडेट करने के बाद वापस बड़ा कर सकते हैं एंड
इसको करते हैं सेंड तो देखो यह हमारी एक राइड क्रिएट हो चुकी है एंड आई थिंक यहां पे कंसोल हो जाना चाहिए एलटीडी एंड एलएनजी तो ये बढ़िया चल रहा है अब यही सेम चीज मैं भेज दूंगा इधर रेडियस में हम यहां पे पूजेंगे पिक अप कोऑर्डिनेट्स एंड पिकअप कोऑर्डिनेट्स के अंदर हमें तीन चीजें भेजनी है एलटीडी फिर हम भेजेंगे यहां पे पिक अप कोऑर्डिनेट्स ड ए एज एंड जो आपकी रेडियस रहेगी तो रेडियस मैं बोल रहा हूं 2 किलोमीटर में 2 किलोमीटर में जितने भी कैप्टन अवेलेबल होंगे वो सब हमें मिल जाएंगे तो अभी
क्योंकि हमारे पास सिर्फ एक ही कैप्टन है तो सिर्फ वही मिलेगा तो अब अगर मैं इसको सेंड करता हूं तो देखो सिर्फ एक कैप्टन मुझे मिला है यहां पर फुल नेम उसका कुछ ऐसा है फुल नेम अनुराग पटेल व्हीकल रेड है उसके पास प्लेट नंबर प्लेट ये है उसकी कैपेसिटी उसके अंदर यह है कार यह है एंड सारी चीजें हमें मिल रही है ईमेल ट आईडी अब देखो अब हमें करना क्या है तो यह जो पर्टिकुलर पार्ट है यह जो हमें कैप्टन मिला है इसके अंदर क्या है सॉकेट आईडी है इस सॉकेट आईडी प यह
पूरी जो राइड की डिटेल है ये हमें भेजनी है अब राइड की डिटेल भेजने से पहले पता है हमें क्या करना रहेगा जो उसके अंदर ओटीपी आ रहा है उसको हटाना रहेगा तो उसके लिए हम क्या करने वाले हैं ओके सो जो आपकी राइड है राइड डॉट ओटीपी इक्वल टू मैं इसको कर दूंगा नल बस और ये जो आपको कैप्टंस मिले ये जो आपको कैप्टंस मिले हैं इन पर मैं लगाने वाला हूं प्रॉमिस डॉट ऑल कि भाई सभी कैप्टन पे हमें कुछ फंक्शंस परफॉर्म करवाने तो उन पर असं फंक्शन लगाने हैं ओटीपी रिसीव नहीं करना
हमें हम सीधा यहां पे बोलने वाले हैं एक फंक्शन सॉकेट आई से इन सभी को नोटिफिकेशन भेजेंगे तो कॉन्स्ट सॉकेट आयो जो आपने एक फाइल बनाई थी यहां पे सकेट ड जए यहां पे सेंड मैसेज टू सॉकेट इसको एक्सपोर्ट किया था सर्विस नहीं हमें यहां पर रिक्वायर करना रहेगा सीधा सॉकेट फाइल को ठीक है और इसके अंदर अब हम फाइनली यूज कर सकते हैं एंड आई डोंट थिंक कि हमें प्रॉमिस डॉट ऑल लगाने की जरूरत है यहां पर सीधा आई थिंक हम ऐसा भी कर सकते हैं तो सेंड मैसेज टू सॉकेट आईडी कैप्टन ड सकेट
आईडी और जो भी आप भेजना चाहते हो यहां पे वो आप भेज सकते हो तो सॉकेट आईडी सॉकेट आईडी के बाद मैं यहां पे बोल रहा हूं इवेंट इवेंट जो रहेगा दैट इज न्यू राइड और इवेंट के बाद डाटा जो रहेगा वोह राइड का अवेलेबल रहेगा तो हमने यहां पे सभी के पास मैसेज भेज दिया अब देखो जो आपके कैप्टन होम है जो आपके कैप्टन होम है यहां पे हमें जो इवेंट सर्वर से सेंड किया है उसको लिसन करना है तो लिसन करने के लिए लिसन करने के लिए हम यहां पर लगाने वाले हैं एक
काइंड ऑफ आप बोल सकते हो सॉकेट डॉट ऑन न्यू राइट और इधर पर हम बोल देंगे कंसोल डॉट लॉग डाटा एंड इसको अभी के लिए अपन हटा सकते हैं जो आपका कैप्टन है वह यहां पर है इसको रीलोड कर सकते हैं आई थिंक हम एंड अब अगर मैं इधर पर एक नई राइड की रिक्वेस्ट भेजता हूं देखो यह रिक्वेस्ट चली गई एंड इधर पे हमारे पास टा तो आ जाना चाहिए था बट अभी तक नहीं आया है लेट्स सी क्यों नहीं आया है सॉकेट डॉट ऑन तो डाटा इधर पर तो नहीं आया है बट क्या
हमने डाटा बैक एंड से भेज पा रहे हैं सेंड मैसेज सॉकेट आईडी राइड कंट्रोलर कैप्टन डॉट सॉकेट आईडी एंड कंसोल डॉट लॉग कैप्टन एंड राइट दो चीजें हम कंसोल करवा रहे हैं ठीक तो हमने यहां पर दो चीजें कंसोल करवाई थी एक कैप्टन तो कैप्टन यहां पर हो रहा है एंड हमने राइड कंसोल करवाई तो राइड भी यहां पर कंसोल हो रही है बट आईडी जो आपका मैसेज है वह आपके सर्वर तक नहीं पहुंच रहा है मतलब आपके कैप्टन तक नहीं पहुंच रहा है तो लेट्स सी अब वो देखते हैं कि वो क्यों नहीं हो
रहा है सेंड मैसेज टू सॉकेट आईडी कैप्टन सॉकेट आईडी इवेंट दिस दिस दिस तो थोड़ा सोच समझ के मैंने देखा तो यहां पे एक प्रॉब्लम मिली है मुझे पता है क्या यहां पे जो हम मैसेज भेज रहे हैं देखो यह एक ऑब्जेक्ट है यह एक ऑब्जेक्ट है और जो इस फंक्शन के अंदर हम यूज़ कर रहे हैं वो देखो वह डायरेक्ट एक मैसेज यूज़ कर रहे हैं तो यहां पे मैं क्या बोल रहा हूं कि इधर पे हम बोल सकते हैं यह एक आएगा मैसेज ऑब्जेक्ट की तरह यह एक मैसेज ऑब्जेक्ट की तरह मिलेगा आपको
और इस मैसेज ऑब्जेक्ट में इवेंट भी रहेगा तो मैसेज ऑब्जेक्ट डॉट जो भी आपने इवेंट का नाम दिया होगा वो इधर पर हम आते हैं इवेंट का नाम इवेंट फिर इसके बाद आपके पास रहेगा डेटा तो डेटा मैसेज ऑब्जेक्ट डॉ डेटा मैसेज ऑब्जेक्ट डॉट डेटा एंड सिमिलरली यहां पर आपके पास होना चाहिए मैसेज ऑब्जेक्ट पूरा सेव करते हैं एंड अब एक बार ट्राई करेंगे रीलोड एंड रीलोड करने क्या बाद दि भी कंसोल है फिर से एक रिक्वेस्ट अपन करते हैं राइड की और अब अगर यहां पर आके देखते हैं तो देखो अब अपने पास रिक्वेस्ट
रेज हो रही है यह रही पूरी राइड की रिक्वेस्ट कि डेस्टिनेशन न्यू मार्केट भोपाल यह है भाई आपका पिकअप पॉइंट यह रहेगा आपको इतने पैसे मिल जाएंगे स्टेटस पेंडिंग पे है एंड जो यूजर है वो य है तो यूजर को अभी अपन थोड़ी और डिटेल्स भेज देंगे ताकि यूजर उसको पूरा मिल पाए तो अभी के लिए हमने सॉकेट आई सेटअप कर लिया है जिससे यूजर और कैप्टन कनेक्ट हो पा रहे हैं मतलब कि वो राइड की रिक्वेस्ट जा पा रही है कैप्टन के पास अब इसके आगे भाई इस के लाइक पेमेंट एंड बहुत सारी चीजें
लाइव लोकेशन वो आने वाली है तो वो देखते हैं चलो तो यार अब ना कैप्टन के पास रिक्वेस्ट तो जा रही है कि भाई आपको राइड एक्सेप्ट करनी है या नहीं करनी अभी उसका यूआई में इंटीग्रेट करना बच्चा है लेकिन उसमें एक प्रॉब्लम है पता है क्या कि ये जो यूजर है इसकी डिटेल्स जानी चाहिए ना कि सिर्फ उसकी आईडी तो उसके लिए हम क्या करते हैं इधर पे आएंगे वापस बैक एंड पे और बैक एंड पे आने के बाद ये जो पर्टिकुलर राइट वाला पार्ट है इधर प मैं लगा रहा हूं अवेट एंड राइड
मॉडल क्या हमने राइड मॉडल मंगाया है हां फाइंड बाय आईडी एंड पॉपलेट यूजर हम यहां पर और एक चीज और कर सकते हैं ट अस सिंक असं का हम यहां पर यूज कर सकते हैं बट आई थिंक क्योंकि एक बार ही हमें पॉपलेट करवानी रहेगी तो कंस्ट राइड विथ यूजर इक्वल्स टू अवेट और राइड मॉडल डॉ फाइंड इधर पर पहले इक्वल टू आएगा फाइंड वन फाइंड वन एंड नहीं नहीं जस्ट हमें यहां पर यूज करना है फाइंड तो फाइंड वन एंड फाइंड वन के बाद आईडी एंड पॉपलेट हम कर रहे होंगे यूजर को यूजर फोन
आई डोंट थिंक की फोन की जरूरत है सिर्फ यूजर को हम पपलेट करेंगे राइट विथ यूजर हमें मिल जाएगा एंड इधर प शेयर कर देंगे राइड विथ यूजर सेव किया सेव करने के बाद वापस आते हैं कैप्टन पे इसको करते हैं रीलोड ठीक है तो ये रीलोड हो रहा है कनेक्टेड टू सर्वर आ रहा है एंड कनेक्टेड टू सर्वर के बाद अगर मैं पोस्टमन प जाके एक रिक्वेस्ट करता हूं तो ये अपनी राइट क्रिएट हो चुकी है एंड राइट क्रिएट होने के बाद अगर मैं यहां पर आता हूं तो लोकल होस्ट 4000 इधर पे एक
कनेक्शन रिफ्यूज्ड आ रहा है लेट्स सी क्यों ऐसी प्रॉब्लम हो रही है आई थिंक ये जो आपका राइड मॉडल है यह हमने रिक्वायर नहीं किया है तो कंस्ट राइड मॉडल एंड एक बार फिर से हम ट्राई करेंगे इसको करते हैं सेंड तो सेंड करने के बाद अब होप फुली अभी भी एक एरर आ रही है कैन नॉट सेट हेडर आफ्टर दे आर सेंड टू द क्लाइंट ओके सो इधर पे हम यूज कर सकते हैं पॉपलेट यूजर एंड यहां पे अभी कुछ एक एरर आ रही है कुछ तो एरर आ रही है यहां पे कंसोल डॉट
लॉग एरर ठीक है अब यह एरर हमें पता चलेगी यूज मंगस मॉडल स्कीमा हैज नॉट बीन रजिस्टर फॉर मॉडल यूजर ओके तो अब यहां पर एक प्रॉब्लम होगी कि जो आपका राइड वाली मॉडल है यह जो आपका राइट वाला मॉडल है इसमें जो यूजर है आई थिंक हां हमने कैपिटल य नहीं बनाया था हमने स्मल य बनाया था एंड यहां पर भी आई थक हमने स्मल सी बनाई थी यह प्रॉपर काम कर रहा है क्या कुछ एरर आया है अभी अब कुछ एरर नहीं आया है तो अब इसको एक बार फिर से रिलो करते हैं
हम एंड पोस्टमन से एक राइट क्रिएट करते हैं तो देखो अब अपने पास राइट की रिक्वेस्ट आ रही है और यूजर की पूरी डिटेल्स अपने पास आ रही है कि उसका फुल नेम क्या है ईमेल क्या है एंड वो सारी चीजें ठीक है तो ईमेल फुल नेम यूजर की डिटेल्स है अपने पास स्टेटस पेंडिंग पे है और यही सेम चीज मुझे यहां पर शो करनी है तो उसके लिए अब हम क्या करने वाले हैं ये जो आपका पर्टिकुलर आइटम था होम डॉट जए एक पे हो ड जस एक पे इधर पर हम आते हैं और
इधर पर आने के बाद यह जो पर्टिकुलर आपका आइटम दैट इज कंफर्म राइड कंफर्म राइड के अंदर फेयर डेस्टिनेशन एंड पिकअप यह तीन चीज तो जा ही रही है साथ ही साथ व्हीकल टाइप भी जा रहा है इसके अलावा हमें कुछ चीजें और भेजनी रहेंगी दैट इज यूजर तो कंस्ट या हम यहां पर बोल सकते हैं पैसेंजर पैसेंजर नाम आई थिंक ज्यादा ठीक रहेगा पैसेंजर इक्वल टू क्या यहां पर पैसेंजर की स्पेलिंग गलत है सजेशन पैसेंजर ओके इक्वल टू पैसेंजर अभी हमें क्रिएट करना रहेगा तो पैसेंजर आते हैं सबसे ऊपर यहां पर क्रिएट कर देते
हैं एक सेकंड हमें यहां क्रिएट नहीं करना है हमें क्रिएट करना है कैप्टन होम पे तो कैप्टन होम एंड कैप्टन डिटेल्स राइट पॉप अप दिस वन यहां पर अब हमें बहुत सारी चीज भेजनी रहेंगी इधर पर सबसे पहले तो एक काम कर सकते हैं कि हम सीधा राइड को ही भेजते राइड इक्वल्स टू राइट शुरुआत में क्या होगा राइट एक स्टेट वेरिएबल रहेगा जो कि नल पर सेट होगा कंस्ट राइड सेट राइट एंड जो यह पॉप अप है जिसकी वजह से य शो हो रहा है इसको अपन कर देंगे सेट सेट कंफर्म राइट पॉप अप
पैनल दिस वन एंड यह रहेगा ट्रू या इसको हम बोल सकते हैं फाल्स यह शुरुआत में फाल्स रहेगा तो अब अगर मैं इसको रीलोड करता हूं तो पॉप अप मुझे शो नहीं हो रहा है एंड साथ ही साथ ये जो आपका राइड हमने भेजी थी जो हमने राइड की डिटेल्स भेजी थी इसको हमें ठीक से शो करना रहेगा तो राइड की डिटेल्स पर अगर मैं जाता हूं तो यह पर्टिकुलर जो पार्ट है इधर पर आ जाएगा आपका प्रॉप्स डॉट राइड डॉट पिकप इधर पर आप बोलोगे नेशन प्रॉप्स डॉट राइट डॉट डेस्टिनेशन एंड इधर पर आप
बोलोगे फेयर तो फेर जो रहेगा ट इज राइड डॉट राइड नहीं इधर पर सबसे पहले आएगा प्रॉप्स डॉट राइड डॉट फेर यह हमने बोल दिया और आई थिंक हमें ऊपर कुछ और यूजर की डिटेल शो करवाई थी तो सिमिलर यहां पर क्या बोल रहे होंगे प्रॉप्स डट राइड यह अब जो राइड पर्टिकुलर पार्ट है यह ऑप्शनल हो सकता है कि भाई आया या नहीं आया है तो राइड राइड के बाद हम यहां पर बोलेंगे यूजर डॉट फुल नेम डॉट फर्स्ट नेम फर्स्ट नेम और सिमिलर हम एक चीज और करनी रहेगी प्लस स्पेस प्लस एंड यही
चीज रिपीट करेंगे हम लास्ट नेम के लिए तो लास्ट नेम ऐड करते हैं लास्ट नेम सेव किया सेव करने के बाद इधर पे आके रीलोड करते हैं तो कैन नॉट रीड प्रॉपर्टीज ऑफ अनडिफाइंड जो कि होना था रीलोड करते हैं अब देखो जैसे ही कुछ भी राइट िक की रिक्वेस्ट अपने पास आती है जैसे ही कोई भी राइट की रिक्वेस्ट कैप्टन के पास आएगी तब होगा क्या यहां पर हम कर देंगे सेट राइट डेटा एंड उसके साथ-साथ सेड राइट पॉप अप ट्रू एंड आई थिंक इतना काफी रहेगा अब इसको रीलोड करके देखते हैं रीलोड करते
हैं इधर पर आके इसको करते हैं सेंड सेंड किया और यहां पर अपने पास अब नेम आ चुका है अब यहां बस प्रॉब्लम ये हो रही है कि फर्स्ट नेम लास्ट नेम बहुत बड़ा है तो वो नेक्स्ट लाइन पे आ चुका है शेरिस कोडिंग स्कूल से आपको जाना है न्यू मार्केट भोपाल इतना प्राइस आपको मिलेगा क्या आप एक्सेप्ट करना चाहते हो या नहीं तो ठीक तोब अपने पास यहां पे ऑप्शन आ रहा कि भाई हमें एक्सेप्ट करना है या नहीं करना है तो उसके लिए अब अपन यह जो बटन दी थी ये जो हमने एक
बटन दी थी राइट पॉपअप पे कंफर्म राइट पॉप अप एंड दिस सेक्शन व्ट इज डूइंग ओके ओके ओके ठीक है ठीक है ठीक ठीक है ठीक है तो यहां पे सेट कंफर्म राइट पॉप अप यह जो पर्टिकुलर पार्ट रहेगा इसका मैंने यूज नहीं देखा था यहां पे लेट्स सी बटन ऑन क्लिक सेट ओके समझ गया तो यहां पर हम बोल देते हैं एक कंफर्म राइड कंफर्म राइट और इधर हम बोल देंगे एक पॉप अप कंफर्म राइट कंफर्म राइट और सेम चीज को इस जगह पर मैं कॉल कर दूंगा बस प्रॉप स्डट कन्फर्म राइट को बस
हम कर देंगे कॉल बस इतना काम रहेगा और यह जो फंक्शन है यह अभी क्रिएट करना है यह जो फंक्शन है ना यह अभी हमें क्रिएट करना है तो उसके लिए अस सिंक कंफर्म राइट एंड इधर पे अस सिंक ओके यहां पे फंक्शन आए आएगा हम कंफर्म राइट एंड कंफर्म राइट हम सॉकेट आयो से भी बोल सकते हैं या फिर हम लेट्स सी एक काम करते हैं सॉकेट आईडी से बोलते हैं यूजर आईडी यूजर आईडी के बाद राइड आईडी हमें मिल जाएगी एंड दोनों को ही हम भेज देंगे कंफर्म राइड पे एंड या फिर हमें
एक राउट हिट करना ठीक रहेगा मेरे हिसाब से एक राउट अगर हम हिट करेंगे तो व ज्यादा अच्छा रहेगा तो इधर प मैं व यूज़ करता हूं कंस्ट अवेट ओ कंस्ट रिस्पांस इक्वल्स टू अवेट एक्सियस पोस्ट राइट कंफर्म एक हमें राउट और क्रिएट करना रहेगा तो इधर पर आते हैं हम राइट कंट्रोल्स पे एंड जो आपके राउट्स है राउट्स के अंदर राइट जो राउट्स है गेट फर क्रिएट इधर पे हम बोल रहे होंगे राउटर डॉट गेट या इसको हम बोल सकते हैं पोस्ट स्लश कंफर्म कंफर्म के बाद हम यहां पे कुछ बोल सकते हो चेक्स
लगाने रहेंगे ऑथ मिडिल वेयर और यह जो ऑथ यूजर रहेगा यहां पे ऑथ यूजर नहीं रहेगा कंफर्म जो राइट करेगा दैट इज कैप्टन तो हम यहां पे लगाएंगे ऑथ कैप्टन ऑथ कैप्टन को आप करो राइड ओटीपी करो राइड कि भाई राइड की आईडी क्या है एंड बस इस राइड की आईडी मांगेंगे एंड कंफर्म राइट यह कंट्रोलर अब हम क्रिएट करेंगे कंफर्म राइट का जो कंट्रोलर है यह हम क्रिएट करना रहेगा तो इधर पर हम आते हैं एंड मॉड्यूल डॉट एक्सपोर्ट्स डॉट कन्फर्म राइट अस सिंक एंड इसके अंदर राइट को हमें कंफर्म करना रहेगा कंस्ट एमटी
राइट आईडी निकालेंगे कंफर्म करेंगे और देखो सट की हेल्प से सॉकेट की हेल्प से हम यूजर को य बता देंगे कि भाई अब जो आपकी राइट है वो कंफर्म हो चुकी है कंफर्म राइट अच्छा राइट सर्विस अभी हमें क्रिएट करनी है ठीक है कंफर्म राइट मॉड्यूल डॉट एक्सपोर्ट्स अस सिंक इसको अपन हटा सकते हैं एंड देखो तो अब अगर हमें यहां पर राइड की आईडी नहीं मिली अगर हमें राइड की आईडी मिली सीधा अपन एरर दे देंगे और अगर राइट की आईडी मिलती है तो उसको पहले फाइंड करेंगे और फाइंड करते टाइम उसमें पॉपलेट करना
रहेगा हमें कैप्टन अ कैप्टन तो अभी हमें नहीं मिला है कैप्टन अभी हमें नहीं मिला है तो जो हम पॉपलेट कर रहे होंगे वो अपना रहेगा यूजर यूजर को पॉपलेट करेंगे साथ ही साथ यूजर आपको मिल चुका है लेकिन इधर पे हमें अपडेट भी करना रहेगा देखो कैप्टन ने क्या किया कैप्टन ने उसको बोल दिया कि हां भाई इस राइट को मैं एक्सेप्ट कर रहा हूं तो जो आप हमने कैप्टन की आईडी छोड़ी थी उसको भी तो अपडेट करना रहेगा तो इधर मैं बोलूंगा अवेट राइड मॉडल डॉट अपडेट अपडेट की जगह हम यहां पे बोलेंगे
फाइंड वन एंड अपडेट तो फाइंड वन हम करेंगे ऑन द बेसिस ऑफ आईडी आईडी की बेसिस हम फाइंड करेंगे ये हो जाएगी एक्सेप्टेड एक्सेप्टेड के साथ एक्सेप्टेड के साथ यहां पर हमें एक चीज और करनी रहेगी कैप्टन कैप्टन की जो आईडी रहेगी वो भी हमें दिखानी रहेगी तो इस जगह पर हम क्या कर रहे हैं आ राइड को फाइंड कर रहे हैं और उसका स्टेटस एक्सेप्टेड पर सेट कर रहे हैं और कैप्टन की आईडी भी सेट कर रहे हैं अब सेव किया सेव करने के बाद राइट को फाइंड करेंगे यूजर मॉडल निकाला मतलब यूजर मॉडल
को पॉपलेट किया और पॉपलेट करने के बाद सेव करेंगे राइट आपको मिला है थ्रो स्टेटस इसको हटा सकते हैं एंड आई थिंक इसको भी हटा सकते हैं हम एंड रिटर्न कर देंगे जो आपकी राइट रहेगी बस कंफर्म राइड राइड आपको मिल जाएगी स्टेटस हम सेंड कर देंगे अब आपकी जो राइड है वह कंफर्म हो चुकी है लेकिन यही सेम चीज आपको यूजर को ही बताना है तो यूजर के लिए आप यहां पर निकालो राइट यूर सकेट आईडी और इधर पर आप मैसेज बोलोगे कि भाई ईवेंट राइट कंफर्म हो चुकी है और राइड की डिटेल्स आप
शेयर कर दोगे तो ये जो राइड कंफर्म इवेंट है यह आप ट्रिगर करोगे यूजर होम पे इधर पर हम बोलेंगे सकेट डॉट ऑन सॉकेट डॉट ऑन राइड कंफर्म राइड कंफर्म के बाद जो डाटा आपको मिल रहा होगा ट इ राइट एंड यहां पर हम सीट वेटिंग फॉर ड्राइवर्स इसको अपन कर देंगे ट्रू तो देखो अब इस पूरी प्रोसेस को एक बार अपन रन करके देखते हैं इसको एक बार रीलोड करते हैं रीलोड किया रीलोड करने के बाद एक बार जो आपका कैप्टन इधर पर अपन राइट रिक्वेस्ट करेंगे तो राइट रिक्वेस्ट आई यहां पर आ चुका
है इसको अगर मैं एक्सेप्ट करता हूं तो एक्सेप्ट कर लिया और एक्सेप्ट करने के बाद अभी क्योंकि हमने यूजर के फ्रंट एंड से एक्सेस नहीं कर रहे थे इसको तो वो दिखेगा नहीं ओके तो यूजर पर आते हैं रीलोड करते हैं मैं चलता हूं सीधा होम प आई थिंक मैं यहां पर ऑलरेडी लॉग इन था होम पर चलते हैं इधर प बोल रहा हूं सीरियंस कोडिंग स्कूल से मुझे जाना है एयरपोर्ट भोपाल ठीक है वापस से कैप्टन पर आते हैं इसको मैं रीलोड कर रहा हूं फाइंड ट्रिप तो अभी इसके पास नहीं आया ठीक है
र गो एंड र गो पे लेट्स सी यह प्रॉब्लम अी थोड़ी देर पहले भी हुई थी कंफर्म लुकिंग फॉर ड्राइवर ड्राइवर के पास अब नोटिफिकेशन जानी चाहिए जा चुकी है एक्सेप्ट अगर मैं जैसे इस पर करता हूं तो यहां पर यह हट जाना चाहिए था लुकिंग फॉर ड्राइवर हट जाना चाहिए था बट यह हटा नहीं है सो अगर राइड कंफर्म होती है अगर राइड कंफर्म होती है तो राइड कंफर्म राइड गई एंड क्या हमने सॉकेट आईडी अपडेट की थी होम पे यूजर की हा वो हमने आई थिंक अपडेट की थी लेट्स सी फॉल्स एंड सेट
वेटिंग फॉर ड्राइवर्स ओके लुकिंग फॉर ड्राइवर भी था आई थिंक अपने पास एक सेट पिकप व्हीकल व्हीकल टाइप व्हीकल फाउंड एंड जो अभी अपन सेक्शन है ट इ लुकिंग फॉर ड्राइवर लुकिंग फॉर ड्राइवर ठीक है तो लुकिंग फॉर ड्राइवर अपने पास आ रहा है बट अगर मैं इसको हटा दू ठीक है तो फिर से एक बार ट्राई करते हैं अपन रीलोड पिक अप शेरियन कोडिंग स्कूल डेस्टिनेशन मैं यहां पर डाल रहा हूं दिल्ली पॉइंट ट्रिप तो अभी अपने पास कुछ इस तरीके चल रही है मैं इन दोनों को साइड बा साइड लगाना चाहता हूं मैं
चेक करना चाहता हूं क्या कुछ हो रहा है सो इसको अपन साइड पर लगा सकते हैं एंड इसको अपन साइड पर लगा सकते हैं एंड इस पर्टिकुलर पार्ट को थोड़ा छोटा किया जा सकता है एंड इसको थोड़ा छोटा किया जा सकता है तो यह अपना कैप्टन है एंड यह अपना यूजर है दोनों को मैं रीलोड कर रहा हूं रिड करने के बाद इधर एक बार देखते हैं अपन शेरियन कोडिंग स्कूल से हमें जाना है दिल्ली इंडिया फाइन ट्रिप र गो एंड जस्ट एक सेकंड रुको एंड ब्राउजर कहां है अपना यह रहा कंफर्म किया ड्राइवर के
पास नोटिफिकेशन चली गई इसको अगर मैं एक्सेप्ट करता हूं तो इधर पर एक एरर आ रिक्वेस्ट फेल विद स्टेटस कोड 41 इधर पर स्टेटस कोड फेल्ड हो रहा है लेट्स सी ओके तो जहां तक मुझे लग रहा है मुझे पता चल चुका है कि बग कहां पर है कैप्टन होम पे जब आप यहां पर रिक्वेस्ट कर रहे हो तो इधर पर कुछ डाटा भी तो आपको भेजना है कुछ डाटा भी तो आपको भेजना है यहां पर जैसे कि हेडर्स में आपको ऑथराइजेशन का भेजना है कैप्टन आईडी फिर उसके बाद आप भेजोगे यहां पर हेडर्स हेडर्स
और हेडर्स के अंदर आप भेजोगे ऑथराइजेशन बस तो यह एक प्रॉब्लम थी तो इस तरीके से डी बग आप करोगे जब आप एक एप्लीकेशन क्रिएट करते हो रीलोड करते हैं रीलोड करेंगे इधर पर हम आके बोलते कि भाई हमें जाना है शेरियन कोडिंग स्कूल से दिल्ली फाइन ट्रिप ओवर गो एंड यह जो बाग इसको फिक्स कैसे करेंगे कंफर्म एंड आई थिंक यूजर के पास अब एक्सेप्ट करते हैं हम तो अभी भी प्रॉब्लम आई है लेकिन अभी सेम क्या यह सेम प्रॉब्लम थी रीलोड रीलोड सीरियंस कोडिंग स्कूल ली फाइंड ट्रिप ओ को एंड ठीक है अब
अगर मैं इसको एक्सेप्ट करता हूं तो अभी भी सेम एरर आ रही है और व जो एरर है व क्या बोल रही है अनऑथराइज्ड एर बोल रही है राइट्स कंफर्म कैप्टन होम पे अनऑथराइज्ड एक्सेस जा रहा है लेट्स सी राइड कन्फर्म एंड कैप्टन होम पर अगर अपन देखते तो डाटा तो हमने भेजा है हेडर्स के अंदर ऑथराइजेशन गेट टोकन यह हमने शेयर किया है एंड या टोकन है एप्लीकेशन एप्लीकेशन के अंदर अगर मैं देखता हूं लोकल स्टोरेज एटीटीपी तो टोकन तो अवेलेबल है टोकन अवेलेबल है बट वह ऑथराइज नहीं कर रहा है तो एरर का
पता चल चुका है यह जो हेडर्स है इसका सिंटेक्स थोड़ा अलग है क्योंकि हम पोस्ट रिक्वेस्ट यूज़ कर रहे हैं तो यहां पर जो आएगा ऑब्जेक्ट मतलब एक तीसरे ऑब्जेक्ट के अंदर आप यहां पे हेडर्स भेजोगे और फिर अगेन अगर हम यहां पे यूज़ करते हैं तो रीलोड एक बार रीलोड ट्राई करेंगे बोलेंगे भाई पिकअप लोकेशन जो रहेगी वो आपकी रहेगी शेरियन शेरिस कोडिंग स्कूल एंड डेस्टिनेशन जो हमें चाहिए व दैट इज दिल्ली फाइंड ट्रिप र होम सेव कंफर्म एंड ये आ गया एंड ड्राइवर के पास अपने कैप्टन के पास एक्सेप्ट जब वो करेगा तो
अब एक आ रही है एरर दूसरी हीट 500 तो 500 एक बार चेक करके देखते हैं कि क्या एरर आ रही है तो एरर तो एस सच हमें सर्वर पर नहीं दिख रही है बट इधर पर एरर आ रही है तो कन्फ रिक्वेस्ट डटा राइट आईडी इज रिक्वायर्ड राइड आईडी इ रिक्वायर्ड तो यह जो एरर है आई थक य तो राउट्स प आनी चाहिए थी राइड आईडी इज रिक्वायर्ड इनवैलिड राइड आईडी एंड कंफर्म इनवैलिड राइड आईडी कंफर्म राइड एंड हमने अगर सर्विसेस यूज किए हैं तो राइड आईडी इ रिक्वायर्ड यहां पर पूछा गया है तो
राइड आईडी एंड यह एक ऑब्जेक्ट में भेजा गया था तो इधर पर भी ऑब्जेक्ट ही रिसीव होना चाहिए तो आई थिंक इसको हम हटा सकते हैं कंफर्म राइड एंड कैटन ड आईडी बट कैप्टन कहां पे आ रहा है तो हमें यहां पे कैप्टन भी भेजना रहेगा कैप्टन एंड इधर पे भी हमें कैप्टन भेजना रहेगा रिक्वेस्ट डॉट कैप्टन पूरा कैप्टन हम भेज रहे हैं ठीक है अब फिर से एक बार ट्राई करते हैं रीलोड सीरियंस डिंग स्कूल एंड डेस्टिनेशन दैट इज़ दिल्ली फाइन ट्रिप ट्रिप हमें मिल गई एंड कंफर्म यह अपने पास आ गई लोकेशन एक्सेप्ट
एंड अगेन कुछ एरर आ रही है तो अगर एरर को अपन चेक करते हैं तो रिस्पांस में डाटा के अंदर कैन नॉट एक्सेस राइड बिफोर इलाइनर इड्स से पहले इनिश इज नहीं किया जा सकता मतलब यूज़ नहीं किया जा सकता तो लेट्स सी आई थिंक यह अगेन इसी की प्रॉब्लम होगी कॉनस राइड एंड राइड को हम यूज़ कहां कर रहे हैं अगर राइड कंट्रोलर पे हम आते हैं तो राइड उ राइट यूजर डॉट सॉकेट आईडी एंड अपन इधर पे एक बार कंसोल करवा के देखते हैं कंसोल एगजैक्टली मैसेज आ क्या रहा है रीलोड रीलोड सीरियंस
कोडिंग स्कूल दिल्ली फाइंड ट्रिप एंड होम पेज इसको एक बार अपन करते हैं सेव कंफर्म एक्सेप्ट एंड जो अब एरर है व कंसोल होना चाहिए तो यह आ रहा है लाइन नंबर 94 प राइट सर्विसेस फाइल में राइट सर्विसेस लाइन नंबर 94 इधर पर य एरर आ रही है तो आईडी जो अपनी रहेगी फाइंड तो यह आएगी राइट आईडी बस इतना सा य एक एरर था तो इसको और सॉल्व कर लिया है एंड वापस आते हैं कैप्टन पर रिड शेरियन कोडिंग स्कूल ली पॉइंट ट्रिप u को कंफर्म एक्सेप्ट और अब देखो अपने पास यहां पर
एक अच्छा पॉपअप आ चुका है कि भाई कौन आपको छोड़ेगा जो आपके ड्राइवर कर मतलब कि अपना सॉकेट आया ठीक से काम करने लगा है लेकिन इधर प हमें एक्चुअल डाटा शो करवाना है तो एक्चुअल डाटा शो करवाने के लिए हमारे पास ऑलरेडी डाटा आ रहा होगा हमारे पास राइड के अंदर अगर आप होम देखते हो अगर आप यहां पे होम कहां गया ज इधर जगह प तो राइट कंफर्म पे हमारे पास राइट की डिटेल्स आती है तो राइड की डिटेल्स आती है तो एक स्टेट वेरिएबल और क्रिएट कर रहा हूं मैं दैट इज कंस्ट
या राइड सेट राइड और इधर पर मैं कॉल कर दूंगा सीधा सेट राइड पे राइड को और यह जो आपकी फाइनल स्टेट थी इधर पे वेटिंग फॉर ड्राइवर इधर पर मैं भेज दूंगा राइड को ठीक है तो अब ये जो वेटिंग फॉर ड्राइवर है इस पर्टिकुलर जगह पर हमारे पास एक्सेस रहेगा पूरी राइड का तो सार्थक की जगह यहां पर आ जाएगा अपना फुल नेम या फर्स्ट नेम हम बोल सकते हैं प्रॉप्स डॉट राइड डॉट यूजर डॉट फुल नेम डॉट फर्स्ट नेम कुछ इस तरीके से य काम करेगा बहुत बड़ा है पता है बट इसी
तरीके से य काम करेगा एंड यहां पर हम चेक के लिए लगा देते हैं एंड इधर पर हम बोलेंगे अच्छा यहां पर यूजर की जगह कैप्टन आएगा आई थिंक कैप्टन एंड सिमिलरली नंबर प्लेट के लिए भी हम वही करेंगे कॉपी इधर पर करेंगे हम पेस्ट एंड फुल नेम की जगह यहां पर आएगा व्हीकल एंड फर्स्ट नेम की जगह यहां पर आ जाएगा प्लेट एंड हमने मॉडल तो लिया नहीं था तो इसको अभी केलिए अपन हटा सकते हैं एड्रेस जो रहेगा राइट यह पर्टिकुलर पार्ट रहेगा य आएगा अपना प्रॉप्स डॉट राइड डॉट इधर पर अपन एक
बार चेक कर लेंगे एंड फिर अपन बोल देंगे पिकप और सिमिलरली हम यहां पर बोल रहे होंगे प्रॉप्स डॉट राइड डॉट डेस्टिनेशन सेव किया सेव करने के बाद अब यहां पर बस फाइनली हमें एक चीज और बोलनी रहेगी दैट इज फेयर तो हम यहां पर बोलेंगे प्रॉप्स डॉट राइड डॉट और प्रॉप्स के बाद जो अपना आएगा दैट इज वेर सेव किया रीलोड करते हैं रीलोड करने के बाद कैप्टन वाला जो पार्ट है इसको भी एक बार रिलो करते हैं अब इसको थोड़ा बड़ा कर सकते हैं आई थिंक रीलोड रीलोड सीरियंस कोडिंग स्कूल डेस्टिनेशन की बात
करें तो दिल्ली फाइंड ट्रिप यह अपन को एक ट्रिप मिल चुकी है बस इसको कंफर्म बटन के लिए कंफर्म ड्राइवर के पास नोटिफिकेशन चली गई होगी एक्सेप्ट एक्सेप्ट अगर हम करते हैं तो यहां पर एक एरर आई क्या बोल रहा है कैन नॉट रीड प्रॉपर्टीज ऑफ अनडिफाइंड रीडिंग फर्स्ट नेम तो फर्स्ट नेम आई थिंक वेटिंग फॉर ड्राइवर जेस लाइन नंबर 13 वेटिंग फॉर ड्राइवर लाइन नंबर 13 यहां पे कैप्टन डॉट फुल नेम तो क्या हमें कैप्टन को भी पॉपलेट करवाना रहेगा इधर पे आते हैं रिक्वेस्ट डॉ कैप्टन एंड कंफर्म राइड में सकेट आईडी डराइड कंफर्म
राइड पे आते हैं तो फाइंड वन एंड अपडेट तो हो चुका है साथ ही साथ मैं इधर पे एक चीज और पॉपलेट करवाना चाहूंगा अ पॉलिगोनो पलेट कैप्टन बस इतना काम और करना था रीलोड रीलोड इधर पे आते हैं हम बोलते हैं कि भाई शेरियन कोडिंग स्कूल से हैं जाना है दिल्ली फाइंड ट्रिप र ग होम पे आते हैं सेव करेंगे एंड ब्राउजर पे आते हैं कंफर्म एक्सेप्ट एक्सेप्ट हमने कर चुके हैं तो देखो 4567 अपना आ चुका है इधर प फर्स्ट नेम सम रीजन नहीं आ रहा है बट पिक अप एड्रेस आ रहा है
एंड डेस्टिनेशन आ रहा है कितने पैसे लगने वाले वो भी हमें पता चल रहा है बस अब यही चीज है इस जगह प हमें अपडेट करनी कि फर्स्ट नेम यहां पे क्यों नहीं आ रहा है तो फर्स्ट लेट्स सी पता करते हैं कि क्यों नहीं आ रहा है वेटिंग फॉर ड्राइवर कैप्टन प्रॉप्स के अंदर जो आपका कैप्टन रहेगा फुल नेम ओके यहां पर जो इसकी स्पेलिंग है यह गलत है फर्स्ट नेम तो अनुराग यहां पर आ चुका है एक चीज मैं यहां करना चाहूंगा ट इज कैपिटल इज ठीक है तो अनुराग देखो अब अपनी जो
राइड है वो स्टार्ट हो चुकी है और यहां पर एक छोटी सी चीज हमें और खानी रहेगी दैट इज ओटीपी तो ओटीपी बस हमें और शो करना है और ओटीपी के लिए हमें राइड कंट्रोलर पे कंफर्म राइट यह पर्टिकुलर जो पार्ट है यहां पर एक चीज मुझे सिलेक्ट करनी पड़ेगी सिलेक्ट ओटीपी इधर पे माइनस की जगह हम बोल रहे होंगे प्लस अब जो ओटीपी आएगा उसको मुझे यहां पर शो करवाना रहेगा तो राइड वेटिंग फॉर ड्राइवर एंड इस पर्टिकुलर जगह प बस मुझे सबसे नीचे इधर कहीं पर लिखना है maruti.com ओटीपी तो इसको एक बार
रीलोड करते हैं कैप्टन वाले यूआई को रीलोड करेंगे रीलोड करने के बाद फिर से एक नई राइड अपन क्रिएट करेंगे शेरिस से हम जाएंगे दिल्ली फाइंड ट्रिप एंड इधर पर आते हैं कंफर्म कंफर्म करने के बाद एक्सेप्ट एक्सेप्ट किया ओटीपी देखो अब हमें ओटीपी भी यहां पर प्रॉपर शो हो रहा है तो यही ओटीपी जब यूजर या कैप्टन अपना यहां पर वाले का तभी आपकी राइड स्टार्ट होगी और राइड स्टार्ट होने के बाद हम लाइव ट्रैकिंग करेंगे मैप्स की तो अब यह बस राइड को स्टार्ट करना बचा है और जो लाइव ट्रैकिंग है वो हमें
देखनी है तो भाइयों अब अपना बच रहा है राइड को स्टार्ट करना राइड को स्टार्ट करें उससे पहले ना जो कैप्टन के थोड़े से यूआई मतलब एक ही कंपोनेंट है जहां पे सही से डाटा एग्जैक्ट हमें नहीं दिख रहा है तो इधर पे आते हैं कैप्टन का पहले वो कंपोनेंट हम अपडेट करेंगे तो कैप्टन होम कैप्टन होम कैप्टन होम वयर इज द कैप्टन होम यर तो कैप्टन होम ये रहा और ये जो जो कंफर्म राइड पॉप है ना इस पर्टिकुलर कंपोनेंट पे अभी डाटा हमें एक्यूरेट नहीं मिल रहा है तो सबसे पहले तो राइड को
मैं भेज रहा हूं ताकि हमें डेटा मिलना चालू हो जाए और कंफर्म राइट पॉपअप पे कंफर्म राइट पॉपअप पे हमें क्या करना रहेगा कि ये जो हर्षी पटेल है हर्षी पटेलिया जो भी है इसकी जगह मुझे लिखना रहेगा कैप्टन का नाम तो कैप्टन का नाम मुझे यहां पे लिखना है तो इधर पे लिखते हैं प्रॉप्स डॉट राइड फिर हम यहां पे बोलेंगे कि भाई कैप्टन जो भी आपका कैप्टन है उसको ढूंढ के लेकर आओ एंड कैप्टन के बाद आई डोंट थिंक यहां पे हम यूजर को दिखा रहे हैं तो मतलब कैप्टन का व्यू है ये
तो यहां पे हम यूजर की डिटेल्स दिखाएंगे डॉट फुल नेम डॉट फर्स्ट नेम और इधर पे फर्स्ट नेम ठीक लिखा हुआ है इधर पे एक और चीज दे देता हूं दैट इज कैपिट इइ 2.2 किमी पिकअप एड्रेस पिकअप एड्रेस जो रहेगा वो आप दे सकते हो डॉप्स डराइड डॉट पिक अप एंड यहां पर हम बोलेंगे प्रॉप्स डॉट राइड डॉट ओके यहां पर क्वेश्चन हमारा आ है देन डॉट एंड डॉट के बाद हम बोलेंगे डेस्टिनेशन डेस्टिनेशन सेव किया एंड जो आपके फेयर रहेंगे उसको हमें यहां पर लिखना रहेगा तो प्रॉप्स डॉट राइड डॉट वेर ठीक तो
इसको अपन सेव कर सकते हैं सेव करने के बाद आई थिंक अब अपना कंपोनेंट ठीक से वैल्यू शो करेगा अब देखो यह जो ओटीपी वाला पार्ट रहेगा यह जो ओटीपी वाला पार्ट रहेगा इसके लिए भी अभी हमें एक राउट क्रिएट करना है एक राउट अभी भी हमें क्रिएट करना है तो ये जो लिंक टू कैप्टन राइडिंग वाला पार्ट है इसको मैं अभी के लिए हटा रहा हूं लाइक यह ठीक है लेकिन इसको मैं क्या कर रहा हूं इसको मैं बना रहा हूं बटन इस पर्टिकुलर पार्ट को मैं बना रहा हूं एक बटन बटन एंड टू
की जगह इसको हटाएंगे एंड जैसे ही इस बटन पे आई थिंक हम क्लिक करेंगे तो यह फॉर्म सबमिट हो जाएगा ये फॉर्म सबमिट हो जाएगा एंड सबमिट हैंडलर चलेगा तो सबमिट हैंडलर में ऑलरेडी प्रीवेंट डिफॉल्ट लगा के रखा है बस हमें यहां पे क्या करना रहेगा जो ओटीपी है उसको निकालना है और एक पर्टिकुलर एपीआई एंड पॉइंट को हिट करना है ताकि जो अपनी राइड हो उसका स्टेटस चेंज हो जाए और वो ऑन गोइंग पे हो जाए तो उसके लिए हम क्या करने वाले हैं ये जो आपका राउट्स फोल्डर है राउट्स फोल्डर है इसके अंदर
हम बोलते हैं राउटर डॉट गेट स्ल स्टार्ट राइड और स्टार्ट राइट के बाद इधर पे ऑथ मिडल वेयर कैप्टन का रहेगा राइड आईडी हमें चाहिए रहेगी और राइट आईडी के साथ हमें यहां पर एक चीज और चाहिए रहेगी ट इज ओटीपी क्वेरी ओटीपी एंड विद मैसेज इनवैलिड ओटीपी तो हमें राइड आईडी एक चाहिए एंड ओटीपी चाहिए स्टार्ट राइट आईडी तो ये कंट्रोलर अभी क्रिएट नहीं किया इसको क्रिएट करना है तो कॉपी कंट्रोलर कंट्रोलर प आते हैं एंड मॉड्यूल डॉट एक्सपोर्ट्स डॉट स्टार्ट राइट अस सिंक रिक्वेस्ट रिस्पांस एंड यहां पर हमें करनी है स्टार्ट राइट बेसिक
वैलिडेशन राइट आईडी मिलेगी ओटीपी हम मिल रहा होगा स्टार्ट राइट आईडी राइट सर्विस जो है इसमें हमें चीजें भेजनी रहेंगी ठीक है तो एक सर्विस हमें क्रिएट करनी है दैट इज स्टार्ट राइट राइट सर्विस के अंदर मॉड्यूल डॉट एक्सपोर्ट्स डॉट स्टार्ट राइट अस सिंक राइट आईडी एंड ओटीपी एंड साथ ही साथ एक चीज और मांगेगी आपसे दैट इज कैप्टन तो इधर पर आएंगे और हमसे बोलेंगे कि भाई कैप्टन और ले लो आप एंड साथ ही साथ अब आप य पूरा लॉजिकल लिखना है तो वो थोड़ा सोच रहा है क्या लिखना है राइट ओटीपी एंड मॉडल
ठीक है पॉपलेट ओटीपी इ नॉट राइट स्टेटस नॉट एक्सेप्टेड राइट नॉट एक्सेप्टेड ओटीपी इनवैलिड ओटीपी एंड ओके ठीक है तो जो आपकी राइड होगी व फाइनली स्टार्ट हो जाएगी और उसके बाद में हम एक सॉकेट आयो के थ्रू यूजर को मैसेज भेज देंगे भाई आपकी राइट जो है वो स्टार्ट हो चुकी है तो उसके लिए हम क्या करेंगे यहां पर आते हैं होम पे और होम के लिए आई थिंक हमने यहां प कोई सा और पेज बनाया था क्या राइट स्टार्ट के लिए राइडिंग दिस वन तो हमने एक यह पेज बनाया था तो हमें इस
पर्टिकुलर पे उसको नेविगेट करना रहेगा तो नेविगेट हमें करना है इस पर्टिकुलर पेज पे एंड ठीक है तो इधर पे हम क्या करने वाले हैं एक लगाते हैं सॉकेट डॉट ऑन एंड जो हमने इवेंट यहां पर यूज किया था द इवेंट इज राइट स्टार्टेड राइट स्टार्टेड हमें यहां पर क्या डाटा मिलेगा हमें यहां पर डटा मिल रहा होगा एक ऑब्जेक्ट जिके अंदर एक राइड का पूरा डिटेल्स रहेगी तो राइड हम यहां पर बोल देंगे फॉल्स एंड नेविगेट हमें यहां पर नेविगेट करना है तो आई थिंक यूज नेविगेट हुक का यूज करना रहेगा इंपोर्ट यूज नेविगेट
इधर प एक वेरिएबल हम क्रिएट करेंगे ट इ नेविगेट कॉनस नेविगेट यूज नेविगेट एंड इधर हम फाइनली बोल देंगे नेविगेट स्ल राइट एंड जो अगर मेन ड जस में एड जए एक कैप्टन लॉक आउट राइट दिस वन हमें इधर पर जाना है सेव करते हैं तो सेव करने के बाद अब एक बार इसको टेस्ट करके देखेंगे हम ओके सो लेट्स गो ट्राय एंड अब देखते हैं शेरियन कोडिंग स्कूल दिल्ली फाइंड ट्रिप एक हमें ट्रिप मिल चुकी है एंड कंफर्म एक्सेप्ट हमें यहां पर ओटीपी शो हो रहा है यही ओटीपी अगर मैं इधर पर एंटर कर
देता हूं तो 820 936 और इसको करते हैं कंफर्म तो कंफर्म करने के बाद यह तो यहां पर पहुंच चुका है लेकिन आई थिंक कुछ तो एरर आई है कनेक्टेड टू सर्वर ओके तो ये वापस आई थिंक स्लैश अपना जो फॉर्म था वह सबमिट हो चुका है जो अपना फॉर्म था वो सबमिट हो चुका है एंड अब क्योंकि फंक्शन चला नहीं है तो उसके आगे का कोई सेंस बनता नहीं है इधर पर आते हैं कैप्टन होम पे कैप्टन होम दिस वन राइट पॉप अप एंड कंफर्म राइट पॉप अप के बाद ओके इवेंट डॉट प्रिवेंट डिफॉल्ट
इवेंट डॉट प्रिवेंट डिफॉल्ट में यह जो आपका फंक्शन है ओके सो ऑन समिट पे हमें क्या करना है जो आपका समिट हैंडलर है यह जो आपका समिट हैंडलर है इसको कॉल करना है बस इसको कॉल करेंगे कॉल करने के बाद हमें एकस का यूज करना है डाटा को पहुंचाने के लिए तो इंपोर्ट एयस फ्रॉम एयस इसको अपन बोल सकते हैं कि भाई आप एक अस सिंक फंक्शन हो एंड डी फॉल्ट डी फल्ट बस इतना रहेगा अब एक बार फिर से ट्राई करते कंफर्म कंफर्म के बाद राइट एंड ओटीपी और एक चीज हमें और भेजनी रहेगी
दैट इज एडर्स ऑथराइजेशन सेव रिस्पांस अब जो भी हो बट रिस्पांस अगर 200 होगा तो ज्यादा अच्छा है सेट कंफर्म राइट पॉप अप एंड हम इसको नेविगेट कर देंगे आई थिंक तो नेविगेट करने के लिए इंपोर्ट यूज नेविगेट एंड नेविगेट हमें यहां पे क्रिएट करना रहेगा तो कंस्ट नेविगेट इक्वल्स टू यूज नेविगेट एंड यहां पर हम बोल देंगे नेविगेट स्ल राइट अगर मैं देखता हूं कौन-कौन से राउट है अपने पास तो कैप्टन लॉगइन स्ल होम कैप्टन लॉग आउट कैप्टन होम एंड यह सारी चीजें हैं अपने पास बट कैप्टन साइ ओके ओके सो राइडिंग का अभी
अपने पास नहीं है कैप्टन राइडिंग दिस वन पेस्ट सेव किया अब एक बार चेक करते हैं चलो रीलोड रीलोड रिड इधर पर हम बोलते हैं कि भाई शेरियन कोडिंग [संगीत] स्कूल डेस्टिनेशन दिल्ली फाइन ट्रिप एक हमें ट्रिप मिलती है एंड कंफर्म एक्सेप्ट ओटीपी ओटीपी जो है ट इज 88 3053 कन्फर्म तो यह अपनी हो रही है 4 किलोमीटर अवे बट यहां पर अभी कुछ भी लाइक नहीं गया यहां पर पर्टिकुलर हमें कुछ भी नहीं मिला है कि भाई राइट आपकी स्टार्ट हो चुकी है तो उसके लिए अब हमें क्या करना रहेगा एक बार टेस्ट करके
देखना पड़ेगा क्या यहां पर डाटा आ रहा है क्या कुछ एरर तो नहीं आया है एरर तो नहीं आया है बट इवेंट जो है राइट कंफर्म हो चुकी है एंड यह आपका पर्टिकुलर सॉकेट आईडी है एंड होम पे अगर मैं चेक करता हूं यूजर होम पे तो राइट स्टार्टेड एंड राइट कंफर्म इसको एक बार अगर कंसोल किया जाए कसोल डलॉ राइट ओके सो इसको बैक लेना पड़ेगा रीलोड रीलोड शेरिस कोडिंग स्कूल डेस्टिनेशन तो डेस्टिनेशन जो हमें चाहिए दैट इज दिल्ली एंड फाइन ट्रिप फाइन ट्रिप के बाद एक व्हीकल सिलेक्ट करेंगे एंड कंफर्म एक्सेप्ट ओटीपी हम
भेजेंगे तो ओटीपी जो आपका रहेगा ट इज 50 4940 तो यहां पर जो है नोटिफिकेशन आ नहीं रही है प्रॉब्लम यह कि इस पर्टिकुलर जगह पर नोटिफिकेशन आ नहीं रही है एंड ओटीपी तो यहां पर प्रॉपर दिख रहा है लेकिन मतलब राइट डिटेल्स दिख रही है लेकिन राइट कन्फर्म की डिटेल्स हमें नहीं मिल रही है लेकिन हम उसको भेज रहे हैं क्योंकि कंसोल पर राइड कंफर्म इवेंट तो चल रहा है एंड यह डाटा भी जा रहा है यह डाटा भी प्रॉपर जा रहा है बट जो डाटा है व फ्रंट एंड पर नहीं पहुंच रहा है
लेट्स सी राइड कंफर्म्ड एंड राइड कंफर्म्ड के अंदर हम देखें तो राइड कंफर्म क्या यह जो नेम है क्या दोनों सेम है तो भाइयों प्रॉब्लम पता चल गई है ये जो हम राउट हिट कर रहे थे ना जब कंफर्म बटन पे हम क्लिक करते कि भाई राइट कंफर्म कर दो मतलब कि स्टार्ट कर दो राइट को तो उस जगह पे हम ये जो एंड पॉइंट है वो गलत हिट कर रहे हैं तो स्लैश कंफर्म नहीं स्लैश स्टार्ट राइट होना चाहिए तो अब एक बार फिर से ट्राई करते लेट्स रीलोड हम इधर वापस जाना है रिड
करेंगे इस पेज को एक बार रीलोड करते हैं रीलोड करने के बाद पिक अप लोकेशन में बोल रहा हूं शेरियन कोडिंग स्कूल डेस्टिनेशन ट इज दिल्ली फाइन ट्रिप ट्रिप के बाद यह जो आपका होम वाला पार्ट है इसको एक बार करते हैं रिड कंफर्म इधर पर आ जाएगा एक पॉप अप शेड्यूल ओटीपी अगर मैं देता हूं ट इज 1550 196 एंड कंफर्म तो कंफर्म के बाद अब एक एरर आ रही है और एरर हमसे क्या बोल रही है कि 404 एंड एरर को अगर रिस्पांस डाटा डाटा डाटा डाटा अगर देखते हैं तो राइट स् स्टार्ट
राइड पोस्ट उसको नहीं मिल रही है तो जो हमने आई थिंक राउट बनाया था आई थिंक यह गेट राउट था हां यह गेट राउट था तो अगर हम यहां पे आते हैं एंड इसको एक गट राउट में कन्वर्ट कर दें तो आई थिंक हमें इसको पैरंस में डालना रहेगा पैरेंस एंड इस पार्ट को हमें डालना रहेगा यहां पर हेडर्स लेट्स सेट एंड एक बार राउट्स में चेक कर लेता हूं तो हां इधर प क्वेरी राइड टी राइड आईडी एंड ओटीपी यह पूरा जा रहा है ठीक है अब एक बार फिर से ट्राई करते हैं हम
तो कंफर्म और कफ कर्म करने के बाद हम भी दूसरे राउट प नेविगेट कर चुके हैं जैसे ही आपकी राइड स्टार्ट होती है सीधे उसी तरीके से आप दूसरे पेज प राइड पे नेविगेट कर चके अब इस पेज पे हमें क्या करना है इस पर्टिकुलर पेज पे हमें जो आपका कैप्टन रहेगा उसकी लाइव लोकेशन यहां पर दिखानी है उसकी लाइव लोकेशन हमें यहां पे दिखानी रहेगी जैसे-जैसे आपका कैप्टन मूव करेगा वैसे-वैसे उसकी लाइव लोकेशन हमें अपडेट करनी रहेगी तो बस अब ये और बचा है इसको अपन देखते हैं तो राइड अपनी स्टार्ट हो चुकी थी
अब राइड का हमें क्या करना है जो लाइव लोकेशन ट्रैक करनी र कैप्टन एंड यूजर की लेकिन उससे पहले अभी एक प्रॉब्लम हो रही है देखो कि हम यहां से नेविगेट तो करवा दे रहे हैं जो हमारा कैप्टन है इसको नेविगेट करवा देते हैं हम स्लैश कैप्टन राइडिंग पे लेकिन इस पर्टिकुलर कंपोनेंट पे जो भी हम इस राउट पे कंपोनेंट दिखा रहे हैं उस कंपोनेंट पे डटा कुछ नहीं पहुंच रहा है तो डाटा हमें पहुंचाना है तो और जो कंपोनेंट है आई थिंक दैट इज यह पर्टिकुलर वो कंपोनेंट है कैप्टन राइडिंग तो मैं यहां पे
क्या कर रहा हूं अ हमारे पास ऑलरेडी कंफर्म पॉपअप पे है कैप्टन राइडिंग को कॉन्टेक्स्ट में ऐड कर र एंड इसे बोलूंगा सेंड डाटा टू कैप्टन राइडिंग वाइल नेवी गेटिंग एंड शो द डेटा इन द कैप्टन कंपो नेंट एंड ठीक है तो थोड़ा सा टाइम लेगा लेकिन रिजल्ट दे देगा हमें तो वेट करते हैं थोड़ा ठीक है तो देखो इसने क्या किया है कि जब हम नेविगेट कर रहे हैं तो स्टेट के अंदर कुछ डाटा पास कर रहा है दैट इज प्रॉप्स के अंदर जो राइट डाटा है उसको एज इट इज पास कर दे रहा
है तो इसको हम एक्सेप्ट कर सकते हैं कि हां भाई इसको हम एक्सेप्ट कर रहे हैं और उसके बाद अगर हम कैप्टन राइडिंग वाली पे देखें तो इस ये यूज लोकेशन यूज कर रहा है डाटा को एक्सट्रैक्ट करने के लिए लोकेशन ये एक पर्टिकुलर पार्ट है एंड यूज लोकेशन के अंदर राइट डाटा ये एक्सट्रैक्ट कर ले र है तो इसको भी हम एक्सेप्ट कर रहे हैं एंड डन तो हमारे पास राइट डाटा में जो भी राइट का डेटा रहेगा वो हमें मिल जाएगा और इसका मुझे करना क्या है ये जो पर्टिकुलर राइट डाटा है इसे
मैं यूज करूंगा फिनिश राइड में यहां पे राइट डाटा इक्वल्स टू राइट डाटा ऑलरेडी यहां पे लिखा हुआ है ठीक सेव करते हैं अब ये जो फिनिश राइड वाली प्रॉपर्टी है यहां पर हम बोल रहे होंगे कि जो हर्षी पटेल है ये हर्षी पटेल क्याय कैप्टन की पर्सपेक्टिव से हम देख रहे हैं तो यहां पर यूजर का पूरा नाम आना चाहिए तो यहां पर मैं बोलूंगा प्रॉप्स डॉट राइट प्रॉप्स डराइड यूजर डॉट फुल नेम डॉट फर्स्ट नेम एंड यहां पे हमारे पास जाएगा पिकअप एंड डेस्टिनेशन तो प्रॉप्स डॉट राइड डॉट पिकप एंड सिमिलर अपना जाएगा
यहां पर डेस्टिनेशन प्रॉप्स डॉट राइड डॉट डेस्टिनेशन सेव और यहां पर फाइनली अपना जाएगा फेयर तो प्रॉप्स डॉट राइड डॉट वेर ठीक तो यहां पे अपन ने डाटा को शो कर दिया है अब डाटा हमने अभी सिर्फ कैप्टन साइड पे शो किया है और अभी हमें सेम चीज करनी रहेगी यूजर साइड पे तो यूजर साइड के लिए हमें क्या करना है एक कंपोनेंट यूजर राइडिंग काइंड ऑफ यहां पे क्रिएट होना चाहिए यूजर यूजर लॉगआउट स्टार्ट राइडिंग दिस वन तो इधर पे भी हमें सेम चीज करनी रहेगी तो उसके लिए हम क्या करने वाले हैं यह
जो आपका होम पेज है होम पेज पे हम यहां पे नेविगेट कर रहे हैं तो होम पेज के साथ य जो यूजर राइडिंग वाला पार्ट है आपका इस फाइल को मैं कांटेक्ट पट कर रहा हूं एंड यहां बोल रहा हूं सेंड राइड डेटा वाइल नेविगेटिंग टू राइडिंग एंड यूज या शो द डेटा इन द राइडिंग कंपोनेंट लेट्स सी तो वेट करते हैं थोड़ा सा हमें रिजल्ट दिखेंगे सेव करेंगे [संगीत] इसको ठीक है तो देखो यहां पे होड जए एक पे जस्ट एक लाइन इसने अपडेट की है तो इसको हम एक्सेप्ट कर रहे हैं एंड राइडिंग
j पे अगर देखें तो यूज लोकेशन को इंपोर्ट किया है और देन उसको फाइनली उसने यूज किया है इसको भी हम कर रहे हैं एक्सेप्ट नीचे कुछ हां तो नीचे भी इसने कुछ चीजें एक्सेप्ट की है कि भाई राइड आईडी क्या चल रही है पिकअप एंड डेस्टिनेशन क्या चल रहा है तो आई डोंट थिंक कि इसकी हमें जरूरत है तो मैं इसको हटा रहा हूं एंड जो एक्सेप्ट कर रहा हूं मैं वह बस यह पर्टिकुलर पार्ट एक्सेप्ट कर रहा हूं ठीक सेव डन अगर अपन फ्रंट एंड प देखते हैं रीलोड करें एक बार यहां पर
लोड करते हैं एंड अब अगर एक लोकेशन अपन बोलते कि भाई शेरियन कोडिंग स्कूल से हमें जाना है दिल्ली फाइंड ट्रिप र गो एंड होम जो आपका रहेगा कंफर्म एक्सेप्ट ओटीपी क्या है आपका 0 573 एंड कंफर्म तो सार्थक मारती सुज की एंड मेक पेमेंट तो ठीक है मेक पेमेंट क्या हम कर सकते हैं अभी नहीं बट अगर इधर पर हम आते हैं तो इधर पर लोकेशन डेटा हमें शो नहीं हो रहा है इधर पर हमें डाटा शो नहीं हो रहा है एंड सिमिलर प्रॉब्लम आई थिंक इधर पे हो रही है ठीक है तो डेटा
हमें यहां पर शो नहीं हो रहा डटा हमें देखना रहेगा क्यों शो नहीं हो रहा है ओके सो लेट्स सी डाटा हमें विजिबल क्यों नहीं है अगर अपन आते हैं कैप्टन राइडिंग पे एंड कैप्टन राइडिंग पे इधर पे कंसोल करवाया जाए कंसोल डॉट लॉग राइट डाटा तो अगर अपन कंसोल पर चलते हैं तो डाटा तो आ रहा है तो डाटा तो हमें मिल रहा है दिल्ली इंडिया फेयर यूजर भी हमें मिल रहा है एंड ईमेल उसका फुल नेम यह सारी चीजें हमें यहां पर मिल रही है बट प्रॉब्लम क्या हो रही है ये सेम डेटा
राइट डाटा जो है हमें दिख नहीं रहा है तो उसके लिए हम क्या कर सकते हैं हमें लाइक फेयर भी मिल रहा है आई थिंक हां फेयर भी सारी चीजें मिल रही है बट डाटा हमें विजिबल नहीं हो रहा है तो यह जो राइट डाटा है इस राइट डाटा को हमने यहां पर भेज चुके हैं राइट डाटा फिनिश राइट डाटा प्रॉप्स के अंदर ओके ओके ओके अब एक प्रॉब्लम है यहां पर जस्ट मुझे राइट डाटा की जगह अगर यहां पर राइट भेज दू तो हमें डाटा शो होने लगेगा ठीक है यहां पे फुल नेम पूरा
दिख रहा है एंड डटा शो हो रहा है एंड लेकिन सिमिलर यहां पर हमें डाटा शो नहीं हो रहा है तो एक बार इसको और फिगर आउट करते हैं कि यूजर राइडिंग वाला पेज किस तरीके से है एंड ओके तो हम यहां पर आई थिंक यूज ही नहीं किया था आई थिंक हमने यहां पर डाटा को शो ही नहीं करवाया तो इधर प मैं बोल रहा हूं कि प्रॉप्स डॉट राइड डॉट कैप्टन कैप्टन डॉट फुल नेम डॉट फर्स्ट नेम तो इधर पे कर र प्रॉप इ नॉट डिफाइंड ओके आई डोंट थिंक की प्रॉप्स हमें यूज
करने हमें जो यूज करना है वह सीधा राइट है ठीक है अनुराग तो डाटा हमें मिल रहा है एंड जस्ट हम यहां पर थोड़ा सा स्टाइलिंग करनी है तो कैपिट आइज एंड इधर पर जो आएगा वो रहेगा आपका राइड डॉट कैप्टन डॉट व्हीकल डॉट प्लीट तो आपकी नंबर प्लेट हो गई एंड मॉडल हमने लिया नहीं था फेयर हमें दिखाना है डेस्टिनेशन यहां पर बस दिखाना रहेगा तो डेस्टिनेशन के लिए इधर पर हम बोल देते हैं राइड डॉट डेस्टिनेशन सेव तो डेस्टिनेशन हमें दिख रही है एंड टोटल फेयर हमें यहां पे दिखाना रहेगा बस राइड डॉट
फेयर तो अब हम यहां पे फेयर भी दिख रहा है तो अब देखो जैसे ही मैं यहां पे फिनिश राइट पे क्लिक करूंगा तो जो अपना कैप्टन रहेगा वो होम पे चला जाएगा जो राइड रहेगी उसका स्टेटस कंप्लीट पे सेट हो जाएगा एंड साथ ही साथ जो आपका यूजर रहेगा वो भी अपने होम पे चले जाना चाहिए तो ये सारी तीन हमें ऑपरेशन परफॉर्म कराने हैं इस फिनिश राइड के साथ तो क्या करने वाला हूं मैं यहां पर एक राइड मैं बना रहा हूं सॉरी एक राउट मैं क्रिएट कर रहा हूं एंड इस राउट के
अंदर हम बोलेंगे राउटर डॉट गेट या हम सीधा यहां पे बोल सकते हैं गेट या इसको बोलना पोस्ट ठीक रहेगा मेरे हिसाब से एंड राइड एंड राइट और इसमें हमें कुछ वैलिडेशन नहीं लगाना है जस्ट कैप्टन को चेक करना है कैप्टन चेक करने के बाद ओटीपी आई डोंट थिंक ओटीपी की जरूरत है क्योंकि अगर कैप्टन वहां पे मैच कर गया कि भाई जो राइड के अंदर कैप्टन की आईडी होगी और जो कैप्टन इंडिकेट हुआ है वो दोनों अगर सेम होंगे तो हम उसको राइट को एंड कर सकते हैं राइट कंट्रोलर पे हम आते हैं इधर
पे कंट्रोलर हम क्रिएट करेंगे मॉड्यूल डॉट एक्सपोर्ट्स डॉट एंड राइड अ सिंक रिस्पांस हम एरर्स एरर्स चेक करेंगे राइट आईडी निकालेंगे रिक्वेस्ट डट बॉडी से उसके बाद उसके बाद हम यहां पर देखो इधर पर दो चीज चेक करेंगे पहले तो एंड्राइड यह तो बोलना ही बोलना है उसके अलावा इधर पर एक सर्विस हमें क्रिएट करनी रहेगी राइट सर्विस के अंदर मॉड्यूल डॉट एक्सपोर्ट मॉड्यूल डॉट एक्सपोर्ट्स डॉट एंड राइट सर्विस ओ राइट सर्विस नहीं यहां पर एंड राइट का करना है अस सिंक फंक्शन रिक्वेस्ट अच्छा यह एक ऑब्जेक्ट मांगेगा राइट आईडी एंड कैप्टन इफ राइट आईडी
यह सारी चीजें अब देखो यहां पर हमें एक चीज परफॉर्म करनी रहेगी जो कि एआई ने मिस कर दिया है कि कैप्टन जो है यह कैप्टन इसी पर्टिकुलर राइट से बिलोंग करता है यह हमें चेक करना रहेगा तो उसके लिए हम क्या करने वाले हैं या तो चेक हम यहां पर लगा सकते हैं या तो चेक हम यहां पर लगा सकते हैं तो देखो इधर पे चेक लगाना ठीक रहेगा इधर पे हम बोलते हैं कैप्टन डट आईडी एंड कैप्टन की जो है आई थिंक हमें सिर्फ आईडी मिल रही होगी रिक्वेस्ट नो नो क्योंकि हमने ऑथेंटिकेट
यूज किया है तो हमें पूरा कैप्टन मिलेगा एंड कैप्टन की हम यहां से आईडी निकाल सकते हैं ठीक है तो आईडी अगर अब हमें कोई भी राइड नहीं मिलती तो राइड नॉट फाउंड का एरर हम दे सकते हैं स्टेटस इज नॉट ऑन गोइंग पे है तो हम फिर से बोलते राइट इज नॉट ऑन गोइंग और उसके बाद अगर सब ठीक होगा तो हम कंप्लीट का ऑप्शन बोलेंगे और राइड को रिटर्न कर देंगे राइड रिटर्न करने के बाद राइड रिटर्न करने के बाद हम यहां पर क्या बोलेंगे कि भाई अब आप सॉकेट आयो का यूज करो
और यूजर को मैसेज दे दो कि राइड एंड हो चुकी है तो हमें यहां पर क्या बोलना चाहिए ओके यूजर पर ऑलरेडी मैसेज जा चुका है राइड एंडेड एंड राइड एंडेड पे हमें इसको लगाना रहेगा तो होड जए एक आई डोंट थिंक की होड लगेगा यह लगना चाहिए राइडिंग पर एंड हमें यहां पर सॉकेट कॉन्टेक्स्ट को इंपोर्ट करना रहेगा इंपोर्ट यूज इफेक्ट को आप इंपोर्ट कर सकते हो एंड इंपोर्ट हमें करना रहेगा सॉकेट कॉन्टेक्स्ट को सॉकेट कॉन्टेक्स्ट एंड हमें यहां पर यूज कॉन्टेक्स्ट मांगना रहेगा कॉन सॉकेट एंड य हम बोलेंगे ओके तो हमें यहां पर
एक चीज की और जरूरत है ट इज नेविगेट इंपोर्ट यूज नेविगेट एंड यहां पर एक वेरिएबल हम क्रिएट करेंगे कॉनस नेविगेट नाम का कॉनस नेविगेट एंड सॉकेट डॉट ऑन राइड एंडेड एंड राइट एंडेड पे सिंपली आप नेविगेट कर जाओगे स्लश होम बस इतना हमने किया है सेव सेव करने के बाद वापस आते हैं तो राइडिंग पय चल रहा था एंड राइट स्टार्टेड राइट कंट्रोलर राइट का डाटा हम भेज सकते हैं ऑप्शनल है सेव करेंगे सेव करने के बाद अब इस पूरी प्रोसेस को एक बार चेक करना हमें बच गया है बस रीलोड रिड ओके तो
इधर पर हमें पीछे आना है होम पर चलते हैं एंड आई थिंक इधर भी पीछे आना रहेगा रीलोड ठीक है अब एक बार ट्राई करते हैं तो शेरिस कोडिंग स्कूल हमें जाना है दिल्ली फाइंड ट्रिप कंफर्म एक्सेप्ट ओटीपी क्या है 470 1 2 2 इसको करते हैं अपन कंफर्म कंफर्म करने के बाद अगर मैं यहां पर फिनिश राइट क्लिक करता हूं अच्छा फिनिश राइट प अभी एक प्रॉब्लम है हमने राउट को क्लिक नहीं करवाया मतलब कि राउट को हिट नहीं करवाया तो जो आपका राइडिंग है कैप्टन राइडिंग वाला पार्ट है और इसमें ये जो आपकी
फिनिश राइड वाला पार्ट है इसमें एक बटन देनी है हमें तो यह रही जो की कैप्टन होम जो कि आई थिंक फिनिश राइड वाली है तो इसको मुझे चेंज करना रहेगा बटन पे इधर पर मैं हटा रहा हूं और इसको मैं चेंज कर रहा हूं बटन पे एंड इस के क्लिक पे हम बोलेंगे ऑन क्लिक ऑन क्लिक पे एक फंक्शन हम बोलेंगे एंड राइट तो एंड राइट फंक्शन अभी हम क्रिएट करते हैं अस सिंक फंक्शन एंड राइट एंड राइट पैरम आई डोंट थिंक की पम्स की हमें नीड रहेगी पम्स की डोंट थिंक कि हमें नीड
रहेगी उसके अलावा रिस्पांस वाइट यूआरएल एंड ये पोस्ट रहेगा एक हेडर्स जो रहेगी वो मूव कर जाएंगे अपने एक सेकंड ऑब्जेक्ट में एंड राइट आईडी हमें दैट इज समथिंग वी वांट तो पैरेंस वाला पार्ट हटा देंगे एंड यहां से अपनी पोस्ट रिक्वेस्ट आई थिंक इनफ रहेगी स्टेटस चेक करेंगे स्टेटस चेक करने के बाद स्लश कैप्टन होम पर हम नेविगेट कर सकते हैं ठीक है तो एक बार फिर से ट्राई करते हैं तो एरर आ रही है लेट्स सी रेफरेंस एरर एकस इज नॉट डिफाइंड नाइस तो हमें यहां पर इंपोर्ट करना रहेगा एएस को ठीक है
तो यहां से हम नेविगेट कर चुके हैं लेकिन यहां पर्टिकुलर कुछ एरर आ रही है दैट इज सेट राइट पॉप अप पैनल इज नॉट अ फंक्शन तो आई थिंक सेट राइट पॉप अप पैनल इधर पर हमने कुछ नहीं बेचा था एंड इसको भी आई थिंक हटा सकते हैं क्योंकि हम नेविगेट ही कर जाएंगे तो बैक रीलोड इस पर रीलोड करते हैं एक नई राइड अ बनाएंगे सेरियस कोडिंग स्कूल डेस्टिनेशन दैट इज दिल्ली फाइन ट्रिप एंड यहां पर आके जो आपका होम कंपोनेंट है कंफर्म एक्स एक्प्ट ओटीपी क्या है 1550 938 कंफर्म फिनिश राइट तो इधर
प अगेन कुछ एरर आ रहा है ट इ नेविगेट इ नॉट अ डिफाइन ओके तो हमने आई थिंक यूज नेविगेट यूज नहीं किया था इंपोर्ट यूज नेविगेट एक वेरिएबल हम क्रिएट करेंगे नेविगेट अगेन एक बार ट्राई करके देखते हैं रीलोड रिड सेरियस कोडिंग स्कूल डेस्टिनेशन दिल्ली फाइंड ट्रिप मोटो कंफर्म एक्सेप्ट ओटीपी 35 7080 कंफर्म फिनिश राइट तो देखो अब हम दोनों ही यूजर मतलब कैप्टन और यूजर दोनों ही होम पेज पर आ चुके हैं मतलब कि अपनी जो राइड है वो कंप्लीट हो चुकी है लेकिन बीच में एक पार्ट हमारा बच रहा है दैट इज
लाइव ट्रैकिंग तो अब उसे क्रिएट करना है तो भाइयों अब हमें यहां पे हमारे एप्लीकेशन में एक फंक्शनल ऐड करनी है दैट इज लाइव ट्रैकिंग मतलब कि यूजर या कैप्टन कहीं पे भी जाते हैं तो उनकी लोकेशन को लाइव ट्रैक किया जा सके हमारे googleapis.com जेस एक ठीक तो लाइव ट्रैकिंग हमने बना दिया है और इसके अंदर पूरा लॉजिक हमें इंप्लीमेंट करना है अच्छा एक चीज और यह पूरा लाइव ट्रैकिंग बनाने के लिए ग मैप्स का हमें यूज करना रहेगा और ग मैप्स रिएक्ट में यूज करने के लिए आपको एक पैकेज इंस्टॉल करना रहेगा तो
पैकेज हम इंस्टॉल करते हैं फ्रंट एंड थोड़ा देर बंद करेंगे इसको क्लियर एंड एंड यहां पे आप बोलोगे एनपीए आई रिट googleapis.com रन डेव एंटर एंटर करने के बाद यहां पर हम बोल सकते हैं सीधा इधर पर कोपायलट से कि भाई एक काम करते हैं नई चैट अपन क्रिएट करते हैं एंड इससे बोलेंगे इंप्लीमेंट या हम आई थिंक इससे कुछ चीजें बोलना चाहता हूं सबसे पहले इंपोर्ट ताकि वह सही डायरेक्शन पर जाए ट इज लिंक अभी नहीं लेकिन लोड स्क्रिप्ट ग मैप मार्कर य स चीज अब इससे बोल सकता हूं इंप्लीमेंट द लॉजिक ऑफ इंप्लीमेंट
द लाइव ट्रैकिंग ऑफ द यूजर यूज गल मैप्स फॉर दिस लेट्स सी कितना टाइम लेता है ठीक है तो इसने हमें थोड़ा कुछ कोड दिया है इसको अब एक्चुअल में यूज करके देखते हैं कि कैसे ये काम कर रहा है तो उसके लिए हम क्या करने वाले हैं अभी के लिए जो होड जए एक है जो अपना होड ज यूजर को जो हमें दिखता है वहां पर हमने एक इमेज यूज की थी इमेज की जगह लाइव ट्रैकिंग लगा रहा हूं एंड लाइव ट्रैकिंग वेयर इज द इमेज दिस वन आई थिंक हां यह जो इमेज है
इसको मैं हटा रहा हूं एंड यहां पर मैं लगाऊंगा लाइव ट्रैकिंग एंड अगर फ्रंट एंड पर हम आके देखते हैं तो यह जो है आई थिंक हमें होम पर होना चाहिए तो देखो अलाव आपसे पूछेगा भाई एक्सेस दे दो तो इसको अलाव कर सकते हो एंड इनवैलिड एपीआई की ओके ओ तो हम य प एपीआई की प्रोवाइड करनी है तो एपीआई की के लिए इसने लेकिन एक्सेप्ट कहां किया एपीआई की यहां पर तो एपीआई की मैंने ऑलरेडी बना के रखा हूं जस्ट मुझे यहां पर यूज करनी है तो र बोलेंगे इंपोर्ट डॉट मेटा ड एनवी
डॉट वाइट googleapis.com तो आई थिंक उसके लिए इसने एक इंटरवल लगाया होगा वॉच आईडी यूज इफेक्ट तो इधर मैं इसको एक प्रोमट और देता हूं अपडेट द लाइव लोकेशन एवरी 10 सेकंड्स तो हमने एक प्रोमट से बो हर 10 सेकंड में लाइव लोकेशन आपको अपडेट करनी होगी तोब वो सोच रहा है क्या कैसे करना है लेकिन वो कर लेगा यूज इफेक्ट एंड अब उसने यूज किया है सेट इंटरवल का जो कि ठीक है हम सेट इंटरवल का ही यूज करते हैं एंड अब देख यह जो इसकी लोकेशन रहेगी ना वह हर 10 सेकंड में अपडेट
होगी अगर मैं इसको थोड़ा सा इधर पर किसका सकता हूं क्या ओके क्या मैं इसको थोड़ा सा मैं इस पर क्लिक नहीं कर पा रहा हूं फ्लेक्स एंड स्क्रीन दिस टव ओके तो आई थिंक मुझे इसकी पोजीशन इस पर क्लिक नहीं कर पा रहा हूं नो प्रॉब्लम बट हम उस पर कर सकते हैं जस्ट अगर मैं इस एलिमेंट को थोड़ी देर के लिए हटा दू और अब अगर इधर पर लेकर जाता हूं तो 10 सेकंड बाद या जो भी इंटरवल बचा होगा उतने टाइम बाद यहां पर यह ऑटोमेटिक सेंटर पर आ जाना चाहिए इसकी लोकेशन
अपडेट हो जानी चाहिए तो लेट्स सी क्या एक बार मैं इसका कंसोल लॉक करवा के देखता हूं लेट सी कंसोल डॉट लॉग पोजीशन अपडेटेड देखो पोजीशन अपनी अपडेट हो रही है इसको अगर मैं थोड़ा सा ड्रैग कर दूं यहां पर तो 10 सेकंड बाद फिर से जो आपकी पोजीशन रहेगी व अपडेट हो जानी चाहिए मैं इसकी जो ड्यूरेशन है इसको कम कर रहा हूं एक सेकंड बाद ठीक है एक बार रीलोड करके देखते हैं [संगीत] एंड डिलीट एलिमेंट कंसोल तो यहां पर कंसोल लॉग नहीं आ रहा है अपडेट पोजीशन एंड सेट इंटरवल किसीसी कारण आई
थिंक नहीं चला इधर प 15 आ चुके हैं 15 पोजीशन अपडेट एंड सेट इंटरवल अगर ये क्लियर इंटरवल काइंड ऑफ मैं हटा दूं ठीक है पोजीशन अपडेट्स तो हो रहे हैं बट क्या मैं उसको लाइव नहीं देख पा रहा हूं जब मैं स्क्रीन छोड़ रहा हूं तब वो मुझे दिख रहा है देखो मैं मतलब कि अभी यहां पर है इधर पे ये 28 प्रिंट है ये दो प्रिंट है य नौ प्रिंट है जैसे ही मैं स्क्रीन छोड़ के वापस आता हूं तो वो वापस हो चुका है ठीक तो आई डोंट नो बट बट इसका ये
काम तो कर रहा है लेकिन जैसे मैं स्क्रीन छोड़ रहा हूं तब काम कर रहा है तो लेट्स सी फिगर आउट करते हैं कि क्या प्रॉब्लम हो रही है एक्जेक्टली एंड आई थिंक मुझे ऐसा लग रहा है ना कि अपना काम हो चुका है क्योंकि मैं एक ही लोकेशन प बैठा हूं मतलब कि सेटअप यहीं पर है तो मैं एक ही लोकेशन प बैठा हूं उसकी वजह से वो प्रॉब्लम कर रहा है तो एक काम करते हैं इसको यहीं पे इंटीग्रेट रहने देते हैं और दो जगह मुझे और इंटीग्रेट करना है एलिमेंट को कहां-कहां पर
एक जो आपका कैप्टन राइडिंग वाला फीचर है इस जगह प मुझे अपडेट करना रहेगा इस इमेज ट की जगह तो इसको हटाते हैं एंड यहां पर मैं लगाता हूं लाइव ट्रैकिंग लाइव ट्रैकिंग यहां पे लगेगी और एक अने लगानी रहेगी राइडिंग वाले स्टेटस पे इस पर्टिकुलर जगह पे तो इमेज आई थिंक यहां पर भी हमने पास की थी दिस वन एंड यहां पे हम बोलेंगे लाइव ट्रैकिंग ठीक है तो एक बार इंप्लीमेंट करके देखते हैं कि भाई काम कर रहा है या नहीं कर रहा है तो इसके लिए इसको भी रिलो करते हम लोड करेंगे
सेरियस कोडिंग स्कूल दिल्ली हमें जाना है फाइंड ट्रिप मोटो एंड होम पज जो आपका रहेगा इसको एक बार करते हैं सेव कंफर्म एंड यहां पर ओके ओके यहां पर एक प्रॉब्लम हो गई अब यहां पर एक प्रॉब्लम हो गई कि हम होम पेज पर नहीं थे होम पेज होम पे कैप्टन होम एंटर तो हम कैप्टन होम पेज पर एंड इसको एक बार रीलोड करवाते हैं तो शेरियन कोडिंग स्कूल दिल्ली पॉइंट ट्रिप र को कंफर्म एक्सेप्ट ओटीपी क्या है ओटीपी आपका 344 578 एंड कंफर्म कंफर्म के बाद अगर आप देखोगे तो इधर पे थोड़ी सी कुछ
प्रॉब्लम हो रही है लाइक वो बहुत छोटा आ रहा है बट हम उसको ठीक कर लेंगे लेकिन यहां पर अगर आप देखोगे तो जस्ट इसने जस्ट नाउ अभी इसने लाइव लोकेशन अपनी अपडेट की पहले कुछ और आ रही थी लोडिंग टाइम की वजह से लेकिन जस्ट नाउ इसने अभी अपनी लोकेशन अपडेट की है जो कि मतलब कि परफेक्ट चल रहा है और इधर पे भी जो आपकी लोकेशन है वो एकदम परफेक्ट चल रही है बस इसका जो साइज आ रहा है वो थोड़ा खराब सा आ रहा है तो उसको मैं ठीक कर देता हूं जस्ट
कैप्टन राइडिंग कैप्टन राइडिंग वाले पार्ट पे इसको मैं कर रहा हूं कॉपी एंड इसको अपन हटाते हैं एंड आई थिंक इसको अपन हटा के अगर इधर पे डालेंगे तो पोजीशन लाइव ट्रैकिंग इज नॉट डिफाइंड लाइव ट्रैकिंग इज नॉट डिफाइंड आ रहा है ओके एंड इसकी जो हाइट चाहिए वो हमें फुल चाहिए तो कैप्टन राइडिंग एंड इधर पर जो लाइव ट्रैकिंग वाला आ रहा है इसको मैं बोल दे रहा हूं फुल तो अगर यहां पर फुल की अपन बात करें एंड एक बार अगर इसको रीलोड करके देखते हैं तो यह फुल नहीं ले रहा है बस
एच फुल एंड ओके इधर पर 400 पिक्सेल आ रही है फिक्स जो कि हमें नहीं चाहिए हमें 400 फिक्स हाइट नहीं चाहिए हमें एक वेरिएबल हाइट चाहिए तो इधर बोल रहा हूं 100 पर एंड आई थिंक अब यह काम कर रहा है देखो अब जो दोनों की लोकेशन है वो प्रॉपर आ रही है अगर मैं इसको रिड कर देता हूं तो लेकिन एक प्रॉब्लम है इसके साथ जो नीचे बार आ रहा था अपने पास वह नहीं है तो एच फल हटाते हैं क्लास फिक्स्ड जड इंडेक्स 10 है अगर जड इंडेक्स थोड़ा सा बढ़ाया जाए जड
इंडेक्स जड इंडेक्स से काम नहीं हो रहा है इसकी पोजीशन जो है दैट इज फिक्स्ड विड्थ फुल यह रहा बट हमें इसका काम नहीं है जो हमें काम है वह है कैप्टन राइडिंग पे फिनिश राइट इस पर्टिकुलर वाले पार्ट पर हमें काम है जड इंडेक्स इसको मैं बोलूंगा 500 एंड स्टिल यह अभी नहीं आया है ठीक है सो इसको थोड़ा फिगर आउट करना रहेगा हमें कि यह कैसे काम कर रहा है एंड जड इंडेक्स अगर इसका कम नहीं हो रहा है तो क्या हम इसका कम कर सकते हैं थोड़ा सा जड इंडेक्स नहीं आई डोंट
थिंक हम इसका कम कर सकते हैं तो व्ट वी कैन डू यह जो एच फुल आ रहा है इसको हम बोलते हैं पोजीशन रिलेटिव रिलेटिव एंड जड इंडेक्स जो रहेगा इसका मैं बोल रहा हूं माइनस व सो ठीक है इसका जड इंडेक्स माइनस व तो है बट यह उसको रिस्पांस नहीं कर रहा है पोजीशन रिलेटिव एंड जड इंडेक्स इसको सपोर्ट नहीं कर रहा है बट आई थिंक अगर मैं इसको हटा के यहां से हटा के सबसे नीचे मूव कर दूं ठीक यह मूव कर रहा है एंड यह जो अपना पार्ट है इसको मुझे थोड़ा सेट
करना रहेगा एंड फिक्स टॉप जीरो एंड जस्ट इधर प था फिक्स्ड बॉटम जीरो एच स्क्रीन फिक्स्ड ओके सो फ्लेक्स एंड फ्लेक्स आइटम सेंटर एच स्क्रीन को बस मैं कुछ प्रॉपर्टीज और दे रहा हूं ए स्क्रीन फ्लेक्स फ्लेक्स कॉलम एंड जस्टिफाई एंड सो अभी तो यह सेंटर पर आ जाना चाहिए था मतलब एंड पर आ जाना चाहिए था बट यह नहीं आ रहा है एच स्क्रीन ओके अगर इस पर्टिकुलर एलिमेंट को हम पोजीशन एब्सलूट दे दे तो एंड इस सेड इंडेक्स को हटा दिया जाए तो मैप कहां है टॉप से जीरो अगर एब्सलूट की जगह फिक्स्ड
टॉप से जीरो [संगीत] एंड हाइट फुल प्लस विड्थ स्क्रीन एंड सिमिलर हम यहां पर करेंगे स्क्रीन पर ठीक है अगेन हम जहां से शुरू किया था वहीं पर आ चुके हैं बट आई थक हम इसको कर लेंगे जड इंडेक्स 500 ओके ठीक है भाइयों तो हमने थोड़ा मैप्स को ठीक किया है इसमें लाइव लोकेशन अब अपडेट हो रही है साथ ही साथ मैप्स भी हमें दिख रहे है और जो बटंस के कंट्रोल्स थे वो भी हम देख पा रहे हैं अगर मैं यहां पे फिनिश राइट करता हूं तो दोनों ही यूजर भी आपका और जो
आपका कैप्टन था वो कहीं और मतलब कि होम स्क्रीन पे पहुंच जाते हैं तो यह अपना एक मिनिमल सा मिनिमल सा तो नहीं बहुत सारी चीजें हमने इसमें इंटीग्रेट की है लाइक मैप्स कैसे यूज़ करना है googleapis.com