Up next in 10
Introduction to Express Js _ Sigma Web Development Course - Tutorial #88
3K views
Mar 11, 2024
In Tutorial #88 of the Sigma Web Development Course, participants are introduced to the powerful world of Express.js—a web application framework for Node.js. This tutorial provides a comprehensive overview of Express.js, exploring its key features and functionalities. Viewers will gain practical insights into how Express.js simplifies the process of building robust and scalable web applications by providing a streamlined framework for server-side development. Whether you're a frontend developer venturing into backend development or an aspiring full-stack developer, this tutorial serves as a crucial starting point for understanding the fundamentals of Express.js. Join the course to explore the capabilities of Express.js and unlock new possibilities for efficient server-side development in your web applications.
View Video Transcript
0:00
गईस आज की इस वीडियो से हम लोग एक्सप्रेस जियस को सीखने स्टार्ट करेंग��
0:03
एक्सप्रेस जियस, नोट जियस की सायता से वेब डवलप्पमिन्ट करने के लिए एक फ्रेमवर्क ह��
0:08
एक्सप्रेस की सायता से आप लोग प्रोड़क्षन लेवल वेब एक्सप्रेस की सायता से आप लोग प्रोड़क्षन लेवल वेब एक्सप्रेस की सायता से आप लोग प्रोड़क्षन लेवल वेब एक्सप्रेस की सायता से आप लोग प्रोड़क्षन लेवल वेब एक्स��
0:38
लेवल वेब एक्सप्रेस की सायता से आप लोग प्रोड़क्षन लेवल वेब एक्सप्रेस की सायता से आप लोग प्रोड़क्षन लेवल वेब एक्सप्रेस की सायता से आप लोग प्रोड़क्षन लेवल वेब एक्सप्रेस की सायता से आप लोग प्रोड़क्षन ले��
1:08
लेवल वेब एक्सप्रेस की सायता से आप लोग प्रोड़क्षन लेवल वेब एक्सप्रेस की सायता से आप लोग प्रोड़क्षन लेवल वेब एक्सप्रेस की सायता से आप लोग प्रोड़क्षन लेवल वेब एक्सप्रेस की सायता से आप लोग प्रोड़क्षन ले��
1:38
बार बार तो क्या रीस्टार्टी करते रहेंगे ये प्रोड़म सौल्व करी थी किसने नोड मॉन ने तो हमने npm i
1:44
माइनस माइनस गलोबल नोड मॉन चलाय था जिससे की गलोबली यानि की सारे प्रोजेक्ट के लि��
1:49
कोई भी npm प्रोजेक्ट हम बनाते हैं उसमें हमें नोड मॉन मिल जाएगा अब इस डिरेक्टरी को मै��
1:54
एक npm प्रोजेक्ट के तौर पर इनिशिलाइस करूंगा लिखूंगा npm init-y npm init-y लिखने स��
2:00
प्रोजेक्ट के लिए इस डिरेक्टरी को मैं प्रोजेक्ट के लिए इस डिरेक्टरी को मैं प्रोजेक्ट के लिए इस डिरेक्टरी को मैं प्रोजेक्ट के लिए इस डिरेक्टरी को मैं प्रोजेक्ट के लिए इस डिरेक्टरी को मैं प्रोजेक्ट के लिए इस डिरेक्��
2:30
के लिए आप लोग कहोंगे क्यार हमने express क्यों यूज करना है जब यह काम हो रहा है हमारा हो थो रहा है यहाँ पर HTML का content डाल दो हमने यह भी देखा थ��
2:37
आप प्रोजेक्ट के लिए इस डिरेक्टरी को मैं प्रोजेक्ट के लिए हमने हैं जब यह प्रोजेक्ट के लिए हमने हैं जब यह प्रोजेक्ट के लिए हैं जब यह प्रोजेक्ट के लिए हैं जब यह प्रोजेक्ट के लिए हैं जब यह प्रोजेक्ट के लिए है��
3:07
प्रोजेक्ट के लिए हमने हैं जब यह प्रोजेक्ट के लिए हमने हैं जब यह प्रोजेक्ट के लिए हमने हैं जब यह प्रोजेक्ट के लिए हमने हैं जब यह प्रोजेक्ट के लिए हमने हैं जब यह प्रोजेक्ट के लिए हमने हैं जब यह प्रोजेक्ट के लिए हम��
3:37
मेरा इंस्टाल हो जाएगा अब यहाँ पर बात पढ़ा है क्या है एकस्प्रेस अपडेट होता रहता है और बहुत जल्दी अपडेट होन��
3:43
वाला है फिफ्थ वर्जन में जो चेंज़ेज़ हैं वो काफी माइनर है लेट में आप लोगों को बता दू कि बहुत माइनर चेंज़ हैं जैसे कि ये res.send
3:50
फाइल में F कपिटल कर दिया चीज़े थोड़ी अच्छी कर दियें और exactly क्या चेंज़ हैं यह देखना चाते हो तो आप लोग यहाँ पर आ जा��
3:56
जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ ज��
4:26
जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ जाएँ ज��
4:56
ये पॉंट इसने किया है इंस्टॉल जो की एक अच्छी बात है तो मेरा जो एक्सप्रेस है वो इंस्टॉल हो चुका ह��
5:01
अब इस कोड को मिठाता हूँ और एक्सप्रेस की मिनिमल आपलिकेशन बनाता हू��
5:05
सबसे पहले मैं आपलोगों को बताना चाहता हूँ कि इस तरह का कोई भी फ्रेमवर्क हम पढ़ रहे हैं अपनी लाइफ मे��
5:09
हमें उसकी डॉक्यॉमेंटेशन पर जाना हैं कभी भी हम ऐसे याद नहीं करेंगे को��
5:13
या कोई भी इंसान अगर आप लोगों को ऐसे देख कर लिख कर बता रहा है कोड तो यह नहीं बहुत है क्योंकि हर चीज का सोर्स होता है और मैंने भी कहीं से सीखा है ठीक है और मैं भी कहीं से रेफर करता हूँ तो मैं आपको डेरेक्ली वो बता दू तो आप लोगों क��
5:43
पर पहले तो यहाँ पर मैंने एकस्प्रेस को इंपोर्ट किया एकस्प्रेस एक बहुत बड़ा पैकेज है इसके अंदर पढ़ा नहीं क्या क्या आप नोड मॉडियल खुल के देखो गई तो इतनी सारी तो डिपेंडेंसीज है और आप लोग अगर चेक करो तो यह एकस��
6:13
तुम्हारी बाद प्रश्च प्रश्च प्रश्च प्रश्च प्रश्च प्रश्च प्रश्च प्रश्च प्रश्च प्रश्च प्रश्च प्रश्च प्रश्च प्रश्च प्रश्च प्रश्च प्रश्च प्रश्च प्रश्च प्रश्च प्रश्च प्रश्च प्रश��
6:43
तो मैं कहाँ कि जो यहाँ पर पहला आर्ग्यूमेंट है वो होता है पाथ दूसरा होता है हेंडलर ठीक है तो पाथ और हेंडलर यह फंक्षन है यह एक आर्ग्यूमेंट है पुरा फंक्षन आप इसको अलग से फंक्षन मना के भी दे सकते हो एक आर्ग्यूमेंट डिरे��
7:13
वो आजाएगा आप लोग देखो एक वर्ड टू आगया ठीक है तो यह बेसिक्स हैं कुछ एकस्प्रेस के बेसिक्स हैं ठीक है कि इस तरह से आप एप चला सकते हो क्या होता है गेट रिक्क्वेस्ट क्या होता है पोस्ट रिक्क्वेस्ट देखो गेट रिक्क्वेस्ट ��
7:43
सबसे पहले HTML फाइल से गेट रिक्क्वेस्ट मार के दिखाऊंगा ताकि आप लोगों को एक अच्छा एडिया लग��
7:49
तो आने वाले वीडियों में इस सारे काम हम लोग करने वाले अभी के लिए हम लोग एजेंड़ा पर स्टिक्ट करते हु��
7:53
अगले टॉपिक में जाते हैं why nodemon जोकि मैंने कवर कर दिया हमने express का fourth version जो हैं वो install किय��
7:58
अब request parameters and queries के बारे में बात करना चाहूँगा तो देखो यार मालों मैं एक app बना रहा हूँ ठीक ह��
8:04
एक ब्लॉग बना रहा हूँ let us say तो मैं क्या करूँगा कुछ pages बनाओंग��
8:09
मैं कहूँगा app.get slash, slash पर कुछ होगा app.get slash about, about page होग��
8:13
app.get slash let us say contact contact page होगा ठीक है contact
8:19
और right-click करके format document कर लेता हूँ चीज़े तक यह अच्छे से दिखें, beautify हो जाए चीज़��
8:23
ठीक है, इसके बार एक app.get के बार मैं क्या लिखोंगा मैं लिखोंगा app.get
8:29
और slash blog और मैं काम करता हूँ यहाँ पर update भी करता जाता हूँ, hello blog लिख देता हूँ इसक��
8:33
ठीक है, इसको मैंने hello blog लिख दिया इसको मैंने hello contact
8:37
me लिख दिया, ठीक है यहाँ पर मैं about us लिख दूँगा, ठीक ह��
8:41
और आप देखो नीचे, नीचे देखो नीचे यह restart होता जा रहा है, क्यों restart
8:45
होता जा रहा है, यह इसलिए होता जा रहा है क्योंकि nodemon का इस्तिमाल किया है, nodemon इस दुनिय��
8:49
में आया ही इसलिए है, तकि सर्वर को हमें manually ना करना पड़े, त��
8:53
मैं इसको वापस से hello word कर देता हूँ और यह सारे endpoints काम करेंग��
8:57
दिखातो, आप लोगो को slash about पे जाता हूँ और आप लोग देखने यह endpoints काम करेंगे, तो local
9:01
host, slash about और देखो about us आ गया, slash contact करूँगा तो, hello contact
9:07
me आ गया, slash harry करूँगा तो cannot get, यहनी की error आ गया, कि भा��
9:11
यह क्या है, यह तो आपने बताये नहीं इसके जाने पर क्या करना है, बताये क्य��
9:15
आपने, नहीं बताया, तो फिर हाँ, तो यही होता है, ठीक है, so I hope कि आ��
9:19
जी समझ में आ गई, अब क्या है, कि यहाँ पर ह��
9:23
बाकिय end points को चेक करते हैं, ब्लॉग और यहाँ पर ब्लॉग में तो कुछ नहीं है, ब्लॉग मे��
9:29
मैंने बनाया था, hello blog, चलो बढ़िया है, अभी दक तो सब कुछ सही सही हमारा हो गया है
9:33
अब आप लोग कहो गए, हैरी भाई, आप एक बात बताओ, मैं अपने ब्लॉग भी थो लिखोंगा
9:37
हाँ भाई, लिखोंगे, मानता हूं आपकी बात, बिल्कुल सही है, आप अपने ब्लॉग लिखोंगे
9:41
तो मैं उसको कैसे लिखोंगा, स्लेश ब्लॉग, मान लो मैं एक ब्लॉग लिखता हूं
9:45
Intro to JS, और मैं आपर लिख देता हूं, Hello JavaScript, ठीक है
9:51
यहाँ कुछ भी लिख देता हूं, Hello Intro to JS ही लिख देता हूं सीधे आपर, यहाँ फिर मान ल��
9:55
यहाँ पर क्या लिखोंगा, Logic to fetch Intro to JS From the DB, ठीक है
10:03
कुछ ऐसा होगा, अब मान लो मैंने एक ब्लॉग लिखा, भाई एक ब्लॉग तो लिखोगे नहीं
10:07
जब ब्लॉग खोल के वेटे हों, तो एक थोड़े न लिखोगे कोई, आपको गए एंट्रो टू पाइथन भी लिखोंगा, चलो भाई लिख लो, एंट्रो टू पाइथन भी लिख लो
10:13
और आपको गए, यहाँ पर मैं हेलो, यहाँ पर, यहाँ तो पाइथ��
10:17
मैं इस तरह से दिखाऊंगा, या फिर मैं मैं क्या करूँगा, डेटा बेस से कनेक्कर के, पाइथन, कुछ इस तरह से, मैं शो करूँगा
10:25
अब एक परिट रुख जाओ यार, मैं क्या बनाता रूँ ऐसे end points, यार मेरी फाइल में, दो हजार तीन हजार लाइन्स आ जाएंगी, ऐसे मैं ब्लॉक्स बनाता गया
10:31
प्लस, क्या ये मेंटेनेबल है, अबसलूटली नहीं यार, क्या सोर्स कोड में डेटा होना चीए, नहीं यार
10:37
क्या इस तरह से इतने सारे end points होना चीए, यही रीजन है express को उसकरने का, express आपको चीजे इतनी बढ़िया देता है न
10:45
इतने बढ़िया utilities देता है न, कि आप भी कहोंगे मज़ा आगया भाई, इतना कुछ करने की आपको ज़रूरत नहीं है, आप देखो यह काम करेगा
10:51
मैं इह नहीं कराँ, इह काम नहीं करेगा, आप यहाँ पर स्लाश ब्लॉक, स्लाश इंट्रो टू जियस लिखोगे अगर, तो यहाँ पर hello, intro to JS आगया, फिर इसके बाद आप यहाँ पर intro to python लिखोगे, intro to python आगया, अगर आप लोग यहाँ पर, माल लो आप for some reason, intro to Mongo
11:21
समझ रहे हो, इसका कुछ variable बन जाये, और इसका variable बनने के बाद
11:25
वो मैं यहाँ पर use कर पाँ, ऐसा नहीं हो सकता क्या, हो सकता है, यही तो beauty है, तो इन दोनों को कर दो bye bye, क्योंकि आ गया है
11:33
पेश करते हैं, क्या पेश करते हैं, कोलन, सलग, यानि कि आप लोग parameters को लिख सकते हैं, और queries को प्राप्त कर सकते हैं, क्या मतलब है इस बात का, parameters को प्राप्त कर सकते हैं, queries को प्राप्त कर सकते हैं, यह क्या है, यह है parameter, और queries क्या होती है, वो भी बताओंगा, ठीक है, ��
12:03
और यह तो आपको syntax पता ही है, जावा स्कृप्ट का syntax है, यह तो आपको पता ही है, अब मैं यहाँ पर क्या करूँगा, कोलन, सलग, मैंने लगा दिया, वैसिकली मैं यह कह रहा हूँ, मैं यहाँ पर लिख देता हूँ, अब मैं वैसिकली यह कह रहा हूँ, यह comment है, बै��
12:33
तो मैंने यहाँ पर लिखा, slash block, slash slug, और hello dollar slug, it's not defined, सभी तो कह रहा है, तो इस तरह से slug नहीं निकलेगा, मैं लिखोंगा request.params.slug, ठीक है, तो वैसिकली क्या है, इससे पहले कि मैं यहाँ पर request.params.slug लिखकर आप लोगों को यह दिखाओं कि यह काम करता है
12:50
hello intro to mongo आ गया, intro to harry कर दू, intro to rohan कर दू, कुछ भी लिख दो आप, यहाँ पर अपने पडोसी का नाम लिख दो, ठीक है, जो भी पडोसी है आपका, वो भी आ जाएगा यहाँ पर, ठीक है, तो यहाँ पर क्या है कि मैंने slug नाम का variable बनाया, मैं multiple values भी दे सकता हूँ यहा��
13:20
पर यहाँ पर आजाएगा, तो यहाँ पर आजाएगा, तो यहाँ पर आजाएगा, तो यहाँ पर आजाएगा, तो यहाँ पर आजाएगा, तो यहाँ पर आजाएगा, तो यहाँ पर आजाएगा, तो यहाँ पर आजाएगा, तो यहाँ पर आजाएगा, तो यहाँ पर ��
13:50
तो यहाँ पर पूरा मसाला आजाएगा, तो यहाँ पूरा मसाला आजाएगा, तो यहाँ पूरा मसाला आजाएगा, तो यहाँ पूरा मसाला आजाएगा, तो यहाँ पूरा मसाला आजाएगा, तो यहाँ पूरा मसाला आजाएगा, तो यहाँ पूरा मसाला आजाएगा
14:20
तो यहाँ पूरा मसाला आजाएगा, तो यहाँ पूरा मसाला आजाएगा, तो यहाँ पूरा मसाला आजाएगा, तो यहाँ पूरा मसाला आजाएगा, तो यहाँ पूरा मसाला आजाएगा, तो यहाँ पूरा मसाला आजाएगा, तो यहाँ पूरा मसाला आजाएगा, त��
14:50
आप लोगों ने अगर कोई वेबसाइट देखी हो, जिसमें मैं आप लोगों गूगल सर्च ही दिखाता हूं, मैं गूगल दिखाता हू��
14:56
आपको, मैं लिखता हूं हे, ठीक है, तो आप देखो यहाँ पर लिखा है, question mark q एकल तू हे, यानि क��
15:01
है एकल तू हे, एकल तू हे, एकल तू हे, एकल तू हे, एकल तू हे, एकल तू हे, एकल तू हे, एकल तू हे, एकल तू हे, एकल तू हे, एकल तू हे, एकल तू हे, एकल तू हे, एकल तू हे, एकल तू हे, एकल तू हे, एकल तू हे, एकल तू हे, एकल तू हे, एकल तू ��
15:31
है, इस तरह की जो चीज़े हैं, वो मैं अगर पास कराना चाता हूँ यूरल में, तो मैं करा सकता हूँ, अगर आप यूट्यूब क��
15:38
भी देखो न, तो यूट्यूब भी पास कराता है, इस तरह के आर्ग्यूमेंट्स, जब भी कराने होते हैं, जैसे कि टाइम स्टेम वगारा, कॉषियर मार्क टी इस इकल तू तू थुरी एट सेकंड्स, इस टाइम से पास कराता है यूट्यूब भी, तो उस तरह की काम ��
16:08
पर प्रशाना करेंगे, तो यूट्यूब भी पास कराता है, तो यूट्यूब भी पास कराता है, तो यूट्यूब भी पास कराता है, तो यूट्यूब भी पास कराता है, तो यूट्यूब भी पास कराता है, तो यूट्यूब भी पास कराता है, तो यूट्यूब भी ��
16:38
पास करा था, और मैं इस आपका पास कर रहा हूँ, तो मैं आपका पास कर रहा हूँ, तो मैं आपका पास कर रहा हूँ, तो मैं आपका पास कर रहा हूँ, तो मैं आपका पास कर रहा हूँ, तो मैं आपका पास कर रहा हूँ, तो मैं आपका पास कर रहा हूँ, तो मैं आ��
17:08
कर नहीं किया शायं सही से, हाँ, अब ठीक है, तो ये ये आउटपूट करेगा, और ये ये आउटपूट करेगा, ठीक है, तो request.query कौ��
17:16
सी वाली चीज़े लेकर आता है, कौश्टन मार्क के बाद वाला, ठीक है, और request.params क्या लेकर आता है, जो variables हमन��
17:20
बना जैसे कि कोलन स्लग बनाया हमने, तो स्लग में इंटर टू पडोसी आजाएगा, तो ये चीज़ मैं फिर बाद मे��
17:26
processing कर सकता हूँ, यहाँ पर custom logic लिख सकता हूँ, तो ये था request parameters and query parameters
17:31
express में, अब आजाओ बात करते हैं, static files की, कि static files को किस तरह स��
17:35
बना जाएगा, तो आपको क्या करना है, simply आना है यहाँ पर, और static files क��
17:40
एक section है getting started में, तो मैं आपलोगो बता दों क्या करना है आपको, आपक��
17:44
simply ये code डाल देना है, अब ये क्या है, app.use क्या करता है, अगर आपलोगो जल्दी है��
17:49
तो बता दो app.use, middleware को use करने के लिए use होता है, और express.static ए��
17:53
built-in middleware है, जो कि कहता है, कि public folder को public बना दो, अगर मैं ये न��
17:58
लिखूं, तो क्या होगा, by the way, मैं आपको एक चीज दिखाता हूँ, मालों मैं यहाँ पर हैरी.txt, यह file सबको देना चाहता हूँ, और मैं लिख दू, this is a public file, मैं आपर लिख रहा हूँ, this is a public file, यह ए��
18:08
public file है, और मेरा server तो चालू है, तो मैं अगर यहाँ पर लिख दू, हैरी.txt, cannot get हैरी.txt, obviously, yes, it cannot get हैरी.txt, क्योंकि अग��
18:18
अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अगर अग��
18:48
बनाओ एक पब्लिक नाम से फोल्डर कुछ भी कर सकते हो आप इसका नाम लेकिन पब्लिक ही रख��
18:53
स्टैंडर्ड है ठीक है और पब्लिक आप जो भी यहां लिखो फोल्डर का नाम वो यहां लिख दो बस ठीक है लेकिन हम पब्लिक ही उसकरेंग��
18:59
और पब्लिक के अंदर डाल दो हरी डॉट TXT को और देखो जादू इसके बात पब्लिक के अंदर हरी डॉट TXT है और यह ए��
19:05
स्टाटिक फाइल की तरह सर्व हो रही है इस एक पब्लिक फाइल अब यह फाइल सर्व हो रही है क्या package.json भी सर्व हो रही ह��
19:12
सब लोग लिखो नीचे कॉमेंट में क्या सर्व होगी package.json येस या नौ सब लोग बस इतना लिख दो या टू इंटराक्शन इस वेरी इंपोर्टं��
19:18
सब लोग लिख दो नीचे क्या package.json भी सर्व होगी हा या ना लिख दो जल्दी से सब लो��
19:24
आपको प्लेलिस्ट को आइसे नहीं कर रहे हैं आपको प्लेलिस्ट को आइसे नहीं कर रहे है��
19:57
आपको प्लेलिस्ट को आइसे नहीं कर रहे हैं आपको प्लेलिस्ट को आइसे नहीं कर रहे है��
20:03
आपको प्लेलिस्ट को आइसे नहीं कर रहे हैं आपको प्लेलिस्ट को आइसे नहीं कर रहे है��
20:09
बड़िया यार मज़ा आया आपको प्लेलिस्ट को आइसे नहीं कर रहे है��
20:15
आपको प्लेलिस्ट को आइसे नहीं कर रहे है��
#Programming
#Software