है गैस वेलकम तू डी वेब सोर्सेस गैस आज इस वीडियो में हम लोग सीखेंगे एप्लीकेशन है इसमें कर ऑपरेशंस होते हैं क्रिएट रीड अपडेट और डिलीट राइट तू ये चारों ऑपरेशंस को हम देखेंगे किस तरीके से इनको क्रिएट करना है इसमें हम एपी को क्रिएट करेंगे राइट और एपी इसके साथ-साथ यहां पे हम जो हमारा यूआई है यूजर इंटरफेस उसको भी हम क्रिएट करेंगे राइट और बैक और को फ्रंट एंड को कैसे कनेक्ट करना है वो हम यहां पे देखेंगे राइट अब यहां पे जो गैस ये क्रेडिट एप्लीकेशन है राइट इसमें देखो यहां पे क्या हो रहा है चारों ऑपरेशन यहां पे परफॉर्म हो रहे हैं सबसे पहले यहां पे डाटा दिखे रहा है आपको ये डाटा हमारे डाटा में से डायरेक्टली ए रहा है यहां पे अगर मैंगो डीबी में देखोगे तो यहां पे ये जो डाटा है ठीक है यहां से डाटा ए रहा है मैंगो डीबी से तो ये डाटा हम यहां पे फैज करेंगे इसको कहते हैं रीड करना डाटा को रीड कर रहे हैं डेटाबेस से ठीक है इसके बाद यहां पे क्रिएट करना है राइट अगर हमें डाटा को क्रिएट करना है तो यहां पे देखो एड बटन पे जब क्लिक करेंगे तो यहां पे एक हमारे पास फॉर्म ओपन हो जाएगा राइट और इस पे हम अगर कोई नाम लिखने हैं जैसे मां लीजिए हमने लिखा शिवम यहां पर लिख दिया शिवम कुमार राइट ओके तो यहां पर कुमार लिख दिया और इसमें रहते हैं शिवम @ gmail.com राइट और यहां पे 123456 दाल लेते हैं और ये हमारा एड कर देते तो ये देखो यहां पे यूजर आबाद सक्सेसफुली और यहां पे हमारा ये हमारा यूजर है क्रिएट हो चुका है ठीक है तो इस तरीके से हम क्या करते हैं यहां पे यूजर्स को क्रिएट करते हैं तो ये रीड कर लिया क्रिएट कर लिया अब इसके बाद अपडेट अगर करना है राइट तो इसको अपडेट करने के लिए हम क्या करेंगे यहां पे हम क्लिक करेंगे ठीक है तो इसको अपडेट भी कर सकते हैं जैसे यहां पे शिवम आ वर्मा कर देते हैं राइट और शिवम हो गया अब इसको अपडेट कर देते हैं जैसे अपडेट करेंगे देखो यूजर अपडेटेड सक्सेसफुली और यहां पे देखो शिवम वर्मा हो गया राइट तो इस तरीके से हम डाटा को क्या कर सकते हैं रीड किया क्रिएट किया और अपडेट किया और अब यहां पे लास्ट जो ऑपरेशन है वो डिलीट करना है अगर डाटा को हम डिलीट करना चाहते हैं किसी भी यूजर को राइट तो हम पर्टिकुलर इसको डिलीट भी कर सकते हैं जैसे की यहां पे देखो इसको डिलीट करना चाहते तो जैसे इस पे क्लिक करेंगे तो ये देखो यूजर डिलीटेड सक्सेसफुली और यहां पे देखो शिवम वाला डाटा यहां से डिलीट हो चुका है राइट तो यह चारों ऑपरेशंस हैं इनको हम देखेंगे प्रोजेक्ट में किस तरीके से इनको क्रिएट करना है इनकी एप्स को कैसे क्रिएट करना और एप्स को कैसे फ्रंट से कनेक्ट करना है राइट तो चलते हैं अपने सीधा प्रोजेक्ट में और वहां पे क्या करते हैं इसको स्टार्ट करते हैं सो गैस सबसे पहले यहां पे एक फोल्डर क्रिएट कर लेते हैं हम क्रेडिट अप क्रेडिट अप करके यहां पे बना लेते हैं राइट ये हमारा फोल्डर हो गया और इसको हम ओपन कर लेते हैं हम अपने वीएस कोड में राइट यहां पे हम अपना कोड करेंगे तो आप कोई भी कोड एडिटर जो है उसे कर सकते हो मैं यहां पे एक कोड बस कोड का उसे करूंगा राइट तो यहां पे वे एस कोड में इस प्रोजेक्ट को ओपन कर लेते हैं अब देखो यहां पे हमारा प्रोजेक्ट ओपन हो चुका है राइट अब इसमें क्या करेंगे सबसे पहले टर्मिनल ओपन करते हैं और यहां पे देखिए दो डायरेक्टली हम क्रिएट करेंगे एक तो हमारा बैक हैंड के लिए हो जाएगा राइट दूसरा हमारा फ्रंट एंड के लिए हो जाएगा राइट तो सबसे पहले यहां पे क्या करेंगे यहां पे हम सबसे पहले स्टार्ट करते हैं हम अपना रिएक्ट का प्रोजेक्ट ट्राई तो यहां पे लिखेंगे अंपायर एनपीएस क्रिएट और इसमें हम क्लाइंट कर लेते हैं राइट क्लाइंट आप क्लाइंट ले सकते हो फ्रंट ले सकते हो कोई भी नाम ले सकते हो फ्रंट के लिए राइट और इसको मैं यहां पे क्या करता हूं इंस्टॉल करता हूं राइट अब देखिए जब तक ये हमारा क्लाइंट साइड जो हमारा रिएक्ट का प्रोजेक्ट है जब तक ये इंस्टॉल हो रहा है राइट क्योंकि इसमें टाइम लगे वाला थोड़ा राइट आई आपके डिपेंड करेगा आपकी इंटरनेट स्पीड पे ये राइट आपके सिस्टम पे भी डिपेंड करेगा राइट तो जब तक ये इंस्टॉल हो रहा है तब तक हम क्या करते हैं यहां पे दूसरा एक टर्मिनल ओपन कर लेते हैं ठीक है और इसमें क्या करेंगे यहां पे जो ये देखिए हमारा फोल्डर यहां पे क्रिएट हो चुका है ठीक है और इसमें जब तक ये इंस्टॉल हो रहा है ठीक है तब तक हम यहां पे सर्वर साइड जो सर्व ब्रैकेट है उसको हम करते हैं राइट तो बैक और के लिए हम क्या करेंगे यहां पे एक फोल्डर क्रिएट करते हैं और यहां पे सर्वर नाम दे देते हैं सर्वर या बैक और कुछ भी नाम ले सकते हो ठीक है और इसमें क्या करेंगे यहां पे ये चलते हैं ये हमारा इसमें हम सीडी करेंगे सीडी और यहां पे सर्वर राइट सर्वर के अंदर चलते हैं तो ये हम सर्वर फोल्डर के अंदर ए चुके हैं राइट अब इसमें हम क्या करेंगे अपना बैक हैंड सेटअप करेंगे राइट तो यहां पे हम लिखने हैं सबसे पहले प्रोजेक्ट को भी सिलाई करते हैं जो हमारा सर फोल्डर है राइट तो इसमें हम क्या करेंगे तो ये क्या हो जाएगा यहां पे जो सर्वर हमारा है डायरेक्टर रेट इसमें हमारी एक package.gsan फाइल हमारी क्रिएट हो जाएगी रेट और ये हमारा पैकेज है इस स्लाइस हो जाएगा अब यहां पे पैकेज का नाम पूछ रहा है तो यहां पे लिख देते हैं क्रूड ए एप्लीकेशन राइट एप्लीकेशन तो ये हमने प्रोजेक्ट का नाम दे दिया वर्जन डिस्क्रिप्शन ऊ इंडेक्स और जेएसी रहने देते हैं इसके बाद रिपोजिटरी कीवर्ड्स और ऑथेंटे हैं संतोष कुमार ठीक है ओके और इसके बाद यहां पे यस कर देते हैं और ये हमारा प्रोजेक्ट जो है इन स्लाइस हो गया अगर यहां पे देखो सर्वर राइट ओके अब इसके बाद यहां पे हमें कुछ पैकेज की जरूर पड़ेगी रे तो हम वो इंस्टॉल कर लेते हैं तो यहां पे नम इंस्टॉल और यहां पे सबसे पहले एक्सप्रेस को इंस्टॉल करते हैं फिर यहां पे मंगोज और इसके बाद यहां पे बॉडी पर सर राइट और इसके बाद यहां पे डॉट एनवी को भी इंस्टॉल करते हैं राइट और यहां पे कस को इंस्टॉल कर लेते हैं यह हो गया राइट और ओके तो यह हमने क्या किया यहां पर कुछ पैकेज इंस्टॉल कर लिया राइट तो ये जब तक पैकेज इंस्टॉल हो रहे हैं तब तक क्या करते हैं यहां पे कुछ डायरेक्टरीज क्रिएट करते हैं अब देखिए गैस यहां पे जितना भी हम कोड लिखेंगे राइट वो एक सिस्टमैटिक एक एक वेल स्ट्रक्चर्ड फॉर्म में लिखेंगे राइट सारे फोल्डर अलग-अलग डायरेक्टरीज बनाएंगे राइट तो जिससे की आपको समझना में कोई प्रॉब्लम ना हो और अच्छी तरीके से आपको समझ में राइट तो हम क्या करते हैं यहां पे आ सबसे पहले एक फोल्डर क्रिएट करते हैं कंट्रोलर करके राइट तो यहां पे लिखने हैं कंट्रोलर कंट्रोलर राइट ओके और कंट्रोलर के बाद यहां पे एक दूसरा दूसरा फोल्डर हम क्रिएट करेंगे राव राइट्स हो गया और यहां पे हम मॉडल भी क्रिएट करेंगे तो यहां पे मॉडल हो जाएंगे राइट ओके तो यहां पे हमने कंट्रोलर मॉडल और रूट्स यहां पे क्रिएट कर लिया ओके ये हमारे पैकेज इंस्टॉल हो गए हैं अगर यहां पे पैकेज और जेसन फाइल चेक करोगे तो यहां पे देखो ये हमारे जो है सारे पैकेज इंस्टॉल हो गए अब इसमें एक पैकेज और इंस्टॉल करना है जो की है नम एन पीएम इंस्टॉल - - से डेवलपमेंट जो की हमारे सर्वर को हिट करेगा और यह पैकेज भी इंस्टॉल कर लेते हैं ओके तो यह हमारी क्या होगी यहां पे कुछ समय यहां पे सर्वर फोल्डर के अंदर यहां पे कंट्रोलर मॉडल और रूट्स यहां पे क्रिएट कर लिए अब इसके साथ-साथ यहां पे जो हमारी सर्वर फाइल है जो की हमने राखी थी index.j राइट उसको भी हम यहां पे क्या क्रिएट करते हैं तो सर्वर के अंदर अगर चलें तो यहां पे हम क्या करेंगे index.js करके राइट इंडेक्स और गैस करके हमने यहां पे एक फाइल क्रिएट कर ली राइट अब इसके अंदर हम अपना सर्वर सेटअप करेंगे राइट उसके साथ-साथ यहां पे एक फाइल और क्रिएट करेंगे जिसमें हमने कांस्टेंट रखेंगे जो हमने डॉट एनवी करके डॉट एनवी करके हमने जो पैकेज इंस्टॉल किया है उसके लिए हमें फाइल यहां पे जरूर पड़ेगी डॉट एनवी राइट एन भी राइट ये डॉट और डॉट लगाएंगे फिर उसके बाद एन बी लिखेंगे राइट तो ये हमारी फाइल हो गई अब यहां पे क्या करेंगे यहां पर जो हमारे पास इंडेक्स और जस है राइट इसमें क्या करेंगे इसमें हम अपना सरवर सेटअप करेंगे राइट तो यहां पे हम चलते हैं और यहां पे सबसे पहले इंपोर्ट करते हैं राइट तो इंपोर्ट और यहां पर एक्सप्रेस को इंपोर्ट करते हैं राइट तो सबसे पहले एक जूम कर लेते हैं थोड़ा इसको ओके तो यहां पर एक्सप्रेस एक्सप्रेस करते हैं और फ्रॉम कहां से आएगा ये एक्सप्रेस से राइट ये एक्सप्रेस से ए गया ओके अब इसके बाद यहां पे इंपोर्ट करेंगे इंपोर्ट इंपोर्ट राइट और यहां पे मोंगूज को इंपोर्ट करेंगे और ये कहां से आएगा फ्रॉम मंगोस राइट मैंगो से राइट ओके और इसके बाद यहां पर इंपोर्ट करेंगे इंपोर्ट सॉरी यहां पर ए जाएगा बॉडी पार्ट्स फ्रॉम ओके और इसके बाद यहां पर इंपोर्ट करते हैं import.in में से राइट डॉट इन ओके और इसके बाद यहां पे इंपोर्ट कर लेते हैं हम कोर्स को राइट कोर्स फ्रॉम कहां से 1 मिनट ओके तो यह हमारे पास कुछ पैकेज यहां पर क्या कर लिया हमने इंपोर्ट कर लिया राइट और हमारा देख लेते हैं एक बार सर्वर ये हमारा इंस्टॉल हो रहा है हमारा जो पैकेज है जो हमारा क्लाइंट साइड है राइट रिएक्ट का प्रोजेक्ट ओके तो अब इसके बाद यहां पे क्या करेंगे ये हमारा जो पैकेज इंस्टॉल कर लिया अब इसके बाद हम यहां पे क्या करते हैं यहां पे हम सबसे पहले इनिशियलिसए करते हैं अप को तो कांस्टेंट अप = एक्सप्रेस राइट एक्सप्रेस कर लेते हैं ओके और इसके बाद अप का उसे करेंगे उसे बॉडी पार्ट्स राइट बॉडी पार्सल डॉटशन राइट ओके और यहां पे हम अप डॉट उसे करेंगे यहां पे कोर्स का राइट कोर्स कर लेते हैं और इसके बाद यहां पे देखिए जो हमारे पास क्या था डॉट एन बी राइट तो इसको भी हम यहां पे कर लेते हैं तो यहां पे राइट कॉन्फ़िग कर लेते हैं ओके अब देखिए यहां पर हमें सर्वर को सेटअप करने के लिए क्या दो चीज चाहिए एक पोर्ट नंबर और एक यूआरएल मैंगो डीबी का राइट तो हम यहां पे जो डॉट एन बी फाइल है इसमें चलते हैं और यहां पे क्या करते हैं यहां पे सबसे पहले पोर्ट को डिफाइन करते हैं तो पोर्ट यहां पे हम मां लीजिए हम कर लेते हैं 8000 पर राइट तो 8000 एक मिनट 8000 पर हमने क्या किया इसको रन कर लिया और इसके बाद यहां पे मैंगो यूआरएल चाहिए राइट तो मैंगो यूआरएल ओके यूआरएल में कहां से मिलेगा अब यहां पे चलते हैं डेटाबेस के अंदर राइट आ मैंगो टीवी में लॉगिन कर लेना उसके बाद डेटाबेस में जाएंगे और डाटा भी इसके अंदर यहां पे कनेक्ट करेंगे राइट जब कनेक्ट करेंगे तो यहां पे हमें क्या मिलता है यहां पे कई सारे ऑप्शंस मिलेंगे यहां पे हम ड्राइवर में जाएंगे और ड्राइवर में जान के बाद यहां पे जो स्ट्रिंग मिलते हैं इसको हम ऐसे कॉपी कर लेते हैं ओके और इसके बाद यहां पे चलते हैं और यहां पे हम इसको दाल देते हैं ओके अब देखिए यहां पे स्ट्रिंग में जो है यहां पे ये जो युटुब दिखाई ये हमारा यूजर नाम हो गया ठीक है और यहां पे पासवर्ड डालना है राइट तो पासवर्ड मैंने यहां पर क्रिएट कर रखा है मैं युटुब करके ठीक है यह पासवर्ड हो गया इसके बाद यहां पे एक डेटाबेस नाम देते हैं तो यहां पे देते हैं क्रेडिट करके ओके गाइज तो यहां पे क्या किया हमने यहां पर टाइप करके जो मैंने यहां पे दे दिया अपना डेटाबेस का नाम ठीक है तो ये हमारे दोनों चीज यहां पे हो चुकी है अब यहां पे index.js में चलेंगे और यहां पे क्या करेंगे यहां पे हम सबसे पहले कॉन्स्ट पोर्ट ले लेते हैं पोर्ट और यहां पे कहां से प्रोसेस डॉट एनवी डॉट एन जो पोर्ट है हमारा राइट पोर्ट यहां से आएगा बाय डिफॉल्टर अगर वो नहीं मिलता है तो यहां पे हम सेट अप कर देंगे मां लीजिए 3000 पर या 3000 नहीं यहां पे 7000 कर देते हैं ठीक है ओके और इसके बाद कंस और यहां पे यूआरएल कर लेते हैं यूआरएल राइट और इसके बाद प्रोसेस को हम यहां पे ले लेते हैं तो यहां पे अगर देखो तो ये मैंगो यूआरएल हो गया ठीक है तो यहां से इसको कॉपी कर लेते हैं यहां पर दाल देते हैं राइट तो ये दोनों चीज हमें यहां पे मिल चुकी हैं राइट ओके अब यहां पे क्या करते हैं यहां पे सबसे पहले हम कनेक्ट करते हैं तो मोंगूज का उसे करेंगे मोंगूज डॉट कनेक्ट अब यहां पर यूआरएल पास करते हैं ठीक है और इसके बाद दें और यहां पे हम कॉल बैक फंक्शन पास करेंगे ठीक है और इसके बाद यहां पे दें यहां पे एरर को भी हम कैश लगाकर यहां पे हैंडल करेंगे अगर कोई एरर आई है तो यहां पे कंसोल में जो है हम यहां पे प्रिंट कर देंगे ओके और एरर हो गई ओके परफेक्ट अब इसके बाद यहां पे क्या करेंगे कंसोल लिखेंगे कंसोल कंसोल डॉट लोग ठीक है और यहां पे हम लिखने हैं डीबी कनेक्ट बेबी कनेक्ट सक्सेसफुली राइट तो ये डीबी कनेक्टर सक्सेसफुली और इसके साथ-साथ यहां पे पोर्ट को भी रन कर देंगे अप डॉट लिसन राइट और यहां पर कॉल बैक फंक्शन स्पोर्ट पर जो पोर्ट हमारा वहां पर मिल रहा है राइट तो यह हमारा जो है सर्वर यहां पे परफेक्ट कनेक्ट हो चुका है राइट ओके अब यह क्या करते हैं यहां पे पैकेज और जेसन में चलते हैं और देखिए हमने यहां पे लोड मोड को इंस्टॉल किया था राइट तो हम क्या करते हैं यहां पे स्क्रिप्ट एक क्रिएट करते हैं स्टार्ट ठीक है स्टार्ट और यहां पे लिखेंगे हम नोटबंदी राइट नोट ऑन और index.j जो हमारी फाइल थी उसको लिख देते हैं राइट अब यहां पे एक चीज देखो यहां पे मैंने उसे किया है इंपोर्ट राइट तो इंपोर्ट जब उसे किया है तो यहां पे हमें क्या करना पड़ेगा यहां पे हम टाइप का उसे करते हैं टाइप और मोडल टाइप ओके जब हमें इंपोर्ट को जब हम इंपोर्ट यहां पे उसे करते हैं तो हमें यहां पे टाइप मोडल यहां पे हमें यहां पे लिखना पड़ता है राइट ओके अब इसके बाद यहां पे क्या करते हैं सबसे पहले चलते हैं और हमारे पास दूसरे सर और मैं ओके सर्वर में यहां पर चलेंगे और यहां पे लिखेंगे नम स्टार्ट अब नम जब स्टार्ट लिखेंगे तो ये हमारा जो सरवर है यहां पर रन होना चाहिए डीबी कनेक्टर सक्सेसफुली और यहां पे सर्वर इस रनिंग ऑन फोर्ट 8000 क्योंकि मैंने यहां पे क्या रेखा 8000 ले रखा है राइट तो अब यहां पर देखते हैं क्या ये सक्सेसफुली कनेक्ट होता है या नहीं तो ओके तो डीबी कनेक्ट सक्सेसफुली और यहां पे सर्वर इसे रनिंग ऑन वोट 8000 परफेक्ट अब क्या कर लेते हैं अब यहां पे चलेंगे और सबसे पहले हम एपी को क्रिएट कर लेते हैं राइट तो हमारा अगर देखो तो यहां पे हमारा रिएक्ट प्रोजेक्ट भी इंस्टॉल हो चुका है राइट तो अब क्या करते हैं सबसे पहले एपी क्रिएट कर लेते हैं यहां पे ठीक है तो हम क्या करते हैं यहां पे चलते हैं सबसे पहले मॉडल में राइट तो अभी इसको क्लोज कर देते हैं यहां पे ये सारे प्रोजेक्ट हम क्लोज कर देते हैं ओके अब यहां पे सबसे पहले मॉडल में चलेंगे एक मॉडल क्रिएट करते हैं राइट तो यहां पे लिखने हैं यूजर यूजर मॉडल डॉट जस ठीक है अब देखिए यहां पे जो हम क्रॉप एपी क्रिएट करेंगे राइट तो उसमें हम ज्यादा डिटेल में नहीं जाएंगे अगर डिटेल में आपको देखना है तो हम ने क्या किया हुआ है एक प्रीवियस वीडियो में हम लोगों ने क्रूड एपी से रिलेटेड एक वीडियो सेपरेट बनाया हुआ है राइट वहां पर हम डिटेल में बात की है की ये क्रूड एपी कैसे काम करती है राइट और किस तरीके से हम क्रिएट करते हैं तो यहां पे जल्दी-जल्दी हम करते हैं सबसे पहले यहां पे इंपोर्ट करेंगे इंपोर्ट मंगोज यहां पर मैंगो हो जाएगा मोंगूज फ्रॉम पर कहां से मोंगूज को इंस्टॉल के अंदर यहां पे देखिए हम क्या करते हैं यहां पे कुछ फील्ड्स लेंगे अब देखिए फ्रेंड्स क्या करेंगे सबसे पहले एफ नाम फर्स्ट नाम रहेगा ठीक है और इसमें टाइप हम देते हैं टाइप स्ट्रिंग ठीक है और इसके बाद रिक्वायर्ड हम कर लेते हैं रिक्वायर्ड ट्रू हो जाएगा राइट ओके अब इसके साथ इसी को हम यहां से कॉपी कर लेते हैं ओके यहां से कॉपी करेंगे अप नाम को और यहां पर हम पेस्ट कर देते हैं राइट तो ये फर्स्ट नाम लास्ट नाम हो जाएगा इसके बाद ईमेल हो जाएगा इसके बाद पासवर्ड हो जाएगा राइट तो ये टोटल 4 फील्ड्स यहां पे लेंगे तो यहां पे हम चेंज कर देते हैं ल नाम हो जाएगा यहां पे ईमेल हो जाएगा ओके और ये हमारा पासवर्ड हो जाएगा पासवर्ड अगर तो हैकिंग इसमें इंप्लीमेंट करना है तो आप हेजिंग वाला वीडियो जो देख सकते हो उसका लिंक जो है आपको डिस्क्रिप्शन में मिल जाएगा ओके तो अब इसके बाद यहां पे क्या करेंगे इसको हम करते हैं एक्सपोर्ट एक्सपोर्ट डिफॉल्ट ठीक है और यहां पे हम लिखने हैं मंगोज मोंगूज डॉट मॉडल राइट और यहां पे हम क्या करेंगे यूजर यूजर दाल देते हैं और इसके बाद ये हमारा कलेक्शन हो जाएगा ठीक है और इसके बाद यूजर स्कीम राइट यूजर स्कीम यहां पे ए जाएगा ओके तो ये हमारा जो है मॉडल यहां पे रेडी हो चुका है ठीक है अब इसको हम क्लोज कर देते हैं और अब क्या करेंगे अब चलते हैं अपने कंट्रोलर के अंदर राइट तो यहां पे हम क्या करेंगे सबसे पहले हम एक कंट्रोलर बनाएंगे राइट तो यहां पे लिखने हैं यूजर यूजर कंट्रोलर राइट यूजर कंट्रोल में तो आप जस ठीक है अब देखिए यूजर कंट्रोलर में यहां पे साड़ी एपी रहेंगे ठीक है तो एपी इसके लिए हम क्या करेंगे यहां पे जो हमने मॉडल बनाया है राइट उसको इंपोर्ट कर लेते हैं तो इंपोर्ट और यहां पे यूजर नाम दे देते हैं और यहां पे आप फ्रॉम कहां से आएगा आ डॉट डॉट एस मॉडल राइट तो यह मॉडल के अंदर से ए जाएगा ओके और इसके बाद यहां पे user.gs ये हमारा मॉडल हो जाएगा ओके अब यहां पे देखिए जो हम क्रिएट करेंगे उसमें टोटल फाइव एप्स हमने यहां पे क्रिएट करेंगे पहले क्रिएट के लिए फिर अपडेट और डिलीट और दूसरा और पांचवी जो होगी वो एक सिंगल रिकॉर्ड को फेच करने के लिए राइट तो वो पांचों एप्स जो है यहां पे क्रिएट करेंगे तो सबसे पहले जो हम यहां पे करेंगे क्रिएट ए राइट तो इसके लिए हम यहां पे लिखने हैं एक्सपोर्ट एक्सपोर्ट कांस्टेंट और यहां पर कर देते हैं क्रिएट राइट और यहां पे ए सन फंक्शन चलाएंगे और रिक्वेस्ट रिस्पांस ठीक है और इसके बाद यहां पर ट्राई कैच लिख लेते हैं ट्राई कैच ठीक है ओके अब देखिए यहां पे हमने क्या किया यहां पे हमने क्रिएट बनाया ठीक है और इसमें हम डाटा को क्रिएट करेंगे मतलब यूजर का डाटा को क्रिएट करेंगे तो उसके लिए हम क्या करते हैं यहां पे चलते हैं यहां पर ले जाते हैं कांस्टेंट और यहां पे कांस्टेंट करने के बाद यहां पे लिखेंगे यूजर डाटा ठीक है यूजर डाटा और यहां पे न्यू यहां पर लिखने हैं न्यू और यहां पर जो हमारा मॉडल है यूजर ठीक है और इसमें हम क्या करेंगे रिक्वेस्ट डॉट बॉडी अब यहां पे क्या मतलब है इसका देखिए रिक्वेस्ट और बॉडी का मतलब है की जो भी डाटा हम आ भेजेंगे फ्रंट एंड से ठीक है तो वो रिक्वेस्ट बॉडी के अंदर आएगा ठीक है और वो बॉडी हम क्या करेंगे मॉडल में भेज देंगे और मॉडल से डाटा क्या होगा डेटाबेस में स्टोर हो जाएगा ठीक है ओके तो अब ये हमारा डाटा क्या हुआ इसको मैंने भेज दिया अब इसमें हम चेक करेंगे देखिए ये जो डाटा भेजो है क्या ये डाटा इसमें आया भी है या नहीं आया ठीक है तो वो भी हम चेक करेंगे यहां पे ठीक है तो हम इसके लिए क्या करते हैं यहां पे एक नोट यूजर डाटा राइट ये भी लिख लेते हैं और इसमें हम क्या करेंगे अगर ये डाटा नहीं है इसमें कोई डाटा ही नहीं है यार तो यहां पर रिटर्न कर देंगे हम और रिस्पांस डॉट स्टेटस ठीक है और यहां पे कर देते हैं 404 और डॉट जन ठीक है और यहां पे एक मैसेज एमएसजी करके दे देते हैं एमएसजी और यहां पे दे देते हैं यूजर यूजर डाटा नोट फाउंड ठीक ये हमने यहां पे मैसेज दे दिया ओके परफेक्ट अब अगर यहां पर डाटा मिल जाता तो हम क्या करेंगे उसको से कर देंगे तो यहां पर लिखने हैं कॉस्ट आ सब सबाद डाटा राइट ओके और यहां पे लिखने हैं अवैध अवेट और यहां पे यूजर डॉट एक मिनट जहां पे डाटा आया हमारा यूजर डाटा राइट यूजर डाटा राइट इसको क्या कर देंगे से कर देंगे से मेथड चलाएंगे ओके तो ये हमारा डाटा क्या हो गया से हो गया अब इसको जो डाटा हमारा से हुआ है इसको हम सेंड भी कर देते हैं तो रिस्पांस रिस्पांस डॉट स्टेटस ठीक है और यहां पर 200 जेसन कर देते हैं और इसमें डाटा को हम भेज देंगे राइट तो यहां पर से डाटा राइट से डाटा ये हमारा डाटा जो है हमारा रिस्पांस में हम डाटा को भेज देते हैं ओके तो ये हमारा जो एक है ये हमारी क्रिएट करने के अपन क्रिएट हो चुकी है राइट ओके अब यहां पे चलते हैं रिस्पांस डॉट स्टेटस ठीक है मैंने एरर को भी हैंडल करना है राइट तो यहां पे 500 जेसन राइट और अगर यहां पर कोई एरर आई है राइट तो यहां पे एरर दाल देते हैं हम एन एरर एक मिनट एरर कर देते हैं ओके तो यह एरर में ए जाएगा ओके तो यह हमारी क्या हुई यहां पर क्रिएट करने की यूजर क्रिएट करने की अप है यहां पर क्रिएट हो चुकी है राइट ओके अब इस एपी को हमें क्या करना है टेस्ट भी करना है तो उसके लिए सबसे पहले यहां पर रूट में चलते हैं इसके लिए एक रूट भी बनाते हैं राइट तो यहां पर रूट में चलेंगे और यहां पे लिखने हैं उसेराउट यूजर राउटर जस ठीक है और इसमें क्या करेंगे इसमें हम यहां पे सबसे पहले इंपोर्ट करते हैं इंपोर्ट एक्सप्रेस को एक्सप्रेस फ्रॉम कहां से एक्सप्रेस से राइट एक्सप्रेस ओके और इसके बाद यहां पे हम क्या करेंगे और यहां पे जो एक्सप्रेस हमारा है एक्सप्रेस डॉट रावत ओके राउटर यहां पर राउटर ओके तो यह हमने क्या किया राउटर रावत के लिए क्रिएट कर लिया अब इसको एक्सपोर्ट भी कर देते हैं एक्सपोर्ट डिफॉल्ट एक्सपोर्ट डिफॉल्ट और यहां पर रूट ओके तो ये हमने क्या किया एक रूट क्रिएट कर लिया अब ये जो रूट ये तो हमने अभी क्या किया है यहां पे इन स्लाइस का रहा हूं ठीक है उसके बाद एक्सपोर्ट किया है अब हमें इस पर्टिकुलर एपी के लिए एक रावत क्रिएट करना है क्रिएट के लिए राइट तो हम यहां पे क्या करेंगे हम यहां पे रावत का उसे करेंगे रावत रावत डॉट पोस्ट क्योंकि पोस्ट हम यहां पे मेथड उसे करेंगे क्योंकि हम डाटा को इंसर्ट कर रहे हैं इसलिए यहां पे पोस्ट और यहां पे हम कोई भी मेथड ले सकते हैं यहां पे क्रिएट ए लिख देते हैं क्रिएट और इसके बाद यहां पे हमने क्या किया है क्रिएट में क्रिएट कंट्रोलर दिया था राइट तो इसको मैंने यहां पे इनपुट कर लिया देखिए यहां पे मैंने जो हमारा कंट्रोलर था वो पास कर दिया और ये कंट्रोल यहां से मैंने इंपोर्ट भी कर लिया ठीक है और यहां पे हम लगा देते हैं डॉट के एस करके ठीक है तो ये डॉट जैसे यहां पे ग गया अब यहां पे एक अप हमारी क्रिएट हो चुकी है राइट मतलब यहां पे रावत हमने क्रिएट कर लिया अब तो यह जो रावत है में रोड हमारा राइट इसको हमें इंडेक्स जो हमारी सर्वर की फाइल है राइट इसमें भी हमें उसे करना पड़ेगा राइट तभी हम यहां पे उसे कर पाएंगे ठीक है तो उसके लिए हम क्या करेंगे यहां पे अप डॉट उसे ठीक है और यहां पे हमारे पास क्या था यहां पे लिखने हैं स्लैश एपी राइट और इसके बाद यहां पे लिखने हैं राव राइट ओके राव ओके तो यहां पर हमने इनको ये रावत हमने लिखा और रूट को हमने यहां पे इंपोर्ट भी कर लिया ये देखो ठीक है लेकिन यहां पे एरर ए गया का रहा है एरर मोडल नोट फाउंड राइट तो इसके लिए हम यहां पे डॉट जस भी लगाना पड़ेगा ठीक है तो यहां पे जैसे लो तो ये हमारा परफेक्टली यहां पे रन कट जाएगा तो ये हमारी एक एपी क्रिएट करने की अप है यहां पे क्रिएट हो चुकी है राइट अब इसको मुझे क्या करना है टेस्ट भी करना है राइट तो हम क्या करेंगे हम चलते हैं थंडरक्लीटे में ठीक है तो यहां पे जाएंगे हमने ऑलरेडी यहां पे इंस्टॉल कर रखा है थंडर क्लाइंट अगर आपने नहीं किया तो यहां पे एक्सटेंशन में जाके इसको इंस्टॉल कर सकते हो थंडर क्लाइंट करके ठीक है ओके तो यहां पे हम कलेक्शन में जाएंगे और यहां पे एक नया कनेक्शन बनाते हैं राइट तो यहां पे हम लिखने हैं फ्रेंड अप फ्रेंड अप करके ठीक है तो यह हमने यहां पर बना लिया और इसमें हम यहां पर एक न्यू रिक्वेस्ट बनाएंगे तो न्यू रिक्वेस्ट और यहां पर करते हैं क्रिएट यूजर क्रिएट यूजर करके हमने यहां पर बना लिया राइट अब देखिए यहां पे जो क्रिएट यूजर है इसमें हम ये मैथर्ड बहुत सारे हैं तो यहां पर पोस्ट मेथड उसे करेंगे अब यहां पे हमारे पास जो एपी है तो लोकल होस्ट यहां पे लोकल होस्ट ठीक है लोकल होस्ट ली कितने इस पे उसे हो रहा है 5000 पे राइट तो यहां पे हम लिखने हैं 8000 सॉरी ₹500 में 8000 राइट इसके बाद स्लैश एपी एपी देखो यहां पे अगर हम चलते हैं इंडेक्स वाली पेज पे ठीक है तो यहां पे देखो एपी लिखा हुआ है राइट तो इसलिए मुझे क्या कहा 8000 के बाद यहां पे स्लैश एपी और स्लाइस इसके बाद आप राउट में देखो रावत में हमने क्या किया क्रिएट किया है राइट तो यहां से क्रिएट हम ले लेते हैं और यहां पे दाल देते हैं क्रिएट ठीक है तो ये एक कंप्लीट एक हमारे यहां पे बन चुकी है राइट अब क्या करते हैं अब यहां पे बॉडी में चलते हैं और डाटा को डालते हैं राइट तो यहां पे हम लिखने हैं सबसे पहले एफ नाम राइट एफ नाम और इसमें लेते हैं संतोष ठीक है ये हमारा एफ नाम हो गया इसके बाद यहां पे ल नाम हो जाएगा ल नाम जो मैंने मॉडल में फिर ले राखी थी तो यहां पे कुमार दाल दिया और इसके बाद यहां पे हम ईमेल कर देते हैं ईमेल ओके ईमेल हो जाएगा ईमेल में हम दाल देते हैं संतोष @ gmail.com ठीक है ओके और इसके बाद यहां पर पासवर्ड ए जाएगा तो पासवर्ड ओके अब इसके बाद यहां पर पासवर्ड 123456 दाल देते हैं ठीक है तो यह मैंने यहां पर डाटा पास कर दिया राइट अब यहां पे इंटर करते हैं अब जैसे इंटर करेंगे तो ये डाटा हमारा जो है इंसर्ट हो जाएगा डेटाबेस में ठीक है ये देखो एक बार डेटाबेस भी चेक कर देते हैं तो यहां पे ब्राउज कनेक्शन करेंगे ठीक है और ब्राउज कलेक्शन में जाएंगे तो यहां पे हमने डाटा भी क्रिएट किया था करो डायट तो ये देखो इसमें चलेंगे ठीक है और इसमें इसके अंदर यहां पे क्रूड आयत एक्चुअली राइट और यहां पे यूजर के अंदर जाएंगे ठीक है और यूजर के अंदर जाएंगे तो ये देखो संतोष कुमार और ये हमारा डाटा ए चुका है राइट एक डाटा और इंसर्ट करके देख लेते हैं यहां पे दाल देते हैं जैसे तीन राइट जतिन और यहां पे हम दाल लेते हैं ओके और इसके बाद यहां पे जतिन कर देते हैं तो ये हमने क्या किया एक यहां पे चेंज कर दिया राइट अब यहां पे दोबारा इंसर्ट करते हैं तो ये देखो दोबारा डाटा इंसर्ट हो गया अगर डेटाबेस में यहां पे रिफ्रेश करोगे तो ये जो डाटा है ये दोनों डाटा यहां पर देखिए ये डॉक्यूमेंट है हमारे इंसर्ट हो चुके हैं ओके तो ये परफेक्ट हमारी एक क्रिएट हो चुकी है अब क्या करते हैं अब चलते हैं दूसरी एपिक क्रिएट करते हैं जो की है हमारी अपडेट या फिर फेच करने की राइट सारा करने की तो उसके लिए हम क्या करेंगे यहां पे चलेंगे और यहां पे लिखेंगे एक्सपोर्ट एक्सपोर्ट और यहां पर कौन और गेट जो गेट जो हमने यहां पे दे दिया और इसके बाद यहां पे ए सिंक उसे करेंगे ए सिंक रिक्वेस्ट रिस्पांस ठीक है ओके और इसमें हम क्या करेंगे ट्राई कैच करेंगे ट्राई कैच ठीक है ओके अब यहां पे एरर हैंडलिंग करेंगे तो यही से से कॉपी कर लेते हैं ठीक है ये हमारी एरर हेडिंग हो जाएगी ओके अब डाटा मुझे सर डाटा सर्च करना है ठीक है तो उसके लिए हम क्या करेंगे यहां पे चलते हैं यहां पे लिखेंगे कंस यूजर डाटा ठीक है यूजर डाटा और यहां पर उसे करेंगे और जब मॉडल है हमारा यूजर मॉडल से हम डाटा क्या करेंगे फाइंड करेंगे राइट तो फाइंड करने से क्या होगा सर डाटा हमारा ए जाएगा ठीक है उसके बाद यहां पे क्या करेंगे अगर डाटा आया है इसमें ठीक है तो हम क्या करते हैं यहां पे हम चेक करेंगे एक मिनट हां यहां पे आईएफ कंडीशन और यहां पे डाटा अगर नहीं आया है ठीक है यूजर डाटा अगर डाटा नहीं आया डेटाबेस में है ही नहीं तो यहां पे एक मैसेज हम रिटर्न कर देंगे और रिस्पांस डॉट स्टेटस ठीक है और यहां पे करेंगे 404 डॉट ठीक है और इसमें हम एमएसजी करके एक मैसेज दे देते हैं ठीक है और यहां पे क्या करेंगे यूजर डाटा नोट फाउंड ठीक है या फिर यूजर्स डाटा नोट फाउंड राइट या फिर यूजर्स नोट ठीक है ऐसे कर लेते यूजर डाटा नोट फाउंड ओके अगर डाटा मिल गया इसमें से ठीक है तो हम क्या करेंगे इसको रिस्पांस में रिटर्न कर देंगे तो रिस्पांस डॉट स्टेटस राइट स्टेटस ओके और यहां पे कर देते हैं 200 डाटा मिल गया परफेक्ट और यहां पे जेसन में हम क्या कर देते हैं यहां पे दाल देते हैं यूजर डाटा ओके यूजर डाटा सॉरी गेट जो और इसके बाद यहां पे गेट जो करके मैंने कंट्रोलर बनाया है राइट उसको भी यहां पे इनपुट करेंगे तो गेट जो यहां पे देखिए ये हमने तो ये हमारे पास एक राउंड बन चुका है अब यहां पर क्या करते हैं यहां पर चलते हैं और यहां पर दूसरा एक रिक्वेस्ट हम बनाते हैं तो यहां पे न्यू रिक्वेस्ट करेंगे और यहां पे करेंगे गेट गेट यूजर गेट जो यूजर करके ठीक है इस तरीके से और अब इसमें हम यहां पे गेट मेथड उसे करेंगे और यही से हम क्या कर लेते हैं एपी को कॉपी कर लेते हैं ठीक है यहां पे दाल देते हैं और यहां पे हम चेंज एपी के बाद हमने क्या किया राउंड में चलते हैं और यहां पे गेट जो करके बनाया है राइट तो इसको कॉपी कर लेते हैं और यहां पे दाल देते हैं क्रिएट की जगह पे गेट जो हो जाएगा ठीक है तो ये हमारी एक एपी है राइट अब यहां पे सेंड करते हैं सेंड जैसे करेंगे तो सर डाटा देखो यहां पे ए चुका है ठीक है संतोष कुमार जतिन वाला ठीक है जो भी डाटा हमने क्रिएट किया था तो ये सेकंड अप भी हमने क्रिएट कर ली अब इसके बाद जो थर्ड अप एक क्रिएट करेंगे वो है अपडेट करने की डाटा को अपडेट करने की या फिर ऐसा कर लेते हैं की एक सिंगल रिकॉर्ड को एक आईडी के थ्रू डाटा को फेच करते हैं ये तो ये तो सब पूरा डाटा ए रहा है जितने भी रिकॉर्ड हम इंसर्ट करेंगे वो सारे रिकॉर्ड ए जाएंगे लेकिन हम एक पर्टिकुलर डाटा को पर्टिकुलर रिकॉर्ड को अगर हमें एक्सेस करना है तो उसके लिए कैसे करेंगे राइट तो हम क्या करते हैं यहां पे चलते हैं यहां पर क्या करेंगे एक्सपोर्ट करेंगे एक्सपोर्ट गेट वन गेट वन करके हम यहां पे एक मेथड बना लेते हैं यहां पे लिखने हैं सिंक और सिंह राइट एजिंग ऋग्वेद रिस्पांस ठीक है ओके और यहां पर ट्राई कैच कर लेते हैं ट्राई कैच ओके और यहां से जो एरर हैंडलिंग है इसको यही से कॉपी कर लेते हैं ठीक है और यहां पे दाल लेते हैं ओके तो अब यहां पे गेट वन करके हमें लेना है तो देखिए डाटा को अगर किसी पर्टिकुलर यूजर का डाटा लगाना है तो हम कैसे लेंगे हम उसकी आईडी के थ्रू लेंगे अगर यहां पे गेट जो यूजर में देखो तो सबकी एक यूनिक आईडी है यहां पे अंडरस्कोर आईडी अंदर इसको आईडी करके ठीक है तो इस आईडी के थ्रू हम क्या करेंगे और उसे डाटा को फैज करेंगे तो देखिए राउंड में चलते हैं सबसे पहले यहां पे मैंने क्या किया है यहां पे अगर देखो तो यहां पे मैंने बना लिया गेट वन करके ठीक है अब वो आईडी हमें कैसे मिलेगी तो यहां पे चलते हैं राव के अंदर यहां पे एक पहले राउंड बनाते हैं ठीक है तो यहां पर रूट बना लिया हमने रूट डॉट गेट ठीक है और इसके बाद स्लैश और गेट वन गेट वन करके मैंने बनाया ठीक है और यहां पे गेट वन गेट वन करके ठीक है अब देखो यहां पे मैंने क्या किया यहां पे एक गेट वन इंपोर्ट भी हो गया ओके यहां पे मैंने किया क्या की ये जो गेट वन एपी है इसके साथ-साथ में कलम आईडी एक भेज रहा हूं ठीक है यूआरएल में जो है एक आईडी भेजेंगे और इस आईडी को हम यहां पे एक्सेस करेंगे ठीक है ये कंट्रोलर में और यहां पे आईडी जो मिलेगी वो मिलेगी कांस्टेंट आईडी एक मिनट आ कांस्टेंट आईडी और यहां पे रिक्वेस्ट के अंदर पैरों के अंदर डॉट आईडी करके मिल जाएगी ठीक है तो ये आईडी हमें मिल जाएगी यूआरएल से ठीक है जो भी हम वहां पे पास करेंगे अब इस आईडी के थ्रू हम सर्च करेंगे डाटा की डाटा बेस में वो डाटा एक्जिस्ट करता है या नहीं तो यहां पे लिखने हैं कांस्टेंट यूजर एक्जिस्ट एन एक्जिस्ट राइट और यहां पे हम लिखने हैं और यूजर यूजर डॉट फाइन बाय आईडी ठीक है फाइंड बाय करेंगे और आईडी यहां पास कर देंगे अब यहां पर क्या होगा यह फाइंड बाई आईडी करेगा जो आईडी यहां से मिली है उससे डाटा इस यूजर मॉडल में यहां पे सर्च करेगा ठीक है डेटाबेस में अगर उसको डाटा मिलता है तो ठीक है अगर नहीं मिलता है तो हम क्या करेंगे यहां पे चेक करेंगे आईएफ यूजर नोट एग्जिट राइट यूजर नोट एक्जिस्ट तो यहां पे हम क्या करेंगे टर्न कर देंगे रिटर्न रिस्पांस डॉट स्टेटस ठीक है और यहां पे कर देते हैं 400 या 404 डॉट जेसन ठीक है और यहां पे हम एक एमएसजी कर देते हैं और यहां पे क्या कर देते हैं यूजर नोट फाउंड ठीक है यह मैंने दाल दिया यूजर नोट फाउंड और इसके बाद अगर डाटा मिल जाता है तो हम क्या करेंगे हम उसको रिस्पांस में रिटर्न कर देंगे तो रिस्पांस रिस्पांस स्टेटस और डाटा सक्सेसफुली मिल गया है तो यहां पे डॉट जेसन और यहां पे डाटा हम यूजर एक्जिस्ट राइट यूजर एक्जिस्ट जो है वो डाटा हम यहां पे क्या कर देंगे रिस्पांस में ठीक है तो ये हमने क्या किया यहां पे हमारा जो गेट वन करके राइट अब इसको हम टेस्ट कर लेते हैं राइट तो इसके लिए हम यहां पे चलते हैं और यहां पे क्या करेंगे न्यू रिक्वेस्ट क्रिएट करेंगे यहां पे लिखेंगे गेट वन यूजर राइट इस तरीके से मैंने कर लिया अब यहां पे जो गेट जो करके था इसी को हम यहां से एपी को कॉपी कर लेते हैं और यहां पे गेट मेथड ऑनलाइन है और इसको हम यहां पे दाल देते हैं ठीक है अब देखिए एपी मुझे यहां पे चेंज करना पड़ेगा अगर रूट में चलें तो राहुल मैंने क्या बनाया है गेट वन करके ठीक है तो यहां पे गेट वन कॉपी कर लेते हैं और यहां पे गेट जो की जगह गेट वन हो जाएगा ठीक है अब इसके साथ-साथ एक एपी जाएगी यहां पे सॉरी यहां पे एक आईडी जाएगी क्योंकि यहां पे देखो राउटर में तो यहां पे कलम करके आईडी मैंने पास किया राइट तो आईडी मुझे देना है अब आईडी कहां से मिलेगी आईडी मां लीजिए कोई भी जो भी मां लीजिए जतिन वाले रिकॉर्ड को मुझे फेच करना है तो इनकी आईडी यहां पे ले लेंगे हम और यहां पे चलते हैं यहां पे दाल देंगे ठीक है तो ये मैंने आईडी यहां पे दाल दिया और अब जाके यहां पे सेंड करते हैं जैसे सेंड करेंगे तो ये देखो जतिन वाला रिकॉर्ड यहां पे ए चुका है ठीक है ऐसे ही अगर मां लीजिए हम संतोष वाला रिकॉर्ड करना चाहते तो इसको हम ऐसे कॉपी करेंगे और ये आईडी यहां पे चेंज कर देंगे ठीक है और अब यहां पे सेंड करते हैं तो ये देखो सन दोष वाला ए गया ठीक है तो इस तरीके से यहां पे हमारी एपी यहां पे क्रिएट हो चुकी है राइट तो तीन ए पे हमने यहां पे क्रिएट कर लिया अब इसके बाद यहां पे 4 पेज जो है हमने अपडेट करने की डाटा को अपडेट करना है राइट तो उसके लिए हम क्या करेंगे यहां पर एक्सपोर्ट करते हैं एक्सपोर्ट कंस और यहां पर लिखने हैं अपडेट ठीक है अपडेट और यहां पे सिंक आ सिंक उसे करेंगे रिक्वेस्ट रिक्वेस्ट रिस्पांस ठीक है ओके अब इसके साथ यहां पर ट्राई कैच ओके अब यहां से एरर हैंडलिंग है यही से कॉपी कर लेते हैं सिंपल सा राइट ओके अब यहां पे देखिए अपडेट करना है तो अपडेट के लिए हम क्या करते हैं सबसे पहले हमें अपडेट देखिए किसको करना है हमें एक पर्टिकुलर आईडी के थ्रू करना है जैसे की हमने यहां पे सिलेक्ट किया था इस तरीके से अगर यहां पे देखो गेट जो यूजर में तो यहां पे मां लीजिए इस संतोष वाले रिकॉर्ड को हम अपडेट करना चाहते हैं कोई भी फील्ड ठीक है तो हम कैसे करेंगे उसकी आईडी के थ्रू जो आईडी यहां पे है वो आईडी हम फेच करेंगे उसे आईडी के थ्रू हम यहां पर डाटा को अपडेट करेंगे ठीक है तो उसके लिए हम यहां पे चलते हैं और यहां पर रूट में चलते हैं सबसे पहले एक रावत बनाते हैं तो यहां पे लिखने है रावत डॉट पट मेथड यहां पर अपडेट करना है तो यहां पे पट मेथड का उसे करते हैं और यहां पे लिखने हैं अपडेट ठीक है अपडेट कलम स्लैश पालनपुर आईडी इसमें भी पास करेंगे हमारा एक कंट्रोलर ए जाएगा अपडेट ओके अपडेट ये ए गया ठीक है तो ये देखो अपडेट यहां पर अपडेट हो गया ओके तो ये हमने क्या किया यहां पे हमारा ये हो गया अब यहां पे चलते हैं हमारे कंट्रोलर में और यहां पे जो आईडी पास की है उसको हम यहां पे ले लेते हैं तो यहां पे लिखने हैं कौन आईडी रिक्वेस्ट पेरेंट्स के अंदर हमारी आईडी मिलेगी आईडी ओके तो ये आईडी मिल गई अब इस आईडी के थ्रू सबसे पहले हम यहां पर फेच करेंगे की क्या डाटा वो डेटाबेस में एक्जिस्ट करता है तो यहां पे लिखने हैं कांस्टेंट यूजर एक्जिस्ट यूजर एक्जिस्ट और यहां पे आ वेट लिखेंगे वेट और यहां पे यूजर डॉट फाइंड बाई आईडी ठीक है फाइंड बाय आईडी और आईडी पास कर देंगे ओके आईडी पास कर दिया ठीक है और इसके बाद यहां पे अगर नहीं एक्जिस्ट करता है तो यहां पे हम क्या करेंगे नोट यूजर एक्जिस्ट राइट नोट यूजर एक्जिस्ट और इसमें हम रिटर्न कर देंगे रिटर्न रिस्पांस आर्ट स्टेटस ठीक है यहां पर स्टेटस ओके अब यहां पर कर देंगे राइट और यहां पर हम एमएसजी कर देंगे और यहां पर मैसेज देते हैं यूजर यूजर नोट फाउंड ठीक है ये मैंने मैसेज दे दिया ओके अब यहां पे हमें अपडेट करना है अगर डाटा मिल जाता है ठीक है तो वो डाटा में क्या करना है अपडेट भी करना है ठीक है तो उसके लिए हम यहां पे चलते हैं और यहां पे क्या करेंगे यहां पे लिखने हैं कांस्टेंट अपडेट डाटा ठीक है और यहां पर उसे करेंगे और यहां पे यूजर डॉट अब यहां पे अपडेट करना है तो यहां पे देखिए अपडेट किसको करना है यूजर एक्जिस्ट वाली डाटा को तो यहां पे मॉडल नहीं लगाएंगे ठीक है यूजर एक्जिस्ट डाटा डॉट फाइंड बाई आईडी और अपडेट राइट तो यहां पर आईडी और अपडेट राइट तो ये हम मेथड यहां पे उसे करेंगे ठीक है और इसके बाद यहां पे आईडी और अपडेट और इसमें हम यहां पर सबसे पहले आईडी पास करेंगे जी जी आईडी से हमें अपडेट करना है उसके बाद जो यूजर डाटा आएगा राइट तो डाटा कहां से आएगा रिक्वेस्ट और बॉडी से आएगा ठीक है यहां पे लिखने हैं बॉडी और उसके बाद यहां पे हम एक ऑब्जेक्ट पास करेंगे जिसमें पास करेंगे न्यू और यहां पर ट्रू कर देंगे राइट यहां पे ट्रू कर दिया अब इसका क्या मतलब है इसका मतलब ये है की ये अपडेटेड डाटा को यहां पे स्टोर रिटर्न करेगा ठीक है ओके अब ये हमारा हो गया ये डाटा हमारा अपडेट हो गया ठीक है अब ये अपडेटेड डाटा को क्या करेंगे हम रिस्पांस में हम क्या कर देंगे सेंड भी कर देंगे स्टेटस और यहां पे 200 जेसन कर लेंगे राइट और यहां पे आप डेटेड डाटा ओके तो यह हमने क्या किया यहां पर अपडेटेड डाटा को सेंड कर दिया तो यह हमने डाटा को अपडेट कर लिया ठीक है तो आप यह हमारी क्रिएट हो चुकी है अब इसको हम टेस्ट भी कर लेते हैं तो यहां पे चलते हैं और न्यू रिक्वेस्ट और यहां पे करते हैं अपडेट यूजर या ऐसा कर लेते हैं अपडेट अपडेट यूजर ठीक है अपडेट यूजर कर लेते हैं ठीक है और इसमें हम मेथड उसे करेंगे पोर्ट ठीक है पट मेथड और देखो यहां पे चलते हैं और यहां पे जो गेट वन करके था राइट इससे ये वाला कॉपी कर लेते हैं ठीक है ये मैंने कॉपी कर लिया और यहां पे चलते हैं यहां पे दाल देते हैं अब यहां पे मुझे रूट में अगर देखो तो रूट में क्या बना है अपडेट करके बनाया है ठीक है तो यही कॉपी कर लेते हैं और यहां पे गेट वन की जगह पे ये अपडेट दाल देते हैं ठीक है अब आईडी ये वाली इस आईडी के यूजर को हम अपडेट करना चाहते हैं ठीक है तो हम यहां पर चलते हैं बॉडी में और इसमें हम क्या क्या अपडेट करें उसके फर्स्ट नाम को एफ नाम एफ नाम को क्या करना चाहते हैं अपडेट करना चाहते हैं तो देखिए एन एक मिनट हम गेट जो में चलते हैं अब यह संतोष वाला राइट तो यह वाली आईडी कॉपी कर लेते हैं अब इसका नाम हम चेंज करना चाहते हैं ठीक है तो यहां पे हम गेट अपडेट में चलते हैं ये आईडी यहां पे दाल देते हैं संतोष वाली ठीक है और यहां पे एफ नाम में मां लीजिए दाल देते हैं शिवम ठीक है शिवम मैंने दाल दिया ठीक है और इसके साथ-साथ यहां पे ईमेल आईडी भी चेंज करेंगे ठीक है तो ईमेल भी दाल देते हैं यहां पे और ईमेल में हम कर देते हैं शिवम @ gmail.com ठीक है तो दो फील्ड यहां पे एफ नाम ईमेल हमने यहां पे अपडेट कर दी ठीक है आप यहां पे हम सेंड करते हैं तो ओके एरर ए चुकी है तो 1 मिनट क्या कर लेते हैं देख लेते हैं यहां पर चलते हैं और रिक्वेस्ट नहीं करेंगे यहां पर हमारा ए जाएगा मॉडल क्योंकि मॉडल में अपडेट करेंगे तो यहां पर यूजर कर लेते हैं ठीक है ओके परफेक्ट अब यहां पर चलते हैं और दोबारा से इसको करते हैं तो दोबारा से जब इंटर करेंगे तो ये देखो यहां पे डाटा होगा शिवम कुमार और शिवम ठीक है तो यह हमारा परफेक्ट काम कर रहा है अपडेट भी हो रहा है ठीक है तो ये हमने फोर्थ एपीएम ने यहां पे क्रिएट कर ली अब जो नेक्स्ट अप है वो हमारे डिलीट करने की है राइट तो उसके लिए भी हम क्रिएट कर लेते हैं तो यहां पर लिखने हैं एक्सपोर्ट नहीं एक्सपोर्ट कास्ट और डिलीट डिलीट यूजर करके ठीक है डिलीट यूजर और यहां पर हम लिखने हैं सिंक्राइट और रिक्वेस्ट रिस्पांस एक मिनट रिस्पांस ठीक है अब यहां पर जो एरर हैडिंग है इसको हम यहां पर क्या कर लेते हैं कॉपी करके इसने पास कर देते हैं ठीक है ओके और अब यहां पे हम ये देखिए अब डिलीट किसको करना है डिलीट फिर वही करना है मुझे क्या करना है आईडी के बेसिस पे हमें डिलीट करना है ठीक है तो हम सबसे पहले यहां पे एक रावत क्रिएट करते हैं ठीक है यहां पे चलते हैं राव डिलीट डिलीट मेथड उसे करेंगे ठीक है और इसके बाद यहां पे कर लेंगे डिलीट डिलीट ठीक है और स्लैश करके यहां पे कलम में आईडी दे देंगे इसके बाद डिलीट यूजर डिलीट ए जाएगा ओके तो ये हमारा इंपोर्ट भी हो गया कंट्रोलर ठीक है ओके गैस तो यहां पे मैंने क्या किया एक रावत क्रिएट कर लिया डिलीट का ठीक है अब यहां पे चलते हैं अपने कंट्रोलर में और अब यहां पे जो आईडी हमने पास किया है ठीक है उसे आईडी को यहां पे एक्सेस नहीं करेंगे तो कांस्टेंट आईडी रिक्वेस्ट आईडी ठीक है तो ये आईडी मिल गया अब इस आईडी के बेसिस पे हम क्या करेंगे डिलीट करेंगे तो सबसे पहले चेक करेंगे क्या जो आईडी पास की है हमने वो आईडी एक्जिस्ट भी करती है डेटाबेस में ठीक है वो यूजर का डाटा एक्जिस्ट करता है या नहीं तो हम यहां पर लिखेंगे कांस्टेंट यूजर एक्जिस्ट राइट और यहां पर उसे करेंगे ठीक है और यहां पे आईडी पास कर देंगे अगर ये डाटा एक्जिस्ट कर रहा होगा तो यहां से एफ कर लगा अगर नहीं एक्जिस्ट करता है तो यहां पे हम क्या करेंगे नोट यूजर एक्जिस्ट ठीक है और यहां पे रिटर्न कर देंगे रिटर्न रिस्पांस डॉट स्टेटस और यहां पे 404 डॉट जेसन और यहां पे एक मैसेज एमएसजी करके पास कर देंगे यहां पे यूजर नोट एक्जिस्ट ठीक है इस तरीके से मैंने यहां पे दाल दिया ओके तो अगर यहां पे नहीं एक्जिस्ट करता है तो ये ये चल जाएगा ये रिटर्न हो जाएगा ठीक है अगर एक्जिस्ट करता है तो हम उसे क्या करेंगे डिलीट करेंगे तो यहां पे लिखने हैं आवटे अवेट और यूजर डॉट फाइंड बाई आईडी और डिलीट राइट फाइंड में आईडी और डिलीट और यहां पे आईडी पास कर देंगे ठीक है तो ये सिंपल जो आईडी हमने यहां पे भेजी थी वो वाला डाटा जो है अगर एक्जिस्ट करता है तो उसे डिलीट कर दो ठीक है ये मैंने डिलीट कर दिया अब यहां पे एक मैसेज भी शो कर देते हैं की डाटा हमारा डिलीट हो चुका है तो रिस्पांस डॉट स्टेटस ठीक है और यहां पे का देते हैं 200 डॉट जेसन ठीक है और यहां पे एक एमएसजी करके मैसेज दे देते हैं एन यूजर यूजर डिलीटेड डिलीटेड सक्सेसफुली राइट सक्सेसफुली ठीक है तो यह हमने क्या किया यहां पे डिलीट कर दिया डाटा को ठीक है तो यह डिलीट वाली भी यहां पे क्रिएट हो चुकी है ठीक है और अभी क्या करते हैं इसको हम टेस्ट कर लेते हैं तो यहां पे चलते हैं और यहां पे न्यू रिक्वेस्ट डिलीट यूजर भाई डिलीट यूजर करके केपीके क्रिएट करेंगे ठीक है और यहां पे मेथड उसे करेंगे डिलीट ठीक है और यही से हम कॉपी कर लेते हैं यह एपी ठीक है इसको मैंने कॉपी किया और यहां पे दाल देते हैं ठीक है और यहां पे मुझे चेंज करना पड़ेगा रूट का जो हमने डाला है डिलीट ठीक है ये वाला मेथड तो यहां से हम अपडेट की जगह डिलीट कर देते हैं ठीक है ओके अब देखिए अब यहां पे हमें ये वाला आईडी यह जो अगर देखो यहां पे तो ये वाला आईडी था ठीक है इसको हम यहां से फिर से कॉपी कर लेते हैं दोबारा से यहां पे दाल देते हैं ओके अब ये डाटा जो है डिलीट हो जाएगा ठीक है अब यहां पे रिफ्रेश करते हैं सेंड करते हैं तो यह देखो यूजर डिलीटेड सक्सेसफुली ठीक है और अगर यहां पर चलते हैं गेट जो पर ठीक अब दोबारा से इसको फैज करते हैं ठीक है अब दोबारा स्विच करेंगे तो ये देखो एक ही डाटा बच्चा हुआ है ठीक है तो आई होप यहां पे समझ में आया होगा की ये एपी हमारी पांचो एपी जो मैंने क्रिएट की वो साड़ी प्रॉपर काम कर रही है ठीक है तो ये बैक एंड का हमारा काम खत्म हो गया ठीक है अब यहां पे काम है हमारा फ्रंट एंड का ठीक है तो इसको हम सर कुछ यहां से क्लोज कर देते हैं तो यहां पे क्लोज तू राइट ओके सब क्लोज कर दिया और अब यहां पे चलते हैं सर्वर का क्लोज कर देते हैं ठीक है और अब यहां पे हम देखते हैं यहां पर फ्रंट एंड ठीक है तो यहां पे अगर देखो तो ओके तो यहां पर हमारा प्रोजेक्ट अगर क्लाइंट को ओपन करें तो देखो इंस्टॉल हो चुका है ठीक है अब यहां पे कुछ पैकेज हमें जरूर पड़ेगी ठीक है तो वो पैकेज इंस्टॉल कर लेते हैं सबसे पहले तो यहां पे लिखने हैं नम एन पीएम इंस्टॉल और यहां पर लिखने हैं सबसे पहले देखो यहां पे चलते हैं नम में ठीक है मैनेजर ठीक है और यहां पर मुझे एक एक्स की जरूर पड़ेगी जो की एचटीटीपी रिक्वेस्ट को हैंडल करेगा राइट एन तो यहां पे एक्स लिखने हैं एक्स ठीक है तो इस वाले जो पैकेज की जरूर पड़ेगी हमें ठीक है तो ये पैकेज हम इंस्टॉल करेंगे एग्जास्ट करके जो है ठीक है ये वाला ठीक है इसके साथ-साथ यहां पे हमें रिएक्ट रिएक्ट राउटर रिएक्ट आउटर दो की राइट इसकी जरूर पड़ेगी ठीक है तो ये वाला हम इंस्टॉल करेंगे ठीक रिएक्टर दो ठीक है इसके साथ-साथ यहां पे एक हम टोस्ट का हम आ इंस्टॉल करेंगे जो हमारे मैसेज पॉप अप करेंगे ठीक है जो मैसेज हमारे शो होंगे उनको भी इंस्टॉल करेंगे तो यहां पे लिखने हैं रिएक्ट टोस्ट राइट टॉस करके ठीक है ये वाला ठीक है ये भी ये भी हम यहां पे इंस्टॉल करेंगे इंस्टॉल कर लेते हैं तो अभी क्या करते हैं यहां पर राइट करते हैं और ये हमारा हो गया नम रिएक्ट राउटर दो जी जो हमारा राउटर रूटिंग प्रोवाइड करता है रूट राउटर के डिफरेंट डिफरेंट हुक्स राइट और मैथर्ड प्रोवाइड करता है राइट उसको भी देखेंगे और इसके बाद यहां पे एक्सजीओएस राइट तो जियोस जियोस इंस्टॉल करेंगे इसके बाद यहां पे जो हमारा क्या है रिएक्ट टोस्ट राइट तो यहां पे लिखने हैं रिएक्ट टोस्ट राइट टॉस यह तीन पैकेज जो है हम यहां पर इंस्टॉल करेंगे ठीक है तो ये इंस्टॉल होने देते हैं और अभी यहां पे देखते हैं तो वेट करते हैं जब तक ये इंस्टॉल हो रहा है एक्चुअली जिसे हम लोगों ने यहां पर इंस्टॉल कर दिया क्योंकि हम लोगों को कहां इंस्टॉल करना था हम लोगों को यहां पर इंस्टॉल करना था इस क्लाइंट के फोल्डर के अंदर ठीक है लेकिन हम लोगों ने उसके बाहर कर दिया इसलिए यहां पे देखो इंस्टॉल हुआ ही नहीं है ठीक है तो हम क्या कर लेते हैं यहां पे सीडी क्लाइंट के अंदर चलते हैं ठीक है क्लाइंट ओके अब अब यहां पे इंस्टॉल करते हैं ठीक है रिएक्ट और यहां पे एक्स और यहां पे रिएक्ट हॉट और यहां पर टॉर्च ठीक है जो क्लाइंट है उसके अंदर यहां पर इंस्टॉल हो जाएगा यहां package.com में अगर देखो तो यहां पे आपके डिपेंडेंसी में यहां पर डिपेंड्स के अंदर यहां पे ए जाएगा ठीक है जो हमारा रिएक्टर डम है एक गिलास है और रिएक्ट टोस्ट है ठीक है तो ये हमारे तीनों पार्ट्स में जो है इंस्टॉल हो जाएंगे और इंस्टॉल हो जाएंगे तो यहां पर 100 हो जाएंगे ठीक है तो इसको वेट करते हैं थोड़ा और ये इंस्टॉल होने देते हैं ओके गाइज तो यहां पर देखो यहां पर चेक करो अगर तो यहां पर देखो रिएक्ट राउटर रिएक्ट राउटर दो भी इंस्टॉल हो गया है रिएक्ट हॉट पोस्ट भी इंस्टॉल हो गया है और हमारा एक्साईऑफिज ताल हो गया है ठीक है ओके तो अभी इसको क्लोज कर देते हैं और अब यहां पे क्या करते हैं इसको रन करते हैं सबसे पहले ठीक है तो ये जो हम क्लाइंट के अंदर है एक तो हमारा ये सर्वर रन कर रहा है यहां पे देखो ये बैक एंड का असर और रन कर रहा है दूसरे इसका टर्मिनल में क्या करेंगे नम स्टार्ट करेंगे ठीक है सॉरी यहां पे गलत हो गया ओके नम स्टार्ट ठीक है तो जब नम स्टार्ट लिखेंगे तो ये हमारा जो प्रोजेक्ट है रिएक्ट का वो हमारा ब्राउज़र में जो है रन हो जाएगा ठीक है तो वेट करते हैं इसको रन करने का ओके गैस तो यहां पर हमारा रिएक्ट का प्रोजेक्ट जो है सक्सेसफुली यहां पे कंपिल हो चुका है ठीक है यहां पे देखो कंपिल सक्सेसफुली ठीक है तो अब यहां पे अगर क्लाइंट फोल्डर में देखो तो यहां पे पब्लिक फोल्डर रेट है एक हमारा एस आर सी है राइट तो इसके अंदर बहुत साड़ी फाइल्स हैं जो की अननेसेसरी तो उनको अभी जरूर नहीं है मुझे ठीक है तो उनको हम डिलीट करेंगे सबसे पहले ठीक है तो यहां पे पब्लिक फोल्डर में चलते हैं यहां पे मुझे index.html सिर्फ चाहिए ठीक है बाकी साड़ी डिलीट करेंगे तो यहां से हम सिलेक्ट करेंगे ठीक है तो ये डिलीट कर देते हैं ओके अब इसके साथ-साथ यहां पर आरसीबी चलते हैं ठीक है सर्क में क्या करेंगे यहां पे हमें यह फाइल नहीं चाहिए ठीक है इसके बाद यहां पे ये ये और ये ठीक है इन सभी को हम यहां पे डिलीट करेंगे ठीक है तो इसको मैं यहां से डिलीट कर दे रहा हूं ओके परफेक्ट तो मैंने यहां पर सभी फाइल्स क्या की यहां पे डिलीट कर दे राइट ओके अब यहां पे देखिए बहुत साड़ी एरर ए चुकी है ठीक है तो हम यहां पे चलते हैं जो हमारी index.js है ठीक है इसमें हम क्या करेंगे यहां से हमें क्या नहीं चाहिए हमें ये वाली फाइल नहीं चाहिए ठीक है इंपोर्ट हटा देते हैं यहां से और नीचे से ये हटा देते हैं ओके तो ये हमारा हो गया ठीक है उसके बाद यहां पे चलते हैं app.js में ठीक है और इसमें हमें यह एसबीसी नहीं चाहिए ठीक है इसको हटा देते हैं यहां से 1 मिनट ओके देते हैं यहां से ठीक है ओके परफेक्ट और यहां पर h1 एक ले लेते हैं h1 और यहां पर लिखने हैं हेलो ठीक है यहां पर देखो तो ये हमारा यहां पे सक्सेसफुल यहां पे हेलो ए चुका है आउटपुट ठीक है ओके तो अब यहां पे क्या करते हैं यहां पे जो हमारी अप डॉट कस है ठीक है इसमें से जो फॉल्ट कस लिखिए इसको भी यहां से हटा देते हैं इसकी भी जरूर नहीं हम अपनी खुद की कस लिखेंगे यहां पे ठीक है और अगर इंडेक्स और कस है तो इसको भी यहां से हटा ही देते हैं ठीक है ये भी हटा देते हैं तो ये हो गया इसको भी यहां से हटा देते हैं सर कुछ यहां से क्लोज कर देते हैं ठीक है अब देखिए गैस यहां पे अब हमें अगर हमें यहां पे क्या करना है अब डिजाइन करना है ठीक है जो भी हमारा फ्रेंड था तो उसके लिए सबसे पहले यहां पर कर लेते हैं तो यहां पर चलते हैं गूगल फोंट के पास ठीक है और यहां पर हमें डिफरेंट डिफरेंट टाइप्स के यहां पर गूगल फोन से यहां पर मिल जाते हैं ठीक है तो वो हम यहां पे फोंस ले सकते हैं जो भी हम जो भी आपको अच्छा ग रहा है राइट वो वहां पे ले सकते हो ठीक है यहां पे नाम के थ्रू अगर नाम पता है तो उसके थ्रू भी आप सर्च कर सकते हो तो मैं यहां पे रोबोटों को उसे करूंगा ठीक है और ऑटो में भी बहुत सारे वेरिएंट मिल जाते हैं ठीक है तो जो भी यहां पे करना चाहे वो यहां पे सिलेक्ट कर सकते हो मैंने ऑलरेडी सिलेक्ट कर रखा है तो यहां से रोबोटों ठीक है और रोबोटों के अंदर यहां पे देखो अब यहां पे दो ऑप्शंस मिलते हैं आपको यहां पे लिंक अगर लिंक आप उसे कर रहे हो ठीक है तो आप यहां पर डायरेक्टली आप इसमें जो यहां पर पब्लिक में और index.html में यहां पे जो हेडर है उसके अंदर यहां पे आ अप्लाई कर सकते हो ठीक है अगर यहां पे इंपॉर्टेंट उसे करते हो तो यहां पे ये लिंक सीधा कॉपी कर लो यहां से यहां पर चलते हैं और हमारी जो में फाइल है कस की ठीक है जो सभी कंपोनेंट में अप्लाई हो रही हो ठीक है उसे फाइल में जो और उसके टॉप में वहां पे क्या कर दो इसको इंप्लीमेंट कर दो ठीक है और यहां पे हम क्या करते हैं स्टार कर लेते हैं ठीक है और यहां पे हम यहां पे देखिए नीचे जाओगे तो फोंट फैमिली में मिल जाएगी इसको यहां से कॉपी करते हैं तो ये यूनिवर्सल वेक्टर के अंदर यहां पे दाल देते हैं ठीक है और अब यहां पे अगर देखोगे तो ये हमारा देखो यहां पे अप्लाई हो चुका है रोबोट तो ठीक है ओके अब इसके बाद यहां पे क्या करते हैं यहां पे लिखने हैं पेंडिंग जो डिफॉल्ट पेंडिंग है उसको भी हम क्या करेंगे यहां पे पेंडिंग जीरो कर देंगे मार्जिन जो है इसको भी हम यहां पे जीरो कर देंगे ठीक है और इसके बाद बैकग्राउंड कलर ठीक है यहां पे अगर बॉडी करते हैं और अब देखो यहां पे बाय डिफॉल्ट मार्जिन पेंडिंग चली गई ठीक बैकग्राउंड कलर भी हम इसको क्या करते हैं ठीक है और अब यहां पे रिफ्रेश करेंगे तो ये देखो कलर यहां पे अप्लाई हो गया ठीक है ओके तो अब सबसे पहले देखिए क्या करना है सबसे पहले यहां पर मुझे एक टेबल बनानी है जिसमें सारे यूजर्स हम फिच करेंगे ठीक है तो इसके लिए हम इसको अभी क्लोज कर देते हैं अप डॉट कस को ठीक है तो ये जो क्रिक है सर्क है ठीक है इसके अंदर हम यहां पे कॉम्पोनेंट्स बनाते हैं सबसे पहले ठीक है तो यहां पे चलते हैं और अब देखिए यहां पे सबसे पहले यहां पे अप डॉट जस में चलेंगे ठीक है और यहां पे जो हमने इंस्टॉल किया था यहां पे रिएक्ट राउटर दो ठीक है उसके थ्रू यहां पे हम रूटिंग को पहले यहां पे सेटअप करते हैं ठीक है तो यहां पे चलेंगे अप के अंदर ठीक है और यहां पे क्या करेंगे रावत ठीक है और यहां पे आ क्रिएट क्रिएट ब्राउज़र ब्राउज़र और इसके बाद यहां पे मेरे पास करेंगे और इसमें हम डालेंगे देखिए अब यहां पे हमें सबसे पहले पांच देना है ठीक है एक रावत क्रिएट करेंगे जो की हम होम पे इसके लिए क्रिएट करेंगे ठीक है तो यहां पे बात दे दिया और इसमें एलिमेंट राइट एलिमेंट जाएगा ओके एलिमेंट एलिमेंट हो गया ठीक और इसमें हम दाल लेते हैं होम पेज ओके होम पेज ठीक है यहां पर मैंने अभी टेक्स्ट लिखा हुआ है ठीक है लेकिन यहां पर टेक्स्ट नहीं यहां पर हम कंपोनेंट पास करेंगे ठीक है तो अभी के लिए यहां पर हम टेक्स्ट पास कर देते हैं ठीक है और इसके बाद यहां पे इसको कॉपी कर लेंगे दूसरा रूट हम यहां पे बनाएंगे जो की हमारा एड करने का राइट तो एड करने का बना दिया और यहां पे लिखेंगे यूजर और पेज ठीक है और इसके बाद यहां पे कॉपी करेंगे और यहां पे दाल देते हैं हम एडिट का राइट एडिट और यहां पे कर देते हैं आप डेट 1 मिनट अपडेट यूजर पेज ठीक है अपडेट यूजर पेज तो ये हमने क्या-क्या यहां पे रावत हमें बनानी है ठीक है अब इसको हमें क्या करना इंपोर्ट भी करना है ठीक है तो यहां पे चलते हैं और इंपोर्ट करेंगे इंपोर्ट और यहां पे क्रिएट क्रिएट ब्राउज़र फ्रॉम कहां से फ्रॉम एन रिएक्ट रिएक्ट राउटर दो रेट राउटर दो ठीक है ओके अब देखिए ये जो हमने क्रिएट किया है क्रिएट ब्राउज़र और इसको हमें प्रोवाइड भी करना है राइट तो यहां पे हम क्या करेंगे हम आप प्रोवाइडर या फिर ऐसा लिखने हैं राउटर राउटर प्रोवाइडर ठीक है यह राउटर प्रोवाइडर है इसको हम यहां से कॉपी ले लेते हैं और ओके ये हम दाल देते हैं तो यहां पे देखो ये जो हमने राउटर प्रोवाइड किया ठीक है ये क्या करेगा ये प्रोवाइड करेगा पूरे एप्लीकेशन में जो रूट है उनको प्रोवाइड करेगा ठीक है और यहां पे इंपोर्ट भी कर लिया हमने रिएक्टर दो से ठीक है अब यहां पे एक हम आ डालेंगे रावत राउटर ठीक है राउटर और यहां पे हम रूट को पास कर देंगे जो हमने यहां पे क्रिएट किया हुआ है ये चीज ठीक है ये हमने पास कर दिया ठीक है तो ये हमारा हो गया अब इसको हम जरा चेक कर लेते हैं तो यहां पे देखो सक्सेसफुली यहां पे होम पेज ए गया क्योंकि मैंने यहां पे क्या किया था यहां पे देखो वो स्लैश के बाद स्लैश के मतलब होम बेस ठीक है तो वो होम पेज यहां पे देखो रेंडर हो गया ठीक है अब यहां पे डालते हैं स्लैश करके एड एड मैंने एड पे मैंने क्या किया था यूजर आउट पेज ठीक है तो अब यहां पे देखो हिट करेंगे तो ये देखो यूजर आईडी पेज यहां पे हो गया इसी तरीके से एडिट वाला डालते हैं तो देखो अपडेट यूजर पेज ओपन हो गया ठीक है तो ये हमारी रूटिंग परफेक्टली यहां पे काम कर रही है ओके हां तो यहां पर होम पेज कर लेते हैं अब होम पेज पर हमें क्या करना है यहां पे मुझे बनाना है एक टेबल ठीक है तो उसके लिए हमें कंपोनेंट बनाने पढ़ेंगे ठीक है तो हम यहां पे चलते हैं सर्क के अंदर यहां पे हम एक फोल्डर क्रिएट करेंगे कॉम्पोनेंट्स राइट एन काम पो कंपोनेंट राइट कॉम्पोनेंट्स यहां पे कर दिया और इसके अंदर यहां पे हम फोल्डर क्रिएट करेंगे एड एड यूजर एड यूजर करके ठीक है और इसके साथ-साथ यहां पे हम एक क्रिएट करेंगे अपडेट यूजर और तीसरा यहां पे फोल्डर क्रिएट करेंगे हम आ फेच यूजर या गेट यूजर गेट यूजर राइट ओके अब सबसे पहले यहां पे गेट यूजर के अंदर चलते हैं और यहां पे हम क्या करेंगे एक फाइल क्रिएट करेंगे आ यूजर या फिर ऐसा कर लेते हैं यूजर डॉट के एक्स एक्स ठीक है यहां पे एक फाइल क्रिएट की और यहां पर लिखने हैं आर ए एफ सी ठीक है अब यहां पर देखिए मैंने किया यहां पर रिएक्ट का एक एनआईपीआईडी वाला आप एक्सटेंशन इंस्टॉल कर सकते हो ठीक है तो वहां पे आप क्या कर सकते हो ये आपको डायरेक्टली यहां पे ए रहे हैं एफसी लिखोगे तो ये डायरेक्टली आपको यहां पे ए जाएगा जो हमारा फंक्शन है ठीक है तो मैंने यहां पर क्या-क्या इंपोर्ट कर लिया और यहां पे ये हमारा फंक्शन क्रिएट हो गया जो हमारी फाइल थी यूजर करके ठीक है अब ये जो कंपोनेंट है राइट इसको मुझे कहां उसे करना है ये हम यहां पे बनाएंगे यूजर वाले में तो यहां पे होम पेज में हम इसको रेंडर भी कर लेते हैं ठीक है तो यहां पे क्या करेंगे यूजर जो हमारा यूजर कंपोनेंट है ठीक है उसको हम यहां पे दाल लेते हैं ठीक है अब यहां पे हम टेक्स्ट नहीं डालेंगे ठीक है अब हमने क्या किया यहां पे कंपोनेंट किया और ये देखो हमारा कंपोनेंट यहां पे इंपोर्ट भी हो गया है ठीक है और अब यहां पे अगर जाओगे तो ये देखो यूजर यहां पे ए रहा है ठीक है ओके अब यहां पे जो ये यूजर है गेट यूजर के अंदर यहां पे हम एक फाइल और क्रिएट करेंगे जो की है यूजर डॉट कस करके ठीक है इसमें हम इसके कस में लिखेंगे ठीक है तो यहां पे सबसे पहले क्या करेंगे क्लास ले लेते हैं क्लास नाम ठीक है और यहां पे ले लेते हैं यूजर टेबल राइट यूजर टेबल करके ठीक है ओके टेबल बनानी है ठीक है और उसमें कुछ बटंस बनानी है ठीक है तो सबसे पहले यहां पे हम एक एक लिंक बनाएंगे ठीक है या फिर एक बटन बनाएंगे तो यहां पे हम लिखने हैं लिंक लिंक ठीक है और यहां पे लिखने हैं एड यूजर ठीक है आईडी यूजर अब देखिए यहां पे अगर हम लिंक उसे कर रहे हैं ठीक है तो यहां पे देखो एक एरर ए रहा है ठीक है तो ये एरर क्यों ए रहा है ये एरर इसलिए ए रहा है क्योंकि यहां पे हम अगर लिंक कोई बनाना चाहते हैं तो हम एचटीएमएल की तरह एंकलेट एक्ट को उसे नहीं कर सकते ठीक है तो यहां पे हमें उसे करना पड़ता है लिंक का लिंक से तू से एंकर की तरह ही काम करता है ठीक है तो यहां पे लिंक और यहां पे हम एक पास करते हैं तू ठीक है तू और इसके अंदर यहां पे हम डालते हैं पाठ ठीक है तो यहां पे स्लैश दाल दिया हमने ठीक है और यहां पे एड कर दिया तो ये आप पेज कहां ले जाएगा एड वाले पेज पे ले जाएगा ठीक है जो हमने एड बनाया था रावत ठीक है अब अगर एड करना है तो हम इस पे जब क्लिक करेंगे तो ये हमारा ए जाएगा तो अगर देखो यहां पे अभी लिंक इस नोट डिफाइंड ठीक है तो हम इसको इंपॉर्टेंट भी करना पड़ेगा ठीक है तो यहां पे चलते हैं इंपॉर्टेंट करते हैं और यहां पे लिंक लिंक यहां पर किसके रिएक्ट राउटर दो से यहां पर ए जाएगा ठीक है तो यह देखो अब सक्सेसफुल रहने हो गया अब यहां पे अगर देखोगे तो यह देखो अब अगर इस पे क्लिक करोगे तो ये देखो एड वाले पे जा रहा है ठीक है तो ये हमारा लिंक हो गया ठीक है ओके अब इसके बाद यहां पे क्या करेंगे यहां पे हम टेबल ले लेते हैं ठीक है टेबल और यहां पे ऐसा कर लेते हैं चलो टेबल ही कर लिया हमने ठीक है और इसके बाद टी हेड कर लेते हैं टी हेड ठीक है और यहां पे तर और इसके बाद द और यहां पे सीरियल नंबर दाल देते हैं सीरियल नंबर ठीक है और इसके बाद यहां पे ए जाएगा नाम यूजरनेम कर लेते हैं यूजर नाम ठीक है और ओके इसके बाद यहां पे यूजर ईमेल कर लेते हैं यूजर ईमेल हो जाएगा और यहां पे एक्शंस कर लेते हैं एक्शंस ओके तो यह हमारे पास एक टेबल ए जाएगी ये देखो सर ओके अब इसके बाद यहां पे जो टेबल है इसमें हम क्या करेंगे यहां पे लिखने हैं बॉर्डर बॉर्डर ठीक है उसको हम क्या करते हैं जीरो कर देते हैं ठीक है और अब यहां पे चलते हैं तो ये देखो ठीक है ओके अब इसके बाद यहां पर बॉडी हम क्रिएट करेंगे तो टी बॉडी ओके टेबल बॉडी और यहां पे तर टीडी ठीक है और इसके बाद वन ए जाएगा हमारा जो सीरियल नंबर है उसके बाद यहां पे नाम जैसे संतोष कुमार दाल लेते हैं संतोष कुमार ठीक है इसके बाद यहां पे जो हमारी ईमेल ए जाएगी संतोष @ gmail.com ठीक है एकदम ही टेक्स्ट दाल दे रहे हैं तब तक ठीक है और इसके बाद यहां पे ईमेल के बाद यहां पे एक्सचेंज बटन आएंगे ठीक है तो एक्शन बटन में क्या लेंगे देखिए यहां पे सबसे पहले डिलीट करने के लिए हमें एक बटन चाहिए राइट तो यहां पे बटन हम ले लेते हैं और बटन के अंदर यहां पे लिख देते हैं डिलीट ठीक है डिलीट हमने लिख दिया और इसके बाद यहां पे एक लिंक चाहिए मुझे लिंक जो की एडिट करने के लिए हम डालेंगे ठीक है और यहां पे एडिट लिख देते हैं अभी के लिए ठीक है और अभी यहां पे दाल देते हैं हम 2 ठीक है और यहां पर कर देते हैं स्लैश एडिट ठीक है एडिट मैंने दाल दिया ओके और अगर यहां पर देखो आप रिफ्रेश करेंगे तो ये देखो ठीक है अब इसको हम क्या करते हैं डिजाइन करते हैं ठीक है तो यहां पे चलते हैं यूजर टेबल ठीक है और यहां पे अब देखिए ये जो कस है इसको हमें यहां पे लिंक भी करना पड़ेगा तो यहां पे चलते हैं और इन्फोटेक स्लैश जो हमारी यूजर डॉट कस है राइट इसको हमने यहां पे लिंक कर लिया ठीक है ओके तो अब यहां पर हम इसको क्या करते हैं सबसे पहले इसको विथ देते हैं [संगीत] हां वेट और यहां पर हम कर देते हैं 60% ठीक देते हैं और इसमें बैकग्राउंड कलर जो है बैकग्राउंड कलर व्हाइट कर लेते हैं ठीक है और इसको बॉक्स शैडो बॉक्स शैडो यहां पे वन पिक्चर कर देते हैं और आर बा में दाल देते हैं इसका कलर ओके तो .05665 कर देते हैं ठीक है ओके और अब यहां पे देखो ये ए चुका है ठीक है ओके इसमें हम बॉर्डर रेडियस भी दे देते हैं बॉर्डर रेडियस और यहां पे फाइव पिक्सल कर देते हैं ठीक है और इसके बाद यहां पे मार्जिन भी कर देते हैं मार्जिन टॉप बॉटम से 50 पिक्सल कर देते हैं और लेफ्ट राइट से ऑटो कर देते हैं ठीक है तो ये हमारा इस तरीके से ए जाएगा ओके इसमें पेंडिंग भी हम यहां पे एड कर देते हैं पेंडिंग और 50 पिक्सल की पेंडिंग दे देते हैं परफेक्ट टाइट तो यह चीज ए गई ओके अब यहां पर हम डिजाइन करते हैं इस बटन को सबसे पहले ठीक है तो यहां पर चलते हैं यूजर में और यहां पर देखो अगर यहां पर एड यूजर में हम एक क्लास भी दे देते हैं ठीक है तो यहां पे लिखने हैं क्लास नाम और यहां पे एड बटन करके दे देते हैं ठीक है और इसमें हम क्या करेंगे यहां पे कॉपी कर लेते हैं इसको और यहां पे हम इसको डिजाइन करते हैं ठीक है तो इसका सबसे पहले बैकग्राउंड कलर या बॉर्डर हटा दें यहां पे ऐसा कर लेते हैं जो टेक्स्ट डेकोरेशन है इसको नान कर देते हैं बैकग्राउंड कलर जो है इसका वो भी हम क्या करेंगे पर्पल कर देंगे ठीक है और इसका कलर जो है वो व्हाइट कर देंगे ठीक है फोंट वेट जो है इसका वो हम क्या कर रहे हैं 500 कर देंगे ओके और इसका जो शैडो यहां पे हम दाल देते हैं थोड़ी ठीक है जिससे की थोड़ा अच्छा लगे ठीक है और इसमें हम बॉर्डर रेडियस भी कर देते हैं ठीक है ओके का टाइम दे देते हैं 10 पिक्सल की राइट ओके अब यहां पर चलते हैं रिफ्रेश करेंगे हमारी बटन ठीक है अब यहां पे क्या करेंगे ये हमारा थोड़ा ऊपर है तो इसको हम थोड़ा नीचे करते हैं टेबल को ठीक है तो ये जो टेबल इसी को मैं यहां से कॉपी कर लेते हैं ठीक है और यहां पे चलते हैं और टेबल राइट टेबल के अंदर यहां पे हम वेद सबसे पहले इसको 100% कर देते हैं ठीक है और मार्जिन जो है मार्जिन टॉप ठीक है इसको हम कर देते हैं 30 पिक्सल की ठीक है मार्जिन 30 पिक्सल दे देते हैं तो अब परफेक्ट है ठीक है ओके अब देखिए इसमें टेबल के अंदर हम यहां पे करते हैं बॉर्डर आ बॉर्डर कोलायतस और यहां पर कॉल एप्स कर लेते हैं ठीक है और इसके बाद यहां पे अब देखते हैं तो परफेक्ट राइट ओके अभी यहां पे बॉर्डर रेडियस नहीं लगा इस बटन पे ठीक है तो यहां पे देख लेते हैं बॉर्डर लगाया है रेडियस कितना था मुझे ओके और रेडियस ओके और अब परफेक्ट है ओके तो अगर देखो इस पर क्लिक करोगे अब यहां पे क्या करेंगे इसमें हम डाटा को यह पहले हेडर को इसको डिजाइन करते हैं तो टेबल के अंदर चलते हैं और टेबल में जो हमारा टी हेड है ठीक है टी है हेड और टी हेड इंजन है राइट इसमें हम क्या करेंगे बैकग्राउंड कलर एन पर्पल दे देते हैं पर्पल ठीक है और इसमें जो हमारा कलर है कलर व्हाइट कर देते हैं व्हाइट कलर हो जाएगा फोंट वेट तो कोई दिक्कत नहीं है ओके और अब यहां पे अगर रिफ्रेश करोगे तो ये देखो और यहां पे 10 पिक्सल की पेंडिंग ए जाएगी ठीक है यहां पर यह कलर थोड़ा सही नहीं है तो इसको कलर हम थोड़ा क्या करते हैं डार्क डार्क ब्लू कर देते हैं ठीक है और आप देखते हैं अब यहां पर जो टेक्स्ट ए रहा है इसको आप चाहे तो सेंटर में कर सकते हो तो अभी क्या कर लेते हैं यही से हम इसको कॉपी कर लेते हैं टेबल ठीक है और यहां पर हम कर लेते हैं टी बॉडी ठीक है टी बॉडी और टीडी ठीक है और इसमें पेंडिंग भी हम दे देते हैं पेंडिंग टैंक की ठीक है और टेक्स्ट एलाइन जो है इसको हम सेंटर कर देते हैं सेंटर ठीक है ओके अब यहां पे रिफ्रेश करते हैं तो ये देखो ओके परफेक्ट ठीक है अब इसके बाद यहां पे जो बटंस है राइट इनको डिजाइन करना है तो यहां पे चलते हैं एक मिनट यहां पे चलेंगे और यहां पे हम क्लास एक ले लेते हैं क्लास नाम और यहां पे लेते हैं एक्शन बटन राइट एक्शन बटंस मैंने ले लिया अब इसको डिजाइन करते हैं ठीक है तो यहां पे चलेंगे और इसके अंदर यहां पे जो हमारी बटन है ठीक है बटन अब इसमें क्या करेंगे सबसे पहले यहां पे बॉर्डर इसका बॉर्डर जीरो कर देंगे ठीक है आउटलाइन इसकी जो आउटलाइन है आउट सॉरी यहां पर कलर जो है इसका व्हाइट कर लेते हैं ठीक है और इसमें कलर व्हाइट हो जाएगा बॉर्डर रेडियस और यहां पे फाइव पिक्सल की राइट फाइव पिक्सल की बॉर्डर रेडिएशन ए जाएगी ओके इसी तरीके से एडिट को भी कर लेते हैं राइट तो यहां पे क्या करते हैं देखिए एडिट में क्या था एंकर था लिंक था राइट तो लिंक देखिए एक्चुअली काम वो एंकर की तरह ही करता है तो हम यहां पे क्या करते हैं इसको कॉपी कर लेते हैं ठीक है और एंकर उसे करते हैं ठीक है और से तू से यहां से इसको कॉपी कर लेते हैं ठीक है और इसमें कुछ प्रॉपर्टीज जैसे पेंटर की जरूर नहीं पड़ेगी इसमें ठीक है कलर यहां पे हम ग्रीन कर देते हैं तो यहां पे ये ग्रीन कलर ए जाएगा ठीक है आउटलाइन यहां पे जरूर नहीं पड़ेगी बॉर्डर की जरूर नहीं पड़ेगी ठीक है ओके बाकी चीज ठीक है और ओके परफेक्ट तो अभी यहां पर यह जो 5 पिक्सल है इसको कर लेते हैं [संगीत] ओके तो आप परफेक्ट राइट अब इसमें मार्जिन थोड़ा देते हैं राइट तो यह थोड़ा पास में नहीं रहेगी ओके अब यहां पर अगर चाहे तो एक काम कर सकते हैं ठीक है तो यह परफेक्ट अब चाहे तो यहां पे आप क्या कर सकते हो यहां पे फोंट लगा सकते हो ठीक है जो आईकॉन होते तो उसको भी हम लगा लेते तो यहां लिखने हैं ठीक है तो फोंट सीडीएन और सीडीएस में चलेंगे तो यहां पर क्या होगा यहां पे हमारी फोंट ऑसम की सीडीएन लिंक राइट तो इसको हम ऐसे कॉपी कर लेते हैं और यहां पर चलते हैं स्टीमर और डेस्कटॉप स्टीम पब्लिक फोल्डर में ठीक है तो यहां पर क्या करते हैं ये सब हटा देते हैं ठीक है तो ओके [संगीत] इसको क्लोज कर देते हैं और अब चलते हैं यहां पर इसको क्लोज करते हैं और यहां पर चलते हैं ठीक है यहां पर जो भी आपको आईकॉन चाहिए ठीक है वो आईकॉन यहां से ले सकते हो ठीक है और अपने प्रोजेक्ट में उसे कर सकते हो ठीक है तो यहां पर हम चलते हैं सबसे पहले यहां पे लिखने हैं ट्रांस ठीक है यह हमारे पास ए जाएंगे ठीक तो फ्री वर्जन हम यहां पर उसे करेंगे तो यहां पर यह वाला हम उसे करते हैं ठीक है और यहां से इसको कॉपी करेंगे और यहां पे चलते हैं और यहां पे दाल देंगे ठीक है ये जो हमारा डिलीट था ठीक है यहां पे दाल देते हैं और अगर देखो तो यहां पे आ ये हमारा ए जाएगा ओके ठीक है अब यहां पे क्लास नहीं होता है यहां पे एक रिएक्ट में क्लास नाम होता है ठीक है तो यहां पे नाम कर देते हैं ठीक है तब भी हमारा काम करेगा ओके अब इसी तरीके से हम एडिट के लिए भी हम कर ले लेते हैं यहां से आईकॉन तो यहां पे लिखने हैं एडिट ठीक है तो एडिट के लिए यहां पर ए जाएगा ये वाला ठीक है तो इसको यहां से कॉपी कर लेते हैं ये वाला ठीक है और यहां पर दाल देते हैं एडिट की जगह पे ठीक है और यहां पर ले लेते हैं नाम क्लास नाम 1 मिनट क्लास नाम ए जाएगा ठीक है ओके और अब यहां पर चलते हैं तो ये देखो ठीक है दोनों हमारे पास बटन ए चुके हैं ठीक है ओके अब यहां पर क्या करेंगे हमारा हो गया टेबल ठीक है अब इसमें क्या करेंगे अब एड वाला बनाते हैं ठीक है तो यहां पर चलते हैं ये हम क्लोज कर दे रहे हैं ओके यह क्लोज कर दिया आप सबसे पहले यहां पर एड यूजर में चलते हैं यहां पर एक फाइल बनाते हैं add.j सेक्स ठीक है और दूसरी फाइल यहां पे क्रिएट करते हैं एड डॉट सो में चलते हैं यहां पे लिखने हैं आर ए एफ सी ठीक है और यहां पे हम कस की फाइल को भी इंपोर्ट करेंगे स्लैश ed.css ठीक है ओके अब इस कंपोनेंट को क्या करेंगे app.js में चलेंगे और यहां पे देखिए एड वाला ठीक है तो यहां पे हम टेक्स्ट नरेंद्र कर के हम क्या करेंगे एड वाला कंपोनेंट रेंडर कराएंगे ठीक है एड ठीक है ओके तो ये हमारा हो गया अब यहां पे देखो एड कंपोनेंट रे ये हमारा इंपोर्ट भी हो गया ठीक है ओके अब यहां पे देखो तो ये एड वाला कंपोनेंट ए गया ठीक है अब इसको मुझे डिजाइन करना है यहां पे फॉर्म एक डिजाइन करना है ठीक है तो फॉर्म के लिए हम क्या करेंगे यहां पे चलते हैं एड तो अब यहां पर हम सबसे पहले क्लास एक नाम ले लेते हैं क्लास ठीक है और यहां पे कर देते हैं एड फॉर्म एड यूजर और यूजर करके ठीक है ओके अब यहां पर सबसे पहले हम एक लिंक बनाएंगे ठीक है तो यहां पे लिखने हैं लिंक सॉरी लिंक ठीक है और यहां पे बैक लिख देते हैं बैक और यहां पर लिखने हैं तू ये हमारा तू हो जाएगा और क्योंकि यहां पर हम किस पर रीडायरेक्ट करेंगे यह जो हमारा बैक है वह हम होम पेज पर रीडायरेक्ट करेंगे अगर बैक पे क्लिक करेंगे ठीक है तो अभी देखो यहां पर ए रहा है तो हमें यहां पे इंपोर्ट भी करना पड़ेगा तो यहां पे लिखने हैं इनको लिंक राइट तो रिएक्ट राउटर दो से यहां पे इंपोर्ट हो जाएगी ठीक है तो ये हमारा बैक यहां पे देखने लगेगा राइट अगर इस पे क्लिक करोगे तो ये देखो इस पे ए जाओगे ठीक है परफेक्ट ओके तो अब यहां पे क्या करेंगे यहां पे सबसे पहले यहां पे एक फॉर्म क्रिएट करेंगे ठीक है तो यहां पे सबसे पहले एक हेडिंग ले लेते हैं यहां पे थ्री करके ठीक है और यहां पे ले लेते हैं एड एड न्यू यूजर ठीक है एड न्यूज़ जरा करके यहां पे ले लिया और अभी देखो तो ये आएगा ओके अब इसके बाद यहां पे लिखने हैं फॉर्म ठीक है तो फॉर्म ओके तो यहां पर एक्शन हमें नहीं चाहिए इसमें ठीक है तो यहां पर हम क्या करेंगे ओके और इसके बाद यहां पे हमें चाहिए इनपुट इनपुट ग्रुप ठीक है इनपुट ग्रुप दाल देते हैं ओके और इसमें लेबल टैग ले लेते हैं और लेबल में यहां पर अप नाम ले लिया हमने ठीक है और यहां पे कर लिया फास्ट नाम ओके और इसके बाद यहां पे इनपुट टैग ले लेंगे इनपुट टैग ठीक है इनपुट में टेक्स्ट ए जाएगा और इसके बाद एक आईडी ले लेते हैं आईडी में क्या ए जाएगा हमारा एफ नाम जाएगा ठीक है और इसके साथ-साथ यहां पे एक नाम ले लेंगे नाम में क्या ए जाएगा जो हमने नाम लिए हैं वहां पे जो हमने मॉडल में बनाए हैं वही नाम ले लेते हैं जैसे की यहां पे एफ नाम ठीक एफ नाम हो गया और इसमें ऑटो कंप्लीट ऑटो कंप्लीट कर लेते हैं ऑटो कंप्लीट ओके ऑटो कंप्लीट ऑफ कर देते हैं ठीक और यहां पर जो प्लेस ऑर्डर प्लेस फोल्डर को भी हम यहां का कर देते हैं तो अगर देखो तो ये देखो राइट परफेक्ट अब ये जो इनपुट है राइट इसी को हम यहां से रिप्लिकेट करेंगे तो ये हमारा लास्ट नाम हो जाएगा ये हमारा ईमेल क्लियर हो जाएगा और ये हमारा पासवर्ड के लिए हो जाएगा राइट तो सभी को हम चेंज कर देते हैं सबसे पहले तो यहां पे ल नाम यहां पर ल ल नाम कर देते हैं ठीक है और यहां पर लास्ट नाम हो जाएगा लास्ट नाम ठीक है और यहां पर भी चेंज कर देते हैं ल नाम ओके और इसी को यहां से कॉपी कर लेते हैं यहां पे ल नेम भी कर देते हैं ठीक है ओके और यहां पे जो है इसको हम लास्ट नाम कर देते हैं लास्ट नाम और यहां पे हम ईमेल कर देते हैं राइट ईमेल और यहां पे कर देते हैं पास शब्द ओके तो ये पासवर्ड हो जाएगा और यहां पर जो फर्स्ट नाम है यहां पे ए जाएगा ईमेल ओके तो यहां पर आईडी में ईमेल ए जाएगा इसी को कॉपी कर लेते हैं यहां पे भी ईमेल दाल देते हैं ठीक है और यह जो हमारा इनपुट में था एक मिनट यहां से कॉपी करते हैं यह जो ईमेल था इसमें भी हम ईमेल दाल देते हैं ठीक है और यहां टेक्स्ट में भी ईमेल ही जाएगा ठीक है और यहां पर कर देते हैं पासवर्ड पासवर्ड और यहां पर भी चेंज कर देते हैं पासवर्ड ओके इसको कॉपी कर लेते हैं यहां पर दाल लेते हैं पासवर्ड पासवर्ड बटन ठीक है और सबमिट करेंगे सबमिट ठीक है तो यह बटन ए जाएगी यहां पर लिखेंगे एड यूजर ठीक है एड यूजर सॉरी ओके अब इसको डिजाइन करते हैं तो यहां पर मैंने दिया था एड यूजर करके फॉर्म ठीक है तो यही से कॉपी कर लेते हैं और यहां पे चलते हैं तो देखो अब इसमें सबसे पहले इसको वेद फेक देते हैं विथ 25% दे देते हैं 25% ठीक है और इसमें बैकग्राउंड कलर बैकग्राउंड कलर व्हाइट कर देते हैं ओके व्हाइट और इसमें जो हमारा शैडो है राइट तो यही से हम कुछ स्टाइल कॉपी कर लेते हैं यूजर्स में ठीक है तो यहां से देखो यह चीज तो यहां पर बॉक्स साइड और रेडी है और फिर ये सब यहां से ले लेते हैं है तो अब यहां पर हम सबसे पहले स्टाइल करेंगे यह जो हमारा इनपुट है राइट तो यहां पे चलते हैं यहां पर फॉर्म के अंदर यहां पर क्लास में ले लेते हैं क्लास में सॉरी क्लास नाम ठीक है यहां पे ले लेते हैं एड यूजरफॉर्म ठीक यूजरफॉर्म और इसको कॉपी करते हैं अभी इसके अंदर जो इनपुट ग्रुप है ठीक है तो यहां पे चलेंगे इनपुट ग्रुप 1 मिनट क्लास एक बार देख लेते हैं इनपुट ग्रुप है ओके तो एड फॉर्म के अंदर इनपुट ग्रुप और इसमें क्या करेंगे सबसे पहले 100% कर देते हैं ठीक है ठीक है ओके तो ये चीज परफेक्ट राइट और इसमें अगर गैप देना चाहे तो गैप भी दे सकते हो एडरवाइज यहां पे गैप नहीं देते हैं ठीक है ओके तो अब यहां पर क्या करेंगे अब यहां पर सबसे पहले जो इनपुट ग्रुप के अंदर लेबल है राइट उनको डिजाइन करते हैं तो यहां पे लेबल व्हाइट लेबल की बात करेंगे तो यहां पे मार्जिन जो है मार्जिन बॉटम राइट उसको हम दे देते हैं 10 पिक्सल 10 पिक्सल ज्यादा हो जाएगा देख लेते हैं एक बार और ज्यादा हो गया इसमें हम फाइव पिक्सल कर देते हैं ओके तो ओके परफेक्ट राइट अब इसके बाद यहां पे जो हमारा इनपुट है राइट उसको भी हम डिजाइन कर लेते हैं तो यहां पर लिखने हैं इनपुट इनपुट और इसमें हम सबसे पहले काम करता है ओके परफेक्ट राइट और इसमें हम आउटलाइन जो हैं ओके आउटलाइन इसमें नान कर देते हैं ठीक है अब यह थोड़ा यह देख रहे हो इसमें सेट हो रहा है तो इसको थोड़ा हम क्या कर लेते हैं जो हमारा मॉडल फॉर्म है ठीक है तो यहां से हम कॉपी करते हैं और यहां पर मार्जिन जो है मार्जिन टॉप इसको भी दे देते हैं 20 पिक्सल 20 पिक्सल दे देंगे तो ये ओके परफेक्ट राइट ओके डिजाइन करना है तो ये किसके अंदर इनपुट ग्रुप के अंदर अगर देखो तो यहां पर बटन ए रही है राइट बटन को हम डिजाइन कर लेते हैं तो यहां पर देखो सबसे पहले यहां पे बॉर्डर इसको हम रिमूव कर देते हैं जीरो आउटलाइन इसका नाम कर देते हैं राइट बैकग्राउंड कलर जो इसका है पर्पल कर देते हैं राइट और कलर जो है व्हाइट कर लेते हैं और इसका फोंट वेट जो है यहां पर 600 कर देते हैं ओके और ओके परफेक्ट और इसमें पढ़ेंगे [संगीत] और इसमें हम क्या करें फोर है तो एड फॉर्म के अंदर अगर यहां पर देखो एड यूजर के अंदर ठीक है तो यहां पे जो h3 है इसको भी थोड़ा डिजाइन करते हैं तो यहां पे हम लिखने हैं सॉरी ठीक है यहां पर चलते हैं और इसको दाल देते हैं राइट और इसमें h3 जो है इसको हम मार्जिन क्या करते हैं मार्जिन टॉप आ 10 पिक्सल की दे देते हैं राइट तो देख लेते हैं ओके परफेक्ट तो एड न्यू यूजर ठीक है और यहां पर बैक बटन ए जाएगा तो बैक यहां जा सकते हो ठीक है और यहां पे ए सकते हो अब यहां पर बटन को थोड़ा और स्पेस दे देते हैं ठीक है तो यहां पर जो बटन है ठीक है इसमें हम मार्जिन दे देते हैं तो देख लेते हैं ओके परफेक्ट राइट तो यह हमारा फॉर्म बन चुका है अब इस फॉर्म के साथ-साथ यहां पर हमें अपडेट वाला भी फॉर्म बनाना पड़ेगा तो से बनेगा तो उसके लिए हम क्या करते हैं यहां पे चलते हैं अपडेट वाले में गेट हो गया और ओके अपडेट में हम यहां पे क्या करेंगे सबसे पहले एक फाइल क्रिएट करेंगे एडिट डॉट जेएस ठीक है तो ये हमने कंपोनेंट क्रिएट किया आर ए एफ सी कर लेते हैं ठीक है और यहां पे देखिए ये हमारा कंपोनेंट हो गया अब app.js में चलते हैं और यहां पे एडिट का इसमें हम पास कर देते हैं हमारा कंपोनेंट ठीक है तो यहां पे चलते हैं और यहां पे एडिट एडिट कंपोनेंट थायराइड उसको मैंने पास किया ठीक है तो ये मैंने पास कर दिया यहां पर इंपॉर्टेंट भी हो गया ओके परफेक्ट आ एडिट वाला ये हो गया अब दो यहां पे देखो अगर इस पे बैक चलते हैं और यहां पे एडिट पे जब क्लिक करेंगे तो ये देखो एडिट वाला ए गया ठीक है अब से फॉर्म यहां पे लाना है एडिट के लिए ठीक है तो उसके लिए हम क्या करेंगे यही से जो एज है यही से कॉपी कर लेते हैं इसको से यहां से कॉपी कर लेते हैं पूरा ठीक है यहां से कॉपी कर लिया और जो एडिट वाला है इसी में दाल देते हैं परफेक्ट और यहां से मुझे क्या नहीं चाहिए यहां से पासवर्ड नहीं चाहिए सिर्फ ठीक है बाकी सब अपडेट करना है मुझे ठीक है और यहां पर लिख देते हैं एड नहीं अपडेट यूजर राइट तो यहां पे आप डेट अपडेट यूजर और यहां पर एड नहीं यहां पे लिख देते हैं अपडेट न्यूज़ राइट आपको सॉरी आप डेट यूजर ठीक है ओके बाकी साड़ी चीज से रहेगी और यहां पे जो कस है वो हम कहां लिंक करेंगे इंपोर्ट करेंगे फ्लैश फ्लैश और यह किसके अंदर और यहां पर जो ed.c राइट उसको मैंने यहां पे इनपुट कर लिया ठीक है और आप देखते हैं एक्चुअली यहां पे एरर ए रहा है कोई जस्ट मिनट लिंक उसे किया है यह चीज यहां पर इंपोर्ट नहीं है तो इसको हम यहां पे इंपोर्ट कर लेते हैं इंपोर्ट का लिंक ठीक है ये राउटर डोंट से ए जाएगा ठीक है तो ये परफेक्शौली यहां पे रन हो जाएगा सर और ओके अब यहां पे देख लेते हैं तो ओके एक बार रिफ्रेश करते हैं इसको तो ये देखो यहां पे हमारा अपडेट यूजर का भी फॉर्म यहां पे बन चुका है ठीक है फर्स्ट नाम लास्ट नाम ईमेल और ये अपडेट हो जाएगा ठीक है ओके अब यहां पर एड यूजर में चलते हैं और यहां पे जो इनपुट की वैल्यू है राइट उसको थोड़ा हैंडल करते हैं ठीक है तो यहां पे सब कुछ क्लोज कर देते हैं यहां पे ठीक है और सिर्फ यहां पे आईडी एड डॉट j6 रखते हैं ठीक है तो अब देखो यहां पे एक हम इवेंट लगाएंगे तो यहां पे जो इवेंट जो हमारी इनपुट है राइट इस पे हम एक इवेंट आएंगे ऑन चेंज राइट तो यहां पर हम सिलेक्ट कर लेते हैं सभी को और यहां पर क्या करेंगे लिखने हैं ऑन चेंज ठीक ऑन चेंज और यहां पे लिखने हैं इनपुट हैंडलर हैंडलर ठीक है और इस मेथड को क्या करेंगे यहां से चलते हैं और यहां पे हम इसको हम क्रिएट भी कर लेंगे कौन और ये हमारा ए जाएगा इवेंट पास कर देंगे और इसके अंदर यहां पे ये ठीक है अब देखो यहां पे करना क्या चाहते हैं यहां पे जो भी हम इस इनपुट में टाइप करें यहां पे क्या ए रहा है 1 मिनट ओके तो जो भी हम यहां पर टाइप करें ठीक है वो क्या आना चाहिए वो हम यहां पे लेना चाहते हैं वैल्यू इसकी ठीक है तो वैल्यू कहां मिलेगी तो वो वैल्यू मिलेगी यहां पे आ यहां पे जो ए डॉट टारगेट टारगेट डॉट वैल्यू ठीक है इसके अंदर यहां पे मिल जाएगी अब इसके अंदर देखो वैल्यू भी नहीं मिलेगी इसके अंदर ये जो नाम मैंने दिया हुआ है यहां पे ये देखो ये वाला नाम एवर नाम एफ नाम राइट ये भी मिलेगा राइट और जो वैल्यू हम टाइप करेंगे वो भी मिलेगा ठीक है तो वो दोनों कैसे मिलेंगे तो उसके लिए हम यहां पे क्या कर लेते हैं यहां पर लिखने हैं कांस्टेंट टारगेट और डॉट ओके और यहां पे नाम को प्रिंट कराएंगे ठीक है और नाम के साथ-साथ यहां पे वैल्यू को भी प्रिंट कराएंगे ठीक है वैल्यू ओके ठीक है तो यह हमने प्रिंट कर दिया और अब यहां पे चलेंगे आ अब यहां पे इंस्पेक्टर करेंगे ठीक है इंस्पेक्टर करते हैं और इंसेक्ट में कंसोल में चलते हैं ठीक है कंसोल में ए गए ठीक है अब यहां पर टाइप करते हैं अब देखिए कुछ भी हम टाइप कर रहे हैं तो यहां पे ए रही है एरर यहां पे क्या हो रहा है ऑब्जेक्ट इस नोट ए ट्रैवल ओके तो एक्चुअली यहां पे अरे नहीं जाएगा यहां पे ऑब्जेक्ट जाएगा ठीक है तो यहां से हम क्या कर लेते हैं ऑब्जेक्ट दाल देते हैं सॉरी यहां पे फिर से ए गया ऑब्जेक्ट ओके इस तरीके से आएंगे नाम और वैल्यू ठीक है अब यहां पर चलते हैं और अब इसको दोबारा से इसको क्लीन करते अब दोबारा से यहां पर टाइप करते हैं तो यह देखो संतोष ठीक है यहां पर देखो ए रहा है संतोष ए रहा है ठीक है अगर यहां पर टाइप करते हैं कुमार तो ये देखो ठीक ये वैल्यू ए रही है लेकिन हमें ऐसे नहीं चाहिए हमें क्या करना है यहां पे एक स्टेट क्रिएट करना है ठीक है तो उसके लिए हम यहां पे चलते हैं और यहां पे हम उसे करेंगे एक होप राइट रिएक्ट के तो यहां पे कौन और यहां पे एस यूजर कर लेते हैं यूजर यूजर डॉट सेट यूजर राइट सेट यूजर और यहां पे लिखने हैं उसे स्टेट उसे स्टेट राइट ये जैसे किया मैंने तो यहां पे देखो आपने यहां पे इंपोर्ट वो होगा उसे स्टेट ठीक है अब यहां पे इनिशियल वैल्यू भी देना है तो उसके लिए हम क्या करते हैं उसके लिए हम यहां पे चलेंगे कांस्टेंट ऐसा करते हैं यहां पे कांस्टेंट और यहां पे यूजर्स ठीक है और यहां पे हम एक ऑब्जेक्ट करेंगे और यहां पे जैसे जो मैंने यहां पे नाम में ले रखा है ना एफ नाम राइट तो वो चीज हम यहां पे लिख लेते हैं एफ नाम ठीक है और यहां पर ठीक कर लेते हैं इसको इसके बाद ल नाम ठीक है इसको भी हम फाइटिंग कर देते हैं और ईमेल कर लेते हैं राइट इसको भी हम टी और यहां पे पासवर्ड तो इनिशियल वैल्यू जो रहेगी वो क्या रहेगी वो एम्टी रहेगी ओके अब इस वाले ऑब्जेक्ट को जो है हम इसमें पास कर देते हैं यूजर्स को ये है इस वाले स्टेट में पास करते हैं तो इनिशियल वैल्यू यहां पे सभी की क्या रहेगी ठीक है अब जब अपडेट करेंगे तो वो हम इस सेट यूजर में हम यहां पर अपडेट कर देंगे ठीक है तो हम क्या करते हैं यहां पर चलते हैं और यहां पे यहां पर ऐसा करते हैं यहां पर कौन सॉरी यहां पर लिखने हैं और यहां पर यूजर करके ठीक है जो हमारा फंक्शन है ये स्टेट का ठीक ये वाला सेट यूजर और इसके अंदर हम ऑब्जेक्ट पास करते हैं यहां पे डॉट डॉट स्प्रेड ऑपरेटर का उसे करेंगे डॉट डॉट यूजर ठीक है इसके बाद यहां पे नाम हम लिखेंगे देखिए अभी मैं समझता हूं इसका क्या मतलब है और वैल्यू ठीक है ये मैंने पास कर लिया अब इसका मतलब देखिए ये है ओके तो यहां पर एक्चुअली सेट यूजर ओके तो यहां पर कॉस्ट ये वेरिएबल नहीं है एक्चुअली ये फंक्शन है ठीक है तो यहां पे कौन सा हटाना पड़ेगा मुझे ठीक है तो इसको हटा देते हैं तो अब यहां पे देखो अब यहां पे क्या हो रहा है की यूजर मतलब जो भी ऑब्जेक्ट यहां पे डाटा ए रहा है ठीक है तो यहां पे का रहे हैं का मतलब ये है की जो प्रीवियस डाटा है हमारे पास इस स्टेट में जो भी प्रीवियस डाटा है वो प्रीवियस डाटा रहे आगे आईटी इसे और जो भी अपडेटेड डाटा है यहां पे नाम और वैल्यू का जो अपडेटेड ए रहा है वो इसमें अपेंड करते जो ठीक है तो ये सिंपल काम कर रहा है अब यहां पे चलते हैं और कंसोल करते हैं कंसोल कंसोल डॉट लोग ठीक है और यहां पे यूजर को हम क्या कर लेते हैं यहां पे दाल देते हैं राइट अब यहां पे चलते हैं तो यहां पे टाइप करते हैं संतोष एक्चुअली डाटा है यहां पे रिफ्लेक्टर नहीं हो रहा है तो एक बार रिफ्रेश करते हैं इसको जरा देख लेते हैं क्यों नहीं हो रहा है ठीक है अब यहां पर चलते हैं ओके तो यह देखो हमारा डाटा यहां पर एक बार क्लियर करते हैं राइट और अब यहां पर क्या करते हैं एक बार लिखने हैं और फिर कुमार इसके बाद संतोष @ gmail.com ठीक है और यहां पे पासवर्ड ठीक है तो ये देखो यहां पे अगर इसको देखो तो ये देखो जो भी डाटा ईमेल के अंदर ईमेल ए रही है एफ नाम के अंदर है संतोष ल नाम के अंदर से कुमार और यहां पे पासवर्ड ठीक है तो इस तरीके से डाटा हमारा ए रहा है यहां पे अब ये यूजर का डाटा जो ए रहा है ना इसको हमें पास करना है कहां एपी में ठीक है तो एपी के लिए हम क्या करेंगे यहां पे इसको ऐसे इसको हटा देते हैं अभी के लिए ठीक है अब यहां पे देखिए एपी कब यहां पे हमें सबमिट कर जब हम इस पर क्लिक करें ठीक है तो यहां से इसको क्लोज कर देते हैं जब हम यहां पे इसको एड यूजर करें ठीक है तो क्या हो जाना चाहिए वो डाटा क्रिएट हो जाना चाहिए राइट अब मैं क्या करना छह रहा हूं की यहां पे जो डाटा है राइट उसको सबमिट करने पर हम डाटा को डेटाबेस में स्टोर करना चाहते हैं राइट एक्चुअली को हिट करना छह रहे हैं ठीक तो इसके लिए हम यहां पर क्या करेंगे यह जो फॉर्म है हमारा ठीक यहां पे एक इवेंट हैंडल करेंगे ऑन एन सबमिट ठीक ऑन सबमिट और यहां पे लिख देते हैं सबमिट सबमिट एन फॉर्म राइट सबमिट फॉर्म ठीक है तो ये मैंने यहां पे लिख दिया और इसके बाद इसको कॉपी करते हैं यहां पे चलते हैं और यहां पे लिखने हैं कैसे आ कंस ठीक है और यहां पे जो हमारा ये फॉर्म था ठीक है और इसके बाद आसन के यहां पे उसे करेंगे सन और यहां पे ए ठीक है ओके और इसके बाद यहां पे क्या करेंगे ए डॉट प्रीवेंट प्रीवेंट डिफॉल्ट ठीक है प्रीवेंट डिफॉल्ट कर लेते हैं ओके अब इसके बाद देखो अब इसके बाद जो हमारी एपी है राइट उसको हम यहां पे हिट करेंगे तो सबसे पहले यहां पे लिखेंगे आवटे एग्जीबिशन जो हमने इंस्टॉल किया था राइट वो एग्जास्ट क्या करेगा वो हमारी एपी से कम्युनिकेट करेगा राइट वो डाटा को फेच करेगा एपी को हिट करेगा ठीक है एसटीडी पर रिक्वेस्ट से हैंडल करेगा राइट तो हम क्या करते हैं यहां पर एग्जास्ट लिख लेते हैं पोस्ट क्योंकि यहां पे पोस्ट मेथड हम उसे करेंगे डाटा को क्रिएट करने के लिए अब यहां पे देखो एग्जास्ट हमारा इंपोर्ट भी हो गया होगा तो ये देखो यहां पे एक्जिहीरो हमारा इंपोर्ट हो गया ठीक है अब यहां पे चलते हैं एपी मुझे पोस्ट के अंदर क्या करना है एपी डालना है ठीक है तो अगर यहां पे चलोगे थंडर क्लाइंट में तो यहां पे देखो कलेक्शन के अंदर चलते हैं और यहां पे देखो क्रिएटिव है राइट तो क्रिएट एपी के अंदर यहां पे देखो ये एपी थी मेरी ठीक इस एपी को हमें क्या करना है एन यहां पे डालना है राइट तो यहां पे चलते हैं यहां पे दाल लेते हैं इसे एपी को ठीक है और इसके साथ-साथ यहां पे मैंने देखा था की जो डाटा ए रहा था की इसमें ए रहा था यूजर में ठीक है तो वो डाटा भी हमें यहां पे पास करना है तो यहां पे लिखने हैं यूजर डाटा ठीक है तो ये यूजर डाटा यहां से पास हो जाएगा इससे पहले स्टेटस से ठीक है ओके अब इसके बाद इसके बाद यहां पे क्या करना दें लगाना है दें राइट दें और इसके सॉरी इसके बाद दें और यहां पे एक कॉल बैक फंक्शन इसमें जाएगा रिस्पांस राइट आर रिस्पांस ओके और ओके रिस्पांस ए जाएगा और इसके बाद यहां पर हम कैश कर लेंगे यहां पे एरर ए जाएगा ठीक है एरर में क्या करेंगे कंसोल हम प्रिंट कर देंगे कंसोल डॉट लोग और यहां पे हम कर देंगे एरर ठीक है एरर ए जाएंगे ठीक है तो ये हमने क्या-क्या यहां पे पास कर दिया ओके अब यहां पे चलते हैं और यहां पे कंसोल करेंगे कंसोल डॉट लोग ठीक है और यहां पे रिस्पांस उन रिस्पांस में भी हम पास कर देते हैं ठीक है ओके अब देखो यहां पे हो क्या रहा है यहां पे मैंने किया आ लोकल होस्ट 8000 एपी क्रिएट ये जो हमारी एपी थी ठीक है इसको क्रिएट करेगा और ये जो डाटा हम यहां पे पास करेंगे उसे डाटा यहां से जा रहा है ठीक है ओके तो अब इसको हम क्या करते हैं चलते हैं ठीक है सो अभी यहां पे चलते हैं और इंस्पेक्टर करते हैं और हमारा कंसोल जो है इसको ओपन कर लेते हैं ठीक है ओके और ये कंसोल हो गया ठीक है अब यहां पे हम इसको सबमिट यहां पे क्या करते हैं डाटा को सबमिट तो यहां पर लिखने हैं संतोष कुमार ठीक है और यहां पर करते हैं रोहित ओके सॉरी संतोष आते दी रेट gmail.com और 123456 राइट और अब यहां पे इंटर करेंगे तो जब इंटर करेंगे तो यहां पर देखो ये हमारा डाटा जो है क्या हुआ यहां पे एक्चुअली 1 मिनट देख लेते हैं बेड रिक्वेस्ट यहां पे ए रहा है एक मिनट एक्चुअली यहां पे क्या करते हैं यहां पे हमें लगता है एचटीटीपी लगाना पड़ेगा एचटीटीपी कोलोन / ठीक है ये हम लगाएंगे प्रोटोकॉल तभी यहां पे प्रॉपर एक है यहां पे काम करेगी ठीक है तो एचटीटीपी कोलोन / लोकल होस्ट 8000 और एपी राइट और अब यहां पे चलते हैं और अब यहां पे सबसे पहले इसको क्लीन करते हैं ठीक है और अब यहां पे इंटर करते हैं अब जैसे यहां पे इंटर करेंगे तो ये देखो यहां पे क्या हुआ डाटा हमारा इंसर्ट हो चुका है ठीक है और ये देखो क्या आया यहां पे आ यूजर क्रीटेड सक्सेसफुली यहां पे डाटा के अंदर यहां पे डाटा के अंदर और ये हमारा मैं एमएसजी के अंदर यहां पर आएगा यूजर क्रीटेड सक्सेसफुली ठीक है और यहां पे स्टेटस 200 राइट तो ये डाटा हमारा हो गया अब ये मैसेज हमें यहां पे दिखाना है ठीक है तो उसके लिए हम क्या करेंगे यहां पे देखो हम लोगों ने क्या किया था अगर पैकेज और जेसन में देखो तो यहां पे हम लोगों ने एक पैकेज इंस्टॉल किया था जो की है हमारा रिएक्ट हॉट टोस्ट ठीक है तो इसको हम उसे करते हैं ठीक है तो उसके लिए हम यहां पे चलते हैं सबसे पहले एन जो हमारा index.h जस है ठीक है इसके अंदर यहां पे हम क्या करेंगे यहां पे हमें इंपोर्ट करना होगा एक पैकेज वही जो इंपोर्ट ठीक है और यहां पे आठ टोस्टर राइट टोस्टर टोस्टर ठीक है और फ्रॉम कहां से रिएक्ट रिएक्ट हॉट पोस्ट इंपोर्ट कर लिया और ये कंपोनेंट होता है तो यहां पे मुझे डालना भी पड़ेगा राइट तो यहां पे मैंने ये इंपोर्ट कर दिया ठीक है यहां पे इंपोर्ट हो गया ओके अब यहां पर चलते हैं जो हमारा तो इसके अंदर यहां पे क्या करेंगे यहां पे हमें मैसेज दिखाना है किसके अंदर देखो मैसेज यहां पे किसके अंदर ए रहा था डाटा के अंदर राइट तो डाटा के अंदर एमएसजी करके ठीक है तो यहां पे हम लिखने हैं एंटोस्ट ठीक है टोस्ट डॉट सक्सेस राइट सक्सेस और इसके अंदर यहां पे हम ऐसे डेल थे तो यहां पे रिस्पांस ए रिस्पांस रिस्पांस के अंदर ठीक है ये ए जाएगा यहां से कॉपी कर लेते हैं रिस्पांस और इसके बाद डाटा और डाटा के अंदर एमएसजी एमएसजी ठीक है यह ए जाएगा ओके और इसके बाद यहां पे एक ऑब्जेक्ट पास करेंगे यहां पे पोजीशन मतलब हम कहां पर दिखाना चाहते हैं तो यहां पर हम जो हमारा मैसेज दिखेगा वो हमारा टॉप राइट में दिखेगा राइट ये हम दाल देते हैं ठीक है तो ये मैंने मैसेज यहां पे दिखा दिया ओके और अब देखिए यहां पे ये टोस्ट जो था ये मैंने इंपोर्ट भी कर लिया यहां से ठीक है तो ये इंपॉर्टेंट हो गया अब इसके साथ-साथ यहां पे जो हम जब क्रिएट करेंगे तो उसके साथ-साथ मुझे इसको री डायरेक्ट करना है होम पेज पर ठीक है तो हम यहां पे उसे करेंगे एक हक का जो रिएक्ट की है जो की है उसे नेविगेट राइट तो इसके लिए हम यहां पे चलते हैं और यहां पे क्या करेंगे कौन नेविगेट करेंगे ठीक है और यहां पे उसे नेविगेट उसे नेविगेट ठीक है और इसको हम क्या कर लेते हैं यहां पे बोर्ड भी कर लेते हैं तो ये देखो ऑटोमेटेकली इंपोर्ट भी हो गया है ठीक है ये राउटर डोंट से ओके और अब यहां पे इसको कॉपी करेंगे और यहां पे चलते हैं यहां पे मैसेज के बाद पद हम यहां पर इसको नेविगेट भी कर देंगे कहां पे जो होम पेज पर ठीक है ओके अब ये हमारा हो गया अब यहां पे चलते हैं इसको क्लोज कर देते हैं ठीक है और अब यहां पे सबसे पहले डालते जैसे की यहां पे डालते हैं मोहिनी ठीक है और मोहिनी देवी ठीक है और इसके बाद यहां पे मोहिनी कर देते हैं ठीक है और ओके मोहिनी आते दी रेट एन जीमेलकॉम ठीक है और यहां पे वन तू थ्री फोर फाइव सिक्स ठीक है तो ये कर दिया आप यहां पे जैसे एड करेंगे तो ये देखो यहां पे मैसेज आएगा यूजर क्रीटेड सक्सेसफुली और ये हमारा यहां पे ए गया होम पेज पे ठीक है तो अब यहां पे यूजर हमारे क्रिएट हो रहे हैं ठीक है ये परफेक्शौली यहां पे काम कर रहा है आप सबसे पहले जो यूजर क्रिएट हुए हैं उसको यहां पे फेच करना है ठीक है तो उसके लिए हम यहां पे चलते हैं यहां पे क्लोज कर देते हैं साड़ी चीज ठीक है और अब यहां पे ओपन करते हैं हम गेट और यूजर करके ठीक है यहां पे अब देखिए यहां पर डाटा मुझे लाना है फेच करके तो हमारे पास एपी कौन सी थी डेट यह गेट जो यूजर करके ठीक है इस एपी का उसे करना है मुझे ठीक है तो हम यहां पे डाटा फैज करने के लिए हम यहां पे उसे इफेक्ट हो का उसे करेंगे ठीक है तो यहां पे चलते हैं और यहां पे सबसे पहले लिखने हैं उसे इफेक्ट राइट उसे इफेक्ट ओके और इसके अंदर यहां पे आएंगे ठीक है तो देखिए डाटा को गेट करना है तो यहां पे हम सबसे पहले एक फंक्शन बनाएंगे ठीक है एक फंक्शन लिखने हैं फंक्शन कांस्टेंट बनाएंगे ठीक है और इसमें हम दाल देते हैं ओके आस्किंग फंक्शन हो जाएगा और यहां पे ओके तो इस तरीके से मैंने यहां पे दाल दिया अब देखिए यहां पे मुझे डाटा लाना है उसे एपी से ठीक है जो ये हमारी एक ही है ठीक है तो यहां पे इसको एपी को यहां से कॉपी कर लेते हैं ठीक है और इसमें चलते हैं और यहां पे क्या करेंगे तो यहां पर सबसे पहले जो हमारा एक्ज़ियल्स है उसको आवटे लिखेंगे सबसे पहले आवटे ए जाएगा ठीक है फिर एक्स आएगा आ सॉरी एक्स अब देखिए एक्स को मैंने इंस्टॉल नहीं किया इसलिए यहां पे गेट कर लेते हैं ठीक है और ये हमारी एपी ए जाएगी ठीक है आप जैसा की मैंने बताया था यहां पे एसडीपी लगाना पड़ेगा एचटीटीपी कोलोन / ठीक है तो ये हमारी एपी हो जाएगी ठीक है ओके और इसके साथ अब देखिए यहां पे एक्सिकॉफ हमें यहां पे इंपोर्ट भी करना पड़ेगा तो यहां पे चलते हैं यहां पे लिखने हैं बोर्ड इंपॉर्टेंट तो ये हमने इंपोर्ट भी कर लिया अब ये जो डाटा आया है ठीक है ये हमारा एक रिस्पांस में डाटा रिटर्न करेगा ठीक है तो हम क्या कर लेते हैं यहां पे लिख लेते हैं कौन और यहां पे रिस्पांस रिस्पांस डेट ए जाएगा ठीक है ये रिस्पांस में डाटा आएगा और वो डाटा हम क्या करेंगे वो डाटा हम यहां पे एक स्टेट बना लेते हैं यहां पे ठीक है तो यहां पे हम उसे करेंगे आ कांस्टेंट फोंट और इसके अंदर यहां पर यूजर्स यूजर्स ठीक और सेट यूजर्स और यहां पर उसे करेंगे [संगीत] ठीक है उसके बाद हम ये जो डाटा ए रहा है ठीक है उसमें हम सेट कर देंगे ठीक है तो यहां पे चलते हैं और इसमें हम डाटा दाल देते हैं राइट तो कौन सा डाटा रिस्पांस रिस्पांस डॉट डाटा में जो आएगा उसको मैंने यहां पे दाल दिया ठीक है ओके अब ये हमारा डाटा हो गया अब इसके बाद यहां पे क्या करेंगे यहां पे हम इस अब यहां पे जो उसे इफेक्ट है राइट इसमें हम एम्टी अरे दाल देते हैं क्यों क्योंकि जब जब ये एलईडी डाटा चेंज होगा राइट तब तक ये हमारा उसे इफेक्ट जो है रेंडर करेगा इसे एपी को ठीक है उसके बाद इस फंक्शन को क्या कर देते हैं हम कॉल कर देते हैं यहां पे ठीक है इसको कॉल कर दिया और ये कर लेते हैं ठीक है ओके तो यहां पे हिट हो रही है ठीक है तो अब क्या करना क्या करना है मुझे डाटा को चेक करना है की डाटा ए रहा है या नहीं ए रहा है ठीक है तो इसके लिए हमें क्या करना पड़ेगा यहां पर चलते हैं यह जो हमारा यूजर नाम है ठीक है तो यहां पे हम क्या करेंगे ओके सबसे पहले यहां पे ऐसा कर लेते हैं की ये जो टी बॉडी है इसके अंदर हम यहां पे करली ब्रशस लगाएंगे और यहां पे हम मैप मैप मेथड का उसे करेंगे जो जावा स्क्रिप्ट का राइट तो यहां पे किसमे डाटा ए रहा है इस यूजर्स में ए रहा है ठीक है तो यहां पे हम चलते हैं और यहां पे users.map ठीक है और मैप के अंदर एक कॉल बैक और यहां पे यूजर कर लेते हैं ठीक है और एक इंडेक्स पास कर देते हैं ठीक है और इसके बाद यहां पे हम चलते हैं और यहां पे रिटर्न कर लेते हैं रिटर्न ओके अब इसमें देखिए यहां पे जो ये एक हमारी अरे है ठीक है ये जो तर है इसको हम ऐसे कॉपी कर लेते हैं इसमें दाल देते हैं ठीक है ओके और ये थोड़ा इधर हो गया है तो इसको थोड़ा पीछे कर लेते हैं और यहां पे इसको यहां से कॉपी कर लेते हैं ओके तो ये हमारा ए गया अरे ठीक है और ये कंपिल हो गया अब देखो अब अगर डाटा ए रहा है ठीक है तो यहां पे देखो ये डाटा ए रहा है अब इसमें हम क्या कर लेते हैं यूजर जो यूजर है ठीक है तो यहां पर ऐसा कर लेते हैं कलम user.f नाम ए जाएगा यहां पे ठीक है और इस चीज के बाद यहां पे करली ब्रशिस के साथ ओके और यहां पे जो हमारा यूजर डॉट ल नाम ए जाएगा ठीक है ये हमने कर दिया और अब देखो यहां पे अगर चलते हैं तो ये देखो जतिन यादव संतोष कुमार मोहिनी देवी ठीक है तो ये डाटा जो भी हमने इंसर्ट किया वो डाटा यहां पे प्रॉपर फेच हो रहा है ठीक है अब इसी के साथ-साथ हम यहां पे ईमेल को भी फेस कर लेते हैं ठीक है तो इसमें हम दाल देते हैं यूजर डॉट ईमेल ठीक है तो ये ईमेल ए जाएगी यहां पे ओके अब ईमेल के साथ-साथ यहां पे देखो ईमेल ए चुकी है ठीक है अब यहां पे ये इंक्रीमेंट भी करना है तो यहां पे इंक्रीमेंट में इंडेक्स में मिलेंगे राइट तो यहां पे अगर डालते हैं हम आ यहां पे इंडेक्स अगर इंडेक्स डालेंगे तो देखो क्या होता है यहां पर देखो ये देखो जीरो वन तू ए रहा है लेकिन जीरो से नहीं वन से चाहिए तो यहां पे क्या कर लेते हैं प्लस वन लगा देते हैं राइट तो प्लस वन हो जाएगा ठीक है तो अब यहां पे वन से स्टार्ट हो जाएगा 1 2 3 राइट इस तरीके से डाटा हमारा प्रॉपर पैच हो रहा है ओके अब देखिए एक चीज हम यहां पे अगर इंस्पेक्टर करेंगे तो एक एरर दिखाई देगी यहां पे आपको एरर दिखाई हैं मैं क्या करता हूं आप कंसोल में चलते हैं ठीक है और यहां पे देखो क्या दिखा रहा है कंसोल ओके यहां पे देखो क्या का रहा है की ओके यहां पर यूजर और एक मिनट एक मिनट ओके की यह देखो यहां पर यूनिक की प्रॉप करें जो भी डाटा यहां पे ए रहा है उसमें एक यूनिक की हनी चाहिए राइट तो उसके लिए हम क्या करेंगे यहां पे चलते हैं तर में और यहां पे की अटरीब्यूट लेते हैं ठीक है और की में हम क्या करते हैं जो यूजर है यूजर डॉट अंडरस्कोर आई दी ठीक ये वाली की हम पास कर देते हैं ठीक है जब ये पास करेंगे तो ये हमारा जो एरर है यहां पे चला जाएगा आप यहां पे अगर रिफ्रेश करते हैं तो ये देखो ये एरर हमारा जा चुका है ठीक है अब नहीं एरर आएगा ठीक है और अब यहां पे रिफ्रेश करते हैं तो ये ठीक है तो ये हमारा परफेक्ट हमारा डाटा यहां पे फेच हो रहा है अब देखिए अब हमें क्या करना है ये हमारा एड हो गया एड कर का रहे हैं अगर एक बार और एड करके देखते जैसे यहां पे लिखने हैं मोहित ठीक है और मोहित कुमार ठीक है 123456 ठीक है और आप एड करते हैं तो अब एड करेंगे ये देखो यहां पे हमारा मैसेज ए गया और ये हमारा मोहित कुमार डाटा एड हो चुका है ठीक है अब हमें एड करना हमें अपडेट करना है ठीक है तो अपडेट करने के लिए यहां पर देखो क्या करना है एडिट पे जब क्लिक करेंगे तो यहां पे जा रहा है एक आईडी ठीक है यहां पे हमें भेजना एक आईडी की आईडी की बेसिस पे जो डाटा है वहां पे फेच करना है ठीक है तो हम क्या करते हैं यहां पे जो एडिट है इसके साथ-साथ यहां पे ऐसे नहीं डालते हैं यहां पे हम टेंप्लेट लैटरल का उसे करेंगे और यहां पे स्लैश एडिट करेंगे एडिट ठीक और स्लैश इसके बाद यहां पे प्लस का साइन और यहां पे यूजर एन यूजर डॉट अंडरस्कोर आईडी अंदर इसको राइट ये हमने आईडी पास कर दी ठीक है तो अगर आप यहां पे देखोगे एन बाइक चलते हैं और यहां पे देखो ये देखो अगर जिसपे क्लिक करते हैं तो ये देखो यहां पे क्या जा रहा है एडिट के बाद स्लैश आईडी जा रही है ठीक है कोई भी यहां पे ले लो यूजर जैसे ये इस तरह चलते हैं तो ये देखो उसकी उसे पर्टिकुलर यूजर की आईडी जा रही है लेकिन यहां पे ये एरर ए रहा है ये क्यों ए रहा है ये इसलिए ए रहा है क्योंकि यहां पे चलते हैं जो हमारा अप डॉट जस है ठीक है तो यहां पे हमने देखो पास कर रखा है सिर्फ एडिट हमें आईडी भी पास करना पड़ेगा ठीक है तो यहां पर फ्लैश करते हैं और आईडी दाल लेते हैं ठीक तो अब यहां पर परफेक्ट और अब यहां पे चलते हैं और अब यहां पे अगर रिफ्रेश करेंगे तो ये देखो ये हमारा प्रॉपर यहां पे फॉर्म ओपन हो गया अब जो ये आईडी ए रही है राइट इसको मुझे गेट करना यहां पे डाटा फैज करना है ठीक है तो इसके लिए हम यहां पे चलेंगे ये क्लोज कर देते हैं यहां से ठीक है और इसको भी यहां पे क्लोज कर देते हैं और अब यहां पे चलेंगे आप डेट यूजर में ठीक है और अपडेट में चलेंगे और यहां पे देखो अब सबसे पहले यहां पे क्या करना है सबसे पहले जो आईडी मिल रही है ठीक उसको लेना है मैं यहां पे ठीक है तो हम यहां पे क्या कर लेते हैं यहां पे लिखने हैं कांस्टेंट और इसमें आईडी जो मिल रही है ठीक है और यहां पे क्या मिलेगी रिक्वेस्ट यहां पे उसे पे ए रहा है राइट तो उसे परम राइट उसे परम से आप उसे करेंगे तो ये हमारा रिएक्ट राउटर में एक हक मिलता है ठीक है जो हमारा जो यूआरएल से आईडी करता है ठीक है तो यहां पे आईडी हमने फेच कर ली अब ये आईडी हम क्या करेंगे इस आईडी से हम जो है डाटा फैज करेंगे जो हमारी एपी थी कौन पर यहां पर देखो गेट वन यूजर करके ठीक है यह यूजर करके एपी थी तो यह आईडी हम यहां पे पास करेंगे ठीक है तो अब यहां पे क्या करेंगे सबसे पहले एक उसे स्टेट बना लेते हैं तो यहां पे लिखने हैं कौन कौन ठीक है और यहां पर लिखने हैं यूजर यूजर और सेट यूजर ठीक है सेट यूजर और इसके बाद उसे स्टेट आ सॉरी उसे उसे स्टेट ठीक उसे स्टेट कर लेते हैं तो ये हमारा हो गया अब इसके इसमें एक मुझे एम्टी ऑब्जेक्ट भी डालना है तो उसके लिए हम क्या करेंगे तो यहां पे चलते हैं और यहां पे हम क्या कर लेते हैं कांस्टेंट यूजर्स राइट और यहां पे एम्टी एन सबसे पहले एफ नाम एफ नाम ए जाएगा ठीक है और यहां पे टी हो जाएगा राइट ल नाम ल नाम में हम क्या करेंगे और उसके साथ-साथ यहां पे ईमेल राइट ईमेल और ये भी एमपीटी हो जाएगा ओके अब ये यूजर हम दाल देते हैं इसमें तो ये हमारा इसमें ए जाएगा ओके अब देखिए सबसे पहले क्या करना है सबसे पहले यहां पे ऑन चेंज हैंडल करना है ठीक है तो यहां पे हम क्या कर लेते हैं इसमें ऑन चेंज मेथड लगा लेते हैं तो यहां पे लिखने हैं ऑन चेंज ठीक है ऑन चेंज और यहां पे लिखने हैं इनपुट चेंज चेंज इन चेंज हैंडलर ठीक है यह हमने दाल दिया की मेथड और इसको कॉपी करते हैं और यहां पर चलते हैं ठीक है और यहां पर हम क्रिएट कर लेते हैं कौन इनपुट चेंज हैंडलर और यहां पे यहां पे हम उसे करेंगे राइट और इसके अंदर यहां पर जो वैल्यू ए रही है ठीक है तो उसके लिए हम यहां पर क्या करेंगे और यहां पे नाम नाम ऑफ वैल्यू ठीक है और आई डॉट आई डॉट टारगेट राइट एन टारगेट ये हमारे वैल्यू यहां पे एक्सट्रैक्ट कर लेंगे और उसके बाद यहां पे जो हमारा ये सेट यूजर करके ठीक है इसमें हम क्या कर लेंगे यहां पे चलते हैं और यहां पे ऑब्जेक्ट पास करेंगे डॉट डॉट और या यूजर ठीक है इसके बाद यहां पे नाम नाम में जो वैल्यू अपडेट हो जाएगी वो हम वैल्यू यहां पे अपडेट कर देंगे ठीक है तो ये हो गया अब इसमें हम अगर कंट्रोल करके देखें कंसोल डॉट लोग तो यहां पे यूजर प्रिंट करते हैं तो एक बार देख लेते हैं सही से काम कर रहा है या नहीं ठीक है तो ओके तो आईडी नहीं उसे हो रहे हो ओके कोई दिक्कत नहीं है यहां पे चलते हैं इंस्पेक्टर करते हैं और इंस्पेक्टर और कंट्रोल में चलेंगे सॉरी कंट्रोल अब यहां पर चेक करते हैं तो यहां पर देखो डाटा में आईडी यहां पर जा रही है ठीक है ये ये सर यहां पे डाटा जा रहा है ओके परफेक्ट आ एक मिनट ये भी देख लेते हैं तो ईमेल एफएम ओके परफेक्ट अब क्या कर लेते हैं अब यहां पे ये जो डाटा ए रहा है ठीक है इस डाटा को मुझे अपडेट करना है ठीक है तो इसमें सबसे पहले यहां पे उसे करेंगे उसे इफेक्ट राइट उसे इफेक्ट ठीक है और इसमें कॉल बैक फंक्शन जाएगा ओके परफेक्ट अब देखिए यहां पे मुझे क्या करना है यहां पे सबसे पहले मुझे डाटा को फेस करना है ठीक है जो हमारा डाटा ए रहा है ओके गैस तो सबसे पहले यहां पे क्या करें एग्जास्ट उसे करेंगे तो एक्ज़ियर्स से पहले यहां पे इंपोर्ट भी कर लेते हैं तो यहां पर लिखने हैं और यहां पे क्या करेंगे ठीक है तो यहां पे चलते हैं इसको हम यहां से कॉपी कर लेते हैं ठीक है ओके और अब देखिए यहां पर हम कंप्लीट लेटर लगाएंगे ठीक है और इसमें पेड़ दाल देते हैं और एपी के साथ-साथ यहां पे हमें क्या करना है एस टी टी और कलम स्लैश ठीक है तब यहां पर हो जाएगी अब ये आईडी इस तरीके से नहीं डालना है हमें आईडी कौन सी डालना है ये जो आईडी हमने यहां पे इसके आईडी ले राखी है ठीक है तो ये आईडी हम क्या करते हैं यहां पे चलते हैं और यहां पर डॉलर देश इस तरीके से यहां पर ईडीएम पास कर देते हैं ठीक है तो यह आईडी हमने पास कर दी ठीक है और यह डाटा हमें सर्च करके तो यहां पे ले लेते हैं दें आ दें और यहां पे कॉल बैक रिस्पांस में डाटा आएगा ठीक है और इसके बाद यहां पे ये ए जाएगा ठीक है और यहां पे एक कैश भी कर लेते हैं कैश और एक मिनट कैश ए जाएगा ठीक है और इसके बाद यहां पे एरर ठीक है एरर और ओके और यहां पे कंसोल कर लेते हैं कंसोल डॉट लोग ओके कंसोल डॉट लो और यहां पे एरर जो ए रहा है ओके परफेक्ट राइट तो ये हमारा ए गया डाटा ठीक है अब इस डाटा में यह रिस्पांस ए रहा है क्या कर लेते हैं इसको कंट्रोल भी कर लेते हैं कंसोल डॉट लोग ठीक है और यहां पर रिस्पांस ठीक है जो रिस्पांस आया है वो अब यहां पे देखिए यहां पे क्या करते हैं आईडी और जो आईडी है अब जब यहां पे आईडी चेंज होगी तब तक ये यहां पे ये अप हिट करेगा रेंडर करेगा ठीक है ओके तो अब यहां पे चलते हैं और क्या कर लेते हैं यहां पे इंसेक्ट करते हैं ठीक है और इंस्पेक्टर में जो यह आईडी ए रही है उसका डाटा यहां पर लाना चाहिए ठीक है तो यहां पर चलते हैं तो यह देखो कंसोल कर लेते हैं ओके तो यह देखो यहां पर डाटा हमारा ए रहा होगा यह देखो ठीक है यहां पर यह संतोष का डाटा लेते हैं तो इस पर क्लिक करेंगे तो ये देखो यहां पे ये वाला डाटा ए चुका है ठीक है संतोष का डेट है ठीक है तो डाटा परफेक्ट यहां पे ए रहा है ठीक है ओके तो अभी ये रिस्पांस किस लिए यहां पे एरर ए रहा है 1 मिनट यहां पे ये देख लेते हैं जरा एक मिनट इसको रिफ्रेश करते हैं तो अभी भी डेट ए रहा है नहीं वह एरर नहीं ए रहा एक्चुअली ठीक है तो अभी यहां पर चलते हैं यह डाटा जो रिस्पांस में ए रहा है ठीक है अब इसमें क्या करते हैं यह डाटा जो ए रहा है इसमें हम यहां पर जो यह सेट यूजर है ठीक इसमें हम सेंड कर देते हैं ठीक है तो यहां पे हम क्या कर लेते हैं ये जो सेट यूजर डॉट डाटा करके ठीक है ये डाटा इसमें ए जाएगा तो ये हमने यहां पे सेट कर दिया इसको और यहां पे हम वैल्यू अटरीब्यूट का उसे करेंगे ठीक है तो यहां पे चलते हैं और यहां पर लिखने हैं वैल्यू ठीक है वैल्यू ओके और इसके अंदर यहां पर यूजर डॉट एफ नाम यहां पर एफ नाम ए जाएगा ठीक है और इसमें ए जाएगा ल नाम ल नाम और यहां पर ए जाएगा ईमेल ठीक है यहां पर इमेज अगर यहां पर देखो तो ये देखो सर डाटा यहां पे ए रहा है ठीक है और यहां पे संतोष वाला क्लिक करते तो संतोष का डाटा ए गया ठीक है और यहां पे अगर इस पे करते हैं तो मोहित का रेट ए गया राइट अब इसको अपडेट करना है ठीक है तो अपडेट करने के लिए हम क्या करेंगे यहां पे ऑन सबमिट लगाएंगे तो यहां पे लिखने हैं एन ऑन सबमिट राइट ऑन सबमिट ठीक है और यहां पे लिखने हैं सबमिट फॉर्म राइट सबमिट फॉर्म कर लेते हैं इसको हम जैसे इसको सबमिट करेंगे तो यहां पे हम लगाएंगे कौन ठीक है और यहां पे जैसे की हमने इसमें किया था सिंक ठीक है और यहां पे ए ठीक है ओके एक्चुअली यहां पे मुझे इस तरीके से पास करना होगा ठीक है अब क्या करते हैं वहीं से हम कॉपी कर लेते हैं बार-बार क्यों करना पड़े ठीक है तो यहां पे चलते हैं और ऑन सबमिट का जो डाटा था ये सर डाटा यही से हम कॉपी कर लेते हैं ठीक है ओके और यहां पर चलते हैं और यहां पर दाल देते हैं ठीक है अब देखिए यहां पर मुझे एपी चेंज करना है ठीक है तो एपी के लिए हम यहां पे चलते हैं और अपडेट यूजर वाली ठीक है तो यह यूजर वाली एपी चाहिए मुझे ठीक है तो यहां से हम एडिट में चलते हैं और ये एपी यहां से पेस्ट कर देते हैं ठीक है तो ये हमारी ये हो जाएगी अब आईडी मुझे चाहिए ठीक है तो आईडी के लिए हमने क्या किया था यहां पे देखो आईडी ले राखी है हमने यहां पे आ ये वाली आईडी ठीक है तो ये आईडी है मेरे पास करना है तो यहां से इसको हटा देते हैं और यहां पे एक्चुअली मुझे इसको पास करना है कुछ इस तरीके से टेंप्लेट लिटरल में पास करेंगे ठीक है इस तरीके से और यहां पर हम उसे आईडी को पास कर देते हैं ठीक है तो यह हमारा यूजर हो गया अब जो डाटा हमारा यूजर में ठीक है तो ये यूजर इसमें हम पास करते हैं डाटा ठीक है और इसके बाद यहां पे हमने तो स्ट उसे किया है टोस्ट को हम यहां पे क्या कर लेते हैं इंपॉर्टेंट भी कर लेते हैं टोस्ट ठीक है तो दोस्त यहां पे इंपॉर्टेंट भी होगा ये देखो ठीक है ये चीज तो ये हमारा मैसेज भी यहां पे शो हो जाएगा अब मैसेज यहां पे शो हो जाएगा आ टॉस सक्सेस रिस्पांस डाटा ओके परफेक्ट ठीक और इसको जब अपडेट हो जाए तो यहां पे हम इसको नेगेट भी कर देते तो यहां पे मुझे उसे करना पड़ेगा इंपोर्ट करना पड़ेगा उसे एक मिनट यहां पे लिखने हैं कौन नेविगेट ठीक है और यहां पे कहां से उसे नेविगेट ठीक है ओके तो यहां पर देखो उसे नेवीगेशन हो गया ठीक है ओके तो यह हमारा पूरा कंप्लीट है तो अब चलते हैं यहां पे अपडेट करते हैं ठीक है तो अब यहां पर मां लीजिए मोहित को हम सहित कर देते हैं तो अपडेट किया लेकिन यहां पर एरर ए गया है 1 मिनट देखते हैं क्या आया हूं ओके तो यहां पर एक्चुअली उसे करना पड़ेगा ठीक है तो अब यहां पर चलते हैं और अभी क्या करते हैं इसको हम क्लोज करते हैं और अब यहां पे हम अपडेट करते हैं ठीक है तो अपडेट करने के यहां पर करते हैं शोभित शोभित कर दिया हमने शोभित वर्मा ओके तो ये दो फील्ड हमने अपडेट किया अब यहां पे करते हैं तो ये देखो यहां पे क्या हुआ ये देखो शोभित वर्मा यहां पे क्या हुआ अपडेट हो गया ठीक है लेकिन यहां पर मैसेज नहीं सोऊंगा तो मैसेज के लिए हम क्या करते हैं यहां पर एपी में एक बार देखना पड़ेगा मुझे ठीक है तो एपी में चलते हैं उधर कंट्रोलर और यहां पर देखो तो यहां पे मैसेज मैं यहां पर सेंड ही कर रहा हूं ठीक है तो यहां पर डाटा भेजना की जरूर नहीं है यहां पे हम दाल देते हैं एमएसजी ठीक है और यहां पर देते हैं सक्सेसफुली राइट इस तरीके से ठीक है यहां पे मां लीजिए आप मुझे यहां पे ये वाला अपडेट करना है ये वाला ठीक है तो इसके लिए हम यहां पर चलते हैं कुछ भी दे देते हैं जैसे की शिवम ठीक है शिवम दे दिया हमने शिवम कुमार ठीक है ओके यहां पर चेंज कर देते हैं शिवम कुमार ठीक है ओके अब यहां पे अपडेट करते हैं तो ये देखो यूजर अपडेटेड सक्सेसफुली और ये हमारा चेंज हो गया ठीक है ओके यहां पर अपडेट वाला सही से काम कर रहा है अब यहां पे काम है डिलीट का ठीक है तो डिलीट के लिए हम क्या करेंगे यहां पे चलते हैं इसको हम यहां से डिलीट हटा देते हैं एडिट को भी हटा देते हैं और यहां पर जो हमारा यूजर था ठीक इसमें चलते हैं अब देखिए हम करना क्या चाहते हैं की जैसे इस पे हम क्लिक करें ठीक है तो वो डाटा क्या हो जाएगा डिलीट हो जाए तो हम यहां पे बटन पे हम लगाएंगे ऑन क्लिक राइट तो यहां पे ऑन क्लिक ऑन क्लिक और यहां पर हम पास करेंगे एक मेथड ठीक है तो यहां पर हम आई डॉट ऐसा कर लेते हैं यहां पर एंकर नहीं इस तरीके से फंक्शन और यहां पर कर देते हैं और डिलीट डिलीट यूजर करके ठीक है और इसमें हम यूजर डॉट अंडरस्कोर आईडी मतलब आईडी उसकी पास करेंगे इस मेथड में ठीक है देखिए हम क्या किया मैंने यहां पे जो मैंने ऑन क्लिक लगाया ऑन क्लिक पे जो डिलीट यूजर मेथड मैंने बनाया है ठीक है फंक्शन उसमें मैं एक आईडी पास कर रहा हूं जो यूजर पर्टिकुलर यूजर की आईडी है ठीक है उसे आईडी से हम डिलीट करेंगे ठीक है तो हम यहां पे चलते हैं और यहां पे यहां पे क्या कर लेते हैं यहां पे फंक्शन बनाते हैं कांस्टेंट यूजर और यहां पे असीम की उसे करेंगे ठीक है और यहां पर ओके असिन के यहां पे नहीं उसे करेंगे यहां पे हम दाल देते हैं यूजर आईडी ठीक है यूजर आईडी कर दिया हमने ठीक है ओके अब इसमें हम ये क्या करना है यहां पे मुझे डिलीट करना है डिलीट वाली एपी मुझे कॉल करनी है ठीक है तो यहां पे चलते हैं और डिलीट एक पे कहां थी ये वाली ठीक है तो इसको हम यहां से कॉपी कर लेते हैं ओके तो ये एपी हो जाएगी अब यहां पे चलते हैं तो देखिए अब यहां पर डिलीट वाली क्या करना है मुझे डिलीट वाली एपी को कॉल करना है ठीक है तो उसके लिए हम यहां पे क्या करेंगे उसे करेंगे ठीक अब इसके बाद यहां पर उसे करेंगे आवटे राइट और यहां पर डिलीट करना है मुझे डिलीट मेथड यहां पे गेम चलाएंगे ठीक है अब यहां पे डालेंगे हम पासवर्ड जो हमारी एपी है तो यहां पे टेंप्लेट लिटर्स ठीक और अब इसके साथ यहां पे आईडी ठीक है तो आईडी देखिए हमने क्या किया था जो हमने आईडी ले राखी है यहां पे अगर यहां पे ऊपर देखो तो यहां पे अगर आईडी ले राखी होगी अगर नहीं ले राखी है तो हम क्या कर लेते हैं यहां पे ले रहे हैं यहां पे उसे करते हैं कांस्टेंट और यहां पे आईडी ठीक है और आईडी के साथ साथ एक्चुअली यहां पे आईडी नहीं लेना है मुझे ठीक है ये आईडी नहीं चाहिए ठीक है यहां पे आईडी ए रही है क्योंकि यहां पे फंक्शन में देख रहे हो ये यूजर आईडी ठीक है ये यूजर आईडी यहां पे पास करनी है ठीक है तो ये मैंने यहां पे पास कर दी ठीक है ओके अब इसके साथ ये क्या करेगा ये डिलीट कर देगा ठीक है और इसके साथ यहां पे दें हम यहां पर रिस्पांस में भी कुछ डाटा आएगा ठीक है दें ठीक है और यहां पर रिस्पांस ठीक है रिस्पांस ओके और इसके बाद यहां पर कैच भी हम लिखेंगे और यहां पर एरर पास कर देते हैं ओके ओके और कंसोल में इसको प्रिंट कर देते हैं लोग ठीक है यहां पे एरर ए जाएगा ओके अब यहां पे मुझे क्या करना है मैसेज मुझे सेंड करना है एक्चुअली यहां पे कंट्रोल कर लेते हैं एक बार लोग और यहां पे रिस्पांस कर लेते हैं रिस्पांस ठीक है ओके परफेक्ट ठीक है तो ये हमारा यहां पे यूजर डिलीट पे हमने ये एपी कॉल कर दी ठीक है अब इस एपी में हमें क्या करना पड़ेगा एचटीटीपी करना पड़ेगा एचटीटीपी कोलोन / ठीक तब ये हमारी कंप्लीट एपी यहां पे बन पाएगी ठीक है अभी देखिए अब यहां पे करने के लिए भी क्या करना है अभी मुझे यहां पे जो डाटा हमारा यहां पे है ठीक है ये जो डाटा देख रहे हो यहां पे ये सेतु है ठीक है तो इसमें मुझे फिल्टर करना है डाटा को की जो डाटा डिलीट हो गया है ठीक उसको मुझे हटाना है वहां से रिमूव करना है तो यहां पे हम एक फंक्शन पास करेंगे यूजर ठीक है और इसके बाद यहां पे यूजर है या फिर ऐसा कर लेते हैं प्रयोग यूजर डॉट फिल्टर सॉरी यहां पे फिल्टर ओके फिल्टर लगाएंगे और इसमें कॉल बैक फंक्शन यहां पर यूजर पास करेंगे ठीक है और इसके बाद यहां पर क्या करेंगे यूजर डॉट अंडरस्कोर आईडी नोट इक्वल तू जो हमारी यूजर आईडी है तो यूजर आईडी ठीक है इसके इक्वल नहीं है अगर यहां पे जो ये आईडी मिल रही है इसके इक्वल नहीं है ठीक है वो डाटा यहां पे हम पास कर देंगे यहां पे देखो क्या किया हमने यहां पे किया हमने ये की जो इस जो स्टेट में देखिए डाटा तो यहां से डिलीट हो जा रहा है डाटा बेस से ठीक है लेकिन हमारे स्टेट में तो डाटा रहेगा ना वो तो डाटा स्टेट में रहेगा तो वो स्टेट से भी रिमूव करना है जो डाटा डिलीट हुआ है उसको स्टेट से भी रिमूव करना है तो हम यहां पे चेक कर रहे हैं की परी भी यूजर जो डाटा में प्रीवियस यूजर्स हैं ठीक है उसमें फिल्टर करो यूजर मतलब जो यूजर आईडी है वो इस यूजर आईडी के इक्वल नहीं हो ठीक है है तो जो हमने यहां पर डिलीट किया है वह यूजर आईडी अगर कोई भी डाटा में नहीं मैच करती है राइट वो सारे यूजर यहां पे डालो ठीक है बाकी यूजर हटा दो जो डिलीट हो गए हैं ठीक है अब ये मैंने कर दिया अब इसके साथ-साथ मुझे क्या करना है यहां पर कंसोल कर देना है consol.olk और ओके लोग और यहां पे रिस्पांस रिस्पांस करती है ठीक है तो ये हमारा अब ये प्रॉपर डिलीट हो गया ठीक है अब यहां पे चलो यूजर आईडी इस नोट डिफाइंड ओके यहां पे कहानी पे हो गया ओके यहां से हटा देते हैं ये नहीं यहां पे करना है मुझे ठीक है परफेक्ट कंबाइन सक्सेसफुली अब यहां पे चलते हैं और अब इसको डिलीट करते हैं अब जैसे डिलीट करेंगे तो देखते हैं क्या होता है ये देखो डाटा डिलीटेड सक्सेसफुली ठीक है अब यहां पे मैसेज नहीं सो हुआ ठीक है तो मैसेज के लिए हम क्या कर लेते हैं अभी यहां पर चलेंगे और अभी देखो तो यहां पे कंसोल में यहां पे कुछ प्रिंट हुआ होगा ठीक है तो यहां पे कंसोल में चलते हैं और कंट्रोल में यहां पे देखो आ ऑब्जेक्ट आया है ठीक है ऑब्जेक्ट के अंदर यहां पर देखो यह देखो यूजर डिलीटेड सक्सेसफुली ठीक है तो डाटा के अंदर और यहां पे एमएसजी ठीक है तो हम यहां पे क्या कर लेते हैं कंसोल में उसे करेंगे रिस्पांस और यहां पे हम उसे करेंगे ठोस ठीक है एक्चुअली यहां पे पहले हम इंपोर्ट कर लेते हैं इसको ठीक है तो यहां पे चलते हैं यहां पे लिखेंगे इंपोर्ट एन इंपोर्ट ठीक है और यहां पे टोस्ट फ्रॉम 1 मिनट फ्रॉम रिएक्ट रिएक्ट हॉट पोस्ट ठीक है यहां से मैंने इंपोर्ट कर लिया टोस्ट और अब यहां पे चलते हैं डिलीट में ठीक है और यहां पर क्या करेंगे ओके परफेक्ट तो यहां पर चलते हैं तो अब यह हमारे यहां पर हमारा कंप्लीट हो चुका है यहां पर हमारा एड यूजर हो गया ठीक है एक बार एड करके देख लेते हैं तो यहां पर मां लीजिए उसे करते हैं हम अनीशा ठीक है इस तरीके से उसे करते हैं और मनीषा यादव ठीक है इस तरीके से और मनीषा ठीक है और यहां पे दाल देते हैं 123456 ठीक है तो ये मैंने एड किया और इसके बाद एड करते हैं तो ओके ईमेल में एड gmail.com लगेगी ठीक है और अब यहां पे एड करते हैं तो ये देखो यूजर क्रीटेड सक्सेसफुली ठीक है और यहां पे देखो हमारा ए गया यूजर क्रिकेट सक्सेसफुली ठीक है अब इसको एडिट करते हैं तो एडिट करने के लिए यहां पे चलें मनी एस ए गया तो यहां पे हम कर देते हैं जैसे प्रियंका राइट तो यहां पे प्रियंका भी कर देते हैं ओके और अब यहां पर अपडेट करते हैं तो ये देखो यहां पे यूजर अपडेटेड सक्सेसफुली और यहां पे देखो प्रियंका यादव ठीक है ओके अब अगर डिलीट करना है तो यहां से डिलीट कर दो तो ये देखो यूजर डिलीटेड सक्सेस राइट तो यह हमारा प्रोजेक्ट कंप्लीट हुआ राइट तो इस तरीके से हम यहां पर क्या करते हैं हम अपना क्रूड एप्लीकेशन यहां पे यूजिंग मनी स्ट्राइक बनाते हैं ठीक है सो आई होप गाइज आपको ये प्रोजेक्ट आपको समझ में आया होगा की किस तरीके से काम करता है राइट और गैस इसका जो सोर्स कोड है वो कंप्लीट सोर्स को आपको जो है आपको लिंक इसका डिस्क्रिप्शन में मिल जाएगा वहां से जाके आप कंप्लीट डाउनलोड कर सकते हो कोड राइट तो आई होप गाइज आपको वीडियो अच्छा लगा होगा अगर आपको वीडियो अच्छा लगा है तो वीडियो को लाइक कीजिए शेर कीजिए सब्सक्राइब कीजिए थैंक यू सो मैच पर वाचिंग डी वीडियो इन डी नेक्स्ट वीडियो गैस टेक केयर [संगीत]