Up next in 10
Using Express.js to Create a Backend Server _ JavaScript Tutorial in Hindi #98
26 views
Feb 10, 2024
In the 98th tutorial of our JavaScript series, presented in Hindi, dive into the world of server-side development using Express.js. Explore how Express.js, a powerful and minimalistic web framework for Node.js, can be used to create a dynamic backend server. This session provides practical examples and step-by-step guidance in Hindi, ensuring a comprehensive understanding of how to leverage Express.js to handle routes, middleware, and more. Whether you're a web developer looking to enhance your server-side skills or a JavaScript enthusiast eager to explore backend development, this tutorial is your guide to building dynamic backends with Express.js. Join the session, empower your server-side projects, and unlock the potential of Express.js in JavaScript development!
View Video Transcript
0:00
note js के अंदर एक package होता है जिसका नाम है express और express का इस्तेमाल करके आप लोग बना सकते हो एक server जिससे कि आप लोग एक HTML सर्व कर सकते हो और उसी के साथ साथ आप लोग अपना javascript का code back-end में run कर सकते हो एक full back-end के साथ आप website बना सकते हो front-end आपका javascript में back-end आपका javascript में कैस��
0:30
वीडियोस में हम लोगों ने काफी धमाल मचाया था, आज मैं आप लोगों से बात करने वाला हूँ कि Express कैस��
0:35
इस्तेमाल करते हैं, और हो सकता है कि आपका mind blow हो जाये इस वीडियो को देखने के बाद, आप लो��
0:39
सोचो कि यार यह मैं क्या बता रहा हूं क्यों बता रहा हूं express.js कहां से आ गया मैं express.js की क्यो��
0:43
बात कर रहा हूं तो सबसे पहले एक introduction दूंगा express.js का उससे पहले बताऊंगा आपको कि मै��
0:48
बिल्कुल भी express.js को बहुत detail में यहाँ पर नहीं बताने वाला हूँ. मैं जस्ट आपको य��
0:52
बताना चाहता हूँ और ये दिखाना चाहता हूँ कि express.js कितना आसान है काम करने के लि��
0:57
आप एक web server कितने आराम से बना सकते हो, javascript on the back end कितने आराम से आ��
1:01
लोग यूज कर सकते हो तो यह हमारा वीडियो नंबर 98 है तो हम लोग 98 एंडरस्कोर एक्सप्रेस डॉट जेस लिखेंगे औ��
1:08
यहाँ पर मैं क्या करूंगा अपने टर्मिल में एक्सप्रेस को इंस्टॉल करने के लिए अपने इस नोट जेस प्रोजेक्ट मे��
1:15
एक्सप्रेस को इंस्टॉल करने के लिए एनपीएम इंस्टॉल एक्सप्रेस लिख दूंगा ठीक है और इसके बाद मैं क्या करूंग��
1:20
getting started में जाकर hello word में जाऊंगा और ये app जो ह��
1:25
इसको मैं कुछ इस तरह से paste कर दूँगा ठीक है और इसको जैसे मैं चलाओंगा to your surprise
1:32
ये नहीं चला ओके तो ये इसलिए नहीं चला क्योंकि type is equal to module हमने किया हुआ है और हम common js use कर रहे है��
1:37
पिछले वीडियो की वज़े से मैंने type is equal to module कर दिया था, मैंने आपको modules के बारे में बताया था उसमें
1:42
but मैंने अभी type is equal to module अपनी package JSON से ढटा दिया, और आप देख सकते हो कि example app listening on port 8000
1:49
तो मैं एक काम करता हूँ, यहाँ पर लिखता हूँ, http localhost
1:54
colon 3000 लिख कर आएगा तो इससे क्या होगा कि मेरा यहाँ पर server चालू हो जाएग��
1:59
जैसे कि आप देख सकते हैं hello world लिख कर आ गया है अब इसका फाइदा क्या है मतलब ये करा हमने बहुत अच्छी बात ह��
2:05
फाइदा क्या है इसका आप एक website बना सकते हो basic website slash hello word slash about server database logic about slash about slash contact contact
2:39
यह इसलिए प्रोटेक्ट पर जाऊंगा तो यह इसलिए प्रोटेक्ट पर आ जाएगा मान लो मैं पर हमारे वहां का मै��
2:48
कंपनी की बात कर रहा हूं जहां का एक मैं भी हो सकता है तो यह कह रहा है कि मॉट गेट मैप एक्चली मुझ��
2:54
start करना पड़ेगा जो कि मैंने इस सारी चीजें अभी अभी add करी है अब मैं अगर slash
2:58
map पर जाओंगा तो देखो map आ गया तो एक तरह से मैंने server बना लिया about लिखोंगा तो about आ जाएगा तो जितने मंचा है मैं pages बना सकता हू��
3:05
जितने मंचा है राउट्स बना सकता हूँ ठीक है लेकिन करने का फायदा क्या हुआ आपमें से कई लोग कहोग��
3:09
देखो यार मैं HTML सर्व करूँगा तो कहाँ से करूँगा सर्वर से करूँगा मैंने फ्रंट एंड बैक एंड की बात की थ��
3:14
बताया था कि back-end server होता है तो इसी server की बात मैं कर रहा था मैं यहाँ पर custom logic लिख सकता हू��
3:19
जो कि मेरा client कभी नहीं देख पाएगा और यहाँ पर back-end की programming कर सकता हू��
3:23
अब कैसे, क्या req है, क्या rese request है, response object ह��
3:27
आप request object में से काफी चीज़े निकाल सकते हैं इसे मैं अगर यहाँ पर लिखो console.log request और अगर मैं यहाँ पर as a part of request लिख��
3:35
question mark name is equal to harry मान लो मैं कुछ ऐसे लिखो तो आपको यहाँ पर मुझे actually इसक��
3:43
restart करना पड़ रहा है बार पर उसका भी solution आपको बताओंगा मैं इसको reload करूँगा तो य��
3:48
console.log request क्यों नहीं आया ok मैंने slash पर लगाया यह अब आजाएगा question mark name is equal to
3:54
harry और आप देखो यहाँ पर यह request object आ गया अब यहाँ पर देखो इसमें request.query
3:59
में harry भी है तो अगर मैं request.query लिखूंगा यहाँ पर तो यहाँ पर यहाँ पर request.query
4:04
लिखोंगा तो सिर्फ हैरी प्रिंट होगा अब मैं आप लोगों को बताना चाहता हूँ एक global package के वारे में जिसको आप globally install कर सकते हो उसका नाम है node mon तो आप लोग simply लिखो npm i-g node mon ये globally install कर देगा node mon यानि कि आपके हर package में उपलब्द हो जाएगा और इसके बाद आप node index.js ��
4:34
रिस्टार्ट हो जाएगा मैं इसको टाइम देता हूं इंस्टॉल होने का और इसके बाद मैं सिंपली लिखूंगा नोड मॉन जहां वे नोट लिख रहा था बाहर नोड मॉन लिख दूंगा सिंपल सी बात है मैं लिखूंगा नोड मॉन 98
4:45
98 Node server 98 underscore express
4:58
तो आप देखो यहाँ पर मुझे है नहीं देखने को मिल रहा है अगर मैं सिफ request.query को print कर��
5:04
तो मुझे restart करने की ज़रूरत नहीं है देखो automatically restart हो गया मेरा server अगर आप लोग पहली बार इस चीज को देख रहे ह��
5:11
node.mon को आप पहली बार देख रहे हो express को तो आपको बिलकुल overwhelming लग��
5:15
चीज और वो natural होगा ठीक है आपको लगेगा कि आ नहीं मैं क्या बता रहा हूँ लेकिन मैं चाहता हूँ कि आ��
5:20
प्रोग्रामिंग करो ठीक है आप कुछ ऐसा करो कि एक वेबसाइट बनाओ अपनी एक पोर्टफोलियो वेबसाइट ही बनाना शुर��
5:26
लूप करो आप फ्रेंड जो है बूट्स टाइप यूज करके बना सकते हो टेल बिंड की टेंपलेट यूज करके बना सकत��
5:31
आप टेल ब्लॉक्स पर जा सकते हो अगर आप लोग टेल ब्लॉक्स टॉट सीसी पर जाओगे तो देखो यहां पर बहुत सार��
5:36
उपलब्द दोती हैं, आप लोग Tailwind CSS की templates को use कर सकते हैं, देख रहे हैं यहा��
5:40
पर? तो Tailwind CSS की template use की जा सकती है, इस तरह से आप projects बना सकते हो
5:45
Simply यहाँ से आप view code करो, इसको copy करो, Tailwind CSS को configure करो
5:49
NodeJS के साथ, how to configure Tailwind CSS with Express. आप कोई भी इस तरह क��
5:57
की लिखोगे तो आपको काफी चीजें मिलेंगी काफी ब्लॉग्स आ जाएंगे तो यह सारी चीजें आप लोग कर सकते ह��
6:02
कुल मिला के कहने का मतलब मेरा यह है कि आप लोग एक सर्वर बना सकते हो आप लोग मांग उस इंस्टॉल करक��
6:08
मांगो डीवी के साथ खेल सकते हैं यह जावास्क्रिप्ट को उसे में बहुत ज्यादा नहीं गुशना चाहता पर जि��
6:13
आपको बता रहा था कि सारी चीजें की जा सकती है जाने से पहले एक चीज आपको जरूर बताऊंगा कि हाउ टू सर्��
6:19
एक फाइल यूजिंग एक्सप्रेस ठीक है किस तरह से आप लोग एचटीएमल फाइल को सर्व कर सकते हो तो रेस्ट औ��
6:25
सेंट फाइल नाम का एक हमारे पास फंक्शन होता है और यहां पर देखो रेस्ट और सेंट फाइल नाम का एक फंक्श��
6:33
जिसको हम use कर सकते हैं अब देखो syntax मुझे भी आद नहीं रहता है honestly बता रहा हूँ आप लोग��
6:37
मैं भी यहाँ पर देख के आप लोगो बताऊंगा send file का example कही ना कही यहाँ पर दिया होगा किसी न��
6:43
अरे मैंने क्या कर दिया sign up पर click क्यों कर रहा हूँ मैं कोई बात नहीं res.send file
6:48
मुझे res.send file use करना है अब देखो यहाँ पर यह मैं इसको as it is copy करूँग��
6:55
अब underscore underscore di name करने से क्या होता है कि आपका जो current import यहाँ पर path भी करना पड़ेग��
7:01
path एक built in module होता है node.js के अंदर, तो node.js के अंद��
7:05
कुछ built-in modules होते हैं, कुछ npm install करते हैं, वो external modules होते हैं, त��
7:09
path एक built-in module है, उसको हमें npm install index use dot slash index dot html index
7:28
अगर आईएम इंडेक्स और अगर मैं यहां पर स्लैश अब आउट जाऊंगा कि का गया मेरा डेफ सर्वर मैंने का पर पनाय��
7:38
था डेफ सर्वर अपना लोकलोस्ट यहां पर स्लैश अब आउट पर जाऊंगा तो आप देखो यहां पर बहुत लिख कर आ गया अग��
7:48
इन फैक्ट आयाम अबाउड लिखकर आना चाहिए था पर ऐसा क्यों हुआ मैंने रेस्ट डॉट सेंट फाइल किया मैं यहा��
7:54
से रेस्ट डॉट सेंट हटाओंगा यह मैंने सेंट फाइल ऑलडी लगा दिया तो इसे मुझे कमेंट आउट करना पड़ेग��
7:58
अब मैं रिलोड करके देखता हूं तो का इम इंडेक्स आ गया है पर देख दो आप लोग तो इस तरह से हम एसटीमल फाइल स��
8:03
भी वह सर्व कर सकते हैं अगर मैं आप उस टीम लिख दो इसमें मालों मैं एक बोल्ड टैक लिख दो आए एम बोल्ड लिख द��
8:08
और इसके बाद इसको reload करूँ तो यहाँ पर यह bold में आ जाएगा M bold तो कुल मिला के बाद यह है कि अगर मैं index.html
8:15
about.html contact.html इस तरह से डालना चाहता हूँ तो मैं वो भी डाल सकता हूँ ठीक ह��
8:20
तो I hope कि आप लोगों समझ में आ रही हैं सारी चीज़े कैसे करना है मैं बहुत quickly आप लोगों को यह चीज इसलिए बताना चाह Public वैसे इसका कोई पॉइंट नहीं थ��
8:27
बहुत सारी लोग सोचोगे कि यार इस चीज का JavaScript कोर्स में क्या पॉइंट है तो पॉइंट यह है कि यार य��
8:32
बहुत ही minimal सी चीज है यह यही आगे ही न अगर आप लोगों तो आप अपनी back-end से websites बनाना use कर सकते हो इसकी बहुत सारी nitty-gritty है note.js की बहुत सारी nitty-gritty है जो कि आप detail में जाके समझ सकते हो बट मैं जस्ट आप लोगों एक अच्छा start देना चाता हूँ तो यह javascript अगर आ��
9:02
अगर start करने जा रहा है इस course को, तो क्या उसे करना चाहिए, आप first video में जाकर
9:07
review करके comment डालो, और आपने सब कुछ बताओ कि यार, ये course करना चाहिए
9:12
किसी beginner को कि नहीं करना चाहिए, क्या सीखने को मिलेगा, कुछ notes कैसे है
9:15
notes की quality, सब कुछ आप लोग बताओ यार मैं ये मैं दिल से आप लोगों से चाहता हूँ अभी के लिए इस वीडियो में इतना है गाई��
9:21
तांक ये सो मज़ गाईज बुज़ वीडियो और आप निकस्ट आई��