इस course को देखने के बाद आप लोग websites बनाने में प्रियोग की जाने वाली technologies को starting से लेके end तक सीखेंगे और सफल successful और profitable websites बनाना end to end में आप लोग को इस course में सिकाने वाला हूँ ये सारे के सारे videos मेरे channel code with harry पर free of cost upload किये जाएंगे और मैं सारे के सारे videos को एक playlist में add करूँगा जो कि मैं चाहूँगा आप लोग description से जरूर access कर लेना और उसको bookmark कर लेना ताकि आप लोग बिलकुल भी कोई video को miss ना करें जी हाँ, जो लोग web development के बारे में बिलकुल कुछ नहीं जानते हैं, और एकदम start करना चाहते हैं, हो सकता है आप लोग ने programming के बारे में भी कुछ नहीं सुना हो, ये course उन लोगों के लिए ही होने वाला है, end to end एकदम starting से आप लोगों को सिखाऊंगा, या भी cheat sheet, तो वह सारी की सारी चीज़े में आप लोगों की comment का reply करके दे दूँगा तो अगर आप लोगों ने अभी तक नीचे comment नहीं किया है तो अपना नाम और आप लोग कहां से जरूर comment कर देना ही बहुत साधा important है वो लोग जो की already websites बना रहे हैं और जो लोग अभी काम कर रहे हैं HTML, JavaScript और CSS में लेकिन दो तीन चार वीडियोस के बाद मैं इसको थोड़ा advanced level पर धीरे धीरे progress करूँगा और वहाँ पर आप लोगों को कुछ best practices, कुछ common mistakes जो कि लोगों को यूज़ करनी चाहिए, कुछ नए टूल्स जो कि आ गए हैं, जो कि लोग बिल्कुल यूज़ नहीं करते हैं, पुराने जमानी की टेक्निक्स यूज़ करते हैं, उन सारी चीज़ों को पॉइंट आउट करते हुए, मैं आप लोगों को आगे ले कर जाऊं� कभी कोई बोलता है कि जो element है वो ऊपर नीचे आ रहा है एक line में नहीं आ रहा है कभी आपको ऊपर नीचे चाहिए एक line में आ जा रहा है कभी आप चाहते हैं कि एक row में चार element है लेकिन जो पाँचवा element है चौथा element है वो नीचे आ जा रहा है इस तरह की problem बहुत ज़्यादा face करी जाती हैं और इसकी source सिर्फ एक ही है कि आप लोगों को CSS की understanding नहीं है तो वही understanding इस course के थूँ build up करने वाला हूँ और आप लोगों को बताऊंगा कि किस तरह आप लोगों ये problem कभी जिन्दगी में face नहीं करनी पड़ेगी तो इस course को आप लोग जरूर join करें बने रहें मेरे साथ और हम जल्दी इस course को start करते हैं सबसे पहले discuss करेंगे कि एक website किस तरह काम करती है एक website में CSS, HTML और JavaScript का क्या role है और उसके बाद वहाँ से हम लोग इसको आगे ले कर जाएंगे बात को और आगे ले जाकर आप लोगों को समझाऊंगा कि किस तरह आप लोग एक सफल website बना सकते हैं हम लोग build up करेंगे, ID ही install करेंगे अब हम लोग देखेंगे यहाँ पर कि HTML, CSS और JavaScript क्या है और websites किस तरह काम करती हैं। मेरी इस बात को अगर आप लोगों ने ध्यान से सुन लिया तो आज के बाद कभी आप लोगों को यह समझने में प्रॉब्लम नहीं होगी कि HTML, CSS, JavaScript किस तरह काम करती हैं एक website को सर्व करने में। अब यहाँ पर अगर आप लोग आए हैं, यह course देख रहे हैं, और आप लोग website बनाना सीखना चाहते हैं, तो आप लोगों यह तो मालूम होगा, कि किसी भी एक website को बनाने के लिए HTML जो है, वो जरूरी है, अगर आप एक website बनाना चाहते हैं, तो यह must है, इसके बिना काम नही जाएंगे एरियो क्या बोल रहे है यह ब्यूटी विड ब्रेन तो मैं इस चीज को समझाऊंगा बहुत जल्दी तो यहां पर मैं ब्रेन लिख देता हूं और यह हो गई मारी ब्यूटी यानि कि एचटीएमल तो मस्ट है यह तो बॉडी है अगर बॉडी जो होती है वह होता है बारा सीएस इस फिर जावास्क्रिप्ट है दिमाग यानि कि ब्रेन कि क्या आपकी वेबसाइट करती ने रिलोजी देखने वाले हैं यह कार आप लोग देखने बहुत ही धमाकेदार गाड़ी है और यह कार्य क्या है कि इसमें बॉडी है तो जब इसको बनाया होगा तो इसकी सबसे पहले मिटालिक बॉडी होगी मैं आप लिख देता हूं मिटालिक बॉडी यानी कि इसका शरीर यानी कि जो भी मेटल से मिलकर बनी हुई है सिर्फ वह खड़ा होगा और इसके अंदर कुछ नहीं होगा पर जो यहां पर यह शीघ्र लगे हुए यह टुकड़े है इन सब को बनाया होगा बिना यह सोचे कि इसके पहले योग को क्या डिजाइन देना है इसकी पहले में कौन सा कलर करना है उसके साथ जो डिजाइन हमारा यहां पर है बना हुआ आगे जो लाइट में कितनी बड़ी हेडलाइट रखनी है कितना गोला करना है इसको कितना दूर रखना शीशे से वह सब चीजें कि एक मैटल का टुकड़ा पूरा लगाकर बनाया होगा और उसके बाद इसमें अपने खूबसूरती आट करने के लिए कलर वगैरह यह सब लगाया होगा तो नंबर दो पर आता है खूबसूरती यानि कि कलर और उसके बाद आपका डिजाइन जो आपके डिजाइन्स बने हुए जो कट किया हुआ है यहां पर तो मैं आप डिजाइन लिख देता हूं और उसी के साथ यहां पर आपका यह तो विल है इसमें यह जो आप डिजाइन मना हुआ है इस तरह से जो एक्सटरनल यहां पर मैटल वगैरह लगाया हुआ जो भी लगाया हुआ है एलाई वील्स वगैरह दिए हुए वह सब तो वह सारी चीजें यहां पर आ जाती है और मैं आप रिपोर्ट लिख देता हूं यानि कि इसको सजावट का समान इसमें लगाया गया है ताकि यह और अच्छी दिखे उसके बाद आता है ब्रेन यानि कि इंजन तो इंजन यहां पर क्या करता है इंजन बेन काम करता है अब जो इंजन अलांग विद एसिलेटर ब्रेक और क्लच यानि कि यह सब चीजें जो होती है वह क्या करती है वह बताती है एक वेबसाइट को अ कि किस तरह चलना है यहां पर वेबसाइट गारी है तो गारी को बता दी है कि किस तरह चलना है बिल्कुल इसी तरह वेबसाइट के अंदर मेटालिक बॉडी है एचटीएमल और यह डिजाइन है मेरा कलर वगैरह यह है मेरी सीएसस तो यहां पर सीएसस लिख देता हूं और उसके बाद यहां पर मेरा जो इंजन है जो कि ब्रेन है तो आशा करता हूं कि एनोलॉजी आप लोगों को अच्छी लगी होगी समझ में आ गया होगा कि किस तरह इस टीमिल सीएसस और जावास्क्रिप्ट कंट्रीब्यूट करती है लेकिन सिर्फ इस चीज को समझना काफी नहीं है कि किस तरह से एक वेबसाइट में इस टीमिल सीएसस और जावास्क्रिप्ट का रूल आदा किया जाता है या वह मैं आप लोगों बताना चाहू अब देखो, यहाँ पर क्या है, आप लोग देख रहे हैं, एक web server, और यह diagram beginners को थोड़ा डराउना भी लग सकता है, यह एक web server है, यह एक computer है, यह आप है, यह आप है, यह client है, ठीक है, तो client ने क्या किया, client ने अपने Ubuntu, या विंडोस, या फिर जो भी उसके, उसके बाद ऑपरेडिंग सिस्टम है उस कंप्यूटर में उसने एक रिक्वेस्ट पेजी वह रिक्वेस्ट कुछ इस तरह से दिखाई करती है www.cove.com तो डब्ली डब्ली डब्ली डॉट को डूबे द है दीजिए अ उसने कह दिया कि जी देखो मुझे codewithharry.com दे दो, अब क्या है कि जो codewithharry.com है वो codewithharry के server पर रखी हुई है, यह मेरे कोई भी website, google.com है वो google के server पर रखी हुई है, जिसका अपना एक IP address होता है, तो यह जो server है, इसका अपना एक आईपी अड्रेस होता है और इस आईपी अड्रेस पर यह जो वेबसाइट है यह खड़ी हुई है इसकी फाइल से रखी हुई इसका बैक एंड रखा हुआ है अब बैक एंड किसी भी चीज में हो सकता है बैक एंड आपका पीएच में हो सकता है मैं पर ज्यादा कंफ्यूज नहीं करना चाहूंगा आप लोगों को बैक बैकेंड आपका नूट जीएस हो सकता है और बिकुल भी मैं आपसे एक्सपेक्ट नहीं करूँगा आपको इस सब मालूम होकी क्या है, हो सकता है आपने इनका नाम भी नहीं सुना होगा, बस इतना समझना आपको कि ये कुछ बैकेंड के नाम मैंने लिखे हैं और ये बैक करते हैं और कंप्यूटेशन का रिजल्ट क्या होता है कंप्यूटेशन का रिजल्ट होता है इस टीम सीएसस जावास्क्रिप्ट अभी जो एसटीएमल होता है यह मीन बॉडी होती है इसके अंदर इसी के अंदर रखा जाता है सीएसस जावास्क्रिप्ट को किस तरह एक लिफाफा समझ लो HTML को, एक body समझ लो, और इस लिफाफे के अंदर ही डाल के भेजा जाता है, CSSO JavaScript को wrap करके, यानि कि एक बंडल जाता है, जिसकी body HTML होती है, और उस body के अंदर ही कहीं न कहीं CSSO JavaScript होती है, इस चरीर को भेजा जाता है as a response, किस request का response, codewithharry.com, यह जो आपने कहा कि मुझे codewithharry.com दे दो, इसका response यहाँ पर आपके server ने दिया कि ले लो, तो यह आपका response आपके web server ने दिया, एक लिए जाते हैं रेस्टोरन में वहां पर आप लोग बोलते हैं कि मुझे एक पनीर बटर मसाला दे दो क्या होता है उसका रिस्पॉंस ही होता है कि यह लो पनीर बटर मसाला ले लो खा लो और रोटी आप मंगाते हैं रोटी कुछ और मिलता आपको पनीर बटर मसाला नहीं मिलता उसी का ना अगर आप कोड़ वे दॉट कॉम स्लैश कुछ और है तो हो सकता है मुझे दूसरा पेज मिले अगर मैंने कोड विद डॉट कम स्लाइट कॉन्टैक्ट लिख दिया तो हो सकता है मुझे दूसरा पेज मिले तो यह रिक्वेस्ट है यह रिक्वेस्ट है यहां पर हमारी अब आप कौन से रेस्टरों से रिक्वेस्ट करना है डोमेन है कुछ ऐसा समझ लो यह डोमेन है यानि कि मैं इस वेबसाइट से कोड विद डॉट कम से अब हो सकता है कि आप किसी एस्टोरन में जाये और आप बोल देंगे कुछ खाने को ला दो तो अपना जो भी डिफल्ट खिलाता होगा वो लाकर दे देगा जस्ट एन एनलॉजी मैं आपको बस एक एनलॉजी देगे समझाना चाहता हूँ और इस तरह अगर आप लोगों अगर वह नहीं करता है मान लो आप जाते हैं रेस्टर में आप बोलते हैं कि मुझे चाइनीज नूडल्स खिला दो वह चाइनीज नूडल्स बनाता नहीं है बिचारा तो कैसे खिलाएगा आपको वह लेकर सर नॉट अवेलेबल तो नॉट नॉट अवेलेबल कहने का तरीका सर्वर का होता है फोन और फोन सर्वर एक रिस्पोंस भेजता है कितना है नॉट अवेलेबल नॉट फाउंड ठीक है तो इस तरह से जो है क्लाइंट और सर्वर कम्यूनिकेट करते हैं एक दूसरे से लाइन बेचता है अब वह अपना कि एक फ्रंट एंड भेजने के लिए तैयार करता है किसको क्लाइंट को तो बैक एंड क्या करता है यह तीन पर तैयार करता है एसटीमल सीएस जावास्क्रिप्ट और वह क्या करता है वह कि अपने लाइन को जिसने भी रिक्वेस्ट किए वेबसाइट तो आई हॉप कि आप लोगों समझ में आ गए होगी कि इस तरह से वेबसाइट काम करती है एक बार और फटाइक से बताता हूं कि यहां पर एक कंप्यूटर था यहां पर उस वह क्लाइन था जिसका जहां CSSO, JavaScript, HTML के अंदर ही मौचूद थी और वापस मिल गई यहाँ पर इस computer को अब क्या हुआ, इस computer को HTML, CSS, JavaScript जब मिलेगी तो यह web browser नाम का एक program है कि कंप्यूटर के अंदर स्टॉल होता है आप लोगों के बाद भी होगा यह वेब ब्राउजर जो है वह क्या करता है वेब ब्राउजर इसको यानि कि यह जो डॉक्यूमेंट आया यह डॉक्यूमेंट एश्टीमल सीजेस जावास्क्रीप टेक्स्ट है इसको वह डिखाता है जो आपको दिखाई देखा अगर आप अगर आपको एक वेबसाइट दिखाई देगी इसमें इमेजेस भी होंगे कहां पर क्या चीज आएगी उन सब चीजों को मैंनेट करके डिस्प्ले कराने का कम ब्राउजर का होता है और ब्राउजर रिसीव क्या करता है कि यह डॉक्यूमेंट रिसीव करता है इस टीम से जावास्क्रिप्ट तो यह हमारी बेसिक वर्किंग वेबसाइट की तो आगे बढ़ते हो देख लेंगे कि इस टीम का क्या रोल है हालांकि हमने डिस्कस्ट करी लिया है बट थोड़ा सा टाइप डाइव करते हैं ज कोडिंग करना स्टार्ट करेंगे इस टीमल की बात कर लेते हैं यहां पर टीमल की फुल फॉर्म होती है हाईपर टेक्स मार्कअप लैंग्वेज और यह एक स्टैंडर्ड है यानि कि बहुत सारे लोगों ने एग्री किया है कि भाई इस टीमल को यूज करेंगे वे� और सारे ब्राउजर्स भी जो लोग बनाते हैं वो भी इसी को डिस्प्ले कराएंगे तो एक स्टैंडर्ड बना दिया यह एक वैल स्टैंडरडाइज सिस्टम है और यह जैसे कि मैंने आप लोगों को बताया बॉडी होती है वेबसाइट की यह एक स्टैंडर्ड मार्क अप skeleton हड्डियों के साथ ठीक है तो अगर skeleton की बात की जाए मेरी ड्राइंग उतनी अच्छी बन नहीं रही है बट आप बस यहां पर समझ लो skeleton है यह और यहां पर मैंने बहुत अच्छा skeleton नहीं बनाया लेकिन जो HTML होता है वह skeleton ही होता है ठीक है और यहां पर हड्डियां हो जाएंगे skeleton की और यह रिप केज एनिवेस छोड़ देता है उसको यह जो skeleton बनाया है यह सिर्फ मुखड़ा है वेबसाइट का जो किस टीम रिपेजेंट करते हैं अगर मैं आगे बढ़ूं सीएस के अंदर आ जाओ तो तो सीएसस क्या करता है डिजाइन देता है स्कैलेटन को जो स्कैलेटन होता है हमारा उसके अंदर जो स्किन है स्किन का कलर है बाल है कपड़े है जिसकी वजह से इंसान अच्छे लगते हैं वह हमारी सीएसस है तो जो कैसे टीम स्टाइल शीट्स होती है वह एक स्टाइल शीट लैंग्वेज है जो कि आपके वेब पेज की यानि कि जो इस टीम बॉडी आपने बनाई थी उसकी प्रेजेंटेशन को अच्छा करती है कौन से एलिमेंट का क्या कलर होना चाहिए कौन से एलिमेंट का क्या क्राउंट कलर होना चाहिए कौन सा एलिमेंट लेंगे अजय को लेफ्ट में फ्लोट करेगा कौन सा एलिमेंट जो है वह टॉप में जाएगा कौन सा एलिमेंट अपने अंदर कितनी दूरी रखेगा कितनी मार्जिन रखेगा कितनी पैडिंग रखेगा उसका बॉर्डर का कलर क्या होगा यह सारी चीजें सीएसस तैक करता है और हम जितने भी आइनिमेशन वगैरह और सब चीजें आप देखते हैं इसी इसकी मदद से ही आप लोग अचीव कर पाते हैं अब आज जावास्क्रिप्ट होती है ब्रेन यानि कि दिमाग जो आपका वेबसाइट है उसकी जो ब्रेन है जो उसकी सोचने की अबिलिटी है वह कहलाती है जावास्क्रिप्ट जैसे एक इंसान है अगर वह वाइस डिसीजन ले रहा है तो वह जावास्क्रिप्ट जैसे ही वाइस डिसीजन ले पा रहा है तो मान लो एक इंसान कर लेट्स को देर तो वह सोच पा रहा है यानि कि वह नहीं है उसकी लुक्स है वह है जावास्क्रिप्ट उसका दिमाग है उसका ब्रेन है कि कहां जाना है कब जाना है से ज्यादा है वह सारी चीजें जिस तरह से बढ़िया अब यहां पर हम लोग क्या करेंगे जावास्क्रिप्ट उसको सीखेंगे सही से और जावास्क्रिप्ट में आप लोगों को बताना चाहता हूं कि अगर आप गुशेंगे जावास्क्रिप्ट के अंदर तो एक बहुत बड़ी लैंग्वेज है और आप लोगों जावास्क्रिप्ट के अंदर आपने अगर HTML सीख ली तो ऐसा नहीं है कि आपको HTML 100% सीखनी है मैं इस बात को भी पूरा करूँगा आधी बात मत सुनना मेरी और जावास्क्रिप्ट मान लो आपने HTML सीख ली मैं कहूँगा HTML अगर आपने 80% भी सीख ली तो that is enough इन अफ चीज अगर आपने 40-60 पर सेंट भी सीख ली देड़ इन अफ मैं बिगिनर्स की बात करूं जब आप स्टार्ट करने तब और जावास्क्रिप्ट आप लोगों ने 50-70 पर सेंट सीख ली तो भी देड़ इन अफ और उसके बाद बाकी जो आप सीखेंगे वह आप प्रोपर्टीज याद करने लग गए और उसको लेकर बैठ गए और आप जावास्क्रिप्ट को छुआ भी नहीं आपको पता भी नहीं जावास्क्रिप्ट के जीविक में क्या होता है और इसमें क्या होता है कैसे किस तरह यह सब चीजें काम करती है जावास्क्रिप्ट की स्पेलिंग नहीं मालूं आप लोगों को ऐसा नहीं करना है ऐसा करेंगे तो आप काफी टाइम खो बैठेंगे बिल्कुल भी आप रिलेट नहीं कर पाएंगे कि इन तीनों को किस तरह एक साथ यूज करना है अगर आप लोग रिलेट करना चाहते हैं वो एक high level dynamic interpreted programming language है और dynamic का मतलब मैं आगे बताऊंगा आप लोगों को अभी आप इसको छोड़ दो और ये client side scripting language है ये बहुत important है server side पर javascript use हो सकती है लेकिन ये client side programming language है तो अगर मैं इस diagram में आ जाओंगा अपने तो यहाँ पर browser के अंदर जो programming है जैसे कि इस पर click करो तो ये हो जाए अगर मैं mouse को hover करूँ तो क्या हो अगर मैं किसी element पर click करूँ तो एक नई window खुले किसी एलिमेंट पर अगर मैं क्लिक करूं तो एक फॉर्म सबमिट हो जाए वह सारी चीज जावास्क्रिप्ट थ्रू अचीफ की जाती है तो आप लॉजिक लिख सकते हैं आप लॉजिक लिख सकते हैं इसे आप कन्वर्ट कर सकते हैं किलोमेटर्स को माइल्स में मदद करता है उप कि आप लोगों को एस्टीमल वेब डेवलपमेंट में और यह जो वीडियो था एक इंट्रोडक्टरी वीडियो था काफी लोग यह सोच रहे होंगे कि तो बेसिक था और अभी तक playlist को access नहीं किया है, ये मेरी humble request है आप लोगों से, description में मैं playlist को डाल दूँगा, जल्दी से जल्दी आप उस playlist को grab कर लेना, इस video को like करना बिल्कुल मत बूलना, अभी के लिए इस video में इतना है guys, thank you so much guys for watching this video and I will see you next time. प्राप्त