बेसिक डिस्कस कर रहे हैं नेटवर्किंग के कॉन्सेप्ट समझ रहे हैं बहुत साड़ी थ्योरी देख रहे हैं कोडिंग कब करेंगे तो आज की क्लास में आप अपना पहले कोड लिखने वाले हैं और अपना एनवायरनमेंट सेटअप करने वाले हैं विजुअल स्टूडियो कोड को आप उसे करने वाले हैं हम आपका कोड लिखने के लिए क्या होता है एनवायरनमेंट क्या होता है विद स्टूडियो कोड कैसे आप अपना पहले गोल्ड लिखने वाले हैं सब कुछ समझेंगे इस लेक्चर के अंदर तो अभी इस कोर्स के अंदर आपकी कोडिंग शुरू होने वाली है अभी हमारा टारगेट पहले हम फ्रंट और वाला पार्ट कंप्लीट करें फिर बैक हैंड वाला पार्ट कंप्लीट करें तो आज की क्लास हमारा टारगेट ये है की हम सबसे पहले तो अपने एनवायरनमेंट को सेटअप कर लेने जहां पर हम कोड लिखने वाले हैं सेकेंड्ली हम समझेंगे एचटीएमएल होता क्या है और इसके कॉन्सेप्ट्स के बड़े में समझे कुछ बेसिक सिंटेक्स देखें कैसे अपना कोड लिख सकते हैं और आप एक हेलो दुनिया वाला प्रोग्राम क्रिएट करें आप आज अपना पहले प्रोग्राम क्रिएट करने वाले हैं आज होती है कोडिंग की शुरुआत थोड़ा सा आइडिया आपको मैं देता हूं आगे जाकर हम क्या क्या करने करने वाले हम समझेंगे एचटीएमएल होता क्या है आज की क्लास के अंदर बेसिक कोड हम लिख लेंगे इसी बेसिक कोड को धीरे-धीरे एडवांस कोड में हम कन्वर्ट कर देंगे जैसे से आगे हम क्लासेस बढ़ते जाएंगे हम पढ़ेंगे एचटीएमएल के बड़े में हम पढ़ेंगे फॉर्मेटिंग टैग्स के बड़े में हम पढ़ेंगे लिस्ट के बड़े में हम पढ़ेंगे टैग के बड़े में बहुत सारे टैक्स हम समझना वाले हैं उसके बाद हम पढ़ेंगे इन लाइन एलिमेंट के बड़े में ब्लॉक एलिमेंट के बड़े में हम समझेंगे आमेट के बड़े में m.ed क्या होता है जो आपके एचटीएमएल कोड है उसको लिखने की बहुत फास्ट तरीके का है बहुत ही स्पीडी तरीका है उसको आमेट के द्वारा हम कर सकते हैं आमेट होता क्या है कैसे आप आमेट को उसे करने वाले हैं वो हम समझेंगे हम पढ़ेंगे टेबल के बड़े में की टेबल कैसे आप क्रिएट कर सकते हैं हम पढ़ेंगे फॉर्म्स के बड़े में यूजर से इनपुट आप कैसे ले सकते हैं हम पढ़ेंगे मीडिया के बड़े में की लेट आपको वीडियो ऑडियोज इमेज इन सब का इंटरेक्ट करना है तो आप कैसे इनके साथ इंटरेक्ट कर सकते हैं तो ये आपका एचटीएमएल के अंदर रहने वाला है और बहुत भिन्न-भिन्न प्रकार की चीज आगे आने वाले लेक्चरर्स के बड़े में हम सीखने वाले हैं मैं आशा करता हूं की आपके अंदर वो एक्साइटमेंट होगी सीखने की और हम आपको शिखा रहे होंगे ठीक है अब हम आए हैं तो फिर मतलब तो आने ही वाला है तो शुरू करते हैं सबसे पहले टास्क हम समझते हैं आज का जो की व्हाट इसे एचटीएमएल व्हाट इसे एचटीएमएल ठीक है अगर मैं तुम्हारे कॉलेज का टीचर होता नो ऑफेंस तू अन्य वन तो मैं तुम्हें बताता की एचटीएमएल स्टेंस पर हाइपर टेक्स्ट मार्कअप लैंग्वेज अच्छा जी फूल फॉर्म पता ग गई हमें इससे क्या शिखा मैंने मैंने तो कुछ भी नहीं शिखा है इसके अंदर इससे ठीक है तब समझते हैं कहानी क्या है एचटीएमएल स्टेंस पर हाइपर टेक्स्ट मार्कअप लैंग्वेज ठीक है ये मैंने समझ लिया पर मुझे ये नहीं जानना मुझे ये बताओ की एचटीएमएल एक्जेक्टली होता क्या है फूल फॉर्म से मेरा फायदा नहीं होने वाला मैंने कहा चलो ठीक है जैसे हमने देखा क्या c++ प्रोग्रामिंग लैंग्वेज जावा मेरे पास एक लैंग्वेज है पाइथन मेरे पास एक लैंग्वेज वैसे ही यहां पर एसटीएमएल भी मेरे पास एक प्रकार की लैंग्वेज है जिसके द्वारा मैक्स स्ट्रक्चर डिफाइन कर सकता हूं जिसके द्वारा मैक्स स्ट्रक्चर डिफाइन कर सकता हूं और स्ट्रक्चर क्या होता है वो समझाएंगे आपको ठीक है हमने बोला आपने फ्रंट एंड की जर्नी के अंदर हम बहुत साड़ी चीज पढ़ने वाले हैं हम एसटीएमएल बाढ़ रहे होंगे हम कस पढ़ रहे होंगे हम जावा स्क्रिप्ट पढ़ रहे होंगे ठीक है इन सभी का कम क्या-क्या बर्फ लेवल पर समझ लेते हैं उसके बाद डिटेल स्टडी करेंगे मैंने बोला जब भी मैं एचटीएमएल की बात करता हूं तो तुम मुझे सवाल पूछोगे व्हाट ठीक है तो एचटीएमएल स्टेंस पर व्हाट इसे एन वेबसाइट ठीक है जो भी आप वेब पेज देख रहे हैं उसका जो वत वाला क्वेश्चन होगा की इस वेबसाइट में क्या-क्या है ये क्या है ये एक पैराग्राफ है ये पर्टिकुलर क्षेत्र क्या है ये एक हेडिंग है ये पर्टिकुलर क्षेत्र क्या है ये एक इमेज है ये पर्टिकुलर क्षेत्र क्या है ये एक क्षेत्र है ये पॉलीटिकल क्षेत्र क्या है ये एक आर्टिकल है तो वत वाला पार्ट जब आता है किसी भी वेबसाइट के अंदर किसी भी वेब के अंदर किसी भी वेब पेज के अंदर तो मुझे पता होता है वत वाला पार्ट कौन डिफाइन करता है एचटीएमएल डिफाइन करता है एचटीएमएल का मेल कम में इंपॉर्टेंट कम होता है लेबलिंग करना की यार ये जो मेरा पूरा का पूरा वेब पेज है इसमें ये वाला पार्ट जो है ये मेरी हेडिंग है इसमें ये वाला पार्ट जो है ये मेरा क्षेत्र है इसमें ये वाला पार्ट जो है ये वाला क्षेत्र है इसमें ये वाला पार्ट जो ये मेरा आर्टिकल है ये वाला पार्ट जो है लिस्ट है ये वाला पार्ट फॉर्म है और ये वाला पार्ट आपका एक और आर्टिकल है इस प्रकार से मेरी पुरी की पुरी वेबसाइट में पूरे के पूरे यूआई में व्हाट डिफाइन करना वो मेरा एचटीएमएल का कम है मैं समझाऊंगा कैसे विचित्र ना करें नहीं समझना तू भी कोई बात नहीं डिटेल में समझेंगे क्ष का क्या कम है मैंने बोला कस का कम होता है स्टाइलिंग जो भी आपकी वेबसाइट में स्टाइलिंग रिलेटेड कम है जो भी अपीरियंस रिलेटेड कम है वो सर कम आपका कस सवाल है मैंने कहा की यार यहां पर एनीमेशन लगा देना इसका बैकग्राउंड ग्रीन कर देना इसके टेक्स्ट को रेड कर देना इसका साइज थोड़ा और इंक्रीज कर देना जो भी अपर है इस रिलेटेड स्टफ होता है जो भी स्टाइलिंग रिलेटेड स्टफ होता है वो सब कस हैंडल कर रहा होता है जो स्क्रिप्ट की अगर बात करें तो ये आपका ब्रेन होता है तो जो भी फंक्शनैलिटी या जो भी लॉजिक डिफाइन करना होता है किसी प्रकार का ठीक है लेट से मैंने लोग डिफाइन करना है मैंने एक प्रकार का काउंटर है अब यहां पर बना लिया जिसमें यहां पर प्लस का बटन है जिसमें यहां पर नेगेटिव का बटन है और आपने क्या बोला यहां पर फाइव लिखा है तो मैं जब प्लस पे क्लिक करूं ये फाइव सिक्स बन जाए जब मैं माइंस पे क्लिक करो ये सिक्स वापस फाइव बन जाए तो लॉजिक डिफाइन करना की इस पे क्लिक करके ये हो जाए इस पर क्लिक करके ये हो जाए राइट वो लॉजिक वो फंक्शनैलिटी वो बिहेवियर वो ब्रेन कहां कौन डिफाइन करता है उसके रिस्पांसिबिलिटी उसके रिस्पांसिबिलिटी मेरी जावा स्क्रिप्ट की होती है थोड़ा सा मैंने आपको फायदे देने की कोशिश की है अभी वापस चलते हैं हमारे आज के टॉपिक के ऊपर जो की यह एसटीएमएल एसटीएमएल क्या होता है एचटीएमएल क्या होता है चलो आओ समझते हैं हम समझ रहे हैं एचटीएमएल क्या होता है मैंने बोला एक प्रकार की लैंग्वेज है ठीक है मैंने बोला एक प्रकार की लैंग्वेज है मैं ये नहीं का रहा प्रोग्रामिंग लैंग्वेज है मैंने नहीं कहा प्रोग्रामिंग लैंग्वेज है मैंने कहा की आ लैंग्वेज जो की स्ट्रक्चर डिफाइन करती है आपने बोला आपके पास कोई भी वेबपेज है आपने बोला आपके पास कोई भी वेब पेज है ठीक है मैंने बोला ये मेरा वेब पेज है इस वेब पेज के अंदर बहुत सर कंटेंट होता है यस और नो इस वेब पेज के अंदर वीडियो भी हो शक्ति है इमेज भी हो शक्ति है टेक्स्ट भी हो सकता है ऑडियो भी हो शक्ति है भिन्न-भिन्न प्रकार का कंटेंट हो सकता है नहीं समझ में आता चलो आओ चेक कर लेते हैं एक बार हम यहां पे हमने बोला कोड हेल्प की वेबसाइट दिखाओ तुम कोड हेल्प की वेबसाइट पर जाते हैं यहां पर मैं क्या दिखे रहा है हमें दिखे रहा है ऊपर एक बैनर बना पड़ा है जहां पर एक टेक्स्ट लिखा हुआ है ओके यहां पर एक बटन है क्रॉस का यहां पर मेरी नेवीगेशन बार बार बनी पड़ी है मेरा हीटर बना पड़ा है यहां पर मैं देख रहा हूं मेरे को टेक्स्ट दिखे रहा है मेरे को फिर से एक और टैक्स दिखे रहा है मेरे को दो बटंस दिखे रहा है मेरे को कुछ इमेज दिखे रही है यहां फिर से कोई टैक्स दिखे रहा है यहां मुझे फिर से कुछ इमेज दिखे रही हैं यहां पे कुछ इमेज दिखे रहे हैं जो की मूव कर रही हैं ओके यहां पे कुछ डाटा दिखे रहा है राइट तो मुझे मेरी वेबसाइट के ऊपर इस प्रकार से बहुत भेन-भिन्न प्रकार का डाटा दिखता है राइट का भी मुझे टेक्स्ट दिखे गया कभी मुझे इमेज दिखे गई कभी मुझे कोई एनीमेशन दिखे गई राइट तो इस प्रकार से भिन्न-भिन्न प्रकार का डाटा में देख का रहा हूं इस वेबसाइट के ऊपर तुम अगर किसी भी चीज को ऑब्जर्व करोगे यहां पर हर चीज को तुम एक नाम दे सकते हो मैंने कहा ये टेक्स्ट है टेक्स्ट है ये बटन है ये इमेज है ये टेक्स्ट है ये आपके कुछ इमेज हम का सकते हैं इसे ये टेक्स्ट है ये टेक्स्ट है ये टेक्स्ट है अगेन टेक्स्ट है बीच में कोई बैकग्राउंड है पीछे ये बैकग्राउंड के यहां पर कोई इमेज है बनी पड़ी है फिर से यहां पर कोई इमेज आपने लगा राखी है इमेज के नीचे बहुत सर टेक्स्ट आपने लिखा हुआ है राइट तो इस प्रकार से आपकी वेबसाइट के ऊपर बहुत सर कंटेंट पड़ा होता है अब हर एक कंटेंट की लेबलिंग करना अरे कंटेंट की लेबलिंग करना लेबलिंग करना क्या मतलब है मैंने बोला जी इस वेबसाइट में इस वेब पेज में यहां पर जो है यहां पर मैं एक हेडिंग लिखूंगा तो यह मैंने लेवलिंग कर दी की ये एक हेडिंग है अब यहां पर जो भी लिखा होगा लेट यहां पे लिखा हुआ है कर ठीक है तो कर एक हेडिंग हो गई मैंने बोल दिया ये एक हेडिंग है लेबलिंग कर दी मैंने बोला इसमें यहां से यहां तक का जो भी कंटेंट होगा ये सर का सर मैंने एक क्षेत्र एक क्षेत्र बोल दिया है तो मैंने इसकी लेबलिंग कर दी एक क्षेत्र है मैंने बोला यहां से यहां तक जो भी कंटेंट होगा ये क्या होगा ये एक पैराग्राफ है ये एचटीएमएल बता रहा है की भाई इसके अंदर जो भी कॉन्ट्रैक्ट लिखा हुआ उसको पैराग्राफ माना जाएगा मैंने बोला की यहां पे तुम्हारी लेट से एक और हेडिंग ए गई तो ये कौन बता रहा है ये फिर से लेबलिंग की है आपके एचटीएमएल के यहां से यहां तक हेडिंग है तो आपके वेब पेज के अंदर क्या-क्या है आपके पेज के अंदर कौन है ऐसी चीज क्या है कौन पैराग्राफ है कौन हेडिंग है कौन लिस्ट है कौन इमेज है कौन वीडियो है कौन ऑडियो है ये डिफाइन करना ये लेबलिंग करना इस एचटीएमएल का कम होता है आई थिंक ये समझ में ए रही होगी तो अगर आप आंसर देना चाहते हैं आपकी वेब पेज पर कौन सी चीज क्या है व्हाट तो वो कौन डिफाइन करता है वो एस्टीमेट डिफाइन करता करता है अगर हम कोई वेबसाइट देखें जैसे अभी हमने कोड हेल्प की वेबसाइट अच्छी तो उसको हम तीन पार्ट में डिवाइड कर सकते हैं हमने कहा हर किसी वेबसाइट का एक फाउंडेशन होगी तो हमने बोला जैसे हमारी बॉडी है ठीक है जैसे ये ह्यूमन का जो शरीर है ये जो बॉडी है इसके अंदर एक स्केलेटन होता है राइट सपोर्ट के लिए एक स्केलेटन होता है उसे स्केलेटन के ऊपर स्केल होती है तो हमने जो भी स्केलेटन होता है ना आपका किसी वेब पेज के अंदर आपने हर चीज यहां पर डिफाइन कर दिए पहरी है ये हेडिंग है ये क्षेत्र है ये आर्टिकल है ये लिस्ट है ये इमेज है ये वीडियो है ये ऑडियो है यह आपने डिफाइन कर दी तो वो स्केलेटन प्रोवाइड करना व्हाट वाले क्वेश्चन का आंसर करना लेबलिंग वाला कम करना आपका कौन सा माल्टा है एचटीएमएल संभलता है जैसे ह्यूमन की बॉडी में स्केलेटन है तो वो एचटीएमएल एक प्रकार से हम का सकते हैं अगर हम एग्जांपल देना चाहें मैंने बोला जो स्क्रीन है आप ये का रहे हैं ऐसा कोई व्हाइट कांप्लेक्शन को भी ब्राउन कलर है डिफरेंट डिफरेंट आपके पेरेंट्स हो शक्ति है वो अपीरियंस किस से रिलेटेड करेगी ब्रेन है फंक्शनैलिटी है बिहेवियर है वो आपका डिफाइन करता है तो यहां पर मैंने क्या बोला एचटीएमएल एक ऐसी लैंग्वेज है इसका कम है लेबलिंग करना जिसका कम है आपकी वेबसाइट का स्ट्रक्चर राइट डॉ करना इसका कम है आपकी वेबसाइट का आपके वेबपेज का डिस्क्रिप्शन प्रोवाइड करना की भाई ये पर्टिकुलर चीज हेडिंग है ये क्षेत्र है ये आर्टिकल राइटिंग समझ गए हो ठीक है अगेन एक बार लास्ट बार हम रिपीट कर रहे हैं हमने सिर्फ इतना कहा की एचटीएमएल का ऐसे प्रकार की लैंग्वेज है जिसके द्वारा आप अपने पेज पे लेबलिंग का कम कर सकते हैं आप अपने वेब पेज को स्ट्रक्चर प्रोवाइड कर सकते हैं आप अपने वेब पेज का डिस्क्रिप्शन दे सकते हैं कौन सी चीज क्या है व्हाट वाला पार्ट अगर मुझे आंसर करना है किसी भी पेज के ऊपर तो वो एसटीएमएल जो है एचटीएमएल आंसर करने वाली है अगेन चलो ये समझ में ए गया अब कोर्ट कैसी लिखेंगे क्या क्या चीज होते हैं बाद की बातें अभी सबसे पहले कम हमारा क्या है सेटअप करना की कोड हम कहां पर लिखने वाले हैं पहले वो इंपॉर्टेंट है तो मैंने कहा की हम यहां पर वे एस कोड का उसे करने वाले हैं ठीक है वे एस कोड का उसे करेंगे एक आईडी हमारे पास अवेलेबल होगा यहां पे अपना पूरा कोड लिख पाएंगे ठीक है अगर तुम्हारा बहुत सर ऑप्शन तुम वी एस कोड उसे करना चाहे वो उसे कर सकते हो तुम एक्स कोड उसे करना चाहे वो उसे कर सकते हो सब लाइन टेक्स्ट उसे करना चाहे सब लाइन टेक्स्ट उसे कर सकते हो हम इस कोर्स के अंदर वे एस कोड करने वाले हैं ऑनलाइन कोड एडिटर की वेबसाइट के ऊपर तो अगर तुम डायरेक्टली वहां पर कोड करना चाहे वो भी कर सकते हो तो इसके लिए हमने क्या किया इसको इंस्टॉल करने के लिए हम एक नए टाइप के या फिर यहां पर हमने क्या लिख दिया वे एस को डाउनलोड ठीक है जी आप पहुंच गए डाउनलोड विद डी स्टूडियो कोड आपके विंडोज मशीन है आप विंडोज का डाउनलोड कर लो आपकी मैक मशीन है आप मैक का डाउनलोड कर लो ठीक है तो आपके पास ये डाउनलोड में या फिर डॉक्यूमेंट में इसको डाउनलोड कर लेते हैं हमने इसको से कर लिया ये प्लेस कर लिया और आपका यहां पर विडल स्टूडियो कोड ए गया है हमने इसको कर लिया शो इन फोल्डर हमने इसको रन कर लिया और अट्रैक्ट हो गया हमने इसको रन कर लिया कर तुम्हारी विंडोज मशीन है या तुम्हारी मैक मशीन है कोई भी इशू नहीं है दोस्त नेक्स्ट नेक्स्ट करके आप इसको इंस्टॉल कर लेंगे फटाफट से इसको ओपन करते हैं हमने कहा जी ये रहा हमारा स्टूडियो कोड आपके लैपटॉप पीसी के अंदर भी इस प्रकार से देखने वाला है ठीक है अब मैंने कहा अब मैंने कहा की सबसे पहले कम था कंप्लीट हो चुका है सेकंड कम जो मुझे यहां पर करना है वो इस वाले तब में करना है आप यहां पर बहुत सारे टैब देख का रहे होंगे बहुत सारे टैब आप देख का रहे होंगे ये आपका एक्सपी है आपका जो भी फाइल स्ट्रक्चर होगा वह यहां पर विजिबल हो जाएगा जैसे हम कोड करते चलेंगे आपको समझ में आएगा फाइल स्ट्रक्चर क्या होता है और जो ये भिन्न भिन्न प्रकार की चीज होती हैं वो आप यहां पर देख पाएंगे सर्च करना है आपका यहां सर्च कर सकते हैं आपके पास यहां पर सोर्स कंट्रोल है जैसे अब आपको हम गेट अप के बड़े में बताएंगे तो आपको यहां पर थोड़ा सा आईडी लगेगा चीजें कैसे कम कर रही है कुछ रन करना है देबाब करना है यहां से कर सकते हैं एक्सटेंशन आपके पास यहां पर अवेलेबल है अभी के लिए आपको सिर्फ दो एक्सटेंशन जो है वो इंस्टॉल करने हैं हमने कहा एक तो हम प्रेट्टियार कर लेंगे एक तो हम प्रेत एक्सटेंशन जो है उसको इंस्टॉल कर लेंगे ठीक है तो यहां पर इंस्टॉल का बटन आपके पास आएगा उसको क्लिक करके आप इंस्टॉल कर लेंगे उसे कैसे करना है आपको आगे हम बताएंगे और सेकंड चीज आपको करनी है वो है लाइव सर्वर बहुत इंपॉर्टेंट है इसके बिना आपको मजा नहीं आएगा तो ये लाइव सर्वर वाला जो एक्सटेंशन है इसको भी आप इंस्टॉल कर लेंगे इतना कम अपने कर लिया यहां पे तीन स्टेप फूल फाइल कर लेंगे तो आपका जो एनवायरनमेंट सेटअप है वो कंप्लीट हो चुका है तो आप ये तीन स्टेप कर लेंगे तो आपका एनवायरनमेंट सेटअप जो भी है कंप्लीट हो चुका है ठीक है वापस चलते हैं तो हमने इंशाल्लाह आपको एनवायरनमेंट सेटअप के अंदर क्या बोला पहले स्टूडियो को गुड के वेबसाइट पर जो वहां पे जाके जो भी तुम्हारी मशीन है मैक है उसको डाउनलोड करो और इंस्टॉल करो इंस्टॉल करके इसको इंस्टॉल कर ले बहुत बढ़िया सेकंड गेम हमने आपको समझे कुछ एक्सटेंशन आपको जो है यहां पर इंस्टॉल करने हैं हमने आपको बोला भी दो ही एक्सटेंशन इंस्टॉल करोगे तो यार और एक लाइव सर्वर कौन से एक्सटेंशन किस प्रकार से कम करता है ये आपको हम आगे आने वाली क्लासेस के अंदर समझा देंगे करते-करते आपको समझाएंगे ऐसे बोलके थ्योरी हम आप थ्योरी में आपको मजा नहीं आएगा ठीक है जी तो अब इंतजार होता है खत्म आपको हम लेक जाएंगे आपके आज के पहले प्रोजेक्ट में इस पूरे कोर्स के पहले प्रोजेक्ट में जिसका नाम हम रखेंगे हर बार की तरह हेलो दुनिया हेलो वर्ल्ड तो सब बनाते हैं हम हेलो दुनिया लिखेंगे हमने लिखा जी इसका नाम है हेलो दुनिया अब यह प्रोजेक्ट हम क्रिएट करने वाले हैं अभी के अभी ठीक है तो स्टेप बाय स्टेप चलते हैं सबसे पहले सबसे पहले मैंने एक फोल्डर क्रिएट कर लिया मैंने उसका नाम रख दिया मेरा प्रोजेक्ट वन चलो जी प्रोजेक्ट वन बन गया फिर मैंने क्या किया और मैंने बोला की मैं यहां पर कोई बात नहीं तो यह क्रिएट हो गया पहले कम यहां पर मैं अपना सर का सर कोड लिखने वाला प्रोजेक्ट वन के अंदर ठीक है सेकंड जो कम मुझे क्या करना है मुझे एक फाइल क्रिएट करनी पड़ेगी लेट उसे फाइल का नाम मैंने यहां रख दिया index.html क्या index.html के साथ जरूरी है या किसी और नाम से भी लिख सकता था किसी और नाम से भी आप कर सकते थे बट यू हैव तू मेक सर जो भी आप नाम लिखे हैं बब्बर लव राहुल प्रिया जो भी आप नाम लिखे उसके आगे डॉट एचटीएमएल एक्सटेंशन लगाना बहुत ज्यादा इंपॉर्टेंट है इसके बिना हम बात नहीं बनेगी दोस्त अगर एचटीएमएल का गोल्ड लिखना चाहे यू हैव तू मेक सर की आपने यहां पर डॉट एचटीएमएल फाइल क्रिएट कर राखी है ठीक है ब्राउज़र के अंदर डिफॉल्ट कॉन्फ़िगरेशन ऐसी होती है की भाई आपको कोई भी प्रोजेक्ट मिले तो उसे प्रोजेक्ट के index.html को आपको इंटर करना है ठीक है जी तो हमने थॉट्स वो यहां पर इंडेक्स डॉट एचटीएमएल करके एक फाइल बना दी है ठीक है अब ध्यान से एक जादू देखना जादू जादू ठीक है हमने यहां पे एक एक्सक्लेमेशन मार्क लिखा और हमने इंटर कर दिया बहुत सर बॉयलर प्लेट कोड आपके सामने ए चुका है ये कोड बार-बार लिखने का नीड ही नहीं पड़ेगी आपको आपने सिर्फ क्या किया आपने लिखा जी एक्सक्लेमेशन मार्क और तब हिट कर दिया या फिर आपने एक्सक्लेमेशन मार्क और इंटर हिट कर दिया ये कैसे हो रहा है कौन सा जादू है इसके पीछे आपको समझाया जाएगा चिंता ना करें पर अभी के लिए आप एक बहुत बेसिक बॉयलर प्लेट कोड को देख रहे हैं हमारे एक चीज को बिल्कुल डेप्थ में समझना वाले हैं उसकी चिंता आप ना करें अभी के लिए ऐसे करते हैं इसको हटा देते हैं थोड़ा सा और सिंपल दिखाई हैं आपको एक कोड तो हमें अभी के लिए कोड इस प्रकार का दिखे रहा है किस शब्द का मतलब क्या है आपको अभी समझाया जाएगा ठीक है तो मैंने बोला ये रही मेरी index.html फाइल और ये मैंने अपना बॉलर प्लेट कोड जो जेनरेट करना था कर लिया है अब मैंने क्या बोला अब मैंने क्या बोला बॉडी के अंदर लिप्स से मैंने यहां पर लिख दिया की हेलो दुनिया बब्बर इस हर इन थे वर्ल्ड का वेब रन करके देखते हैं पहले उसमें ज्यादा मजा आएगा ठीक है तो हमने यहां पर एक बटन हम देख का रहे हैं को लाइव इस पर क्लिक कर सकते हैं या फिर राइट क्लिक करके मैं ओपन विद लाइव सर्वर पर क्लिक कर सकता हूं दो ऑप्शन हो गए या फिर यहां पर राइट क्लिक करके ओपन विद लाइव सर्वर पर क्लिक कर सकता हूं तीन ऑप्शन हो गए तो मेरे पास तीन ऑप्शनीके पूरे के पूरे कोड को मेरे ब्राउज़र पे रन करने का पहले यहां राइट क्लिक करके ओपन विद लाइव सर्वर दूसरा यहां पर राइट क्लिक करके ओपन विद लाइव सर्वर और तीसरा को लाइव का बटन यहां पर मेरे पास अवेलेबल है तो मैंने किया गोल्स और को लाइव पर क्लिक करते हैं क्या हुआ क्या हम सभी देख का रहे हैं हमारा पहले हेलो दुनिया वाला प्रोजेक्ट ये हमने क्रिएट किया है दोस्त हेलो दुनिया बाबर इस हर इन डी वर्ल्ड ऑफ क्या बात समझ में आई है बहुत बढ़िया तो आपका पहले प्रोजेक्ट आप क्रिएट कर चुके हैं भैया क्रिएट तो कर ले पर पता नहीं चल रहा की कैसे क्रिएट हो गया समझते हैं समझते हैं समझते हैं हमने सबसे पहले चीज तो यहां पर लिखे हुए लिखे टाइप एचटीएमएल ठीक है यह पूरा सिंटेक्स हमने उसे किया है ठीक है एक ही बार आपको डिफाइन करना होता है यह इसका मतलब क्या है यह बेसिकली आपको यह बताता है की आपका जो डॉक्यूमेंट यह लिखा गया है जो पूरक पूरा कोड लिखा गया है ये एचटीएमएल 5 में लिखा गया है ए लाइन आपको ये दर्शाती है की जो पूरा का पूरा डॉक्यूमेंट लिखा गया है इस डॉक्यूमेंट का टाइप है html5 html5 आपने यहां पर इस डॉक्यूमेंट के अंदर उसे की हुई है ऐसे ही आपकी एक्सएमएल की ऐसी आपकी एक्सटर्नल फोर के डिफरेंट डिफरेंट हो शक्ति है पर हां उसमें नहीं जा रहे हैं अगर आप देखना चाहते हैं एचटीएमएल फोर की गाड़ी गूगल पे सर्च कर सकते हैं ठीक है stml5 का डिक्लेअर करने का तरीका इस प्रकार का होता है ठीक है उसके बाद अगली चीज हमने आपको क्या बताई इसके अलावा आपको जो भी कोड लिखना है इसके अलावा आपको जो भी कोड लिखना है वो आपको इस एचडी म इस एचडी म एलिमेंट के अंदर इस एचटीएमएल टैग के अंदर लिखना पड़ेगा अब ये एलिमेंट क्या होता है ये टैग्स क्या होते हैं ये धीरे-धीरे हम समझना वाला है आपको विद अगली क्लास में इनकी और क्लेरिटी मिल जाएगी एलिमेंट में क्या फर्क है टैग में क्या फर्क है अटरीब्यूट क्या होता है आपको समझाया जाएगा अभी के लिए हमने क्या बोला की जो भी चीज आपको ऐसे दो ब्रैकेट के बीच में लिखी हुई दिखे जाए इसको आप टैग बोल सकते हो ठीक है टैग एलिमेंट में बहुत साड़ी कन्फ्यूजन रहती है बच्चों को तो आपको डिफरेंस बता दिया जाएगा तो हमने बोला की यहां पर हमने क्या बोला की जो भी आप कंटेंट बाकी का सर का सर कोड मुझे लिखना है वो सर का सर एचटीएमएल वाले टैग के अंदर लिखा जाएगा ठीक है तो हमने एचटीएमएल वाले टैग के अंदर हमने बाकी सर का सर कोड लिख दिया है बाकी सर का सर कोड लिख दिया है थोड़ी सी क्लेरिटी देते हैं आपको टैग और एलिमेंट के बीच में ठीक है तो बहुत भिन्न भिन्न प्रकार के टैग्स होते हैं एचटीएमएल के अंदर ठीक है जिससे आप डिफरेंट डिफरेंट फंक्शनैलिटी अचीव कर सकते हैं जैसे मेरे पास एक h1 टैग होता है जिससे मैं हेडिंग क्रिएट कर सकता हूं लेवल वन की h2 होता है की ये भी हेडिंग क्रिएट करेगा पर उसका साइज इससे थोड़ा छोटा होगा ठीक है उसकी बाल्डनेस इससे थोड़ी कम होगी ऐसी मेरे पास एक पी टैग होता है जो की पैराग्राफ के लिए होता है ऐसे मेरे पास एक आर्टिकल टैग्स होता है जो की आर्टिकल दर्शाने के लिए होता है ऐसे ही मेरे पास एक क्षेत्र का टैग होता है जिसमें क्षेत्र क्रिएट कर सकता हूं ऐसे ही मेरे पास एक फॉर्म का टैग होता है जिसमें फॉर्म क्रिएट कर सकता हूं ऐसे ही मेरे पास एक एचडी म का टैग है जिसके अंदर में अपना सर का सर हम डॉक्यूमेंट एचटीएमएल डॉक्यूमेंट राइट डॉ करूंगा अपना सर का सर एचटीएमएल डॉक्यूमेंट राइट डॉ करूंगा ठीक है सो टैक्स बेसिकली आप का सकते हैं की आपके पास ऐसे कुछ स्पेशल शब्द हैं जो एक पर्टिकुलर यूटिलिटी को इंप्लीमेंट करते हैं पॉलीटिकल यूटिलिटी को प्रोवाइड करते हैं एच1 यूटिलिटी क्या प्रोवाइड कर रहा है वो लेबलिंग प्रोवाइड करता है हेडिंग की ये भी लिविंग प्रोवाइड करता है हेडिंग की ये लेबलिंग प्रोवाइड करता है पैराग्राफ के लिए भी प्रोवाइड करता है फॉर्म के लेबलिंग प्रोवाइड करता है एचटीएमएल डाक की राइट तो आपका हर एक टैग जो है किसी प्रकार की यूटिलिटी आपको प्रोवाइड कर रहा है तो हमने यहां पर क्या बोला मेरा सबसे पहले मुझे दिखे रहा है की एचटीएमएल नमक टैग ये आपको ये दर्शाता है की सर एचटीएमएल डाक इसके अंदर लिखा जाएगा और अगेन हर टैग जो होता है उसके अंदर पॉसिबिलिटी है हर किसी में 100% में ये रूल लागू नहीं होगा पॉसिबिलिटी है की उसका एक ओपनिंग टैग हो जो की इस प्रकार लिखा जाएगा इन अरा ब्रैकेट के अंदर और उसका क्लोजिंग टैग जो की इस प्रकार लिखा जाएगा एरो रैकेट के अंदर बस फर्क ये है की यहां पर इसको हम बोलते हैं ओपनिंग टैग इसको हम बोलते हैं और इसको हम बोलते हैं क्लोजिंग टायर्स आपको मिलेंगे जहां क्लोजिंग टैग नहीं होगा इतना समझ में आया की मेरे पास जो है यह वाला कोड लिखा हुआ है यहां पर लाइन वन सीरीज के डॉक्यूमेंट html5 का है भाई ये नीचे डॉक्यूमेंट लिखा हुआ है इसका जो हम एचटीएमएल का वर्जन उसे कर रहे हैं html5 उसे कर रहे हैं फिर लाइन नंबर थ्री पे आगे क्या पता लगा की भाई जो भी तुम कोल्ड लिखोगे ना वो सारे के सारे कोड इसके अंदर लिख देना एचटीएमएल तुम्हारे रूट एलिमेंट हो गया यहां पर एचटीएमएल यहां पर तुम्हारा एक रूट एलिमेंट हो गया एलिमेंट क्या होता है भैया एलिमेंट बताओ उसके बाद आगे बात करेंगे मैंने कहा ठीक है है तो हम जब बोलते हैं की एचटीएमएल एक टैग है एचटीएमएल एक टैग है ठीक है ऐसा मैंने बोल दिया अब मैंने बोल दिया की ये रहा क्लोजिंग टैग एचटीएमएल का और यह रहा ओपनिंग टाइम जब ओपनिंग टैग लिखा गया हो क्लोजिंग टैग लिखा गया हो और इसके बीच में तुम्हारा एक कंटेंट पड़ा हुआ है मैंने क्या बोला इन तीनों को कंबाइन जब हम कर दें इन तीनों को जब हम कंबाइन कार्ड तो हम क्या कहते हैं की एलिमेंट बन गया तो ये तीनों कंबाइन करके हम क्या बोल सकते हैं एचटीएमएल एलिमेंट बन गया तो इंडिविजुअल लेवल बात करो अगर तुम कंबाइन करके बात करो तो ये पुरी की पुरी एलिमेंट कहलानी है तो मैं यहां पे का सकता हूं की एचटीएमएल एलिमेंट यहां पर एक रूट एलिमेंट है इसका कोई और पिताजी है माताजी नहीं है यही सबके पिता है तुम ही हो माता पिता तुम ही हो राइट तो एचटीएमएल यहां पे तुम्हारा रूट एलिमेंट एक्जिस्ट कर रहा है अंदर वाले कंटेंट के लिए दोबारा समझते हैं लाइन नंबर वन टाइप लाइन नंबर 13 सेल्स की भाई एचटीएमएल जो है वो तुम्हारा रूम एलिमेंट है सारे का सारे कोड तो इसके अंदर डिफाइन करोगे बहुत बढ़िया आगे आते हैं तो हम हेड टैग के ऊपर हेड अटैक के ऊपर एलिमेंट के ऊपर इसमें हम क्या बोल सकते हैं हम बोल सकते हैं की जो भी तुम्हारी वेबसाइट का जो भी तुम्हारे वेब पेज का मेटा डाटा होगा जो भी तुम्हारे वेबसाइट का जो भी तुम्हारे वेब पेज का मेटा डाटा होगा जो भी उसका से और रिलेटेड डाटा होगा तो भी उसका टाइटल रिलेटेड डाटा होगा ये सर का सर डाटा तुम्हारा इस हैक्ड टैग के अंदर इस साइड एलिमेंट के अंदर तुम्हें लिखना पड़ेगा दोबारा समझते हैं हमने बोला जो भी मेटा डाटा होगा जो भी से और रिलेटेड डाटा होगा जहां पर तुम डिफाइन करोगे यार ये वेबसाइट के अंदर ये टैग्स होने चाहिए टैग्स होने चाहिए यह टैग्स होने चाहिए या फिर जो की तुम्हारी वेबसाइट का टाइटल होगा वो तुम यहां पर डिफाइन करोगे वो तुम यहां पर डिफाइन करोगे एक बार चलो एचटीएमएल कोड देखते हैं किसी वेबसाइट का ए जो चलो दिखाई हैं तो देखो नॉर्मली तो मैं तुम्हें तीन शब्द बहुत आराम से जल्दी से समझा देता पर मजा नहीं आता ना फिर तो फटाफट चलते हैं एक बार सर्च करते हैं सर्च करते हैं कोड हेल्प की वेबसाइट को ठीक है हमने एक जब कारी की यहां पर कोड लिखा तो ए रहा है सर्च में पर ये नीचे एक लाइन लिखी ए रही है डिस्क्रिप्शन लिखा हुआ है लर्न फूल स्टॉक डेवलपमेंट मास्टर कोर्स मास्टर कोर्स ऑन डायनेमिक प्रोग्रामिंग मास्टर कोर्स और ग्राफ एल्गोरिथम कंप्लीट एंड्राइड डेवलपमेंट ये डाटा कहां से ए रहा है तो मैंने कहा चलो एक बार इस पुरी की पुरी वेबसाइट का एक बार कोड देखते हैं कोड देखा था मैं व्यू पेज सोर्स और हमने ऑब्जर्व किया ये पूरा का पूरा कोड मुझे मिला हुआ है इसको फॉर्मेट करते हैं हमने बोला एचटीएमएल पर मटर हम करने गए हम लिख दिया कोड हमने किया फॉर्मेट एक चीज अब्जॉर्ब करना ये रहा तुम्हारा हेड अटैक इसके अंदर तुमने ये कंटेंट दाल रखा है यहां पर बहुत साड़ी चीज यहां पर बहुत सर मी रीडर पड़ा हुआ है यहां पर तुमने कोई स्टाइलिश ही दादा की हो शक्ति है यहां पर एड किया हो सकता है ठीक है तुम्हारा टाइटल यहां पर एडिट है एक चीज आप अब्जॉर्ब यहां पे करने आएंगे जब मैंने कोड हेल्प को सर्च किया तो कोड हेल्प के नीचे यहां पर डिस्क्रिप्शन लिखा होता है ये डिस्क्रिप्शन कहां पड़ा है मैंने कहा ध्यान से कोई लोन फूल सेट 11 मास्टर कोर्स क्या मैं का सकता हूं की हेड टैग के अंदर यहां के अंदर जिसका इंटरव्यू डिस्क्रिप्शन लिखा हुआ है वहां तुम लिखा डेवलपमेंट मास्टर कोर्स मास्टर कोर्स डायनेमिक प्रोग्रामिंग मास्टर कोर्स ग्राफिकल कंप्लीट यस सर नो तो यही वो पूरा का पूरा डिस्क्रिप्शन है जो तुम्हारे गूगल सर्च पे तुम देख का रहे हो तो इन शॉर्ट तुमने क्या बोला कोड हेल्प का मी डाटा हमने सेटअप कर रखा है की जब भी कोड है सर्च करो तुम गूगल पे तो इस प्रकार से ये डिस्क्रिप्शन तो मैं वहां पर लिखा हुआ दिखे तो जानबूझ के हमने इस पूरे के पूरे डिस्क्रिप्शन को हेडेड टैग के अंदर मेटा टैग के अंदर डिस्क्रिप्शन के अंदर इंसर्ट किया हुआ है तो यहां पर हमें एक चीज सीखने को मिली की जब मैं कहता हूं की है टैग के अंदर डाटा स्टोर होता है तो तुमसे कल का कोई एग्जांपल पूछे कैसा मटर डाटा तो तुम बता सकते हो और भी नहीं भिन्न प्रकार का मी यहां पर डिफाइन किया हुआ है तुम चाहे तो पढ़ सकते हो की भाई ऑथर कौन है ऐसी उगले कीवर्ड कौन-कौन से भी आपको सर्च करवाना है ठीक है यहां पर एड की हुई है आप पढ़ सकते हैं आपको समझ में आएंगे ठीक है जी तो हमने समझ लिया यहां पर की मेरा हेड टैग जो है उसका कम क्या होता है बेसिकली मेजर डाटा स्टोर करना स्टोर करना टाइटल स्टोर करना लेट आपको स्टाइलिश सीट लिंक करना चाहे स्टाइल सीट क्या होता है जिसके अंदर डिफाइन हो गया आपकी स्टाइल की कंफीग्रेशन जहां पर हम कस का उसे कर रहे होंगे वो भी आप यहां पर अटैक कर सकते हैं आज चलते हैं इसके बाद चलते हैं हमारे थर्ड और लास्ट आते पे जो की है बॉडी टैग बॉडी टैग अगेन यहां पर जो भी आपका लेबलिंग वाला कंटेंट था ना मैंने बोला की ये मेरा बॉडी वाला एलिमेंट है इसके अंदर तो वो लेबलिंग डिफाइन करते हो की ये रही हेडिंग ये रहा प्यार ये रहा फॉर्म तो इस बॉडी के अंदर तुम एंटायर वेब पेज के अंदर जो कंटेंट देख का रहे हो ये दिखता थोड़ी है हमें ये तुम्हारी वेबसाइट कोड हेल्प वाली ओपन होगी तो ये देखेगा थोड़ी राइट तुम्हारे में पेज के ऊपर तुम्हारा में जो व्यू पोर्ट है में जो विंडो है ब्राउज़र पर जो डिस्प्ले हो रही है उसके ऊपर ये दिखेगा थोड़ी पर बॉडी के अंदर तुम सर का सर वो कंटेंट इंसर्ट करते हो जो तुम देख पाते हो जिससे तुम इंटरेक्ट कर पाते हो तुम इसको डिस्प्ले कर सकते हो तुम्हारा यूजर इससे इंटरेक्ट भी कर सकता है तो हमने क्या शिखा मित्र अगेन मेरा इंटेंशन 10 मिनट के वीडियो बनाना पर पता नहीं आप लगा मुझे आधे घंटे की वीडियो बनाने का तो हमने ये शिखा दो हमारे पास सबसे पहले लाइन है डॉग टाइप एचटीएमएल ठीक है हमने यहां पर क्या बोला हमने बोला की भैया दर्शाता है की आपका डॉक्यूमेंट टाइप एचटीएमएल फाइव है हमने बोला एचटीएमएल टैग जो है 1000 आता है ये बेसिकली दर्शाता है की ये रूट एलिमेंट है पूरे के ऊपर डाक और सर का सर डाटा सर का सर कोड इसके अंदर लिखा जाएगा हमने बोला है हेड टैग के आदर्श आता है इधर शहादा की सर के सर डाटा सर का सर सो रिलेटेड डाटा सर का सर टाइटल सर टाइटल डाटा कोई लिंक करनी है तो यहां पे लिंक कर सकते हो हम आगे जा के बेस्ट प्रैक्टिस भी डिस्कस करेंगे की कहां पर क्या लिंक करना चाहिए कहां पर क्या नहीं करना चाहिए और कोई डिस्कस करेंगे फिर हमने बड़ा बॉडी टैग के बड़े में जहां पे हमने क्या शिखा की भाई जो भी तुम्हारा एंटायर कंटेंट हेडिंग आर्टिकल क्षेत्र जो भी तुम डिस्प्ले करना चाहते हो तुम्हारे वेब पेज के ऊपर जो भी स्ट्रक्चर तुम देना चाहते हो अपने वेब पेज के ऊपर जो भी स्केलेटन तुम क्रिएट करना चाहते हो जो भी स्ट्रक्चर बताना चाहते हो जो भी डिस्क्रिप्शन बताना चाहते हो अपने वेब पेज का वो तुम बॉडी के अंदर डिफाइन करोगे तो मैं सर का सर कोड यहां पर लिखना है इन दोनों टैग्स के बीच में है इस ओपनिंग पैक इस क्लोजिंग के बीच में तो पूरा का पूरा कोड लिखना है तो हमने यहां पर क्या लिख दिया हमने यहां पर लिख दिया हेलो दुनिया तो इस प्रकार से हमने हमारा पहले प्रोजेक्ट क्रिएट कर लिया है पहले बेसिक प्रोजेक्ट हमने क्रिएट किया जहां अंडरस्टैंडिंग मिली की एचटीएमएल का कोड किस प्रकार दिखे रहा होता है ठीक है तो ये तुम देख सकते हो बिल्कुल बढ़िया सुंदर चल रहा है और मजा ए गया चलो इतनी बात इतनी बात हमें समझ में आई इतनी बात हमेशा समझ में थोड़ा बेसिक सिंटेक्स हमने सिख लिया हमने लाइव सर्वर के बड़े में सिख लिया फिर से क्लिक करोगे लाइव सर और बैंड हो जाएगा फिर से क्लिक करोगे लाइक करो फिर से स्टार्ट हो जाएगा तो लाइव सर्वर के बड़े में सिख लिया तुमने अपना एनवायरनमेंट सेटअप कर लिया उसने कुछ एक्सटेंशन इंस्टॉल कर लिए अब बात करते हैं भैया एक बेस्ट प्रैक्टिस की बात करते हैं जो भी तुम पढ़ रहे हो जो भी तुमने आज पढ़ा तुमने पढ़ा डॉग टाइप के बड़े में ठीक है तुमने उससे बड़ा एक बार एचटीएमएल टैग के बड़े में ठीक है जी तुमने पढ़ा जी बॉडी के बड़े में तुमने पढ़ा हेड के बड़े में ऐसे आगे बढ़ते बट हम बहुत सारे टैग्स पढ़ने वाले हैं ठीक है हो सकता है तो मैं किसी भी कन्फ्यूजन हो सकता है तो मैं किसी के बड़े में थोड़ा और जानना हो उसके बाद में कुछ एक्साइटमेंट है खुद से नहीं टैक्स पढ़ने की तो हम क्या रिसोर्स फॉलो करें तो हम क्या रिसोर्स फॉलो करें तो एक बार रिसोर्सेस की बातें कर लेते क्योंकि डेवलपमेंट की गेम के अंदर डॉक्यूमेंटेशन पढ़ना बहुत इंपॉर्टेंट माना जाता है अगर आप डेवलपमेंट कर रहे हैं तो आपको डॉक्यूमेंटेशन पढ़ने की आदत हनी ही चाहिए हनी ही पड़ेगी तो अगर मैं आपको बोलूं की आपको कुछ फॉलो करना है तो वो बेस्ट रिसोर्स कौन से होने वाले हैं मैंने कहा की यहां पर आप मन की वेबसाइट देख सकते हैं और यहां से लेट आपको पढ़ना चाहें तो आप यहां से फॉलो करें डॉक्यूमेंटेशन तो अपनों ने इसके ऊपर कुछ नहीं है हो सकता है तुमने बहुत साड़ी और वेबसाइट अच्छी हो जैसे की w3 स्कूल जैसे की ट्यूटोरियल पॉइंट जैसे की बहुत साड़ी एक्स ए स ठीक है तो ऐसे बहुत साड़ी वेबसाइट विजिट करते हैं बट मेरा पर्सनल ओपिनियन ये है की जो मन के डॉक्यूमेंटेशन है ये बेस्ट है इससे ऊपर कुछ भी नहीं है कुछ भी नया ए रहा है कुछ भी पुराने एप्लीकेट हो गया है अब उसे में नहीं है वो सब कुछ तो मैं यहां पर लिखा हुआ मिल जाएगा ठीक है तो अगर मैं तुम्हारी जगह इस कोर्स को फॉलो कर रहा हूं तो मैं इस डॉक्यूमेंटेशन को पक्का आते डी रेफरेंस उसे कर रहा होता और जो भी मैं पढ़ा था हमेशा इस डॉक्यूमेंट पे जाके मैं उसको फिर दोबारा पढ़ना ताकि मुझे डॉक्यूमेंटेशन पढ़ने की आदत पद जाएगी क्योंकि कल का तुम जब डिफरेंट कंपनी में आगे जाओगे तो तुम्हें बैठ के कोई वीडियो में पढ़ना वाला नहीं होगा तो मैं खुद से डॉक्यूमेंटेशन पढ़नी पड़ेगी खुद से समझना पड़ेगा कैसे कोड कम कर रहा है तो जो चीज हमें एक साल दो साल तीन साल बाद करनी ही है उसकी आदत आज से क्यों ना डालने ठीक है तो तुम चाहे तो इसको फॉलो कर सकते हो और मैं अगर तुम्हारी जगह होता तो पक्का फॉलो करता है एक और वेबसाइट है ट्यूटोरियल वेबसाइट है जो की मुझे बहुत अच्छी लगती है यार ठीक है ये भी वीडियो अच्छी लगती है यहां पर कभी-कभी टाइम कम होता है हमारे पास में फटाफट देखना होता है कैसे होगा तो w3 स्कूल नहीं बहुत सहायता कारी है तुम यहां से भी बहुत सारे टॉपिक को स्टडी कर सकते हो ठीक है जी तो ये कहानी हमने सिख ली अगर रेफरेंस की बात करें तो इन दोनों रेफरेंस को फॉलो कर सकते हो और कोड को ब्रेक हमने ब्रेक करके हमने पूरा समझ लिया की एचटीएमएल क्या होता है हेड क्या होता है बॉडी क्या होता है डॉक टाइप क्या होता है डाक टाइप मत तुमने यहां पर जो लिखा हुआ है एक्सक्लेमेशन डॉक्टूबर दर्शाता है html5 वर्जन उसे कर रहे हो एचटीएमएल टैग यहां पे क्या दर्शाता है दर्शाता है की सर का सर कोड जो है मेरे अंदर राइट डॉ करना मेरे एलिमेंट के और मैं जो हूं रूट एलिमेंट हूं यहां का हेड का दर्शाता के सारे आइटम मेरे अंदर राइट डॉ करना है बॉडी का दर्शाता है की सर का सर लेबलिंग कंटेंट जो तुम करने वाले हो पूरे वेब पेज के ऊपर वो सर का सर कंटेंट मेरे अंदर डिफाइन कर देना इस प्रकार कम चला है ठीक है अब एक और बहुत एक बार ध्यान से अगर देखें लेट से मैंने इसको डिफरेंट लाइन में लिखा होता तो क्या होता तो हम क्या देख पाते तो हम देख पाते की यहां पर से तू से ही ग रहा है यहां पर से तू से ग रहा है लेट से मैं यहां पे कुछ और लिखना चाहता हूं यहां पे कुछ और भी लिखना चाहता हूं मैं बताऊंगा अगले लाइन पे अगर मैं दिखाना नेक्स्ट टाइम पे दिखाना है कंटिन्यू कैसे करते हैं एक बार इसको होमवर्क में लिखना है नेक्स्ट टाइम अगर मुझे दिखाना हो तो इस हेयर इन डी वर्ल्ड ऑफ वेब तो मैं कैसे दिखता हूं लेट से मैंने आपको 100 लिख दिया मी नाम इसे लव बार ठीक है जी अब हमने क्या किया लाइव सर्वर बैंड होगा शायद हिम्मतवाला चाहता था जिससे की डेवलपमेंट को फायदा हो जाए तो यहां पर मैंने ये चीज लिखी है यहां पर मैंने हैडिंग एड कारी है यहां पर मैंने आर्टिकल लाइट किया कुछ कमेंट लिखना चाहता था बेसिकली राइट तो अगर मैं कोई ऐसा कंटेंट लिखना चाहता हूं जो की जिसको पढ़ने से मेरे डेवलपमेंट का दूसरा डेवलपमेंट का फायदा हो या मैं दोबारा से रिकॉल कर रहा हूं मैंने यहां पर क्या कोड लिखा हुआ है पर वो एग्जीक्यूट ना हो तो मैं कमेंट क्रिएट करता हूं कमेंट कैसे क्रिएट कर सकता हूं अगर तुम विंडोज मशीन में हो तो कंट्रोल स्लैश अगर तुम मैक पे हो तो कमांड स्लैश तो मैंने इस लाइन को सिलेक्ट कर लिया अब मैंने कमांड स्लैश कर दिया तो इस प्रकार ये कमेंट में तब्दील हो गया तुम ध्यान से अगर देखोगे तो अरा एक्सक्लेमेशन मार्क हिफिन हिफिन फिर हिफिन हिफिन अरा इस प्रकार से तो मैं कमेंट क्रिएट कर सकते हो कमेंट का मतलब सिर्फ इतना होता है इसका इंटेंस सिर्फ इतना है की आपने बता दिया आपने पहले वो डेवलपर को जो बिस्कुट को रीड कर रहे हैं या फिर आपको खुद से रिमाइंड करना है रिकॉल करना है चीजों को तो अपने आप एक अच्छा सा डिस्क्रिप्शन लिख दिया अपने पूरे कोड करके ठीक है यहां पर मेरी साड़ी हेडिंग है अब यहां पर मेरी साड़ी आर्टिकल्स हैं यहां पर मेरे के सारे के सारे क्षेत्र है इस प्रकार से रीडेबिलिटी बाढ़ जाएगी आपके कोड की अच्छी रियलिटी हो जाएगी सामने वाले व्यक्ति आसानी से समझ पाएगा तो अब कमेंट क्रिएट करते हैं और जब भी आपको कमेंट क्रिएट करते हैं तो उसका आपका ब्राउज़र जो है एग्जीक्यूट नहीं करता है इसका मतलब ये है की आपके ब्राउज़र में से अब मी नाम इस लव पर जो लाइन प्रिंट हुई थी वो है चुकी होगी चेक कर लेते हैं है गई बिल्कुल बढ़िया तो इस प्रकार आपके ब्राउज़र से आपकी कमेंट को हटा दिया गया है बेसिकली आपका ब्राउज़र जो है आपकी कमेंट को रेंडर नहीं करेगा आपके डिस्प्ले के ऊपर ये बात भी हमें समझ में आई है तो बहुत साड़ी चीज हमने आज की क्लास में अच्छी एक बार रिवाइज कर लेट हूं फटाफट और फटाफट से खत्म करते हैं आज की क्लास को तो हमारे बात करने वाले थे एचटीएमएल के बड़े में हम बात करने वाले सेटअप के बड़े में सबसे पहले हम समझे एचटीएमएल होता क्या है हमने डिस्कस की एक ऐसी लैंग्वेज है जो की मेरे वेब पेज का स्ट्रक्चर डिफाइन करते हैं मेरे वेब पेज का स्केलेटन डिफाइन कर दिए मेरे वेब पेज के जो भी कंटेंट बेस पर होता है उसके लेवलिंग करते हैं ये हेडिंग है आर्टिकल है ये वीडियो है ये इमेज है और ये इस प्रकार से ठीक है हमने क्या बोला जब भी मुझे व्हाट वाला क्वेश्चन डिफाइन करना होगा व्हाट वाले क्वेश्चन का आंसर करना होगा की भाई मेरे वेब पेज पर क्या क्या है मैं एचटीएमएल कोड के आगे कर दूंगा भाई नहीं पता तो बता देगा ठीक है जी जब भी मेरे को अपने वेब पेज को सुंदर करना होगा मैं कस को पकड़ के आगे कर दूंगा भाई ठीक है और जब भी मुझे अपने वेब पेज को स्मार्ट करना होगा उसमें कुछ दिमाग भरना होगा उसमें कोई फंक्शनैलिटी एड करनी होगी मैं जीएस को पकड़ के लॉन्ग और जस को करूंगा तू संभल ले भाई तो एचटीएमजेएस कस हमने यहां पर थोड़ा समझना की कोशिश की है सेटअप में हमने आप इस वीडियो को इंस्टॉल कर दिया है कुछ भी नहीं नॉर्मल इंस्टॉलेशन नेक्स्ट नेक्स्ट फिनिश करके और दो एक्सटेंशन इंस्टॉल कर दिए हैं प्रिटी एयर के और लाइव सर्वर का ठीक है जी लाइव सोलो के द्वारा अपने कोड को हम रन कर का रहे हैं ब्राउज़र के ऊपर पहले प्रोजेक्ट जो की तुम्हारा हेलो तूने था वो तुमने यहां पे समझ लिया है इसके अंदर जो भी टैग्स उसे हो रहे थे जो भी डिक्लेरेशन उसे हो रही है सारे समझ लिए हमने यहां पे सबसे पहले डॉट टाइप एचटीएमएल था जो की दर्शाता था की भाई मेरा डॉक्यूमेंट का टाइप जो है एचटीएमएल फाइव है फिर मेरे पास एचटीएमएल था जो दर्शाता था की मैं एक रूट एलिमेंट हूं फिर हेड था हेड दर्शाता था की सर का सर मटर डाटा मेरे अंदर राइट डॉ करना फिर था बॉडी जो चाहता हूं की सर का सर लेबलिंग कंटेंट सारे के सारे जो टैग्स आप उसे करोगे अपने कंटेंट को दर्शाने के लिए वो मेरे अंदर आइटम कर देना तो इस प्रकार से आपने अपना पहले प्रोग्राम हेलो दुनिया कंप्लीट कर लिया हम आशा करता हूं आपको समझ में आया होगा मिलेंगे आपसे आपके नेक्स्ट क्लास के अंदर पढ़ेंगे टैग्स के बड़े में एलिमेंट्स के बड़े में अटरीब्यूट्स के बड़े में आमेट के बड़े में और डेप्थ के अंदर मजा आएगा दोस्तों मुझे बताना आज की क्लास कैसी लगी और धन्यवाद