Up next in 10
npm and Node.js Packages _ JavaScript Tutorial in Hindi #96
474 views
Feb 10, 2024
In the 96th tutorial of our JavaScript series, presented in Hindi, dive into the world of npm (Node Package Manager) and Node.js packages to empower your JavaScript projects. Explore the expansive npm registry, learn how to install and manage packages, and discover the wealth of tools available for enhancing your development workflow. This session provides practical examples and step-by-step guidance in Hindi, ensuring a comprehensive understanding of npm and its integration with Node.js. Whether you're a web developer seeking to streamline your project setup or a JavaScript enthusiast eager to explore the vast ecosystem of packages, this tutorial is your guide to mastering npm and Node.js packages. Join the session, boost your project efficiency, and elevate your JavaScript development endeavors!
View Video Transcript
0:00
आज के इस वीडियो में आप लोगों को बताऊंगा क��
0:02
NPM क्या होता है, NPM stands for Node Package Manager जो कि आपक��
0:06
Node.js परज़ेट के अंदर अपने पैकेज़ मैनेज करने में मदद करता है, चलता है��
0:10
कॉंप्यूटर स्क्रीन में और देखने के किस तरह से काम करता है आज आपको परज़ेट के आपको परज़ेट की आपको परज़ेट की आपको परज़ेट की आपको परज़ेट की आपको परज़ेट की आपको परज़ेट की आपको परज़ेट की आपको परज़ेट की आपको परज़ेट की आपको परज़ेट की आपको परज़ेट की आ��
0:42
परज़ेट की आपको परज़ेट की आपको परज़ेट की आपको परज़ेट की आपको परज़ेट की आपको परज़ेट की आपको परज़ेट की आपको परज़ेट की आपको परज़ेट की आपको परज़ेट की आपको परज़ेट की आपको परज़ेट की आपको पर��
1:12
और एक चीज़ और जो परबलम होती है देखो दो चीज़े चाहिए होती है हमको एक तो राइट शिफ्ट राइट ले करें तो ओपन विट कोड आपशन आ��
1:16
अगर आप लोग विंडोस 10 में भी है न तब भी आता है यह आपशन और अगर आप लोग टर्मिनल या पावर शेल में खोलते हैं किसी भी फोल्डर क��
1:23
और आप लोग लिखते हैं कोड और स्पेस डॉट यानि कि यहाँ पर विएस कोड खोल द��
1:27
इस सारा से करते हैं आप तो विएस कोड खुल जाता है ठीक है तो अगर अब यह कह रहा है कि बार बार जो है यह कह रहा है कि आपका विएस कोड रन हो रहा है और आप सेट अप रन कर रहे हो तो सेट अप रन मत करो यह कह रहा है कुल मिला क��
1:39
तो मैंने सेट अप बंद कर दिया अब आप लोग कहो के मेरा तो अलड़ी इंस्टॉल ले विएस कोड तो मैं क्यूं यहाँ पर इसको दुबारा से रन कर रहा हूँ ठीक है तो मैं आपको यहाँ पर बता था��
1:47
देखो मैंने क्लिक किया इस पे एकसेप्ट किया लाइसंस टाम पढ़ लेता हूँ इसको दिस लाइसंस टाम बला बला बला बला बला बला बला बला बला बला बला बला बला बला बला बला बला बला बला बला बला बला बला बला बला बला बला बला बला बला बला बला ब��
2:17
मैं आप पर इसको लाउच नहीं करूँगा भी शिफ्ट रैट लिक करके अब ये आप्शन दिखने लगेग��
2:20
ये बहुत बड़ी प्रॉप्मेंबर मुझे बहुत कॉमेंट्स आते हैं आप लोग कहेंगे जावास्क्रिप्ट के कोडस में क्यों डाला बड़��
2:24
मुझे डालना पड़ा क्योंकि बहुत इंगुडियंट बात है अगर आपको ये बात पता थी तो वो पर नहीं थ��
2:29
अगर आपने कुछ नएया सीखा मुझे लगता है 90% लोगों ने कुछ नएया सीखा होगा ठीक है तो ये मेरा वियस कोड में फोल्टर खुल गया ह��
2:35
बहुत सारे लोगों वियस कोड चलाना नहीं आता तो मैं आप बताओं नीचे से आप ऐस��
2:40
आपको इसको पर खेचूँगा तो टर्मिनल खुल जाएगा और टर्मिनल खुलने के बाद यहाँ प��
2:44
मैं जो भी कोड चलाऊँगा वो इस टर्मिनल के करस्पॉंडिंग चलेंगे ठीक ह��
2:48
यहाँ प्लस करके मैं फाइल बना सकता हूँ यहाँ प्लस करके प्लस करके मैं फाइल बना चलेंगे थ��
2:52
यहाँ प्लस करके मैं फाइल बना चलेंगे थी यहाँ प्लस करके मैं फाइल बना चलेंगे थ��
2:56
यहाँ प्लस करके मैं फाइल बना चलेंगे थी यहाँ प्लस करके मैं फाइल बना चलेंगे थ��
3:00
यहाँ प्लस करके मैं फाइल बना चलेंगे थी यहाँ प्लस करके मैं फाइल बना चलेंगे थ��
3:04
यहाँ प्लस करके मैं फाइल बना चलेंगे थी यहाँ प्लस करके मैं फाइल बना चलेंगे थ��
3:08
यहाँ प्लस करके मैं फाइल बना चलेंगे थी यहाँ प्लस करके मैं फाइल बना चलेंगे थ��
3:12
यहाँ प्लस करके मैं फाइल बना चलेंगे थी यहाँ प्लस करके मैं फाइल बना चलेंगे थ��
3:16
यहाँ प्लस करके मैं फाइल बना चलेंगे थी यहाँ प्लस करके मैं फाइल बना चलेंगे थ��
3:20
यहाँ प्लस करके मैं फाइल बना चलेंगे थी यहाँ प्लस करके मैं फाइल बना चलेंगे थ��
3:24
यहाँ प्लस करके मैं फाइल बना चलेंगे थी यहाँ प्लस करके मैं फाइल बना चलेंगे थ��
3:28
यहाँ प्लस करके मैं फाइल बना चलेंगे थी यहाँ प्लस करके मैं फाइल बना चलेंगे थ��
3:32
यहाँ प्लस करके मैं फाइल बना चलेंगे थी यहाँ प्लस करके मैं फाइल बना चलेंगे थ��
3:36
यहाँ प्लस करके मैं फाइल बना चलेंगे थी यहाँ प्लस करके मैं फाइल बना चलेंगे थ��
3:40
यहाँ प्लस करके मैं फाइल बना चलेंगे थी यहाँ प्लस करके मैं फाइल बना चलेंगे थ��
3:44
यहाँ प्लस करके मैं फाइल बना चलेंगे थी यहाँ प्लस करके मैं फाइल बना चलेंगे थ��
3:48
यहाँ प्लस करके मैं फाइल बना चलेंगे थी इन एट, ठीक है? मैं एन पी ऐम इन एट लिखोंग��
3:52
और एंटर मारूंगा और यह क्या करेगा? कि इस फोल्डर को एस एन एन पी ऐम प्रोजेक्ट इनिशिलाइस करेग��
3:58
मुझे पता है आप में से वे लोगों को डर लग रहा होगा जब मैंने पहली बार इन सब चीज़ों को सीखा थ��
4:02
मुझे भी ऐसा ही लगा था कि यार इस क्या क्या हो रहा है, मुझे समझ नहीं हा रहा ह��
4:06
बट आप लोग कुछ ऐसा समझो कि एक नया प्रोजेक्ट बन रहा है, एक NPM प्रोजेक्ट बन रहा ह��
4:10
NPM का बतलब होता है, Node Package Manager जिसकी सहायता से ह��
4:14
अलग अलग डिपेंडेंसी इस इंस्टॉल कर सकते हैं हम लोग काफी और चीज़े कर सकते हैं, जो कि हम देखने वाल��
4:18
आने वाले बीडियोज में, तो आप मेरे साथ बने रहो, NPM इनिट लिखो, इस सा��
4:22
आप पर प्राजेब कर लें, आप पर प्राजेब कर लें, आप पर प्राजेब कर लें, आप पर प्राजेब कर लें, आप पर प्राजेब कर लें, आप पर प्राजेब कर लें, आप पर प्राजेब कर लें, आप पर प्राजेब कर लें, आप पर प्राजेब कर लें, ��
4:52
आप पर प्राजेब कर लें, आप पर प्राजेब कर लें, आप पर प्राजेब कर लें, आप पर प्राजेब कर लें, आप पर प्राजेब कर लें, आप पर प्राजेब कर लें, आप पर प्राजेब कर लें, आप पर प्राजेब कर लें, आप पर प्राजेब कर लें, आ��
5:22
तो ये सारी की सारी चीज़े आप देख सकते हो कि ये दिखा रहा है, अब फायदा क्या हुआ ये करने का
5:26
यार हमारी 96 । Modules.js फाइल तो ऐसे ही चल ली थी, नोड लिखका
5:30
नोड मैंने 96 । 9 और टब दबाया, मैंने तो एक आउटा कप्लीट हो गया, ये चल रही थी
5:35
तो मुझे क्यों बनाना पड़ा NPM प्रोजेक्ट, फाइदा क्या, फाइदा ये है कि अब मैं थर्ट पार्टी पैकेज़
5:40
जिनको मॉडियूल्स भी कहते हैं, वो इंस्टॉल करने वाला हूं, ठीक है, तो नोड जेस मॉडियूल फ़र पीडियेफ
5:49
मालों पीडियेफ के साथ अगर मैं काम करना चाहता हूं, तो क्या कोई नोड जेस में मॉडियूल है, हाँ, बहुत सारे मॉडियूलस हैं
5:54
आप देखो यहाँ पर पीडियेफ क्रियेटर नोड के नाम से एक मॉडियूल है, उसी के साथ से आप यहाँ पर देखो पीडियेफ नोड के नाम से एक मॉडियूल है, और इसको इस तरह से यूज़ किया जा सकता है, ठीक है, तो काफी बढ़िया चीज़ है, आप यहा��
6:24
पीडियेफ नोड के नाम से एक पीडियेफ नोड के नाम से एक पीडियेफ नोड के नाम से एक पीडियेफ नोड के नाम से एक पीडियेफ नोड के नाम से एक पीडियेफ नोड के नाम से एक पीडियेफ नोड के नाम से एक पीडियेफ नोड के नाम से एक पीडियेफ ��
6:54
तो जितनी भी मेरे प्रोजेक्ट की डिपेंडेंसी होगी वो इसके अंदर आजाएग��
6:58
जो जो मॉडियूल्स मैं इंस्टॉल करता जाओंगा वो नोड मॉडियूल्स में आजाएग��
7:02
और इस नोड मॉडियूल्स फोल्डर को जनरेट करने की जानकारी मेरे package.json में आजाएग��
7:10
इसने यहाँ पर डिपेंडेंसी में डाल दिया कि पीडियेफ नोड जो एक प्रोजेक्ट यूस करता ह��
7:15
तो अगर नोड मॉडियूल्स इतना बड़ा फोल्डर होता है अव्यसली हम नहीं तो इसको गिट में push करते हैं अगर आपको गिट नहीं आता है तो कोई बात नहीं आता है तो आपको बता है कि मैं किस बारे में बात कर रहा हू��
7:24
और नोड अंडरसकॉर मॉडियूल्स इस जो फोल्डर है इसको अगर मैं डिलीट कर दूं अभी क्योंकि यार यह बहुत बड़ा फोल्डर है तीक है मैंने इसको डिलीट कर दिया है यहां तो तब भी छोटा है लेकिन बड़े प्रोजेक्ट में इतना बड़ा हो जाता ��
7:54
जो भी शियर्ड फोल्डर से मेरे उनके आते रहते हैं चेंजिस लेकिन नोड बॉडियूल्स फोल्डर ने मेरी वन ड्राइप को हैंग कर दिय��
8:01
मैंने वन ड्राइप सपोर्ट से बात कर रही है उन्होंने मुझे से कहा बाई यह क्या है आपका इतना बड़ा फोल्डर पढ़ा हुआ इसको हडा लो यहां से क्या कर रहे हो इतनी फाइलों का क्या कर रहते ह��
8:08
इतनी फाइलों का क्या कर रहे हैं इतनी फाइलों का क्या कर रहे हैं इतनी फाइलों का क्या कर रहे हैं इतनी फाइलों का क्या कर रहे हैं इतनी फाइलों का क्या कर रहे हैं इतनी फाइलों का क्या कर रहे हैं इतनी फाइलों का क्या कर रहे हैं इतनी फाइलों का क्या कर र��
8:38
नप्यम इंस्टॉल का मतलब है कि आप लोगों के लिए जो नोड जेस है वो पैकेज़ डॉट जेसन के अंदर ज्जाकेगा और पैकेज़ डॉट जेसन में ज्जाकने के बाद वो डिपेंडेंसीज को इंस्टॉल करके नोड बाड़ियोंस फोल्डर बनाएगा इसी बा��
9:08
पर उत्ताना जारा डिफरेंस नहीं होता है थीके आप लोग यह मत सोचना कि यान कोई यूस कर रहा है तो कि यार वो कोई बहुत बड़ा रोकेट साइन्टिस्ट ह��
9:15
मतलब कभी भी आप लोग को कुल दिखना है या फिर आप लोग को इथी दिखना है कि आप मतलब बहुती स्मार्ट हो तो यान उसकर लो टीके के मजाग करेंगा ऐसा कुछ नहीं है यान जो है वो NPM की तरही पैकेज मेनेजर है मैं चाहूं तो अपने प्रोजेक्ट को य��
9:45
आप लोग इतने भी कुल नहीं दिखोंगे यान उसकर के जितना आपको लगेगा ऐसा नहीं है कि आपने यान उसकरा��
9:50
कल आपको जो है पंधरा बी सौफर लेटर कमपनी आगए आपके घर में दुनिया भर की वो एक एड था न दुनिया भर के CEO आगए आपके घर में कि हम हायर करेंगे लड ले हैं आपस में ऐसा नहीं होगा ठीक ह��
10:01
तो जस में आपको बताना चाहता था यान भी exist करता है एस पैकेज मेनेजर और आप लोग उसको भी इसतिमाल कर सकते ह��
10:06
तो अगर मैंने इसको यहाँ पर इंस्टॉल किया यह जो मैंने अभी मैं आपको ब्राॉसर में जाके दिखाता हूँ मैंने यह PDF Note इंस्टॉल किय��
10:14
इससे फाइदा क्या होगा इसको मैं यूज कैसे करूँगा फिर मैं इसको कुछ इस तरह से यूज कर सकता हू��
10:20
और यहाँ पर देखो मेरा नाम भी लिखा हुआ इन लोगों ने काफी अच्छा किया इन्होंने यह करके ठीक है अब यहाँ पर देखो PDF.CREATE मेथट का आप यूज कर सकते हूँ डॉक्यॉमेंट एक बना सकते हूँ डॉक्यॉमेंट में आपको HTML देना है यह देना है और ��
10:50
तो मैं एक template.html जो है वो बनाओंगा और मैं 96 template.html बना रहा हूँ क्यों बना रहा हूँ क्योंकि 96 वीडियो है ठीक है तो नाम तो फाइल का यार कुछ भी हो सकता है तो 96
11:05
template.html के नाम से आप देखो मैंने आपर बनाया और यह करने के बाद न आपको यहाँ पर दिखाता हूँ मैं 96
11:12
template.html करने के बाद मैं यह चीज जो है इसको कॉपी करूँगा मैं मैं बहुत कुईटली करना चाहता हूँ यह काम मेरा बस उद्देश है यह है कि मैं आप लोगो को बता सको कि यह कैसे काम करती है ठीक ह��
11:24
प्रोवाइट फोरमाट और उडिनेशन अस पर आपको निज़ाएं तो यह इस तरह से आप एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक एक ��
11:54
इसको इंस्टॉल कर लो ठीक है कोड रणर को आप इंस्टॉल करोगे आपको यहाँ पर एक बटन देखने को मिलेगा आप उस पर क्लिक करके अपने कोड को रण कर सकते हों ठीक ह��
12:01
वरना अधर वाईज आप लोग यहाँ पर नोड स्पेस फाइल का नाम देखे भी कोड को रण कर सकते हों अमेश��
12:06
तो उसकी टेंशन तो लेना ही मत कभी ठीक है यहाँ पर output.pdf यह जनरेट करेगा होफ़ुली ठीक है अगर यह पाकेज़ ठीक से काम करता है त��
12:12
और यहाँ पर मैं PDF.create जो है उसको रण कर देता हूं मैंने कुछ नहीं किया मैंने copy paste किय��
12:18
simply यह जो HTML थी शायद इसकी PDF बनेगी if I am not wrong इसको मैं चला कर देखता हू��
12:22
and क्या मुझे output.pdf जनरेट होकर मिली देखता हूं मैं यहाँ मुझे कोई error मिला PDF dash dash node
12:31
वो इसका नाम PDF dash node है I guess npm वालों में से अगर कोई वीडियो देख रहा है तो भी फिक्स कर लो इसक��
12:37
अगर देख रहा है यहाँ पर यहाँ पर PDF dash dash node है यह गलल दिगबा ह��
12:42
package का नाम आपके PDF dash node है तो इसको fix कर लें आप तो इसको ठीक कर लें आ��
12:48
और यहाँ पर आप लोग एक काम और कर सकते है ठीक है और वो काम यह है कि हम लोग यहाँ पर इनको एक pull request दे सकते ह��
12:56
ठीक है तो pull request हम किस तरह से दे सकते है इनकी readme.md पर जा कर हम fix कर सकते है इस चीज़ को ठीक ह��
13:03
और अगर यह लोग pull request जो है accept करते हैं तो बहुत अच्छी बात है और अगर नहीं करते है तो पढ़ी देगी लोग देख लेंग��
13:09
अगर किसी को problem होगी तो ठीक है बट अभी हम अपना code चलाते हैं पहले हो सकते है और चीज़े भी हमें change करनी पड़��
13:15
पैंसल पर क्लिक करूँगा जस्त आपको बता रहा हूँ कि pull request कैसे माननी है और यहाँ पर आप देखो मैं control left करक��
13:21
PDF dash dash करूँगा और देखूँगा कहां पर dash dash है इसको fix कर दूँगा ठीक ह��
13:27
और मैं यहाँ पर नीचे propose कर दूँगा changes मैं लिख दूँगा fixed typo in package name
13:42
which was causing an error ठीक है और यह चीज मैं लिखूँगा यहाँ पर और यहाँ पर मैं लिख दूँगा fixed typo
13:52
PDF note sorry not reader PDF note बट लेट सी यह propose करने से पहले changes मैं देखता हूँ क��
13:58
लेट सी यह चलता है कि नहीं चलता है ठीक है और यह भी भी नहीं चला ह��
14:02
PDF.create is not a function उपस क्या दिक्कत आ रही है इहाँ प��
14:06
.create document और options document यह है मेरा options यह है कहना PDF.create is not a function नहीं कैसा मज़ा कर रहा ह��
14:16
अगर मैं PDF देखो हूँ तो इनके पास क्या create नाम को कोई function नहीं ह��
14:20
.type equals to PDF So guys मैंने यहाँ पर output.pdf काफी जददोज़हत के बा��
14:26
बना लिये ठीक है और मुझे थोड़ा time लगा इसको बनाने में क्योंकि मुझे वो काफी errors आ रहे थ��
14:30
और मैंने उन सारे errors को fix किया यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं थ��
15:16
यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं था यह नहीं थ��
15:46
और मेरे changes propose कर दियें और मेरी जो pull request है वो मैं create कर रहा हूँ ठीक है और यहां पर create pull request ठीक है तो यह जो pull request है मेरी यह accept कर लेंगे अगर इनको लगेगा और यह चली जाएगी इनके पास I hope कि यह request जो है accept कर लें मैंने अपनी अपना काम कर दिया ठीक है अब यहां पर आप ��
16:16
यहां पर एक तो मैंने इसका नाम ठीक किया PDF dash note किया और फिर PDF directly method था मैंने कैसे पता किय��
16:22
कि PDF directly method है मैंने control क्लिक किया इस पर मैं यहां पर पहुंच किया मैंने देख��
16:26
module.exports में सिर्फ एक function export हो रहा है और create का नामों निशान नहीं है यहां प��
16:30
मतलब यह PDF.create इसके अंदर जरूर है लेकिन इन्होंने HTML PDF का इस्तेमाल किया होई थीक है तो इनका जो यहां प��
16:39
इनका जो package है उसमें नहीं है directly create function HTML PDF में है यह चीज थीक है तो मैंने इनका package जो इसकी है तो मैंने इसको फिक्स कर दिया थीक ह��
16:47
आपको पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश ��
17:17
पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर प��
17:47
पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर प��
18:17
पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर प��
18:47
पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर प��
19:17
पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर प��
19:47
पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर प��
20:17
पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर पड़ेश पर प��
#Brand Management
#Business Formation