Transcript for:
Web Development Introduction Lecture

आपको लोगों के लिए लेकर आए हैं एक बहुत ही शानदार वेब डेवलपमेंट कोर्स यह एक ऐसा डोमिन है यार जो कि अगर आप एक स्टूडेंट हो इर्स्पेक्टिव कि आप साइंस के हो कॉमर्स के हो या आर्ट्स के हो आपको 10-12 लाख का पाकेज दिलवा सकता है ज बारे में जानते हूं वो आप क्लियर कर लेते हो जिससे कि आपका CV बहुत ज़्यादा स्ट्रॉम हो जाता है वेब डेवलप्मेंट अगर आपको आती है यार तो कल को जब आप अपना खुद का टेक स्टार्टअफ करते हूं तो आप टेक साइड खुद देख सकते हो आप अपने विजनस के लिए स्टार्टअफ के लिए एक वेब साइट कंस्ट्रक्ट कर सकते हो तो ये एक ऐसी चीज है यार जो कि आपको अलग अलग तरीकों से वापस पे आउट कर रही होगी मैं यार बोर नहीं करूँगा आपको शुरुआत के 2-3 मिनट लूँगा जहांपे मैं आपको बता रहूँगा कि यार इस पुरे कोर्स की क्या हमारा स्ट्रक्चर होने वाले है पुरे वर्ल्ड का यार सबसे प्रेमियम कोर्स है ये कैसे बोल सकते हैं क्योंकि हमें सिर्फ HTML औ डेप्थ में गए हैं, beginners to advance जिसे हम बोल सकते हैं, तो सबसे पहले हम बात करते हैं, यह है lecture number 0, जिसके अंदर हम basically आपको बता रहे होंगे, कि web development basically होता क्या है, और इसके अंदर सारी चीज़ें कि web work कैसे करता है, right, HTML, CSS, JavaScript, यह क्या है, front end क्या होता है, back end क्या होता है, जब आप फिर यार हम बात कर रहे होंगे front end के बारे में, front end में सबसे पहले हमारी language आएगी HTML, अब HTML को सीखने के लिए हमें लगबग 2.5 hours पढ़ना पढ़ेगा, लगबग आपके 4-5 lecture हैं, जो की आपके premiere हो चुके होंगे, नीचे description box में एक playlist वगेरा आ जाएगी, right, और back to back यार 10 दिन तो फिर देख चीज आ रही होगी और सीएसेस सीएसेस के अंदर हम 3.5 आवर्स लगा रहे होंगे अब आपको लग रहा होगा भाईया डाइसाड़े तीन घंटों में इतनी बड़ी चीज हो जाएंगी हां जी हो जाएंगी राइट और हमारे साड़े तीन घंटे साड़े तीन नहीं होते वह हमने कुछ बहुत बड़ी बड़ी चीजों को एनिमेट करके उस छोटे से टाइम मिलाते हैं इसमें दोबारा तीन से चार घंटे लगने वाले हैं वेरी इंपोर्टेंट राइट फिर अगर हम फ्रेमवर्क की बात करें यार तो यह आपके अलग-अलग फ्रेमवर्क से हम रियाट जीएस पर काम कर रहे होंगे काफी बड़े लेक्चर इसके निकलेंगे 5-6 घंटे तक हम जा रहे होंगे फिर यार अगर हम बैक एंड की बात करें अगर आपको यार और CSS जो है वो हमने complete shoot अभी कर लिया है और premier भी हो चुका होगा जब तक आप यह अभी देख रहे होंगे तो नहीं तो अभी जब सबसे पहले बच्चे हो तो मतलब हो जाएगा आदे घंटे में राइट उसके बाद यह 10 दिन तो आपके back to back या lecture आएंगे फिर मैं चाहता हूँ आप practice करो और जब तक आप practice करोगे हमें एक हफ़ता तीन चार घंटे का course मिले राइट ये course जिन बंदों ने निकाला है मैं उन बंदों के बारे में बताता हूं वह खुद कॉमर्स ट्रीम के बच्चे हैं यार ठीक है साइंस भी नहीं और जी सॉक फोड रखा है एक लेर इंडिकेशन हम यह देना चाहते हैं कि आपकी स्ट्रीम मैटर नहीं करती तो इसी के साथ पर बात करते हैं यार यह शानदार कोर्स और डेफिनेटली यार पॉजिटिव कमेंट्स करके आप टेचर्स का ऐसे बहीया पकाता हूं त्यारा प्यारा एनिमेटेड कांटेंट तुम्हारे सामने पर कट होने वाला है 321 Hello guys, welcome to Aapna College आज हम स्टार्ट करने वाले एक new web development series जिसमें हम बनाएंगे यार एक dynamic website तो दो तरह की website होती है एक static दूसरी dynamic static website यार ऐसी website होती है जिसका data user के control में नहीं होता है इनमें कोई नए web page डालने के लिए हमें code करना पड़ता है और ये सिर्फ एक visiting card की तरह होती है जो की सिर्फ कुछ content display कर रही होती है example के लिए आप landing pages देख सकते हैं किसी company का रेजिमे वाली वेबसाइट देख सकते हैं लोगों की रेजिमे होते हैं और डाइनमिक वेबसाइट यार वो एक ऐसी वेबसाइट होती है जिसमें डेटा का कंट्रोल जो है वो यूजर्स और क्लाइंट्स के पास होता है एक visiting card की तरह सिर्फ display हो रही होगी तो इसमें हम data store करने के लिए एक database design करेंगे फिर एक server side language उसकर के frontend और database के साथ link करेंगे और इस point पर हमारी website बन चुकी होगी लेकिन ये अभी भी हमारे computer में है तो अगर हमें इसे दुनिया को दिखाना है तो हमें इस website को देना होगा एक unique name और इन files को रखना होगा एक ऐसे computer में जो 24 by 7 चलते रहे अब आपके पास है एक live website जिसको कोई भी दुनिया के किसी भी कोने से access एक्सेस कर सकता है तो है ना एकदम मैचिक बट यह तो हर वेबसाइट की कहानी होती है तो हम यार इसमें कुछ एक्स्ट्रा करने वाले हैं और हम एक पेमेंट गेटवे भी इंटेक्रेट करना सिखाएंगे कि एक वेबसाइट के अंदर तो तो एक वेबसाइट कैसे काम करती है इसे देखते हैं एक एग्जांपल से तो suppose कर रहो हमारी website एक human body है तो at the base level हमारी body के अंदर होती है बहुत सारी bones जिससे मिलकर बनता है skeleton और उसी से हमारी body का shape और size define होता है तो यहाँ इस skeleton को हम HTML कह सकते हैं जिससे हम कोई भी website का structure बनाते हैं और skeleton के उपर हमारी body में muscle, skin, hair और बाकी चीज़ होती है जिससे एक aesthetic और look define होता है किसी body का तो similarly हर website में हम use करते हैं CSS जिससे उसका look और style बनता है लेकिन यह बॉडी एक डेडबॉडी की तरह है क्योंकि इसमें कोई फंक्शनालिटी नहीं है, यह कुछ सोच नहीं सकती है। तो उसके लिए हम यूज़ करते हैं एक प्रोग्रामिंग लैंग्वेज जो की है जावास्क्रिप्ट जो एक्ट करती है एस ब्रेन। बट यहाँ यार एक कैच है इस ब्रेन के अंदर कोई मैमरी या स्टोरेज नहीं होता है। और एक सर्वर डेटाबेस क्या है तो डेटाबेस हम यूज़ करते हैं डेटा को बहुत ही efficient structure में store करने के लिए तो जब भी आप किसी website पर register कर रहे हो तो वो डेटा किसी database में store हो रहा है और वही डेटा यूज़ करके आप फिर से login कर पाते हो और ये database भी यार किसी सर्वर के अंदर ही होता है computer है जो किसी data center में पढ़ा है और आप इसे rent कर सकते हैं और क्योंकि frontend user के browser में होता है और browser तो हम किसी भी phone, tablet या laptop में यूज़ कर सकते हैं रखते हैं और इन डिवाइसेस की स्प्रीड स्लो भी हो सकती है इसीलिए यार हम डेटा को प्रोसेस करने के लिए यूज करते हैं एक सर्वर और सर्वर यूज करने के लिए हम यूज करेंगे एक सर्वर साइड लैंग्वेज जो कि कोई भी अल्ली फंक्शनल बॉडी body है तो अब इस body को हम बुलाने के लिए एक पैचान तो देंगे ना जिससे हम इसके पैचानेंगे कि ये unique है ये अलग है तो उसके लिए हम हर website को एक unique name देते हैं जिससे domain name भी कहा जाता है जिससे उस website की एक पैचान होती है और उसी को use करके हम server को call करते हैं और जैसे ही call करते हैं content हमें हमारे browser में display हो जाता है तो यार ये तो हमने देख लिया एक web developer के perspective से कि कैसे एक website को बनाते हैं अब एक बार इसे देख लेते हैं user के angle से वेबसाइट को वेब एड्रेस में लिखते हैं और कॉल करते हैं तो यार इसके लिए हम एक एनलोजी लेते हैं जैसे आपको एक शॉप से समान लाना है तो सबसे पहले आप उस शॉप को नैविगेट करोगे फिर आप वहाँ जाएंगे और कुछ ओर्डर देंगे और वहाँ तो वो domain name अपने server को locate करेगा फिर आपके request server में जाएगी और server हो सकता है कुछ database queries करे और फिर आपका content response में web browser तक भेज दिया जाएगा और यार वो content बना होगा HTML, CSS और JavaScript से और अब यार आपके browser तक वो files आ चुकी है और अब browser का काम है उस content को पढ़ना जिसमें HTML है और उस HTML को यूज़ करके हमारा browser layout बना देगा CSS यूज़ करके design एड हो जाएगी और JavaScript से यार कुछ functionalities चल जाएगी और ये सारी चीज़ें फिर हमारे web browser में display हो रही होगी तो यार कुछ ऐसी journey होती है एक website की जब भी आप किसी website को अपने browser में open करते हैं अब आपने से यार कुछ लोग सोच रहे होंगे क्यों ना हम website builder का use कर दे इतना सब सीखना जरूरी है क्या तो पहले तो यार जिसको website builder नहीं पता तो तो यार ये कुछ ऐसी websites या softwares है जो आपको कुछ tools देंगे और आप उससे बिना coding किये websites बना सकते हैं तो चलो देखते हैं क्यों code करना better है website builder यूज़ करने से तो सबसे पहले तो यार customizations जो हम code करके पूरा control अपने हाथ में रख सकते हैं वो website builders में नहीं रहता दूसरा uniqueness क्योंकि यार हम already coded websites को use कर रहे हैं ये websites कभी stand out नहीं करेगी तीसरा यार coding करके हम अपने website को बहुत ही फास्ट और एफिशेंट कर सकते हैं और वेबसाइट बिल्डर्स में और बहुत सारा फालतु का कोड होता है जो कि हमें नहीं चाहिए होता है और वह वेबसाइट को बहुत ही स्लो कर देता है और यही एक कारण है कि वेबसाइट बिल्डर्स से जो वेबसाइट बनती है वह आसानी से ऐसी हो में रैंक नहीं हो पाती तो यार आप समझी गए क्यों हमें