Up next in 10
Exercise 4_ Solutions & Shoutouts _ JavaScript Tutorial in Hindi #64
22 views
Feb 10, 2024
Celebrate your coding achievements and dive into the solutions of Exercise 4 with the 64th tutorial in our JavaScript series, presented in Hindi. This session not only provides comprehensive solutions to Exercise 4 but also features shoutouts to participants who demonstrated exceptional skills and creativity. It's a moment to reflect on your progress, learn from the solutions, and acknowledge the community's achievements. Whether you're a seasoned developer or just starting with JavaScript, this tutorial is a rewarding experience that highlights both individual accomplishments and the collaborative spirit of the learning community. Join in, discover the solutions, and celebrate the diverse talents within the world of JavaScript programming!
View Video Transcript
0:00
गैस आज के इस प्रोडियो में हम लोग exercise 4 के solutions को देखेंगे कि किसके लोगों ने उसको solve किया और उनको shout out भी देना बनता है यार चलता है computer screen में and let's get started
0:10
तो यहां पर मैंने आप लोगों को पिछली रैपल में एक क्वेश्चन दिया था और मैंने आप लोगों को बताया था एक्सरसाइ�
0:22
फोर में कि आपको इस लिए ट्रेटल क्लॉक बनाना है और सबसे पहले उसको सॉल्व करके आप लोगों को दिखाता हूं उसके लि�
0:27
ने एक रापर बना रखी है तो विदाउट वेस्टिंग एनी टाइम हम इसको सॉल करेंगे तो सबसे पहले तो मैं यहा�
0:33
पर क्या करूंगा सैंपल टाइम जो था उसको लिख लूंगा मैं सबसे पहले अपना जो टास्क इन उसको फिर निश करूंग�
0:38
के बाद अपनी रैपर को ब्यूटीपाई करूंगा पहले काम होना चाहिए उसके बाद खुबसूर्थी देखेंगे मान लो यहा�
0:43
पर मेरा फोर 45 और मान लो फोर्टीफाइव ऐसे लिखकर आ रहा है ठीक है यह मेरा टाइम लिखकर आ रहा है मान लो य�
0:52
एक काम करता हूँ, मैं यहाँ पर अपने console में जाता हूँ, console में जाकर मैं अगर javascript के अंदर new date बनाता हूँ ना, तो कुछ इस तरह से लिख कर आती है, और अगर मैं इसको to date string function run करके दिखाता हूँ ना, तो यह कुछ ऐसे दिखा रहा है, ठीक है, और अगर मैं इसको to time string कर�
1:22
मैं एक काम करता हूँ, बहुत ही सिंपल रखूंगा चीजों को, मैं यहाँ पर इसको new date कर दूँगा
1:26
और मैं यहाँ पर लिख दूँगा div.time, ठीक है, मैं यहाँ पर लिखूंगा div
1:33
और यहाँ पर मैं लिख दूँगा id is equal to time, और मेरी जो script.js है उसके अंदर पता है मैं क्या करूँग�
1:42
मैं simply बहुत ही simple सा काम करूँगा मैं यहाँ पर लिखूँगा second interval
1:47
मैं basically कह रहा हूँ कि भाई यह जो id is equal to time वाला है ना इसको update करते रह�
1:52
कब कब update करते रहो या हर second update करते रहो तो यह हर सेकंड अपडेट करता रहेगा इसको और मैं यहां पर लिख दूंगा एंड लेट एड इस एक्वल टू यहां पर लेट डी इ�
2:03
एक्वल टू न्यू डेट ठीक है और मैं यहां पर लिख दूंगा जो मड़ी है वह स्ट्रिंग है तो मैं यहां पर लिख दूंग�
2:25
और यह को जिस तरह से time शुरू हो गया लेकिन मैं बताया क्या करता हूँ मैं अपन�
2:30
एक किसी भी रोजेक्ट को बनाने के बाद उसको ब्यूटिफाई करता हूँ औ�
2:34
ब्यूटिफाई करने के लिए मैं क्या करूँगा कि use करने वाला हूँ मैं इसका किसक�
2:41
बूट स्ट्रैप का, बूट स्ट्रैप क्या होता है? मत पूछो यार क्या होता है
2:46
क्योंकि मैंने अलड़ी बता रखा है क्या होता है, बहुत कमाल की चीज होती है, और मज़ा आता है यार यूज़ करने में
2:52
कुल मिला के बात ही है, ठीक है, तो इसकी CSS भी include करेंगे ऊप�
2:56
bootstrap की तो यह करते ही पता है क्या होगा यह करते ही अगर मैं reload करोग�
3:02
दो थोड़ा बहुत change इसने यहाँ पर दिखाया तो मैं यहाँ पर क्या कर सकता हू�
3:06
मैंने dev id is equal to time यहाँ पर लिखा है और मैं यहां पर क्या कर सकता हूं इसके बाद कि इसके कंपोनेंट को यूज कर सकता हूं और मेरे आप बू�
3:15
स्ट्रैप ठीक से लोड हो गया होगा तो तो मैं देखता हूं कौन सा कंपोनेंट यूज किया जा सकता है अलग-अल�
3:19
CS project definitely after a little time you will think and you will see that what is ideal for your project but for now what I will do is that I will want to show time in a very simple way
3:40
so you can do anything, you can show such an accordion, I search font size here, I don't read much, I search font size
3:49
चैनल पर जाता हूं यहां पर कुछ इस तरह से और इसके बाद यह फिर मैं काम करता हूं कि यह वाला यह लेता हूं ठीक ह�
3:57
और थोड़ा सा बस डिफरेंट बनाना चाहता हूं चीजों को और कुछ नहीं है और इसको राप करते तो डिफ को क्लास इग्�
4:04
दे देता हूं और कुछ इस तरह से कंट्रोल एक्स और कंट्रोल वी और मेरा काम हो जाना चाहिए यार यह करने के बा�
4:11
तो यहां पर देखो दिस टेक्स राप और यहां पर यह मेरा टाइम दिखा रहा है चलो कोई बात नहीं यहां पर यह रा�
4:20
पर रहा है कम से कम टेक्स को कोई दिक्कत नहीं है और इसमें मैंने और क्या स्टाइल दी थी मैंने शायद बीज�
4:25
प्राइमरी भी दिया था बीजी प्राइमरी आया क्यों नहीं आए क्या बूट्सट्रैप लगी यह रिजन हो सकता है कि बूट्सट्रै�
4:33
नहीं हो तो यहां पर बूट्स ट्रैप मैंने यहां पर इंपोर्ट तो करिए या आई गेस मुझे यू नॉट इंडियो पॉप�
4:41
एंड जैसे प्रिटली क्या दिक्कत आ रही है यह सब कुछ चल तो रहा है ना ठीक से कि ऐसा तो नहीं कि बूट्स ट्रै�
4:48
नहीं हुई है अब हुई है ठीक से वूट्सटाफ देखो यह इस तरह से मेरा टाइम आ रहा है ठीक है मैं काम करत�
4:55
हूं इसको सेंटर कर देता हूं और सेंटर करने के लिए मुझे क्या करना होगा यह दिस्ट टेक्स चूटर आपक�
5:00
देता हूं सेंटर करने के लिए मैं सिंपली क्या करूंगा यहां पर टेक्स सेंटर क्लास लगाऊंगा एंड आ�
5:06
थिंग टेक्स सेंटर क्लास लगाने से काफी फर्क पढ़ना चाहिए तो यह हर सेकंड जो है अपडेट कर रहा है इसक�
5:13
और मैं दोबारा से इसको लोड कर रहा हूं और यहां पर यह इसके विदेन सेंटर होगा बट मैं चाहता हूं कि अगर मैं यहां पर एक डेव बना हू�
5:22
और मैं इसके विदिन सेंटर करना चाहता हूँ मैं इसमें class is equal to text center कर द�
5:32
तो यह कुछ ऐसा दिख रहा है clearly not the best UI out there
5:36
but हाँ या ठीक ठाग है कोई ऐसी दिक्कत नहीं है मैं इसको ना थोड़ा बढ़ा करूँगा इसके font क�
5:42
तो मैं font size ढूंढ रहा था अच्छी फॉर्ट साइस की कैसे बढ़ाते हैं फॉर्ट साइस तो बेसिकली क्या है ना कि अगर आप यह कुछ ऐसा करोगे त�
5:53
बुट्सट्राफ में आपको बहुत सारे कंपनेंट बने-बनाएं मिल जाएंगे आपका काम थोड़ा सा आसान हो जाता है ठीक ह�
5:59
सेव किया इसको रिलोड करूंगा अब से होने का वेट कर रहा हूं इसके हां आप दिख रहा है थोड़ा बढ़िया ठीक ह�
6:07
मैं इसके बॉडी के बैकग्राउंड को इसमें मैं एक स्टाइल दे सकता हूं या फिर काम करता है में स्टाइल और सीए�
6:16
इसको नहीं है तो इसकी जो बॉडी है इसको मैं बैक राउंड ब्लू दे देता हूं और रादर मैं इसको थोड़ा लाइट वाल�
6:27
दूंगा थोड़ा लाइट वाला ब्लू अ यह वाला दे देता हूं थोड़ा लाइट वाला वाइट इश ब्लू ठीक है तो थोड़ा स�
6:37
अच्छा लगेगा वस टाइम जब आएगा तो अभी सेव नहीं हुई अपल मेरी हां अब सेम होगी अब क्या करना है कि कभी-कभ�
6:44
आप लोग अगर चाहते हो कि अलग-अलग फॉरमेट में आपको टाइम चाहिए तो आप नेट पर सर्च कर सकते हो टाइम एं�
6:51
time formatting
7:03
सकते हैं लोगों ने काफी चीजें यहां पर फंक्शन वगैरह बनाकर दिखाए हुए तो मिल जाता है काफी कुछ ने�
7:09
पर यह बताना चाहता हूं आप लोगों को जैसे कि मान लो मैं अगर इस तरह से आउटपुट रखना चाहता हूं तो मैं य�
7:15
यूज कर सकता हूं ठीक है मैं से कंट्रोल सी करूंगा और डेफिनेटली मुझे कस्टम कोडिंग करनी पड़ेगी औ�
7:21
इसी पर टाइम लगाओं तो यार और थोड़ा अच्छे से हो जाएगा मैंने लेट डीज इकॉल टू मैं काम करता हूं न्यूड डेट क�
7:28
है मैं लेट इस इकल टू यह कर देता हूं मैं लेट इस इकल टू यह करूंगा और उसके बा�
7:38
कि यह कर देता हूं ठीक है टाइम विशेष टेमल इस इकलूटी तो यह करने के बाद अब मैं अगर अपनी रैपल क�
7:47
रिलोड करूं बाइटा वे ब्लू क्यों नहीं हुआ भाई बैकग्राउंड कलर क्या चल रहा है हां हां वहीं कंट्रोल शिफ्ट आर भ�
7:53
कर दिया आप अब क्या चाहिए बॉडी के बैकग्राउंड को मैंने जब यह किया तो चेंज क्यों नहीं हो रहा है यार यह कैस�
7:59
जाकर क्यों नहीं हो रहा है चेंज अब रिलोड हो गई मेरी रेपल स्टाइल डॉट सीएस में बैकरांड चेंज तो कर दिय�
8:11
भाई क्या चल रहा है क्या चल रहा है यार यह में राइट क्लिक करके इंस्पेक्ट करके देखता हूं कि भाई यह ज�
8:17
बॉडी है उसमें यह स्टाइल आया की नहीं है अक्शन बूट्स ट्रैप भी बॉडी के बैकडाउन तरफ चेंज कर रही ह�
8:24
इसलिए मैं क्या करूंगा यहां पर इंपोर्टेंट लगा दूंगा ठीक है इंपोर्टेंट लगाने से क्या होगा कि जो मैंन�
8:32
लगा हुआ वह आ जाएगा यहां पर हाथ थोड़ा ज्यादा मैंने इसको डाग कर दिया कोई बात नहीं इसको मैं सेव करूंगा औ�
8:40
मुझे बता नॉट दी बेस्ट यूआई आउट देर बट काम चलता है यार ठीक है काम चलता है अब डेट क्यों नहीं हो रह�
8:46
इसके सामाजाक चल रहा है अब डेट क्यों नहीं हो रहा है मेन काम तो हुई नहीं है एक्ट्री सेकंड्स में डिस्प्ल�
8:51
नहीं किया बट तो सेकंड्स जब तो डिस्प्ली नहीं करोगे तब तक अपडेट नहीं होगा यह सिर्फ टाइम चल रहा है यह प�
8:56
और हर बिनट के time update होता रहेगा कोई दिक्कत नहीं है अगर आप ऐसा करना चाहते हो तो ऐसा भी कर सकते ह�
9:01
बट अगर आप चाहते हो कि आपके seconds भी चलते रहे तो आप use कर सकते ह�
9:06
देखो कई लोगों ने कई solutions यहाँ पर दिये हो वहें नहीं कि वह आप ऐसे सेकेंड्स और डिजिटल क्लॉक इस तरह से आप बना सकते हो इस भाई ने तो पूरा लिख दिया देख�
9:14
इस एक लोग करंट टाइम करंट टाइम का एक फंक्शन मना दिया है और काफी चीजें की होगी है लोगों ने आधे रोम मै�
9:20
चेप दूं फंक्शन अगर पूरा वैसे चीटिंग होगी मैं पूरा चेप रहा हूं भाई का फंक्शन ठीक है क्वेश्चन एग्जैक्टल�
9:27
सेम है तो अगर इसको चेप हूं तो यहां पर देखो कैसा दिख रहा है मैं देखना चाहता हूं बस मैं मैं यहां प�
9:33
इसे डिजिटल प्रोग्रेज का मेरा यहां पर टाइम है चल जाएगा शायद लोटर कर देखता हूं चल रहा है कि नही�
9:39
आपके नोट सेट प्रॉपर्टी ऑफ नल गेट एलेमेंट बायरी टाइम मैंने आईडी इस इकल टो टाइम दिया शाय�
9:46
इडीज इग्ल टाइम दिया मैंने तो ऐसा क्यों हो रहा है कि नोट सेट प्रॉपर्टी अपने क्यों कह रहे हो भाई जब मैंन�
9:54
मैंने दे रखा है यहां पर गेट एलिमेंट बाय डीटाइम टो टिनर इस टीम इग्ल टाइम दिस चुड़े पर ग्रीड के चल रहा ह�
10:03
एक ओ येस एट वर्क्स हां उतना बढ़िया नहीं है बट जिस भी फॉरमेट में आप चाहते हो आप कर सकते हो ठीक ह�
10:10
क्वेश्चन आप चली क्या था कि क्रिटर डिजिटल सेकंड्स क्लॉक यूजिंग शेयर डावल एंड डेट ऑप्शन जावस्क्रिप्ट sencill
10:35
यूआई मुझे कई कोण बहतर बनाना, मैंने तो इसमें बिल्कुल भी कोई एफर्ट दिया नहीं
10:39
बिल्कुल भी कोई एफर्ट नहीं डाला मैंने इसमें, पर आप लोग डालना, ठीक है, और यहाँ पर कहा गया exercise 4, मुझे पता है कि exercise 4 के cover page में आप लोगों न�
10:51
बहुत सारे comments दिये होंगे मुझे मैं cover page में जाकर देखता हू�
10:56
और मैं भी आप लोगों शॉट ओट दूँगा ऐसी बात नहीं है नहीं दूँगा देख�
11:00
कुछ लोगों की अरे दो घंटा पहले किसी ने upload किया है तो सबसे पहल�
11:05
तो मैं जो सबसे ऊपर दिख रही है आलसी होने के राधे मैं ऊपर का सबसे वह देख रहा हूं बट मैं नीचे स्कॉल करूंगा बिल्कु�
11:11
यह रिक रोल बना रहा है किसी ने इसको रन करता हूं रैपल को जितनी जब में रन हो रही है वाली रन करता हूं �
11:18
वाओ भाई दिस एस समथिंग इंप्रेसिव यार ठीक है तो यार बिग शाउट और समझ शाट बहुत बड़ा शाट और यार मजा �
11:28
जाता सची है ठीक है तो अगर मुझे क्वेश्चन कभी कोई देता अपनी लाइफ में तो आइन वेड टो कोशिए चार्ट ठीक ह�
11:35
मैं यहां से छाप लूंगा आपकी रेपल से ठीक है तो धन्यवाद बहुत-बहुत और यहां पर डिजिटल क्लॉक आ रहे बायार य�
11:42
बिल्कुल वह वैसा होता ना एक्सटेंशन वगैरह होती है वैसा बना दिया पूरा भाई साहब इस इसके लि�
11:48
यार मैंने बूट्सट्राप में इतना सारा कुछ किया उसके बाद भी मेरी ऐसी दिख रही है लोग मतलब यह देखि�
11:54
रही है मेरी लोग तो यार आप जो है एक अच्छी लॉग बनाएं ठीक है शॉटकट्स के बीच ना भागें अरे वाइट बढ़िय�
12:01
है तो यार मेरे साथ से यार हर इन साल की क्लॉक यह बहुत बढ़िया होगी ऐसा मेरा मानना है और पीछ डाउन क�
12:09
दिवा देता हूं यार एक करके इनको कॉल लोड करेगा काफी दिनों गए यार हमारे इस प्रोजेक्ट को कि मैंने प्रोजेक्�
12:18
दिया था अरे यह क्या कर दिया मैंने यार मैं एक-एक करके लोड मोर कमेंट पर क्लिक करूंगा फिर और कमें�
12:25
लोड करूंगा काफी दिन पहले मैंने यह एक्सरसाइज जीती शायद और बीज दिन पहले दिखिए मैंने एक्सरसाइ�
12:34
डिजिटल फ्लॉक वाली अ है ठीक है तो यहां पर देखो आप आप 23 दिन अगों मैंने दी थी एक्सरसाइज और यहां प�
12:46
पर आप इस अमेजिंग यार काफी बढ़िया यार तो इन्होंने सबसे पहले सॉल्व किया इसको अंकित नारंग ने और इसक�
12:55
बाद मैं और लोगों को भी शाट देता हूं यह भी बढ़िया यार दिस एस ऑल सो गुड़ा मीर अली वाहो यार मजा आ गय�
13:01
अरे वार, code with harry भी लिख दिया बाई ने उपर, thank you यार, मुझे अपनी खंटे में mention करने के लिए धन्यवाद, अगला देखते हैं, clock hacker वाली बिल्कुल black पे green, ठीक है, by the way एक teaser देना चाता हूँ, दे दू, दे दिया, अब आप pause करके देख लो गया यार, exercise 5 है, तो exercise 5 अगर �
13:31
क्या कर रहे हैं आप करें एक्सेस को जल्दी से जल्दी यहां क्लिक करके करें बुकमार्क यहां क्लिक करके करें सेव थैंक यू सो मच गैस पू वाचिंग इस वीडियो एंड आवल सी यू नेक्स्ट टाइ�