Introduction to JavaScript & Installing Node.js _ Sigma Web Development Course - Tutorial #54

Name: Introduction to JavaScript & Installing Node.js _ Sigma Web Development Course - Tutorial #54 | Humix Video
Uploaded: 2024-03-11T09:21:54+00:00
Duration: 20 min 22 s

0:00
देख आज के इस वीडियो से हम लोग जावास्कृप्ट स्टार्ट करने वाले है��
0:03
जावास्कृप्ट एक क्लाइन्ट साइट स्क्रिप्टिंग लेंग्वज हैं जो कि आपके वेब पेजिस को इंटराक्टिव बनाती है��
0:07
यादे आपको हमने नेटफिलिक्स का क्लोन मनाया था जिसमें हम लोगों ने बिलकुल भी इंटराक्टिविटी आएट नहीं करी थ��
0:11
सिर्फ डिजाइन आएट किया था उसको जावास्कृप्ट से इंटराक्टिव बनाया जा सकता ह��
0:15
जावास्कृप्ट का इस्तमाल डोड जियस की मदश से बैक ऐंट्स बनाने के लिए भी इस्तमाल किया जा सकता ह��
0:20
जो कि हम इस कोर्स में डेफिनेटली देखने वाले हैं आप लोग इस फिडियो को लाइक कर देन��
0:24
और नीचे कॉमेंट सेक्षन में जावास्कृप्ट टोपी लिखना इस बार आप लोग एकसाइटेट हैं जावास्कृप्ट के लि��
0:28
चलते हैं कॉम्प्यूटर स्क्रीन में जावास्कृप्ट को देखेंगे नोड चेस को इंस्टॉल करेंगे काफी मज़ा आने वाला ह��
0:33
लेट्स वोल दे इंट्रो तो बैस जैसे की आप लोग देख सकते हो यहां पर मैं आचुका हूँ अपनी गंपिटर स्क्रीन मे��
0:47
वीडियो 54 के नाम से एक फोल्डर बना कर खोलने वाला हूँ इसको टी एस कोड में अब यहाँ पर देखो मजा आने वाला है क्योंक��
0:55
आने वाला है कि यार हम उसकर रहे हैं जावा स्कृप्ट अब और काफी हम एक full stack की तरफ transition ले रहे हैं ठीक ह��
1:01
आप लोगों मैं आपर सबसे बाले एक boiler plate template देके और मैं आपर जावा स्कृप्ट introduction लिखोंग��
1:08
और आप लोगों पताता हूँ कि जावा स्कृप्ट होती किया है बालो यहाँ पर हमारी एक website है और इस website मे��
1:13
मैं कहीं पर क्लिक करता हूँ और मैं चाहता हूँ जब मैं क्लिक करूँ तो एक alert box मुझे दिखाई दे वो हम कैसे करेंग��
1:19
मैंने यह website आप लोगों को बना कर दिखाए थी netflix.com इन फाक्ट एक बार इसको खोल कर दिखाऊंग��
1:24
री विजिनेट मारेंगे इसको और कुछ बाते करेंगे इसके बारे में तो मैं इसको भी अगर open with code कर दू��
1:29
तो यह folder चो है वियस code में खुल जाएगा और मैं अगर index.html को preview कर रहा हूँ तो आप देख��
1:34
यह कुछ इस तरह से दिखाई दे रही है लेकिन यहाँ पर कुछ चीज़े मिसिंग है जैसे कि अगर मैं इस बटन पर क्लिक करूँ तो कुछ नहीं हो रहा ह��
1:39
मैं चाहूँगा कि यहाँ पर मैं अगर अपना email address डाल दूँ तो यह form submit होगा एट starter पर क्लिक करक��
1:43
इस तरह के काम JavaScript से की जाते हैं वैसे clone तो देखो हमने कर दिया पुर��
1:47
design wise भी कर दिया सब कुछ एकडम पूरी चेब दी website responsive भी है य��
1:51
लेकिन हम लोग इसमें interactivity add नहीं कर पाए और interactivity कांस��
1:55
आईगी interactivity आईगी JavaScript की साहिता से तो JavaScript किस तरह की interactivity देता है आप लोगों क��
2:01
JavaScript हम लोगों को देता है हर तरह की interactivity जैसे कि आप लोग चाहोग��
2:05
बटन पर क्लिक करके एक form submit हो जाए अगर आप लोग चाहोगे कि यार कहीं प��
2:09
क्लिक करे तो एक user को prompt दिखे वो भी हो जाएगा अगर आप चाहोगे कि कहीं प��
2:13
क्लिक करने से एक दूसरा page खुल जाए वो भी हो जाएगा सब कुछ हो जाएगा तो यह सार��
2:17
काम जो यह JavaScript करता है आपको बचा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा ��
2:49
जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जा��
3:19
जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जाएगा जा��
3:49
होगा कि इस तरह का एलर्ट मुझे देखने को मिलेगा आप देख रहे हो यहाँ पर हेलो वर्ड मुझे देखना चीज़ी है अब देखो मैं इसको रीलोड करूँग��
3:55
हेलो वर्ड देख गया मुझे ठीक है तो मैं एलर्ट हेलो वर्ड देख पाऊँगा जब भी मैं इसको रीलोड करूँगा देखो यह हेलो वर्ड मुझे देख गय��
4:01
मैं ओके करूँगा तो यह डिसमिस हो जाएगा एलर्ट तो जावास्कृप्ट इस तरह के काम करती है फ्रेंट ऐंड में लेकिन हम जावास्कृप्��
4:06
को बैक ऐंड में भी उसकर सकते हैं फ़र इक्सांपल हम जावास्कृप्ट को उसकर सकते हैं सर्वर साइट पर कुछ क्वेरीज रन करने क��
4:12
लिए जो की मॉंगो डीबी के दुआरा हम लोग करेंगे तो वो सारी चीज़ हम लोग देखेंगे लेकिन जस्त आपको बताना चाहता हूं क��
4:17
फ्रेंट ऐंड जावास्कृप्ट के इस तरह से दिखती है फ्रेंट ऐंड में जावास्कृप्ट को प्रमारिली दो तरीकी से लिखा जाता है एक त��
4:23
आप यहाँ पर ही गुसा थो जैसे कि आपने स्टाइल में भी देखा था कि बाई CSS हमें लगानी थी हमने यहाँ पर डाल दिया स्टाइल टै��
4:29
दूसरा तरीका होता है कि मैं एक JS बनालूं। script.js और फिर यह जो सारा content ह��
4:34
इसके बाद मैं यहाँ पर इस तरह से backspace मार दू अब आप मुझे एक बात बताओ कि क्या मैं इसक��
4:43
refresh करूंगा, okay करने के बाद refresh करूंगा तो क्या मुझे alert book दिखेगा कि नहीं दिखेगा, आप लो��
4:48
कर लिए नीचे comment section में लिख कर बताओ, मैं wait कर रहा हूँ आप लोग के comment करने का, okay अगर आप लोग ने लिख��
4:52
तो बहुत अच्छी बात है, मैं reload करके आपको दिखाता हूँ यह नहीं दिखेगा, और यह इसलिए नहीं दिखेग��
4:57
क्योंकि मैंने आपसे script text हटा दिया और यह script का इससे कोई मतलब नहीं, मैंने link नहीं किया अपनी HTML को JavaScript स��
5:03
मुझे इसको successfully चलाने के लिए JavaScript से link करना पड़ेगा, चलो link करके भी दिखा देता हू��
5:08
आप लोगों को किस तरह से होगी linking, तो आप जिस तरह से CSS को link करते थे अब JavaScript क��
5:14
script कुलन src लिखकर आप इस JavaScript का पता बता बताते हैं जो कि script.js है, अब दिखेगा कि नहीं दिखेग��
5:21
अब दिखेगा, आप देखो मैं reload करूँगा तो मुझे hello word यहाँ पर देखने को मिल रहा है, तो JavaScript क��
5:27
हम practice के टाइम पर तो यहीं पर लिखेंगे, चोटी मोटी JavaScript होगी तो यहीं पर लिखेंगे, लेकिन अगर हम कुछ बड़ी script
5:33
जैसे कि मानलो हमारा Netflix लोन है, हम कह रहे हैं कि हमारा Netflix लोन है, इसमें मैं चाहता हूँ इस बड़न पर क्लिक करक��
5:39
यह हो जाए, अगर मैं यहाँ पर कुछ ना लिखो तो यहाँ पर error शो करें, कि बाई this email address is not valid, इस तरह की चीज़��
5:45
अगर मुझे करनी है scripting कि बाई if this email address contains
5:49
यहाँ पर does not contains an at the rate sign, मैं लिख दूँगा invalid email address
5:53
तो यह इस तरह के काम जो सारे हैं, JavaScript से करे जाते हैं, ठीक है, front-end पर, लेकिन JavaScript सिर्फ इतनी नहीं होती है
5:59
back-end पर run करके JavaScript को हम लोग पूरा back-end बना सकते हैं
6:03
और आप लोग server-side scripting कर सकते हैं, यानि कि आप server पे queries वग़ेर��
6:07
run कर सकते हैं, database से connect कर सकते हैं, वहाँ से data pull करके, client में भेज सकते हैं, यह सारे काम आप लोग JavaScript से कर सकते हैं
6:13
तो JavaScript का जो role है वो बहुत अच्छा है, और मैं आप लोगों यह भ��
6:17
जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो ��
6:47
7:17
7:47
8:17
देखते हैं जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो जो ज��
8:47
दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो दो ��
9:17
तो आपका number आजाएगा यहाँ पर और मैं बिल्कुल भी मात होना मैं जस्त आपलोग को ही दिखाना चाहता हूं कि अगर आपने कोई number यहां डाल��
9:23
तो वो console में आजाएगा मैं इसको reload करता हूं मैंने जब change किय��
9:27
तो इसके बाद यहां पर किया मालों मैं कोई number लिखता हूं अब okay करता हूं तो यहां पर your number is 5656 आजाएगा ठीक है तो इस तरह स��
9:33
JavaScript का प्रियोक किया जा सकता है तो यह हो गया prompt अब इसके बाद एक confirm होता है जो कि आप लोग यूज कर सकते हैं मैं अग��
9:39
यहां पर लिखों where is true और मैं यहां पर लिख दो अग��
9:44
prompt are you sure you want to leave this page टीक है and burn your
9:50
computer टीक है बलास्ट कर देता हूं इसको तो आप लोग अग��
9:55
यहां पर यह हो जाता है तो फिर मैं ऐसे कर सकता हूं is true
9:59
और मैं लिख दो blastingsting your computer न तो इस तरह की काम मैं कर सकता हूं आप लोगों पता चले कम्प्यूटर इस बलास्टिंग और इसके बाद अग��
10:12
तू नहीं हो या नहीं एल्स में गया तो मैं क्या कर सकता हूं इसे कॉपी करके यहां पर डाल सकता हू��
10:16
पर इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके ��
10:46
बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसके बाद इसक��
11:16
11:46
12:16
12:46
आप देखो इसको रन कर लेना फिर इसके बाद जो इंस्टॉलर डाउनलोड हुआ है और ये जैसे ही रन हो जाएग��
12:51
नेक्स्ट करो और एक्सेप्ट करो लाइसेंस टर्म्स को इसको बिल्कुली गेम की तरह इंस्टॉल मार ल��
12:56
अब यहाँ पर यह अटोमाटिकली इंस्टॉल नेसेसरी टूल्स मैं नहीं करूँगा क्योंकि यह बहुत टाइम लेता ह��
13:01
इससे बहुत सारी चीज़ें इंस्टॉल हो जाती हैं बट अगेन मैं यह नहीं करूँगा अभी और नेक्स्ट पर क्लिक करके इंस्टॉल कर दूँग��
13:06
और जैसे ही मैं इंस्टॉल करूँगा यहाँ पर आप लोग देख सकते हो की मैं इसको येस करूँगा और यह इंस्टॉल हो रहा है और यहाँ पर आप देख सकते हो की मैं इसको फिनिश कर सकता हूँ जैसे ही मैं फिनिश करूँग��
13:17
मेरा नोड जियस इंस्टॉल हो जाएगा अब आप लोग अगर रैट लिक करके यहां से टर्मिनल खो लोगे और इसके पर सिर्फ नोड माइनस माइनस वर्जन लिखोगे यहां प��
13:24
तो क्या होगा नोड माइनस माइनस वर्जन लिखकर आप एंटर मारोगे इसको टाइप करना है आपको वर्जन 20 दिखाना चाहिए अगर नहीं दिखा रहा है वर्जन 20 तो भाई उपडेट कर लो अपना नोड अगर पुराना उसकर रहे हो उपडेट कर लो भाई क्योंक��
13:54
पर रायन डाल ने क्या किया था कि इसको C++ प्रोग्राम में डाल दिया था जावास्क्रिप्ट के रेंटाइम क��
13:59
और उसके बाद क्या हुआ एक बड़े कमाल की चीज़ हुई कि जावास्क्रिप्ट की शक्तियों का इस्तेमाल अब हो पा रहा था हमारे कंप्यूटर के अंदर भी हमारे सर्वर के अंदर भ��
14:08
यहनी कि अब मैं यहां बर डिरेक्टली जिस तरह से पाइथन प्रोग्राम को रन करता हूँ अगर आपने पाइथन बाय एनी चांस यूज़ किया है त��
14:14
यहाँ पर C++, C प्रोग्राम, किसी भी तरह का प्रोग्राम अगर आपने बना के रन किया अपने कंप्यूटर मे��
14:19
उस तरह से अब आप जावस्कृप्ट के प्रोग्राम को भी Note की साहता से रन कर सकते हू��
14:23
मैं आपको दिखाता हूँ, तो यह script.js जो है, इसको अगर मैं जो रन करना है, मैं आपसे टर्मिनल निकालूंगा अपन��
14:28
और मैं simply लिखोंगा Note और लिखदूंगा script.js, बट मैं आपलोगो वार्न करना चाहता हूँ कि यह script नहीं चलेगी as it is
14:34
क्योंकि इसमें कुछ elements ऐसे हैं जो ब्राॉजर में ही उपलब दोते हैं, जैसे कि प्राम्ट हो गया, कंफर्म हो गया, यह सिर्फ ब्राॉजर में उपलब दोते हैं, तो इसलिए अगर मैं आपको लिखूंगा Note और लिखूंगा script.js, तो यह नहीं चलेगा, देखो आप ��
15:05
देखो इसने मुझे एरर दे दिया, यह कहरा है कि भाई यह alert क्या होता है, मुझे नहीं पता क्योंकि alert सिर्फ ब्राॉजर में उपलब दोता है, तो इसक��
15:10
लिए मैं एक नई script बनाऊंगा, new.js के नाम से, और इसमें से भी console logs डालूंगा, alert और alert भी नहीं, सिर्��
15:16
console logs डालूंगा, और जो मेरा पहला console logs होगा, होगा hello world ठीक है, तो मैं आपर लिखोंगा hello world, तो अब मैं अगर यहाँ पर लिखोंग��
15:26
node new.js और एंटर मारूंगा तो आप देखो यह सारी चीज़े प्रिंट होगी, यानि कि जो भी काम मैं कर रहा था अपने ब्राॉजर के अंदर, अब मैं वो सारे काम कर सकता हूँ, script.js के अंदर अपने कम्प्यूटर में, यानि कि मैं जावा स्कृप्ट की प्राक्टिस क��
15:56
नाएगा जावा स्कृप्ट के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस ��
16:26
के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्टिस के प्राक्ट��
16:56
जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब जब ज��
17:26
17:56
18:26
18:56
19:26
19:56
आपको लगते हैं और मैं आपको लगते हूँ बा��

Introduction to JavaScript & Installing Node.js _ Sigma Web Development Course - Tutorial #54

codehunter.online

How to become a Blockchain Developer in 2022_ _ 🔥 Complete Roadmap + Salary + Tech Stack

How to make the Best Time Table_ _ Time Management for Students

Government or Private _ What job to do_

How To Easily Edit Video On Your Chromebook With CapCut Online

CSS Background, Fonts, Margin | CSS Course for Beginners

Exploring Cocoa Village And A Little Diy On Our Sailboat! | Ep 16 #svaguaazul

How to Organize Your Bookmarks Efficiently with Bookmark Bar Switcher

How to Stop Yahoo from Opening in Chrome

How to Create a Juice Can Mockup in Canva

Ezoic Earnings Proof 💰 | Boosted Traffic with Google Trends in 7 Days

Create a Trending AI Baby Voice Podcast with CapCut – New Technique!

Woodturning - Log to Vase

Up next in 10

Introduction to JavaScript & Installing Node.js _ Sigma Web Development Course - Tutorial #54

codehunter.online