Up next in 10
JavaScript Refresher _ Complete React Course in Hindi #3
33 views
Feb 10, 2024
The video titled "JavaScript Refresher _ Complete React Course in Hindi #3" serves as a refresher for JavaScript concepts within the context of a complete React course delivered in Hindi. It likely covers fundamental JavaScript concepts relevant to understanding and effectively coding in React, such as variables, functions, control flow, and data structures. The instructor may provide explanations, examples, and exercises in Hindi to help viewers reinforce their understanding of JavaScript before diving deeper into React development.
View Video Transcript
0:00
अपने पिछले वीडियो में मैंने आपको दिखाया था कि किस तरह से आप लोग एक basic react app बना सकते है�
0:04
react.js की इस playlist को आप लोग जरूर से access कर लेना कि सारे वीडियो इसी में डलेंग�
0:08
अब मैं आपना आप लोगों को ये बताना चाहता हूँ कि जावास्क्रिप्ट में आप लोगों को क्या क्या आना चाहि�
0:13
कि आप लोग react में बिलकुल भी problem ना खाएं तो हम लोग क्या करेंगे कि इस वीडियो में जावास्क्रिप्ट को refresh करेंग�
0:19
तो मैं क्या करूँगा एक folder बना लूँगा और इसका नाम रख दूँगा JS Refresher ठीक ह�
0:24
JavaScript Refresher अब मैं क्या करूँगा कि इसको code में खोल लूँग�
0:27
यानि कि Visual Studio Code में खोल लूँगा और आपलोगों को पूरी कोशिश करूँगा कि यार इतनी JavaScript बता दूँग�
0:32
आपलोगों को दिक्कत कभी भी ना आए जब आप react सीखें तो सबसे पहले तो मैं यहाँ पर index.html बनाओंग�
0:37
और index.html बनाकर मैं exclamation mark मारके boilerplate code लगाओंगा मैं यहाँ पर आप लोगों को यह दिखाना चाहता हू�
0:43
कि आप लोग यहाँ पर script लिखकर javascript यहाँ पर लिख सकते है�
0:47
अगर आप लोग let a is equal to 34 लिखते हैं और console.log a लिखते हैं तब क्या होता है कि यहाँ पर javascript में आप लोगों के बास print हो जाएगा क्या 34 तो मैं एक काम करता हूँ I am learning js लिख देता हूँ यहाँ पर और मैं क्या करूँगा कि यह जो extension है live server एक extension मैं install करवाई थी यादो अगर आ�
1:17
लाइफ खुल जाएगा आई लर्निंग जेस यहां पर लिखकर आ गया है अब मैं यहां पर अगर इंस्पेक्ट करूं और कंसोल आ�
1:24
लोगों को दिखाऊं तो यहां पर देखो थर्टी फॉर प्रिंट होकर आ गया कि मैंने कंसोल डॉट लॉग करके थर्टी फॉ�
1:28
प्रिंट किया था, जावास्क्रिप्ट को, मैं आप लोगों को, बहुती शॉर्ट में, जल्दी से बताता हूँ
1:32
जावास्क्रिप्ट एक प्रोग्रामिंग लैंगॉज है, ये लैंगॉज अफ दा वेब है, इसको बनाया गया था
1:36
web को power करने के लिए यानि कि web में जो client site programming होती है उसको करने के लि�
1:41
javascript को बनाया गया था लेकिन time जैसे जैसे आगे बढ़ा वैसे वैसे javascript evolve हु�
1:46
node.js आया यानि कि हम लोगों ने ये सोचा कि यार javascript browser में तो बहुत बढ़िया चल रही ह�
1:51
तो इसको browser से बाहर निकालो यार इसको सिर्फ browser तक सीमित मत रख�
1:55
ये browser से भी आगे इसको निकालो इस छोटे से कुएं से निकालो ब्राउजर नामक कुएं से इसको निकाल�
2:00
और इसको दुनिया दिखाओ इसको node.js दिखाओ इससे programming करो server side programming कर�
2:06
सब कुछ करो, Note.js आया, Express आयी, React आया, Angular आयी, और अभी पता नहीं, आगे भी पता नहीं, क्या क्या आयेगा
2:13
कुल मिला के बात यह है कि start हुई थी बहुत basic चीज से, but आगे बढ़ते बढ़ते, यह बहुत आगे evolve हो चुकी है
2:20
और आज की तारीक में JavaScript बहुत popular है, ठीक है, एक किसी भी normal programming language की तर�
2:25
आप JavaScript में variables बना सकते हैं, variables बना सकते हैं, आप functions बना सकते हैं
2:30
और भी बहुत सारी चीज़ें हैं, मैं आपर जल्दी से आप लोगों को पूरी कोशिश करूँगा, कि मैं इस वीडियो को short भी रखना चाता हूँ
2:35
मैं इस वीडियो को unnecessarily long नहीं रखना चाहता हूँ क्योंकि मैं चाहता हूँ कि सब लोगों को एक अच्छा refresher मिल जा�
2:40
सिर्फ वो concept बताऊंगा जो कि शायद आपको react से इकते वक्त परशान कर सकते है�
2:44
ठीक है तो यह console.log a कर दिया मैंने तो a print हो गया अब ये variable जो है वो एक string type का भी हो सकता थ�
2:50
तो मैं अगर this is me लिखो कुछ इस तरह से तो ये a अभी एक string हो गया ह�
2:54
इसको मैं comment out कर देता हूँ तो let a is equal to मैंने ये लिखा तो ये string हो गया है और यहाँ पर देख�
2:59
एक string print हो गई है तो यहाँ पर क्या होता है कि JavaScript के अंदर आप लोग बहुत सारे variables को बना सकते हो ठीक ह�
3:05
तो JavaScript के बारे में हमने देख लिया इसका syntax देख लिया JavaScript में हमने comments देख लिये ठीक है अब देख�
3:11
JavaScript में variable बनाने के तीन तरीके होते हैं एक तो होता है var, एक होता है let, एक होता है const, ठीक है
3:16
सबसे वहले मैं यहाँ पर बात करना चाहूँगा, var keyword की, var keyword क्या करता है
3:21
let जो है, वो modern javascript का keyword है, यानि कि modern javascript में
3:25
to be very precise, ES6 से आना start हुआ था, जो let keyword है
3:29
और ES6 के बाद, जितने भी modern features हैं, जावास्क्रेट में वो बहुत ही cool है तो आप लोग अमेशा let यूज़ करो वैर यूज़ मत करो एक बहुत ही छोटा तरह difference दिखाऊंगा let और वैर में अगर आप ये करते हो जिस तरह से आपने का let a is equal to 34 वापस से आपने let a is equal to कुछ लिए दिया तो आपको error देखने को मिले�
4:02
जाता था एक const की वर्ड को भी डिफाइन किया गया, मान लो मैं आपको const a is equal to
4:06
45 लिखता हूँ, और फिर a is equal to मान लो 40, 4554 कर देता हूँ, ठीक है, और इन दो लाइन्स क�
4:12
मैं ज़राँ आड़ा देता हूँ यहाँ से, तो क्या होगा कि यह क्योंकि एक कॉंस्टेंट है इसलिए आप इसको चेंज नहीं कर सकते एक अर्राम मिलेगा अगर कोशिश भी करो चेंज करने की तो यह कह रहा है कि यार असाइनमेंट टू कॉंस्टेंट वेरिबल आप इस तरह से नहीं कर सकते तो यह लेट कॉंस्ट में डिफरेंस हो गय�
4:44
दोबारा से तो यहाँ पर मैंने assignment to constant variable किया हुआ था तो मैं इसको let करता हूँ वापस से क्योंक�
4:49
आपके पास एक चीज और इसके बाद लेट और इसको कमेंट आउट ठीक है तो यहां पर जो फॉर फाइव वेट आ जाएगा जैसे क�
4:57
लोग देख सकते हो ठीक है एक चीज और बताओ जब भी आप जावास्क्रिप्ट कंसोल यूज कर रहे हो अपन�
5:02
एक रूम ब्राउजर के अंदर तो यहाँ पर आप यह देख लेना कि सारी चीज़े आपने प्रॉपर सेलेक्ट कर रखी है�
5:06
की नहीं कर रखी है कभी-कभी आप एरर्स वाला पैनल सेलेक्ट करते हो और आप सोचते हो कि मैसेज क्यों नहीं आय�
5:10
और उसी के साथ सब फिल्टर भी देख लेना कोई फिल्टर ऐसा ना लगा हो जिसकी वजह से आपको आपका मैसेज देखने क�
5:14
नहीं मिल रहा है ठीक है यह बहुत ही common mistakes है मैं बता रहा चाहता हूँ आप लोगों को इसके बाद हमार�
5:18
पास data types होते हैं java script के अंदर primarily हमारे पास numbers होते हैं strings होते है�
5:23
objects होती हैं और boolean होते हैं ठीक है तो मैं यहाँ पर आपको जल्दी से लिख देता हूं इन सब बातों क�
5:28
numbers, objects, boolean, ठीक है और उसी के साथ साथ string सबसे important और उसी के साथ साथ आपके पास undefined होता ह�
5:40
और एक होता है null ठीक है तो ये primarily हमारे पा�
5:44
JavaScript के अंदर data types होते हैं ठीक है number आपको मालूम है अगर कोई भ�
5:48
number है आप उसमें जोड़ घटाओ कर सकते हैं उसी के जासा string है अगर कोई भ�
5:52
set of characters को string कहते हैं JavaScript के अंदर booleans true या false
5:56
हो सकता है मैं इसको ज़रा comment out कर देता हूँ ताकि हमारे code क�
6:00
hamper ना करे true और false true मतलब सच, false मतलब जू�
6:04
ठीक है, आप ये fields के अंदर इसको इस्तेमाल कर सकते हैं, फिर functions आते हैं, हमारे पा�
6:08
functions की बात करते हैं, functions जल्दी से आप लोगों को बता देता हूँ, अगर मान लोग मैं यहाँ प�
6:12
एक function बनाता हूँ hello और मैं कुछ इस तरह से लिखता हूँ और मैं मान ल�
6:16
इस function के अंदर console.log hey harry लिखता हूँ तो यहाँ प�
6:20
यह hello function मैंने जो लिखा दिया ठीक है आप लोग देख सकते हो अब अगर मै�
6:24
यहाँ पर hello लिखूँगा इस तरह से तो 64 Zero
7:15
तो हमने यहां पर देख लिया कि किस तरह से ऑब्जेक्ट का अब ऑब्जेक्ट के अंदर फंक्शन भी हो सकते हैं आपको दिखाता हूं एक बहुत ह�
7:24
एक प्रतियान प्रतियान को लिख सकता हूं वह व्यक्ति और वह व्यक्त�
7:29
अब यह यहां पर देखो मेरे पास प्रतियान आ रहे हैं तो मैं व्यक्ति को वह कर सकता हू�
7:34
यूज कर सकता हूं अब मैं यहां पर लिख दूंगा मान लो माई फंक ठीक है और पेरामेटर्स मान लो यह ले रहा है नंबर ठीक है और मैं कंसोल डॉट लॉग नंबर कर रहा हू�
7:44
और उसी के साथ साथ मैं कुछ इस तरह से लिख रहा हूं दिन नंबर इस और मैं आपको स्ट्रिंग को कंकैटिनेट कर रहा हू�
7:52
इससे number से, ठीक है, तो जो भी number मैं आपको pass करूँगा, the number is में ये चीज़ add होके आ जाएगी
7:57
तो जब भी मैं string में number add करूँगा, तो ये एक string ही return करेगा, ठीक है
8:02
तो ये भी चीज़ आपको बता होनी चाहिए, तो अभी मैं आपको जल्दी से दिखाता हूँ कि obj को अगर मैं print करूँ तो एक function भी ह�
8:07
तो मैं obj.func लिखकर इस function को call कर सकता हूँ मालों मैंने obj.func 45 किय�
8:12
मैं इस तरह से इस function को use कर सकता हूँ the number is 45 मेरे पास यहाँ पर print होकर आ जाएग�
8:17
ठीक है तो इस तरह से जो है आपके functions काम करते हैं अब java script में बहुत सारे events होते हैं ठीक ह�
8:23
इवेंट्स कौन-कौन से होते हैं, जैसे कि आपने अगर mouse को लेकर गए, आप अंदर किसी भी, let us say, नव बार के अंदर लेकर गए, तब क्या होगा, यह एलिमेंट है, ठीक है, यह एलिमेंट है, मैं इसको जड़ा H1 मना देता हूँ, ठीक है, इस तरह से छोड़ना ठीक नही�
8:53
एवेंट लिस्नर का इस्तेमाल कर सकता हूं वह भी मैं जल्दी से आपको करके दिखा देता हूं अगर आप लोग को यह ची�
8:59
बहुत कॉम्प्लीकेटेड लगे तो यार बिल्कुल भी टेंशन मत लेना एडिवेंट लिस्नर और बहुत सारे इवेंट्स होते है�
9:04
click एक event होता है, अब देखो ये बहुत सारे, मेरे पास events, मुझे देखने को मिल रहे हैं
9:09
मान लो मैं यहाँ पर लिखता हूँ, click, ठीक है, मैं जाता हूँ कि जैसे ही click किया जाए
9:14
तो मैं एक function run करना चाहता हूँ, जिसका नाम होगा click, और वो क्या करेगा
9:17
वो console.log करेगा और वो करेगा clicked ठीक है आप alert भ�
9:24
यहाँ पर show कर सकते हो जावास्क्रिप्ट के अंदर alert भी होता है अगर आप लिखोग�
9:27
alert hello तो एक alert आजाएगा मैं आपको दिखाता हूँ यहाँ पर जैसे मैं click करूँग�
9:32
इसके अंदर तो क्या होगा click लिखकर आये और hello alert हो गया तो alert से इस तरह का box आता ह�
9:36
कि आपकी website का URL आता है फिर says लिखकर आता है फिर इसके बाद hello या जो भी message आपने alert के अंदर डाला है वो लिखकर आता ह�
9:42
इसके साथ साथ एक confirm भी होता है हमारे पास confirm क्या करता है मैं आपको दिखाता हूँ जल्दी स�
9:46
अगर मालो ये alert की जगह में confirm लिखता और मैं आपको लिखत�
9:50
are you sure ठीक है और मैं आपको लिख देता हूँ let conf
9:58
is equal to ये चीज ठीक है confirm are you sure ठीक है अब मैं क्या करूंगा कंसोल पर प्रेंट कर दूंगा कॉन्फ ठीक है अब मैं आप लोगों को दिखाता हूं इससे क्या होता है जैसे मान लो मैंने इस पर क्लिक किया अब आर यू शूर यू मुझसे पूछा आर यू शूर अगर मैं ओके पर क्लिक करूंगा तो ये true return
10:32
गिया तब कुछ और करो और अगर उसने कैंसल किया तो आप मत करो कंफर्म बॉक्स का काफी इस्तेमाल किया जाता ह�
10:38
चीजों को डिलीट करते वक्त अगर कोई भी चीज आप डिलीट करना चाहते हो तो आज इस चोर का एक बॉक्स दिखाय�
10:42
बहुत सारे लोग यह मानते हैं कि यह जो box यह बहुत ही old school सा लगता ह�
10:46
तो वो अपने अपना custom logic design करते हैं और अपनी custom modal define करते है�
10:50
are you sure वाली पर कभी-कभी यार क्या होता है ना कि मान लो मैं किसी freelancing project पर काम कर रहा हू�
10:55
मैंने already बहुत कुछ कर दिया है उस project के लिए मेरा मन नहीं कर रहा है कुछ भी करने को और वो बन्दा मुझे से बोल रहा है कि यार कुछ ऐसा डालो कि एक warning द�
11:02
तो मैं confirm डाल के छुट्टी कर देता हूँ बट at the same time अगर मैं बहुत अच्छा deliver करना चाता हू�
11:06
और मैं चाहता हूँ कि यार वो website अच्छी लगे, तो मैं custom javascript logic से box बनाता हूँ
11:12
और उसको show करता हूँ, पहले HTML से box बनाओंगा, और फिर उसके बाद javascript का logic use करके
11:16
उसको show या hide करूँगा, तो यह एक बहुती quick way होता है, अगर आप user का input लेना चाहते हैं
11:21
कि क्या वो sure है किसी action को करने के लिए या नहीं ठीक है तो confirm का आप लोग यहाँ पर use कर सकते हो ठीक ह�
11:27
अब javascript के अंदर जो strings होती हैं उसके बहुत सारे methods होते है�
11:31
आप internet पर javascript string method search कर सकते हो या फिर मेरा जो javascript का course है उसमें वो वाला video देख सकते ह�
11:37
कुछ methods है slice उसी के साथ साथ अगर आप sub string
11:41
निकालना चाहते हो तो sub str है फिर इसके बाद starts with ह�
11:45
last index off है, index off है ends with है, यही सारे methods हैं जो के भ�
11:49
मेरे दिमाग में आ रहे हैं बट और भी बहुत सारे methods होते हैं और कभी कभी क्या होता है न कि आप लोग भूल जाओग�
11:53
आपको याद नहीं आएगा, for example, मुझे याद नहीं आ रहा है, मान लो कि मैं sub string कैसे बनाओं जावास्क्रिप्ट के अंदर, तो मैं हमेशा Google पर जा सकता हूँ, और मैं आप것 लिख सकता हूँ, how to get a sub string in JavaScript, ठीक है, और यह कानूना अपराद नहीं है, आप Google कर सकते हो, बिल्क�
12:23
प्रोजेक्ट पर काम करने के बाद कभी कभी दिमाग में वो चीज नहीं रह पाती ह�
12:27
पर एक्सांपल लास्ट इंडेक्स आफ मेथड है एक जावास्क्रिप्ट के अंदर हो सकता है कि वो आप लोगों को याद ना आए लेकिन आप लोगों को ये बाद याद रह�
12:35
कि यार हाँ एक method था जो कि मुझे बता देता थ�
12:39
कि last index कौन सी है किसी भी array में या फिर किसी भी string के अंद�
12:43
sub string की मतलब जो भी search करना app को आप internet पर search कर सकते हो ठीक ह�
12:47
कुल मिला कर बात ही है इसके बाद हमारे पास javascript में number के बहुत सार�
12:51
methods होते हैं जैसे कि अगर मैं two string की बात करूँ तो आ�
12:54
dot two string करके एक number को string में बदल सकते हो exponential मे�
12:58
बदल सकते हो फिर उसके बाद और भी बहुत सारे methods होते हैं to precision होता ह�
13:03
value of होता है बहुत सारे methods होते हैं सबको आप लोग को रटने क�
13:07
जरूरत नहीं है in fact जो मैंने बोले हो उससे कई ज्यादा 可以 होते हैं तो आप जैसे काम करते होगे वैसे-वैसे आपको आते जाएंगे इसके बाद एरे�
13:14
जावास्क्रिप्ट में बनाया जाते हैं इसको बनाने का सबसे आसान तरीका यह होता है अब यहां पर लेकिन सकते है�
13:18
प्रेसेज प्लेट ए यार इस एक्वल टो और मान लो मैंने यहां पर कुछ इस तरह से एरे बना दिया तो य�
13:23
कलेक्शन ऑफ आइटम्स होते हैं यानि कि बहुत सारे नंबर साफ इसमें डाल सकते हो नंबर और स्ट्रिंग्स क�
13:27
iterate method use map method reverse directly dot reverse use
13:48
javascript के अंदर भी custom लॉजिक लिखते हैं करें को रिवर्स करने के लिए विच इस नॉट गुड़ यार कोई चीज आपको अगर मिल रही है ऑलरेडी बिल्ट इन वाइव वॉट यू वांट टो राइट द रिस्टम लॉजि�
13:58
ठीक है तो ये मेरे हिसाब से आप लोग को दिहान में लगना चाहिए जो जो चीज आपको मिल रही है वो चीज आप लोग लेते जाए�
14:04
इसके बाद dates का concept होता है जावास्क्रिप्ट में, आप date कहीं से भी आप लोग new date करके
14:09
और date के methods को use कर सकते हैं जावास्क्रिप्ट के अंदर, फिर इसके बाद जो for loops, while loops होते हैं
14:14
वो तो अगर आपने किसी भी programming language प्रोग्रामिंग करें, आपको आते होंगे, अब यहाँ पर देखो for loop का syntax को जिस तरह से होता ह�
14:20
आप किसी भी एरे को iterate कर सकते हो मैंने यहाँ पर syntax जो है snippet की साइता से लिख दिय�
14:24
आप यहाँ पर let index इस इकलो 0 लिख सकते हो 0 से लेके array की length minus 1 तक जाएगी index और पूरे array को iterate कर दिया जाएग�
14:31
आप element is equal to array index करके उस element को use कर सकते हैं यहाँ पर for loop के अंदर कुछ भी कर सकते हो
14:37
अब मान लो कि मुझे arr.foreach करना है, ठीक है, तो मैं यहाँ पर एक चीज दिखाता हूँ आप लोग को
14:42
� Lumens पर क्या है तो आप देखो यहां पर क्या होगा कि मैं एक ऐसा यहां पर मैथड यूज कर रहा हूं जो कि मुझे इस एरे के सारे एलिमेंट को देगा चोटे सिंटेक्स में तो यह थोड़ा सा कॉमपैक्ट सिंटेक्स है और बढ़िया सिंटेक्स है बट एक बात बता दू�
15:12
और उसे के साथ वाइल लूप और स्विच स्टेटमेंट स्विच केस वो सारी चीज़े जो है आपको देखनी है आप उसको जरूर देख लेना कंडिशनल्स में एफल्स आप लोग देख लेना बहुत बेसिक चीज़े ब्रेक कंटिन्यू देख लेना बहुत बेसिक चीज़े �
15:42
इनको मैं हटा लेता हूँ, ठीक है, मैं इन सब को हटा लेता हूँ, जितने भी console logs लगे हुए हैं, और यहाँ पर मैं क्या करूँगा, कि जो function, my func number, मैंने जो इस तरह से लिखा हुआ है, मैं इस function को यहाँ पर लेकर आउँगा, और मैं आप लोगों से बात करूँगा strict mode के �
16:12
और उसके बाद मैं यहाँ पर लिख दूंगी इस इकॉल टू 98 यह चल जाएगा देखो कोई दिक्कत नहीं आई मुझे डीज�
16:18
को नाइंटीएट लिखने पर बट अगर मैं यहाँ पर स्ट्रिक्ट मोड को इनेबल कर देता हूं तब क्या होगा कि डीज�
16:23
98 आप नहीं लिख सकते कह रहे हैं D is not defined आपको let D is equal to 98 लिखना पड़ेग�
16:26
थोड़ा सा तमीज से code लिखना पड़ेगा तो ये strict mode को enable करना कभी कभी अच्छ�
16:31
इसलिए होता है कि ताकि आप ensure कर सकें before hand की कोई bug न�
16:35
हाई हो सकते हैं कि आपने इस तरह कोई काम किया हो और JavaScript ने आपक�
16:39
allow कर दिया हो और उसकी वज़े से आपको बहुत सारी problem face करनी पड़ रही है इसलिए react जब भ�
16:43
आप use करोगे तो strict mode on ही नहीं आएगा ठीक है तो यहाँ पर देखो the number is
16:47
this अगर मैं यहाँ पर लिखता हूँ और मैं इसको save करता हूँ तो देखो इस वाले function के अंद�
16:51
जो this है वो क्या है undefined है ठीक है यानि कि मै�
16:55
this करके window object को access नहीं कर सकता अब this क्या होता अगर मै�
16:59
बाहर console.log this कर दू तब क्या होगा तो this मुझे मिल जाएगा window object
17:03
यानि कि आप लोग देखो यहाँ पर window object मुझे मिल गया ठीक है अब अगर किसी भी function के अंदर मैं लिखता हूँ इस बात क�
17:09
यानि कि मैं अगर किसी function के अंदर आता हूँ और किसी function के अंदर आकर मैं लिख रहा हू�
17:14
this यानि कि this को print करने की कोशिश कर रहा हूँ तब मुझे undefined देखने को मिल रहा ह�
17:18
आप लोग यहाँ पर यह चीज देख सकते हो, but what will happen
17:22
what will happen अगर मैं कुछ इस तरह से करूँ, मैं आप लोगों को दिखाता हूँ
17:26
अगर मैं कुछ इस तरह से arrow function का syntax यूज़ करूँ, तो मैं इसको यहाँ पर comment out करता हूँ
17:31
और arrow function का syntax को यूज़ करता हूँ, और मैं यहाँ पर कुछ इस तरह से लिखूंगा let number is equal to an arrow function
17:40
तो मैंने लिखा let number is equal to this यानि कि एक arrow function और मैंने क्या किय�
17:44
sorry मुझे my func लिखना था और number को यार यहीं पर लिखना थ�
17:48
number ठीक है तो let my func is equal to मैंने यह कुछ इस तरह से लिख दिय�
17:54
और my func को मैंने यहाँ पर execute कर दिया ठीक है तो यहाँ पर आप लोग देखों कि इस बार आप लोगों को जो global object है वो देखने को मिल जाएग�
18:01
यानि कि window object देखने को मिल जाएगा यानि कि अगर आप लोगों ने यहाँ पर arrow function का इस्तेमाल किया ह�
18:06
तो this undefined नहीं होगा, normal function में this undefined होगा, arrow function में this आपका जो बाहर का जो object है उसको refer करेगा
18:13
यानि कि अगर मैं इस पूरी चीज़ को एक object के अंदर wrap कर दू, for example मैं आप लोग को दिखाता हूँ
18:18
अगर मैं यहाँ पर लिख दू, my let mobj is equal to
18:23
तो मैं कुछ इस तरह से कर दूं और मैं कुछ ऐसे कर दूं मान लो मैं यहां पर जो माय फंक है उसको मैं एक एरो फंक्श�
18:30
बनाना चाहता हूं तो मैं इस तरह से कर दूं इसको और यह जो मेरा एरो फंक्शन है को इस तरह से यहां से लेकर यहा�
18:38
और उसी के साथ साथ यहां से लेकर यहां तक मेरा जो MOBJ है वो ह�
18:42
तो आप लोग यहाँ पर देख सकते हो कि अगर मैं MOBJ.MYFUNC करूँग�
18:47
MOBJ.MYFUNC करूँगा तब आप लोग को देखने को मिलेगा जो इस होगा व�
18:52
क्या है तो इस यहाँ पर क्या है वो एक window object है तो कुल मिलाकर अगर मैं इस चीज़ को summarize करू�
18:58
तो आप लोग इस function को देख सकते हो अगर मैं mobj.myfunc यहाँ पर करूँग�
19:02
और इसको save करूँ आप लोग यहाँ पर देखो मैं mobj. इसको save करू�
19:06
तो यह the number is window object यहाँ पर मुझे देखने को मिल रहा है मतलब कि यह है कि अगर मैं यहाँ पर ए और दिस लिख दूं और मै�
19:14
मोबीजे मैं यहाँ पर लिखता हूं कंसोल डॉट लॉग एम ओबीजे डॉट ए तो जो मुझे यहाँ पर यहाँ पर यह वाला दिस देखन�
19:22
देखने को मिलेगा कुल मिलाकर यह ठीक है तो मैं आप और आप लोग को दिखाऊं अगर यह नोबीज नोट डिफाइ�
19:29
वर्ड इज रांग को गेम ओबीज नॉट एम बॉज ठीक है तो यहां पर आप लोग देखो कि जो विंडो ऑब्जेक्ट पुछे यहा�
19:37
दिख रहा था वह विंड्यू ऑप्शन पुछे यहां पर दिख रहा है कुल मिला कर यह बात है ठीक है बट अगर मैं इसको ए�
19:43
नॉर्मल फंक्शन से रिप्लेस कर देता हूं तो वह अपना दिस बाइंड करता हूं गए तो मेरा जो दिस है वह मेरा दिस ह�
19:49
तो मेरा this जो है वो मैं अपना bind करूँगा तो अगर मैं यहाँ पर सिर्फ this लिखूँगा तो यह this क्या होगा यह MOBJ वाला object होगा मैं आप लोग को दिखाता हूँ तो यह देखो यह MOBJ वाला object है ए है इसमें और my func है तो अगर आप normal function यूज़ करते हो तो behavior यह है कि आप ल�
20:19
आप बिल्कुल भी इसको रटने की कोशिश मत करना और बहुत जादा दिमाग मत लगाना इस चीज़ मे�
20:23
बहुत जादा मत रुखना अगर आपको समझ में नहीं आती है by any chance definitely future guarantee promises callbacks callback callback function invoke already
20:42
जैसे मैं अगर आप लोगों को set timeout की बात करो तो set timeout क्या कर रहा है एक callback function ले रहा ह�
20:46
यह देखो जो मैंने select किया हुआ है भी यहाँ पर यह callback function है तो अगर मैं इसके अंदर console.log लिख द�
20:52
यह तो क्या होगा कि इतने milliseconds के बाद जाने की एक मिली सेकंड के बाद मैं इन फाक्ट इसको तीन कर देता हूँ तीन मिली सेकंड के बाद य�
21:00
function invoke हो जाएगा और उसी के साथ साथ क्या होगा नीचे जो भी script लिखी होई है मैं नीचे वाल�
21:07
script हूँ, ठीक है, तो नीचे जो भी script लिखी है, वो चलती रहेगी, और 3 second के बाद य�
21:11
print हो जाएगा, यानि कि ये function invoke हो जाएगा, मैं आप लोगों को इसका demo दिखाता हूँ, मैं reload करता हू�
21:16
इसको तो देखो मैं नीचे वाली script हूँ तो run हो गया ठीक है बट तीन second के बाद ये print हो गया तो ऐसा करने का फायदा क्या हुआ मैं आपको बताता हूँ कि ऐसा design क्यों है javascript का तो javascript जो है वो एक asynchronous architecture का इस्तेमाल करती है कुल मिलाकर ऐसा समझ लो कि यार उपर से code जब execute होन�
21:46
आगे की स्क्रिप्ट को एक ऐसे कांटर की तरह जो हमेशा चलता रहता है लाइन में लोग आगे बढ़ते रहते हैं इसे मान लो कि मैं टिकट काट रहा हूं ठीक है रेल्वे कांटर में बैठके एक इंसान मुझसे कहता है कि यार रुको मेरे बहिया ना भी दस रुपे लेकर �
22:16
जो अगला बंदा है उसका टिकट काटना शुरू कर देगा अगला बंदा यह कहता है कि भाई मेरी जेब जो है उसकी चेन नहीं खुल रही है तो वह लेगा आप इन दर खड़े हो यह साइड में तीसरा बंदा आएगा ठीक है तीसरा बंदा आएगा तीसरे बंदे को बोला �
22:46
की blocking ना हो और ऐसा किया जाता है callbacks की साहिता से अब ये callbacks क्या है callbacks वो function है जो कि तब execute होते ह�
22:52
जब आपका ये वाला जो time है वो आ जाता है इसके execute होने क�
22:57
for example set time out की अगर बात करें तो तीन second के बाद ये callback को fire करता ह�
23:01
terminology को समझना callback को fire करता ये terminology में use करूँगा बार बा�
23:06
callback को ये fire करता है 3 second के बाद अगर मैं 4 लिख दूँ 4 second के बाद करेग�
23:10
और ये नहीं कि 3 second के बाद ये fire करेगा तो ये block करके बैठ जाएगा code क�
23:14
नीचे के code run होते रहेंगे ठीक है ये चीज काफी confusing भी लगती है कुछ लोगों क�
23:18
बट अगेन ये चीज आप लोगों को आगे समझ में आ जाएगी callback के बाद एक concept आता है promises क�
23:23
promises का मतलब भी ये होता है कि यार मैं एक चीज करने वाला हूँ और जैसे ही वो चीज पूरी हो जाएग�
23:28
मैं एक function को run कर दूँगा ठीक है तो promise या तो resolve
23:33
होती है या reject होती है ठीक है और हम लोग promises को काफी इस्तेमाल करेंग�
23:37
आगे तो मैं जैसे ऐसे हम लोग use करते जाएंगे library कोई ऐसी जो की promises return करती है जैस�
23:43
axios हम देखेंगे वहाँ पर और समझेंगे promises को आप चिंता बिलकु�
23:47
मत करना है इस वीडियो को मैं जाता लंबा बिलकुल नहीं खेचना चाहता हूँ कि बहुत सारे लोग ऐसे होंगे जिनको javascript already आती है औ�
23:53
मैं आप और आप लोगों को बस साथ में लेकर चलना चाहता हूँ उन लोगों को जिनकी जावास्क्रिप्ट कच्ची ह�
23:57
कभी भी आपको ऐसा लगता है कि यार जावास्क्रिप्ट जो है वो मेरी थोड़ी सी वीक है और मुझे बिलकुल प्रोग्रामिंग नहीं आत�
24:05
तो आप या तो मेरा web development का course देख सकते हो या फिर आप लोग देख सकते हो मेरा javascript का course
24:10
बट अगेन बिल्कुल भी आप लोग tension मत लेना मैं आप लोगों को वो चीज़े बहुत अच्छी तरह से explain करता चलूँग�
24:15
जो चीज़े आप लोगो को चाहिए बिलकुल भी रुकना मत यार मैं यह नहीं चाहता कि कोई मेरी इस बात को सुनकर react को सीखना रोक द�
24:21
मैं चाहता हूँ आप लोग आगे बढ़ते रहें और आपके जो concepts हैं वो पक्के होते जाएंग�
24:25
अब यहाँ देखो JavaScript एक बहुत बड़ा topic है और इसमें बहुत सारी चीज़े होती है�
24:30
मैंने एक एक चीज़ यहाँ बर समझाई हुई है इस playlist के अंदर तो इसको access आप लोग कर सकते हो अगर आप लोगों क�
24:35
JavaScript अच्छी तरह से master करनी है future में तो यह reference की तरह आप लोग रख लो और react के course में आगे बढ़ते रह�
24:41
क्योंकि जो जो चीज़े आप लोगों को चाहिए हैं वो मैं आप लोगों को सिखाता ही जाओंग�
24:45
ठीक है, I hope कि आपको HTML, CSS के basics आते होंगे, वो भी नहीं आते हैं, तो one video
24:49
उनके भी बने हुए है, HTML in one video मैंने बनाया है, CSS in one video मैंने बनाया है
24:53
अगर आपको वीडियो देखने का time नहीं है, तो notes दे रखे हैं मैंने, description स�
24:57
notes download करो, एक बार पन्ने पलट लो, आपको बहुत मदद मिलेगी उनके नोट से जरूर एकसेस करना हटीएमल इन वन वीडियो मैं यहां पर लिख देता हूं इस टीएमल क्यों तो रियल लें आपको मिल जाएगा यहां पर तो यह वाला वीडियो है जो कि इसके डिस्क्रिप्शन में नोट्स है फिर सीएसस का ड�
25:28
आपको यहां पर मिल जाएगी करस्पॉर्डिंग चीटशीट के लिंक में दिया इंडिस्क्रिप्शन में चीटशीट कुछ इस तरह स�
25:39
अगर हम सीप्लस चीटशीट की बात करें तो यहां पर आप इस तरह से कॉपी कर सकते हो जावास्क्रिप्ट की मैंने बड़�
25:43
बनाई हुई है सारे लिंक्स आप लोगों को इन वीडियो के डिस्क्रिप्शन में मिल जाएंगे जाकर आप लोग जरूर एक्सेस कर लेना इस प्लेलिस्ट को भी और सारी चीट चीट को भी बहुत काम आने वाली चीट चीट आप लोगों के और ये रियाक्ट की लेलिस्ट क�
26:13
जो चीज़ आएंगे अपडेट्स वगैरा वो सब यही पर आएंगे इसको जरूर आप लोग जो है दिमाग में रखना अपने आने वाले वीडियोस में हम लोग और कॉन्सेप्ट जेकेंगे और ये जो कोर्स है वो प्रोजेक्ट बेस्ट ही होने वाला है बहुत सारे लोग �
26:43
जान मुझके इसको बहुत तेज रखा उन लोगों के लिए जो की एक quick introduction जाते है�
26:47
JavaScript के लिए कि अगर लंबा करूँगा मैं तो फिर बहुत जादा लंबा हो जाएगा य�
26:51
particular video, refresher video so I hope कि आप लोग को ये वीडियो अच्छा लग�
26:55
react की playlist को जरूर से access कर लेना अभी के लिए इस वीडियो में इतना ही guys
27:00
Thank you so much guys for watching this video And I will see you next time