Up next in 10
Exercise 6 - Solution & Shoutouts _ JavaScript Tutorial in Hindi #84
17 views
Feb 10, 2024
Join the 84th tutorial of our JavaScript series, presented in Hindi, as we unveil the solutions to Exercise 6 and give well-deserved shoutouts to participants who demonstrated exceptional skills and creativity. This session is a moment of celebration, acknowledging the accomplishments within the JavaScript learning community. Whether you're a seasoned developer or a JavaScript enthusiast, this tutorial provides an insightful look into the solutions, fostering a sense of community and shared learning. Join in, explore the solutions, and celebrate the collective progress and achievements in mastering JavaScript!
View Video Transcript
0:00
आज के इस वीडियो में हम लोग exercise 6 के solution को देखेंग�
0:02
मैं आप लोग को पुरा solution दूँगा exercise 6 का और फिर उसके बाद देखेंगे कुछ लोग को हम shout out देंग�
0:07
exercise 6 जिन लोगों ने करी हैं उनको चलते हैं computer screen मे�
0:11
and let's get started so guys अब time आ चुका ह�
0:20
exercise number पर कौन सा इस नंबर था यह भी देख लेते हैं जिसमें आपको टू डू लिस्ट दिया था तो मैं क्या करता हूं ना अपन�
0:28
प्रोफाइल खोलता हूं सीधे यहां पर और प्रोफाइल खोलकर प्रोफाइल नाम सुनकर लगता है इंस्टार्म की खुल रही ह�
0:34
प्रोफाइल नहीं यार यहां पर रैपलेट की खोलती है प्रोफाइल बस रैपलेट की खोलेगी गिटव की खोलेगी ठीक ह�
0:41
इस चैनल में यहां पर हम एक्सरसाइज नंबर सिक्स का सॉल्यूशन देखने वाले हैं ठीक है और काफी बड़ी एक्सरसाइ�
0:48
और अब सबसे पहले तो यह इसी को खोलता हूं और एक्सरसाइज सिक्स के लिए एक नई रैपल बनाते हैं एश्टीमल सीएसेस जावास्क्रैप्ट और यह हमार�
0:56
पूर्व वीडियो और मैं यहां पर लिखूंगा एक्सर सेट्स अंडर्सकॉस सॉलीशन और यहां लोग यह बुरा मानते हैं क�
1:04
यहां हमें शाड़ नहीं दिया और यह देखो इतनी सारी रैपल्स में से मैं अगर सबको सबका नाम लेने बैठकर अग�
1:10
इतकत होगी ठीक है कोड्स भी अच्छा नहीं चलेगा तो मैं इसलिए टॉप रेपल का जो नाम है वह ले लेता हूं तो आ�
1:16
लोग अगर चाहिए कि आपका नाम लिया जाए तो आप जल्दी कोशिश करो बनाने की और मैं यहां पर देखता हूं क्या थ�
1:25
आपको एक टूडो लिस्ट बनानी है, कैपेवल और स्टोरिंग या टूडो और लोकल स्टोरिज
1:29
आपके जो टूडो जो हैं, वो लोकल स्टोरिज में आने चाहिए, और आपके उस ऑप्शन होना चाहिए
1:33
क्रिएट करने का, डिलीट करने का, और उनको access करने का ठीक है अब आप लोग कितना भी अच्छा UI बना लो जितना time लगाओगे उतन�
1:40
बढ़िया रहेगा लेकिन मैं बनाने वाला हूँ इसको बहुत शॉर्ट कट तरीके से तो to do list code
1:47
बड़ा बनाए जाता है लेकिन लिस्नर्स लगा लो आप यह लेकर लेने वाले और मैं शॉटकट से आदा है क�
2:10
गेट बूटस्ट्रैप डॉट कॉम पर क्यों ना जाओं और क्यों ना मैं अ फॉर पॉइंट सिक्स पॉइंट एक्स जो है वह इस्तेमा�
2:16
कर रहा हूं उसका रीजन यह है कि नंबर वन छूट नहीं बोलूंगा मैं बहुत टाइम से यूज कर रहा हूं वर्ज�
2:22
फॉर बूट्सट्रैप का वर्जन फाइप उतना काम नहीं कि मुझे कस्टम यूआई ज्यादा बनाने होते हैं तो मैं रॉस य�
2:28
लिखता हूँ but again मैंने bootstrap 5 भी काफी use किया but again मैं इसलि�
2:32
use कर रहा हूँ bootstrap 4 क्योंकि इसमें components को चापना रोड़ा सासान है ठीक ह�
2:37
तो if you are a copy paste guy like me मतलब देखो copy paste
2:44
guy कोई बुरी चीज़ नहीं है सबसे पहले ये clear कर दो हम लोगों को अगर आपको quickly
2:48
कोई चीज बनानी है और आप copy paste कर रहे हो तो उसको smart कहते हैं ठीक है उसको smart कहते है�
2:52
आप अपना पूरा दिन लगा के do do list बना रहे हो या एक static website बना रहे हो जो कि शायद किस�
2:57
ने already बना रखी है इस दुनिया में तो यार there is something wrong with you आप पूरा दिन लगा क�
3:03
जब तक यह प्रैक्टिस नहीं कर रहे हो मतलब आप उसी टाइम को बचा के कुछ और कर सकते हो ठीक है अब य�
3:08
चीज सब्जेक्टिव है मुझे पता है कुछ लोग जस्ट प्रैक्टिस के लिए करते हैं कुछ लोग पट मेरे ऐसे इंसान क�
3:13
आई की मैं जब कोई भी चीज बना रहा हूं तो मैं मुझे टाइम बजाना होता है अपना मैं इसको रिलोड क�
3:19
रहा हूं यह नेव बार मेरा ऊपर आ गया नेव बार की चका मैं टू लिख दूंगा अब देखो यार आप लोग लिं�
3:23
अपडेट कर लेना मैं एक लिंक उपर से जो अपडेट करने नहीं बैठ रहा हूं ठीक है चलो करी देता हूं यानि क�
3:28
कमेंट तो आ देंगे यार अपने लिंक अपडेट आपको करना नहीं आता इसलिए आपने नहीं करा तो यार इस तरह कमेंट स�
3:34
बचने हेतू मैं क्या करूंगा यह हो गया यहां पर एक अब आउट लिखते हुए डिसेबल वाला बटन अटा देता हूं ठीक ह�
3:39
तो यहां अब मैं क्या करने वाला हूं कि यहां पर एक मिनिवाल जाएगा यह बनाऊंगा वहां कंपनेंट्स का इस्तेमाल करूंगा यहा�
3:46
देखता हूं कि यार क्या मैं यूज कर सकता हूं अ क्या मैं यहां पर बैजेस यूज कर सकता हूं नई मीडिय�
3:53
ऑप्शन क्या था हां मैं यह यूज कर सकता हूं और मैं डन डूइंग और इस तरह से टूडल जो वह लगा सकता लेकि�
3:59
form basic
4:12
मेरा form है form या search कर लेते हैं यार मैं forms में जाकर एक बहुत ही basic सा form लेक�
4:17
लेकर आऊंगा ठीक है मैं इस कोड को कॉपी करूंगा और यहां पर मैं लिखूंगा टेव क्लास नेम एज एकॉल ट�
4:28
कंटेनर और यहां पर जो है मैं इस फॉर्म इसको डाल दूंगा ठीक है सुबह यहां पर क्या करूंगा ट्लास इग�
4:40
इन टेनर के अंदर इसको डाल दूंगा और जैसे ही मैं इसको लाइट के अंदर डालूंगा इसे हो जाएगा जैसे कि आ�
4:45
देख सकते हो और यह करने के बाद अब मैं क्या करूंगा कि यहां पर जो टूडो है उसका लिखूंगा अपना मान�
4:54
टाइटल और टू डू डिस्क्रिप्शन टू डिस्क्रिप्शन लिखूंगा और टू डू का टाइटल और डिस्क्रिप्शन लिखने क�
5:03
बाद मैं यहां पर भी डीएससी लिख देता हूं यहां पर टाइप इगल टू टेक्स लिख देता हूं यहां पर डीएससी लि�
5:09
देता हूं यहां पर टाइटल लिख देता हूं और यह सब करने के बाद यहां पर भी मैं टाइटल लिख देता हूं और यह भ�
5:18
अटा देता है यहां से और अब इसमें आईडी टाइटल दे दिया है इसमें आईडी डीएसी दे दिया है मैंने ठीक है अब इस प�
5:24
क्या करूंगा मैं यहां पर इस पर एक आईडी डालूंगा आईडी इस इक्वल टो सबमेंट डाल देता हूं ठीक है और मैं अपन�
5:30
जावास्क्रिप्ट के अंदर क्या लिखूंगा मैं कहूंगा सबमेंट डॉट ऑन क्लिक ठीक है यह फिर एक काम करता हूं document.addEventListener
5:42
और event.click और किस पर लगाओंगा है मैं submit पर लगाओंगा ना कि document पर ठीक ह�
5:50
मैं लगाओंगा submit.addEventListener इस पर कोई भी click करें अगर तो e मिलेगा कु�
5:56
इस तरह से और अभी के लिए हम console.log e ही करेंग�
6:00
ठीक है इसको रिलोड करके आप लोगों को दिखाता हूं और यहां पर मैं जैसे ही सबमिट करूंगा देखो य�
6:06
रिलोड हो जा रहा है तो मुझे करना पड़ेगा इडॉट प्रिवेंट डिफॉल्ट ठीक है इडॉट प्रिवेंट डिफॉल्ट स�
6:12
होता है कि अगर आपका जो पेज है वह रिलोड होने वाला है तो वह रिलोड नहीं होगा तो डिफॉल्ट बीएविय�
6:17
चेंज करने के लिए यूज किया जाता है ठीक है तो यह मैं करूंगा और रिलोड करूंगा इसको इस बार और सबमि�
6:22
करूंगा देखो यहां पर पॉइंटर इवेंट आ रहा है कुछ इस तरह से और अब मैं यहां पर क्या कर सकता हूं इसक�
6:27
अंदर कह सकता हूं लोकल स्टोरेज डॉट सेट आइटम और मैं कह सकता हूं टू डू को सेट कर दो टू टाइट�
6:36
कमा डीएसी ना वह टाइटल एंड वह डीएसी टाइटल इस एक्वाल टू टाइटल डॉट वैल्यू और लेट डीएसी इस एक्वाल ट�
6:47
डीएसी डॉट वैल्यू डीएसी टाइटल जो है वह आईडीज है तो मैं यहां पर एक सी लगा देता हूं सी फॉर कॉंटें�
6:54
टाइटल का content क्या है, DESC का content क्या है, टाइटल और DESC क्या है, मैंने ID लगा रखी है, आप देख सकते हो, ID इकल टाइटल और ID इकल DESC, तो इनकी जो values हैं वो आ जाएंगे, मानलो मैंने लिखा यहाँ पर 12, यहाँ पर लिखा 12, इसके बाद सब्मिट किया, और मैं आप लोग को �
7:24
आपको बताया था कि जो हमारी यह होती है लोकल स्टोरेज होती है उसमें आप सिर्फ डाल सकते हो ठीक ह�
7:32
तो मान लो मैंने आप थर्टी फॉर थर्टी फॉर लिखा सबमिट किया एक मिनट यहां पर एक दिक्कत आ रही है कह रह�
7:38
यह टाइप को टेक्स्ट करेंगे ठीक है मैं नहीं चाहता कि कोई भी दिक्कत हो ना यहां पर मैंने टाइटल लिख�
7:47
यहां पर डीएस लिखा सब्मिट किया क्या मेरी लोकल स्टोरेज में आया टाइटल डीएस आ गया आप देख सकते है�
7:54
string के तौर पर यहाँ पर आ गया ठीक है तो हमारा to do जो है वो सेट हो चुका है अब यहाँ पर मै�
7:59
डिलीट बटन एक बनाऊंगा और नीचे अपने to do को डिस्प्ले करूंगा ठीक है तो सब्मिट के साथ साथ एक बट�
8:04
replicate delete roughly javascript concept
8:22
और ये type is equal to submit यहाँ से अटाना चाहूँगा और मैं simply यहाँ पर delete पर भी लगाओंग�
8:26
मैं कहूँगा delete.addEventListener पूरा का पूरा copy करूँगा पूरा का पूरा copy करूँगा इस चीज़ क�
8:32
बस मैं addEventListener जो delete पर लगाओंगा वो क्या करेगा वो local storage.remove item करेग�
8:41
लोकल रिस्टोरेज डॉट रिमूव आइटम टू डू ठीक है अच्छा डिलीट को मैं डिलीट बीटी एंड रिनेम कर रहा हू�
8:52
इफिर डिलीट जो जावास्क्रिप्ट में कीवर्ड होता है तो मैं डिलीट बीटी एंड जो है इसको रिनेम कर रहा हूं रिलो�
8:59
इसको और यहाँ पर आप लोग देखो title dsc submit किया यह आ गया यहाँ पर और आप देखो local
9:08
storage में आ गया title dsc delete करूंगा चला गया यहाँ से ठीक है और मैं delete कर रहा हूं तो य�
9:13
यहाँ पर reload भी हो रहा है मेरा page तो मुझे यह reload prevent default भी लगाना पड़ेगा ठीक है तो य�
9:20
रिलोड नहीं होगा अब मैं चाहता हूँ कि जो मेरा to do है वो यहाँ पर show हो जाए ठीक है तो मैं क्या करूँगा कि एक div बनाऊंगा with id of to do div id is equal to to do करता हूँ और इसके अंदर मेरे to do जो होगा मेरा वो show होगा ठीक है तो मैं किस तरह से show करूँगा एक h1 के अंदर show करूँ�
9:50
एक्वल टू और मैं एक तो एच वन से टाइटल लाव दूंगा ठीक है देखो मैं ज्यादा फैंसी नहीं बना रहा हूं ऐप को ठी�
9:59
है तो मैं यहां पर क्या करूंगा यहां पर एक्वल लिखूंगा और यहां पर एक पैराग्राफ टैग लिखूंगा और यहां प�
10:06
लाइक लगा के क्या यहां पर डोलर लगा के डाल दूंगा टाइटल सी और यहां पर ऊपर डाल दूंगा ऊपर डालूंगा इ�
10:18
फैक्ट टाइटल सी विद डालूंगा डी एस सी सी ठीक है डीएस सी का कॉंटेंट तो अब इसको रिलोड करूंगा अगर त�
10:25
aplicate लिखा antennally का सब्मिट किया नहीं आया क्यों नहीं आया शायद यह रिलोड नहीं हुआ था सही स�
10:33
सेव नहीं हुआ था रपलेट पर मैंने क्लिक किया लेकिन टाइटल के अंदर इन अस्ट्रैम में नहीं आया ओके मै�
10:41
टू डू डॉट इनर एसटीमल लिखना है सॉरी टू डू टू डू थी ना आईडी हाँ टू डू थी ठीक है तो मैं इसको रिलोड करूँगा अभी और यहाँ पर मैंने टी लिखा यहाँ पर डी लिखा सब्मिट किया तो टी और डी आ गया यहाँ पर और मैं डिलीट करू�
11:11
गो टू दी शॉप और जाना है दुकान पे भाई सबमिट गो टू दी शॉप जाना है दुकान पे भाई डिलीट कर दिया और अगर दुबारा डालना चाहूं तो दुबारा डल दिया डिलीट कर दिया दुबारा डाल दिया डिलीट कर दिया अगर आप चाहते हैं कि ये दोन�
11:41
ब्लैंक हो जाएगी तो इस नॉट द बेस्ट टू डू आउट देर बट इस वर्क स्टीग एप वह अब मीटी एंड डेंज�
11:49
लगा दूंगा ताकि डिलीट वाला बटन जो है वह रेड हो जाए अब इसमें अगर मैं बैठ गया एक दो घंटा तो इसक�
11:55
बना दूंगा कि क्या बताऊं कैसा बना दूंगा ठीक है इतना अच्छा बना दूंगा बट नहीं बना दूंगा क्योंकि मुझ�
12:01
देखने आपके रैपल अभी ठीक है आप आपकी रैपल्स भी देखनी है मुझे और उसमें मैं थोड़ा सा ज्याद�
12:08
interested at this point. ठीक है? तो cover page में जाऊँगा. और देखूँगा लोगो�
12:11
ने क्या क्या बनाया हुआ है. तो यहाँ पर बहुत सारी rappels हैं तो six hour ago nine hour ago eight hour ago rappel hello add
12:32
और यह चला भी गया automatically इन्होंने set timeout को use किया वो इसमे�
12:36
awesome awesome awesome ठीक है बहुत बढ़िया यह रहे है it is a simple copy based
12:44
यह रहे है इसे demotivate मत करो यार किसी को गलत बात है ठीक है मैं देखूं तलाशेक ने कौन स�
12:49
rapple बनाई है मैं देखना चाहूँगा कि क्या इन्होंने रैपल बनाई ह�
12:53
तो यार तलाशेक आपने तो रैपल बनाई नहीं है दो रैपल बना रखी हैं जो बना रहा है उसको आ�
12:58
डी मोटिवेट कर रहो का अलग बात है यार ठीक है डी मोटिवेट नहीं करना चाहिए किसी क�
13:02
अजय को एड या ऐसे यूज मत करो बताए यह एलर्ड वह यूज मत करो कि एलर्ड ब्लॉक करती है आपके थ्रेड को मे�
13:12
थ्रेड को वह नहीं करना है अब को ठीक है है मैंने डाल दिया डिलीट कर दूंगा या थोड़ी मेहनत करके तो इसक�
13:19
लेने सब्सक्राइब कोई बात नहीं बढ़िया तो इसको चलाता हूं यह बढ़िया यह कुछ है आप देखो ऐड किय�
13:27
नाइस ठीक है और यह नोटेक्स रोजिनाएं वह इसको मैं डिलीट कर सकता हूं सही है और काफी बढ़िया टेक्स डालन�
13:35
यहाँ पर की अभी कोई to do's नहीं है उस तरह का ताकि यह न लगे की कोई bug आ गया application में ठीक ह�
13:39
और अब मैं देना जाओगा shout out उन लोगो को जिनों न�
13:44
जिनों ने क्या किया है obviously जिनों ने raple बनाई है और क्यों दूँगा मैं shout out
13:50
green sock crush बनाए प्लीज अब यार यहाँ पर देखो सेयन विस्वास को shout out
13:56
तिशन वागले को shout out क्लेवर हरे को shout out सुबीर मंडल को shout out
14:01
अरुन खतरी का को shout out सतेंदर कुमार को shout out ये सारी ripples में बहुत quickly देखूंग�
14:07
और awesome यार मैं थोड़ा सा वन वन डाला इन्होंने time भी add किय�
14:10
which is amazing and their UI looks clean wow, wow, I am impressed with this
14:15
UI of सैन विश्वास मैं बागी लोगों को भी shoutout दूँगा hello what, यार ये क्या है या�
14:21
तृशन वागले 2 ये मज़ाक मुझे पसंद नहीं आया next time एक अच्छा joke मार�
14:28
ठीक है, अब clever हरे, अरे clever हरे ने इस time पे जो ह�
14:34
checkmate कर दिया है सबको बात कुछ यूँ हो गई है नहीं सची में देखो ये क्या ह�
14:40
clever harry ने checkmate दे दिया है समय सबको अब मुझे नहीं बता इन्होंने कैसे बनाया ठीक ह�
14:46
देखो जो presentation होती है न अब देखो भाई सहाब I want to look at the code या�
14:52
I want to look at the code यार clever है ने ये तो कमाल क�
14:56
UI है यार मैं देखना जाता हूँ क्या यूज़ किया गया इसमे�
15:01
इनोंने यूनिकॉन्स यूज़ किया है और काफी बढ़िया यार और इनोंने जावास्क्रिप्ट भी खुद की लिखी है जावास्क्रिप्�
15:10
यह खुद की लिखी और बहुत ही क्लीन लिखा यार मुझे काफी सही लगा और इन्होंने अपना यहां पर जो ह�
15:18
यह सही है मतलब काफी बढ़िया ठीक है तो बहुत सही यार बहुत सही बहुत ही सही है एम इंप्रेस्ट ठीक है औ�
15:26
बाकी लोगों की भी to do list देख लेते हैं मैं आपका SDF नहीं है भी लिखकर डालूँगा और मैं य�
15:32
SDF delete करूँगा this looks clean as well तो यार आप लोग भी बनाए अगर आपने अभी तक नहीं बनाई ह�
15:37
और मैं इसको सेव करूंगा क्लिक है टो व्यू सेव टो डू जी क्या हुआ नोट वन हाई रीफ्रेश पेश टो डिलेट यार यह अच्छा डिजाइन नहीं है रीफ्रेश पेश टो डिलेट ऐसे थोड़ी होता है कोई अब यह तो वही बात होगई आप कह रहे होगी आ रीफ�
16:07
and I will see you next time
#Computer Education
#Java (Programming Language)
#Training & Certification