- 1 year ago
🎯 Today’s Agenda
✅ Recap: First Express Server + Frontend–Backend connection (Fetch API)
✅ CRUD Operations (Create, Read, Update, Delete)
✅ Practical Flow (Step by Step)
✅ Key Takeaways
Frontend & Backend ka real CRUD connection.
Express routes + React UI ka perfect flow.
✅ Recap: First Express Server + Frontend–Backend connection (Fetch API)
✅ CRUD Operations (Create, Read, Update, Delete)
✅ Practical Flow (Step by Step)
✅ Key Takeaways
Frontend & Backend ka real CRUD connection.
Express routes + React UI ka perfect flow.
Category
📚
LearningTranscript
00:00ठीक है तो कल वाली क्लास में अपने क्या डिसकस करा था कल वाली क्लास में अपने डिसकस करा था
00:06फ्रंट एंड और बेक एंड को अपने कनेक्ट करा था ठीक है और फ्रंट एंड और बेक एंड को अपने कैसे कनेक्ट करा था
00:13कि वेटे मिनेट क्या कमेंट कर रहा है आप शहए गया करें कि सोरी सट डिली मॉश्यंज डेली कम्यूनीटी में नॉटिफिकिशन आ जाता है
00:27तो आप वहां पर जाके चेक कर सकते हो ठीक है
00:55फिर भी मैं एक बार टीम को बोल दूँगा कि कम्यूनिटी में आपको मैसेज मिले जो भी आपके रिकॉर्डेड लेक्चर अप्लोड उसके बाद आपको मैसेज मिल जाए ताकि आप जाके उसको गो थू कर सको चीक है
01:05तो देखो आज अपन क्या डिसकस करने वाले आगी की चीज पर अपनी एस कोड के ऊपर मैं यहाँ पर वीस कोड को पन कर लेता हूं फिर उसके बाद फाइल डैन ऊपन फोल्डर और जिस फोल्डर पर काम कर रहे थे उसी पर मैं आ जाता हूं
01:18कि अपनी था कुषा सुह पाने कीद recruit लेताओ इफोल्ड का नीव प्रेंट
01:28बेकएंड करके अपने यहां पर अपने फोल्ड का नीम बनायता इस फोल्ड के और अब अचता हूं और
01:32फिरंट पने फेन्ट राघन दोनों को एक बार के लिए पहना पर रन कर लेते हैं
01:35हें यहां पर आजाओ और अपने बार फ्रंटेंड को रन कर रिता हूं मैं हार आ जाता हूं कि इसके पर
01:50यहां प्रेटिते क्वर करके यहां पर यह व्यंद सीफर कर टो पर मैं रगे method कर
02:02बता रहा हूं कोई भी यूजर डेटा नहीं कि पूरा डेटा अपना एक अंदर सब्मिट करा मैंने को डेटा यहां पर दिया
02:23यहां पर इसको क्या किया सब्मिट किया मैं यहां पर एक और डेटा दिया जैसे यहां पर अपन किस तरीके से परफॉर्म कर वाएंगे तो पहला तो होता है
02:45create फिर होता है read और
02:47फिर update और delete
02:49create अपन कर चुके है
02:51create जैसे ही मैं यहाँ पर कुछ भी data दे रहा हूँ
02:53जैसे मैंने यहाँ पर यह data दिया तो यह आपका
02:55create करना है
02:56read, read मतलब जैसे आप इस show user data पर
02:59click कर रहे हूँ तो आप data को
03:01read करके लेके आ रहे हूँ data को
03:02read कर रहे हूँ मतलब get की request अपने पास
03:04यहाँ पर generate हो रही है यहाँ पर post वाली generate हो रही है
03:07ऐसे ही सबसे पहले
03:09अपन delete देखते है फिर update देखते है
03:10ठीक है अपन पूरा complete crud operation यहाँ पर
03:13देख रहे है तो यहीं पर front end पर
03:15आ जाते है src के अंदर आ जाते है और form.gsx के अंदर यहाँ पर अपना complete data आ रहा है ठीक है और यहाँ पर यह जो अपने पास list item है इसी के आगे मैं यहाँ पर एक बटन लगा देता हूं जिस बटन को मैं यहाँ पर कहा देता हूं क्या अपना
03:28डिलिट वाला बटन ठीक है मैंने यहाँ पर अपना delete वाला बटन यहाँ पर बना दिया जैसे ही अपने इस पर देखेंगे तो अपने पास यहाँ पर एक बटन आ रहा है उसका क्या है बटन का नाम delete ठीक है
03:43कि इलीच का पने पास एक क्या रहा है अपना बोटन आ रहा है टीकर ल strap करो
03:53कि त zust खेहर तक सभी कोई शुकी नहीं है बटन थोड़ा सा कस्टमाइज तो क्ये करोगा इसको इसपना जैसा जैसा सदेख रहा हो अब यहां पर कोई भी और जैसे डेटा तो
04:03अबने यहांप बोला मैंदीया यह निद टीक है यहांपने डिटा दिया है यहांपर शो यूजर नेड़ेटा बोटन लगा
04:09ऐसे ही अपन यहांपर एकऊपटन लगा देते हैं ईहांपर का जिसको मैं यहांपर कहाएथाँ देन देटा
04:25कहते हूं Update नहीं कर दो एक दिलिट का बटन आ रहा है manipulate आला कोई दिक्कत नहीं है श्रीच के अंदर और एक एच्छसा ठीक कह लग रहा है कुई शु lateral achieving जैस麦
04:41इस एलाई को इस पैन के अंदर ले लेका पन अब देखो यहां तका तो सही है यूई का काम बाद में करते रहेंगे जो भी है
05:08अब यहां पर क्लिक करना है जैसे मैं इस पर delete पर क्लिक करूँ तो मेरा यह data डिलीट हो जाना चाहिए तो यह काम अपने को यहां पर करवाना है अब देखो कैसे करवाओगे यह काम बढ़ा ईजी है
05:32सबसे पहले आपको यहां पर क्लिक करने पर डिलीट वाले बटन पर क्लिक करोगे तो आपको बैकेंड में से उस data को क्या करना है डिलीट करना है जैसे मैं डिलीट वाले बटन पर क्लिक करूँ तो बैकेंड में से वो data अपना क्या होना चाहिए डिलीट होना चाहिए तो पहल
06:02डिलिट तो आप यहां पर अपने handle डिलिट को यहां पर अपना create करने वाला है अब जब भी आप
06:16डिलिट कराते हो तो डिलिट वाले concept में यहां पर जैसे आप इसपे किलिक करो तो इसका id जाना जरूरी
06:25किस ID पर यह अपन लेके जा रहा है जैसे मैं इस पर डिलिट पर क्लिक कर रहा हूं तो इसकी ID जाना जरूरी है
06:30तो सबसे पहले आप इस object की ID को भीजो आइडी कैसे भीजोगे पढ़ा ही easy ID भीजना भी
06:36देखो यहाँ पर आपने क्या कर रहा है अपना map चला रहा है
06:40map में आपके पास item भी आ रहा है और second आपके पास यहाँ पर index भी आ रही होगी
06:44तो आप यहाँ पर index को access कर लो
06:46जब आप इस पर क्लिक करोगे तो इस handle delete वाले function के अंदर आपका जो index है
06:52वो as a argument जाना चीए और उसको अपन parameter के थुरू access कर लेंगे
06:56तो यहाँ पर यह काम ऐसे ना करके callback वाला काम अपन यहाँ पर करने वाले है
07:00और मैं यहाँ पर handle delete को pass करता हूँ और उसके अंदर किसको pass करता हूँ अपनी index को
07:05तो मतलब मैं जिसपे click करूँ उसकी ही index मेरे पास यहाँ पर आ जानी चीए
07:09क्योंकि मेरे को यहाँ पर उस id को भीजना पड़ेगा तब ही अपन delete करवा पाएंगे भई
07:15मतलब call से data को delete करना है यह काम भी तो करना पड़ेगा
07:19तो अब देखो यहाँ पर एक बार के लिए inspect कर क्या हो और एक बार console में आकर check करो
07:44आपको ढारा है अपने बैकेंड में से वो data delete करना है कि तो आपका array बना रखा है
07:47उस index के basis पे उस object को delete करना है
07:50जिसकी index मैं यहां से लेके जाने वाला हूँ
07:53इस handle delete वाले के उपर क्लिक करने के उपर
07:55तो यहां पर वोई fetch लगने वाला है
07:58सबसे पहले fetch लगेगा फिर उसके बाद back end पे आएंगे
08:01तो मैं यहां पर अपना fetch लगा देता हूँ
08:02मैंने fetch लगाया और यहां पर अपने पास अपना प्रिफिक्स लगने वाला
08:07slash API प्रिफिक्स हो गया और back end पे जो मैं अपना
08:09API के लिए जो HTTP request हिट करवाने वाला हूँ
08:13वो मैं यहां पर कह देता हूँ user delete
08:17ठीक है user delete नाम का अपन हिट करवाने वाले
08:21अब देखो यहां पर जब भी अपन डिलीट वाला यहां पर अपना fetch लगाते हैं
08:24जैसे अपने get लगाया था तो get में अपन कभी भी अपना
08:27कुछ भी content कुछ भी pass नहीं करते हैं
08:30देखो get के अंदर क्या होता है get के अंदर बड़ा ही easy था
08:32get के अंदर आप यहां पर क्या करते हो
08:34fetch लगाते हो और बस directly आप get कर लेते हो उसको
08:36post के अंदर क्या होता है
08:38post के अंदर आपको यहां पर अपना method पास करना पड़ता है
08:40method post है
08:41headers के अंदर content type भी pass करना पड़ता है
08:44फिर body के अंदर आप json.stringify करके अपने data को पास करते हो
08:47यह बात हो किसकी अगर आप यहां पर post कर रहे हो
08:50get कर रहे हो कुछ भी details नहीं देनी पड़ती है get के अंदर
08:53ऐसे ही अगर अपन यहां पर delete कर रहे है
08:56तो यहां पर अपने को mention करना पड़ता है
08:58अपना method सिर्फ method mention करना पड़ता है
09:00कि अपना method यहां पर कौन सा है
09:03तो मैं यहां पर कह देता हूँ delete
09:05मैं यहां पर सिर्फ method पास कर रहा हूँ
09:07अब देखो यहां पर आपको क्या करना पड़ेगा
09:10अपनी ID भी भीजनी पड़ेगी
09:12तो इसी URL के उपर मैं अपनी ID भी पास कर देता हूँ
09:15मैं यहां पर अपनी ID भी भीज देता हूँ
09:17मतलब आप यह जो URL बनाने वाले हो
09:20यह जो STT पे request अपने backend पे बनाने वाले हो
09:22यह आपकी dynamic होने वाली है
09:25क्योंकि अपन उसको get करेंगे अपने ID को
09:29और ID को उपन कैसे get कर रहे थे अपने
09:31params के अंदर अपने पास अपनी ID आती थी
09:33ठीक है तो backend के उपर आ जाओ
09:35backend के उपर आपको किसके उपर आना है
09:36backend पर आ जाते है backend मैं यहां पर
09:39routes को open कर लेता हूँ और API.js
09:41यहां पर अपन उपन कर लेते हैं
09:42मैं यहां पर बोलता हूँ अपना router.
09:45कौनसी API यहां पर बनेगे आपकी
09:46delete की क्योंकि method delete है
09:48फिर उसके बाद आप यहां पर अपने
09:50उसी URL को access करोगे जो आपने
09:52वहां पर hit करवाया है क्या hit करवाया है
09:54अपने user data
09:56ठीक है user delete तो user delete ही
09:58अपन यहां पर देने वाले
09:59मैं user delete दे रहा हूँ
10:00साथ के साथ आपके पास ID भी आने वाली है
10:02तो यह route जो आपका बनने वाला है
10:04यह आपका dynamic route अपने पास बनने वाला है
10:06अब यहां पर अपन जो logical code लिखेंगे
10:09वो किसमें लिखेंगे अपने user controller के अंदर
10:11और यहां पर मैं अपना controller create कर लेता हूँ
10:14user.gs के उपर आओ
10:16और यहां पर एक नया controller बना लो
10:18जिसको आप यहां पर कहते हूँ
10:19delete user controller
10:23delete user controller
10:27चीक है यह मैंने यहां पर कह दिया
10:30अब इसके उपर आपको क्या करवाना है
10:32इसके उपर वो ही आपके पास request और response आने वाले है
10:35request और response आपके पास यहां पर आने वाले है
10:38इसको यहां से क्या कर दो
10:40export कर दो अपने delete user controller को
10:42यहां पर आपने export कर दिया
10:44api.gs के अंदर आके उसको निकाल लो
10:46delete user controller को
10:47ठीक है अब आपके पास यहाँ पर जब आप उस पर क्लिक करोगे तो वो slash user data पर user delete पर hit करवाएगा
10:54साथ के साथ dynamic value आने वाली है और वो कहां पर आने वाली है इस delete user controller में
10:58किसके अंदर आती है request के अंदर तो मैं एक बार के लिए console करवा लेता हूँ
11:02किसको अपने request के अंदर जो अपने पास क्या आता है अपना params ठीक है request के अंदर जो params आता है
11:11उसी के अंदर आपकी ID आती है request.body में data आता है request.params के अंदर आपकी ID आती है
11:17मतलब आपकी dynamic value आती है क्योंकि आपने dynamic route यहाँ पर create कर रखे है
11:21मैं यहां पर आता हूँ और delete पर hit करवाता हूँ
11:24और check करता हूँ कि मेरे पास back end के अंदर
11:26मेरे पास यहां पर ID आ रही है या नहीं आ रही है
11:28तो देखो आपके back end के उपर ID आ रही है
11:30जैसे मैं इस data पर click करता हूँ
11:32many वाले पर तो इसकी जो ID होगी
11:33तो मेरे पास इसकी आईडी आ रही है
11:36अब आपको तो सिर्फ आईडी से मतलब है
11:37तो आप यहाँ से क्या निकाल लो अपनी आईडी निकाल लो
11:40ठीक है तो यहाँ जै मैंने अपनी आईडी निकाल लिए
11:42और इसको बस एक variable में assign कर दिया
11:44मैं यहाँ पर कहता हूँ
11:45const और यूजर आईडी करके अपने इसको एक variable में assign कर दिया
11:51ठीक है इतना सा काम मैंने हापर किया है
11:54const करके यूजर आईडी करके अपने इसको एक variable में assign कर दिया
11:57अब देखो मैं आपसे एक question पोछना चाता हूँ
12:05यह question आप सभी के लिए है
12:06अब देखो यहाँ तक का काम अपने करा
12:09front end से flow चलाया
12:10back end पे अपना id वेपन लेके आ चुके
12:12अब आप delete कैसे करवाओगे
12:14delete का code मुझे बताओ कि delete आप किस तरीके से करवा सकते हो
12:17एक array में से मेरे को delete करवाना है
12:19तो array में से कैसे delete करवाओगे
12:36यह guest जो भी यह पॉप मेथड कैसे कर रहे है
12:47id के basis पर करवाना है मेरे को pop तो last index को remove करेगा
12:51splice सारे मेथड बता दो pop splice सारे
13:02देखो बैटर तरीका होता है filter के through कर सकते है अपन ठीक है
13:15और या फिर find index के through कर सकते है दो तरीके से अपन कर सकते है
13:19या तो filter यूज लेंगे या find index यूज लेंगे splice method अपन यूज नहीं लेंगे इसके अंदर
13:23ठीक है और pop method तो बिलकुल भी नहीं ले सकते यूज
13:27पॉप method का क्या definition है एक बार definition देखना
13:30पॉप method last जो index होती है उसको remove करता है अपने array के अंदर से
13:35तो अपने को जो index में लेके आ रहा हूँ वो last वाली नहीं है
13:38वो कुछ भी हो सकती है तो अपने को वो जो कुछ भी हो सकती है
13:41इसको delete करवाना है इसलिए पॉप method कलत है इसका answer तो अपन फिल्टर के थ्रूँ इसको करेंगे
13:47देखो filter के थ्रूँ कैसे करेंगे मेरे पास ID आ रही है यह front end से ID आ रही है
13:52मैं match कराऊंगा कि मेरे पास जो match हो रही है ID अपने पास यह DB data के अंदर यह आपने
13:58इसी में आपका store हो रहा है data अब देखो यहां पर मैं check करवा हूँगा कि मेरे पास जो ID है इसके अंदर
14:10जैसे मालो चार ID अपने पास है 0 3 और 4 तो मेरे पास जो front end से आ रही है जैसे मालो में
14:17पास 3 आ रही है तो मैं क्या करूँगा जो ID आ रही है उसको तो हटा दूँगा और बाकी data filter करके निकाल लूँगा बस इतना सभी तो concept लगाना है
14:26तो यहाँ पर अपन क्या बोलेंगे कि यहाँ पर जो मेरे पास मेरा array है मेरा array क्या है db data उसी के उपर अपन यहाँ पर क्या लगाने वाले है तो मैंने बोला filter लगा दो
14:38filter के अंदर अपने पास यहाँ पर क्या होता है filter को create कर लो
14:42अपने पास यहाँ पर एक function होता है मैंने function मनाया
14:44अब उसके अंदर अपने पास क्या होती है एक तो index होती है
14:48और एक अपने पास यहाँ पर जो भी सारी चीज़ होती है वो लिख लो
14:50एक तो id होती है और एक index होती है
14:53तो मैं यहाँ पर कहता हूँ user और दूसरी जो अपने पास आएगी
14:57वो अपने पास के आएगी अपनी index आने वाली है
14:59अब उसी के basis पर अपन यहाँ पर क्या करने वाले है
15:03उसी के basis पर अपन काम करने वाले है
15:05तो अपने पास जो अपनी इंडेक्स है वो बराबर होनी चीए किसके वो बराबर होनी चीए अपने किसके जो मेरे पास यूजर आईडी आ रही है उसके वो मेको फिल्टर करके लाके दे देना
15:19इतना सा काब मैंने करा
15:21मैंने बोला कि मेरे पास
15:24जो भी index है
15:26उसमें मेरे पास
15:27यहाँ पर जो user ID
15:29जो अपने पास आ रही है उसके बराबर जो है
15:31वो data में को filter करके लाके दे देना
15:33तो यह देखो आपको क्या करके
15:35लाके देता है मैं इसको एक variable
15:37मैं assign कर देता हूं और मैं यहाँ पर करता हूं
15:39filtered value
15:42filtered value करके अपन यहाँ पर कहते है
15:45और check करते हैं कि यह क्या
15:47आपको यहाँ पर return करके देने वाला है
15:50अब देखो मैं जैसे
15:51इस पर click करता हूं मैंने अमन पर click करा
15:53और आप जैसे इस अमन पर click करोगे
15:55तो देखो यहाँ पर आपके पास क्या आ रहा है कुछ भी नहीं कुछ भी तो एक बार के लिए consuming पर रहा है चो आपने यहाँ पर लिया है
16:03filtered value को चिए? console करवा करें देखो तब लिए तो कुछ data है गा मैं यहाँ पर इस पर click करता हूं और आके
16:09चेक करता हूं तो देखो यह आपको ब्लैंक बता रहा है ब्लैंक क्यों बता रहा है इसको एक बार रिफ्रेश कर लो और शो यूजर डेटा करो क्योंकि कोई डेटा ही नहीं यहां पर मैंने यहां पर डेटा इंसर्ट करा डेटा इंसर्ट करा और डेटा पर इंसर्ट करा शो
16:39डीवी डेटर डोट फिल्टर करा अपने और उसके उपर अपने यहां पर क्या लगाया अपना कि मेरे पास जो यह है
16:48नॉट इकवल करो एक बार
16:56ठीक है
17:09इस डीवी डेटा को अपने फिल्टर तो लगा दिया और एक बार के लिए डीवी डेटा जो है उसको एक बार कंसोल कराके देखो कि क्या फाइनल वेल्यू आ रही है
17:19ठीक है मैं यहां पर आता हूँ एक बार रिफ्रेश करके देख लो शो यूजर डेटा करो कुछ भी नहीं है डेटा आपने यहां पर अपना डेटा इंसर्ट करवाया ठीक है
17:28शो यूजर डेटा करो इस पे क्लिक करो और आके चेक करो कि आपके यहाँ पर क्या आ रहा है ठीक है जैसे मैंने यहाँ पर क्लिक करा तो आपका यूजर डेटा यहाँ पर क्या रहा है यह यह यूजर डेटा है एक बार फिर से आओ
17:43ठीक है मैंने यहाँ पर क्लिक करा किसके उपर इसके उपर क्लिक करा आपने
17:50ASD जो आ रहा है इसके उपर अपन क्लिक करते और चेक करते
17:53अभी भी complete data आ रहा है
17:56क्या कर दिया आपने
18:01वेट ए मिनट गाइस
18:13झाल झाल झाल
18:43झाल
19:13झाल
19:43झाल झाल
20:13रसूल भी कह रहा है कि user.id not equal user id नहीं ऐसा कुछ ही नहीं होगा user.id
20:28user.id कहां से आ गई
20:30अपन यहां से index निकाल के लिए क्या रहे है ना
20:33इसके अंदर कोई id नहीं है
20:35इस db data में कोई id नहीं आ रही
20:37इस db data में basically आपका data आ रहा है और वो id को compare नहीं कर पा रहा है इसका मतलब फिर
20:43एक मिनट के लिए यहां पर आओ
20:45और
20:46यह जो index आ रही है यह index के आ रही है
20:51इसको चेक करो एक बार के लिए
20:52इसको console कराओ अपने
20:56यहां पर index को
20:59ठीक है? index को console कराओ और
21:02यहां पर आके एक बार चेक करो
21:04मैं यहां पर आके इसको refresh करके देख लेता हूँ
21:08show user data कुछ भी data भी show नहीं हो रहा है
21:10यहां पर आते है अपन
21:11show user data करते है और इस delete पर click करके देखते है
21:14ठीक है? तो देखो index 0 और 1 index आ रही है
21:17कोई दिक्कत नहीं है ठीक है? जब आप click कर रहे हो तो आपके पास यहां पर यह जो
21:22ID आ रही है एक बार उसको console कराके देख लो मैं यहां पर ID को भी console कराके देख लेता हूँ
21:27user ID जो मेरे पास यहां पर आ रही है उसको भी console करा दो ठीक है? और इस चीज को हटा दो एक बार के लिए
21:32यहां पर आओ और फिर से एक बार देख लो यहां पर इस पर click करो और check करो
21:38जीरो आपके पास यहां पर index आ रही है ठीक है? लेकिन यह अपने पास blank ही बता रहा है इसको एक बार refresh करके देख लो
21:46show user data करो यहां पर कोई नया data पन add कर देते हैं मैंने नया data यहां पर add करा चीक है? यह दो आ रहा है इस पर click करो और यहां पर आके check करो तो यहां पर
21:56जीरो वन आपने पास index आ रही है और यहां पर भी 01 index आ रही है user id के अंदर 01 कैसे आ रही है? एक मिनट के लिए इसको console कराओ कुछ तो mistake हो रही है कुछ तो गड़बड है यहां पर आओ और इस पर check करो delete पर click करके 0 आ रही है आप इस पर click करोगे तो आपने पास क्या रही है
22:26इसका data type की दिक्कत आ रही है समझ पार है data type की दिक्कत आ रही है data type यहां पर string दे रहा है string और number वाला issue है इसके अंदर यहां पर इसको change करो यहां तो आप इसको request.to एक काम करो
22:41params.id आ रही है तो अपन इसको क्या करता है parse integer में convert कर देता है मैं यहां पर इसको बोल देता हूँ parse integer में convert कर देना अपने user id को ठीक है यहां तक का बिल्गुल सही है और यहां पर जो आपने काम किया था उसको एक बार के लिए uncomment करो यह index आ रही है और इसको यहां पर आके change
23:11चीए और एक बार के लिए मैं 75 डिया लेता हो उपने filter value को फिर से अपनी यहां पर आते है refresh करके चक करते हैं
23:20यहां पर डेटा देता हूं और यहां पर अपने डेटा दिया मैं सब्मिट करता हूं और मैं इस पर क्लिक करता हूं कि मेरे पास यहां पर क्या हो रहा है ठीक है तो यहां पर अपने पास एसडी जो भी अपने दिया है वह अपने पास रिमैनिंग रहा है मैं इसी पर क्लिक कर
23:50यहां पर लिखा देवांशू मैंने यहां पर लिखा विश्वास ठीक है के यह लोग आई आप शो यूजर डेटा करो और यहां पर इस पे क्लिक करो विश्वास के उपर तो देखो आपका विश्वास यहां
24:20बिल्कुल सही चल रहा है यहां पर जो आपने फिल्टर करा है तो फिल्टर हो रहा है यहां पर और एक बार के लिए यहां पर इसको रिफ्रेश भी करा के देख लो कि वो डेटा डिलिट कर रहा है या नहीं कर रहा है यहां पर सिर्फ आपने यही काम किया है ठीक है अब दे�
24:50रोट फिल्टर अपने फिल्टर सिक्री तो चलाए फिल्टर अगर इस पर चलाया तो इश्यून नहीं चीए था
24:56है टीक है एक बार के लिए मैं यहां से बेज़ना अपना रैस्पांस रैस्पांस टॉर्ट था और
25:01शینद अपन यहां पर कर दते हैं और मैं यहां पर कहता हूं सक्सेस फुली टिले το
25:10ठीके सक्सेस फुली डिलीट अपन वेज देते हैं वjust ए मिनट गाइस एक दो मिनट का
25:15बेट करो पर फिर continue करते हैं अपनी class को ठीक है
25:45करते हैं
26:15झाल झाल
26:45झाल
27:15झाल
27:45झाल
28:15झाल
28:45झाल झाल
29:15झाल
29:45झाल
30:15झाल
30:45झाल
31:15झाल झाल
31:45अरे-अरे-अरे क्या बाते करने लगे आप यहाँ पर
32:00Guys, Sir गए लगता है, नहीं, Sir कहीं नहीं गए, Sir आगे, थोड़ा सा कुछ काम आगया था
32:11Can you share the GitHub report link with this course? Yes, बिल्कुल GitHub का जो लिंक है वो आपको मिल जाता है उसके अंदर
32:19वाव, इस्टिकर बड़े प्यार है इसके अंदर
32:22GitHub का लिंक आपको class का जो description आता है उस description के अंदर ही मिल जाता है जैसे यह देखो शेयर करा है किसी ने, अंजली ने शेयर करा है
32:33तो यह link है आपको वहीं पर मिल जाएगा GitHub का है अब देखो अपने यहां पर क्या काम किया अपने यहां पर response.send किया है
32:41और क्या send किया है अपने यहां पर successfully delete का response अपने send किया है अब इस response को अपने निकाल लेते हैं कहाँ पर अपने front end के उपर अपने front end के उपर तो जल्दी से आ जाओ और इस response को अपने front end पर
32:58ठीक है यहां पर आ जाओ कहां पर आना है आपको form.jsx के उपर और यहीं पर आपको निकालना है अपना response आप यहां पर करोगे dot then then के अंदर अपने यहां पर निकाल लेते हैं अपना response ठीक है मैं यहां पर कह देता हूँ कि मेरे पास response आ रहा है और उस response को अपने यहां पर क
33:28यहां पर अपने पास जो रिजल्ट आने वाला है उसुअ इस रिजल्ट को अपने यहां पर निकाल लेते है यहां पर गुल है
33:47चलो और लिए यहां पर शो हुण पर डेटा कर आपम भी कुछ देटा नहीं आने वाला
33:53मैं यहाँ पर submit करता हूँ, submit करते है अपन ठीक है, और submit करते है, submit करते है,
33:59यहाँ पर आओ और इस delete पर click करो, एक बार के लिए refresh करके देख लो,
34:04delete पर click करने पर यहाँ पर तो कुछ आ रहा होगा आपके पास,
34:07unexpected token, अच्छा, ठीक है, कुछ तो गड़बड करिए, और वो गड़बड़ी है, response.send मत करो,
34:17यहाँ पर response.json करतो इसको, ठीक है, और फिर से एक बार के लिए refresh कराओ,
34:23show user data करो, कुछ भी data नहीं है अभी के लिए, मैंने यहाँ पर कुछ भी data यहाँ पर insert करा,
34:28और show user data करते, फिर से delete पर क्लिक करते, successfully delete बता रहा है, ठीक है, अब देखो,
34:35यहाँ पर दिक्कत यह है, कि आपने यहाँ पर इसको delete तो करवा दिया, ठीक है, और delete के बाद आपको यहाँ पर क्या करना पड़ेगा,
34:43delete के बाद आपको उस array को update भी करवाना पड़ेगा, front end के उपर, ठीक है, तो front end पे कैसे update करवाओगे उसको,
34:53front end पे आप update करवाओगे यहाँ पर, जो आपने data भीजा है, उस data को यहाँ से भीजू भी, ठीक है, यहाँ से मैं response.json के अंदर,
35:01जो मेरे पास filtered value आ रही है, उस filtered value को मैं भीज देता हूँ, ठीक है, तो मैंने यहाँ पर क्या बोला,
35:06उस response.json के अंदर क्या कर देना, उस filtered value को भीज देना, चीक है, यहाँ पर आके चेक करो, और फिर से आप hit कराओ, आपने इस पर delete पर click करा, फिर से एक बार refresh कर लो,
35:17शो यूजर डेटा करो, कुछ भी डेटा नहीं आने वाला अभी के लिए, मैंने इस पर यहाँ पर click करा, यहाँ पर click करा, successfully delete आ रहा है, और आपने यहाँ पर filtered value जो आपने निकाली है, उसको आप यहाँ पर भीज रहे हूँ,
35:30DB data आपका अपडेट नहीं हुआ गया पर, यह कैसे हो सकता है, एक बार के लिए DB data को console कराओ,
35:53नहीं तो filtered value को console कराओ आप यहाँ पर, ठीक है, यहाँ पर आओ और चेक करो,
36:00मैं इस पर क्लिक करता हूँ, successfully delete यहाँ पर बता रहा है, और back end के अंदर आपके पास यहाँ पर एक blank array ही बता रहा ही है, ठीक है, फिर से refresh करके देख लो,
36:09कुछ तो mistake कर रहा है पर, successfully delete यहाँ पर आ रहा है, यहाँ पर देखो, वो वाला data अपने पास यहाँ पर आ रहा है, तो यह जो आपका array of object है, इस filtered value वाले array of object को आप यहाँ पर क्या कर रहे हूँ, इसको आप बेज़रो, response.json करके इसी के साथ,
36:28ठीक है, response.json करके आपने क्या किया, उस देटा को आप यहाँ पर बेज़रो, अब देखो इसको directly मत बेज़रो, directly शाय जाएगा नहीं, यहाँ पर changes कर दो, आप यहाँ पर एक तो object बेज़रो, message के अंदर यहाँ पर बेज़रो, success fully delete, ठीक है, यह message चला जाना चाहिए, और second
36:58यहाँ पर आओ, एक बार के लिए refresh कराओ, और यहाँ पर आके चेक करो, कि वो ही हो रहा है, या नहीं हो रहा है, ठीक है, show user data करो, आप इस delete पर click करोगे, तो आपके पास एक नया array आ रहा है, data करके, ठीक है, और इस array को update करवादो, किसके अंदर, इसको update करवादो, आपका �
37:28अप игр करें चेकर 21 यहाँ इसी के अंदर, आपके पास यहाँ पर क्या रहा है, तो आप यहाँ पर क्या करोगे।, आप अपना जो state है, ऊपड़ेट करवाना है, तो यहाँ पर आप किसको बिलावगे अपने data, set data को बिलावगे और उसको update करवादो, चीक है, तो मैं यहाँ
37:58देना ताकि वो अपना अपडेट वहाँ पर हूँ चेक करें क्या विल्कुल परफेक्टली चल रहा है या नहीं सब्मिट करते हैं सब्मिट करते हैं सब्मिट करते हैं शो यूजर डेटा करता हूँ मैंने इस पे क्लिक करा इस पे क्लिक करा इस पे क्लिक करा इस पे इस पे इ
38:28तो कर पड़े
38:29ठीक है
38:58इसको कॉंस्ट में मतलओ एक तो इसको लैट में लेलो
39:14ठीक है यहाँ पर आपने कोई डेटा इंसेट करवाया दो डेटा है आपने इस पर क्लिक करा और इस पर क्लिक करा इसे पहले वाली वैल्यू वो लेप कैसे हो रही है
39:28पहले वाली वैल्यू के से आ रही है
39:30ठीक है
39:35अच्छा डीवी डेटा को अपडेट नहीं कर रहे हैं
39:58यह जो डीवी डेटा लिया है इसको अपडेट नहीं कर रहे हैं
40:05यह जो डीवी डेटा लिया है इसको अपडेट नहीं कर रहे हैं
40:15हाँ तो एक काम करो
40:17क्या काम करें पर इसके अंदर
40:21के सास्टा ब्ला साट इसको अपड़िता खाव बेटा हैं
40:25यह जो अपडेटा भीवी डेटा रहे हैं
40:29यह जो पर गुर्धा गुर्धग को रहे हैं
40:33पर दूड़िता नहीं पर रहे हैं
40:39अपने ये दिया है ठीक है और इसमें अपने डीटा अपना इंसेट करवा दिया तो
41:09अपने प neutrः अपने ओ अपने सेट कर स्वेश अपने जह है तो
41:39हम ढूआ है यहां पर डीबीर आब encode लाओ और जो आपका यहां पर फिल्टर ल्यू
42:00बारियू है वो filtered value यहां पर भेज दो ठीक है और फिर इक
42:05बार के लिए refresh करकी देख लो शो user data करो हो यहां पर आपने कुछ
42:08data भेजया कुछ data आपका चारा है ठीक है यहां पर आप इस पर click कर रहे हूं
42:13वेटे मिनिट उस तो गड़ बड़ है नहीं वो वैसे नहीं होगा फिर वो इसको क्रेश कर रहा है यहां पर
42:22क्रेश किस रेजन से कर रहा है एक बार चेक करो
42:27कि असाइन टूए कॉंसेंट वैरिएबल कॉंस में लिए रखाए कि इसको लैट में लो इसको
42:49ठीक है मैं फिर से रिफ्रेश करता हूं इसको और यहां पर अपन कुछ डेटा अपना
42:57साइन करते हैं ठीक है शो यूजर डेटा करते हैं इस पर डिलेट पर क्लिक करता हूं इस पर डिलेट पर क्लिक करता हूं
43:03तो यह बात आपने पास अपना इसको डिलीट कर रहे हैं बस यह बात हो गई अपने पास अपना डिलीट वाला कोड कि अपन यहां पर डिलीट वाला कोड कैसे चलाएंगे
43:26अपने सर्फ के अंदर अपने बटन लगाए डिलीट का उस बटन के साथ अपने यहां अंक्लिक पे अपना क्या कर रहे हैं अपने ऑपने इंडेक्स भीजी अपने इंडेक्स कहां पर आ रही है अपनी
43:42इंडेक्स आ रही है उस function के अंदर handle delete वाले function के अंदर तीके वहां पर अपने अपना fetch चलाया और उस fetch के अंदर अपने
43:49slash API slash user delete करके अपने backend पर अपना ये HTTP request हिट करवाई है और उसमें अपनी ID भी जा रही है
43:57backend पर अपने dynamic crowd को अपने create करा user.js के अंदर अपने क्या किया एक चोटा सा call लिखा है जिसमें अपने filter लगाया है filter में अपने कह दिया user और index आ रही है और उसके basis पर अपने यहां पर क्या कर रहे है उसको update कर रहे है बस चीक है इस console को हटा दो इस console की requirement नहीं है तो यहां पर सि
44:27यहां पर show user data आप करोगे जैसे आप इसको delete करोगे वो data अपना delete हो रहा है तो यहां तक की चीज के लिए है तो एक बार comment करके बताओ कि यहां तक की चीज के लिए है
44:57झाल
45:27झाल
45:57ठीक है तो यह अपने अपना delete वाला code देखा update वाला code अभी नहीं हो पाएगा क्योंकि update वाला process थोड़ा लैंदी प्रोसेस है तो update वाला जो अपन देखेंगे वो अपन कल देखेंगे
46:09कल वाली class में अपन कवर करने वाले update वाले को फिर अपना में भी कल Friday होगा शायद
46:14कल Friday है तो जो अपनी next Monday को class होगी उसमें अपन database पढ़ेंगे कल जितना भी है अपना backend का पूरा पार अपन complete करेंगे फिर अपन database पढ़ेंगे
46:27अपना database के complete होने के बाद अपन अपने major project पर आने वाले हैं तो इसी के साथ मैं आपको attendance का point 1 बता देता हूं
46:40attendance के point 1 के अंदर आपको mention करना है delete तो attendance का point 1 आपको mention करना है delete यही attendance का point 1 है
46:49attendance का point 2 है
47:19के point one के अंदर आपको mention करना है delete ठीक है इसी के साथ attendance का point two भी मैं
47:28आपको बताता हूं attendance के point two के अंदर आपको mention करना है然 express js एक्सप्रेस �źयसी कई यही
47:33attendance का point two है point one में आपको mention करना है डिलिट और point two के अंदर आपको mention
47:38करना है express.js अगर आपका कोई भी डाउट है तो आपने डाउट मेंशन करो
47:45सर एक इशू है आ रही है यहीं अटक गई हूँ पोस्ट में में यूरल डालने पर एरर देता है पोस्ट में आपने इंस्टॉल कर लिए यूरल डालने पर कौन सा
48:01यूरल सबसे पहले अगर आप यूरल डाल रहे हूं मतलब जो लोकल होस्ट पर चला रहे हूं टेस्टिंग के लिए तो पहले उसको रन करो
48:07फाइल को फिर उसके बाद इस यूरल को डालोगी तो वह अटमेटिकली उसके ओपर हीट करवाएगा वह एरर नहीं आएगी वैचे तो फिर भी अगर एरर आ रही है तो कल अपनी काम करेंगे अपनी क्लास के बाद
48:19होती है उस ms
48:39तो आपना डाउट बताओ
48:44तो आज की क्लास में अपने डिलीट वाला कॉंसेप्ट देखा और अपने
49:10डिलीट भी देख लिया। अब बचा अपना अपने डास में देखने वाले हैं. तो मैंने और वह बता दिये.
49:18यहाँ था डाल फो आपने पास यहाँ पर डिलीट और पॉइंट टू जो है वह आपका यहां पर है एक्स्प्रेस जेस मैंने पॉइंट भी बता दिये.
49:40सर नेटवर्क इश्यू की वज़े से पता नहीं चलता
49:51ओकी कोई इश्यू नहीं है मैंने बता दिया आप एक बार देख लेना
49:54अगर फिर भी दिक्कत आए तो आप जो रिकॉर्डेड कोर्स के अपना होता है
49:59रिकॉर्डेड वीडियो उसके अंदर जाके भी चेक करोगे तो वहाँ पर भी आपको पता चल जाएगा
50:02टेंडेंस के पॉइंट वन और पॉइंट टू क्या है ठीक है ठीक है गाई आज की क्लास इतनी मिलते हैं फिर अपन अपनी
50:08नेक्स क्लास के अंदर मतलब कलवाली क्लास के अंदर और इसको कंप्लीट करते हैं आगे की चीजे अपन देखते हैं चीक है
50:14ओके थैंक यू सो मच गाईज और बाई बाई आवरीवन और टेक केर अल सभी अपना द्यान रखो अपनी फैमेली का द्यान रखो बाई बाई लव यू वाल
Comments