तो ये सारे सिर्फ चार प्रोजेक्ट करो और तुम्हारा काम सेट है एचटीएमएल का ठीक है बढ़िया से भैया हो गया अब सीएसएस की तरफ चलते हैं अच्छा मुझे एक बात बताओ जितना टाइम तुम अपना एचटीएमएल सीएसएस ऑफ जावास्क्रिप्ट में लगा रहे हो अगर मैं तुम्हें एक ऐसा ब्रह्मास्त्र दे दूं और कहूं कि अच्छा ठीक है इसमें टाइम वेस्ट करने की जरूरत नहीं है जितना मैं कह रहा हूं उतना करो उसके बाद फ्रेमवर्क प जंप मारो और फिर उसके बाद अपना बैक एंड सीखो और यह सारी चीजें तुम्हें हेल्प करेंगी अपना एक लॉजिक बिल्ड करने में और अपना पोर्टफोलियो बिल्ड करने में तो कितना सही रहेगा राइट तो डिस्क्रिप्शन में लिंक दे रखा है एक पीडीएफ का जिसे मैं अभी तुम्हारे साथ डिस्कस करूंगा उसे जाके डाउनलोड कर लेना और वही वही सारी चीजें तुम्हें करनी है फॉर html5 जंप मानना है उसके बाद नट जेएस या फिर स्प्रिंग बोट ओके जो तुम्हारा मन हो वह बैक एंड यूज़ कर सकते हो अब भैया क्या-क्या पढ़ना है तो चलो इसमें हम क्या-क्या डिस्कस करेंगे हम डिस्कस करेंगे कौनसी-कौनसी चीजें हमें पढ़नी है हमें क्या प्रोजेक्ट बनाने हैं और हम कैसे एक बेटर तरीके से सीख पाएंगे और नोड में भी या फिर बैक एंड में भी क्या करना है वह भी मैं तुम्हें बताऊंगा चलो आ जाओ देखो अगर मैं एक पीडीएफ की बात करूं तो वह कुछ इस प्रकार है कि हाउ मच एचटीएमएल सीएसएस एंड जावास्क्रिप्ट इज रिक्वायर्ड अब मैं कुछ टैग्स दे रहा हूं फ्रॉम स्टार्टिंग वेरी स्टार्टिंग टू बिल्कुल एंड तक अब वही वही सारे टैग्स तुम्हें करने हैं फिर उसके बेसिस पर मैं कुछ प्रोजेक्ट दूंगा तुम्हें वो तुम्हें बनाने हैं बस सिर्फ वही प्रोजेक्ट बनाने हैं और ज्यादा ध्यान मत देना कि 50 प्रोजेक्ट बनाना है 60 प्रोजेक्ट बनाना नहीं नहीं नहीं नहीं एचटीएमएल में हमें एचटीएमएल टैग पता होना चाहिए क्यों है ओबवियसली बात है हैड हैड में लिखने का सिर्फ यह मतलब नहीं है कि तुम सिर्फ हैड लिख दो हैड सेक्शन हम क्यों लिखते हैं उसका हमारे ब्राउजर में क्या हमारे मीनिंग है उसमें कैसे कंटेंट लोड होता है मतलब देखो हैड तो आप आपको पता है मैं लिख दूंगा ये सारे काम करता है मैं तुमसे पूछ रहा हूं कि क्यों लगता है है ना अब टाइटल बॉडी h12 s6 पैराग्राफ और ये एंकर टैग इमेज टैग और हमारा अ अनऑथराइज्ड कौन सा है पता होना चाहिए टेबल टी आर टी एच टीडी इन फॉर्म्स एंड इनपुट टेक्स्ट एरिया सेक्शन ऑप्शन बटन ये ये कुछ html5 में यानी कि ये सिमटिक है कुछ नहीं है ठीक है अब यहां से जैसे सेक्शन बोला मैंने तुम्हें सेलेक्ट हो गया टेक्स्ट एरिया हो गया मेटा स्टाइल स्क्रिप्ट हो गया ठीक है आई फ्रेम हो गया ये सारी चीजें एक बार तुम देख लेना और सिमटिक भी देख लेना ओके चलो बढ़िया भैया स्क्रिप्ट एनल ये बेसिक बेसिक्स है मतलब ये सारी चीजें ये बेसिक और कुछ ये बेसिक देख लेना और अब सिमटिक की बात आई तो जब ये तुम्हारी खत्म हो जाए तो हम यहां से सिमटिक वाले भी देख लेंगे चलो अब प्रोजेक्ट की बात आती है कि अब जो ये बेसिक वाले थे सारे ये और यह दोनों को यूज करके हम क्या-क्या बना सकते हैं कि flipkart-com पेज बन जाएगा है किसी एक अच्छे इंसान को देना है वो एक ट्रिब्यूट होम पेज इसमें तो सीएसएस की भी जरूरत नहीं है आराम से बन जाएगा नेट प बहुत सारे पड़े हुए हैं देख लेना एक बार एंड टूर एंड ट्रेबल्स का होम पेज मतलब ओबवियसली जब तुम्हें कहीं टूर एंड ट्रेबल्स पे जैसे ऊपर एक नेविगेशन बार लगाते हैं ना होम पेज अबाउट मी यह सारी सेक्शन में तुम्हें बनाने की बात कर रहा हूं नीचे एक पूरा टूर एंड ट्रेवल्स का जैसे इधर कोई खड़ा हुआ है पहाड़ है मतलब एक टूर एंड ट्रेवल की वेबसाइट तुम्हें बनानी है अच्छी ना दिखे लेकिन बनानी है अभी ठीक है तो यह सारे सिर्फ चार प्रोजेक्ट करो और तुम्हारा काम सेट है एचटीएमएल का ठीक है बढ़िया से भैया हो गया अब सीएसएस की तरफ चलते हैं तो जो जो चीजें रेड मार्क में है वो तुम्हारे लिए सुपर इंपॉर्टेंट है देखो सीएसएस स्टार्ट हमारी सिलेक्टर से होती है तो यहां से तुम्हें सिलेक्टर्स पढ़ने हैं बॉक्स मॉडल पढ़ना है क्या होता है ठीक है और डिस्प्ले प्रॉपर्टी बहुत ज्यादा काम की चीज है कि डिस्प्ले ब्लॉक इनलाइन इनलाइन ब्लॉक फ्लैक्स और ये ग्रिड चीजें यह सारी चीजें तुम्हें पढ़नी है पोजिशनिंग क्या है कि एब्सलूट जब हम करते हैं तो चीजें कौन कौ स डायरेक्शन में जाती है कि दो चीजें ऐसे लग रही है मुझे एब्सलूट कर दिया मैंने फिर अगर मैं दूसरे को रिलेटिव कर दिया तो तुम्हें पता होगा एब्सलूट मतलब उसी डिव के अंदर रहेगा रिलेटिव मतलब बाहर आगे पीछे चला जाएगा भै आपको ये सारी चीजें इतनी अच्छे से कैसे पता क्योंकि मुझे थोड़ा सा एक्सपीरियंस है तो मैं ये करते करते मुझे सारी चीजें पता है ठीक है तो जब मैं तुम्हें सिखाऊंगा तब ये सारी चीजें मैं तुम्हें डिटेल में सिखा दूंगा ठीक है पजेसिंग क्या है अब बात करते हैं फ्लोट और क्लीयरिंग की अब हमने सीएसएस फ्लैक बॉक्स ये सबसे इंपॉर्टेंट है लेकिन फ्लैक्स बॉक्स में कुछ कमियां है जो जोय कमियां नहीं है मतलब बहुत मुश्किल हो जाता है हम एक डिजाइन करते हैं तो उसके लिए फिर हम ग्रिड प जाते हैं जो हमारे रो और कॉलम्स के थ्रू हम एक वेबसाइट की पूरी डिजाइन कर सकते हैं ठीक है अब करने के लिए तो वेबसाइट तुम यार फिग्मा में भी बना लो लेकिन आप एक हार्ड कोडर कोडर हो तो आप एक हार्डकोड कोडर हो तो ओबवियसली इससे ही बनाओगे राइट तो हम फ्लैक्स बॉक्स में रिस्पांसिस डिजाइन एंड मीडिया क्वेरीज पढ़ेंगे मतलब फ्लैक्स बक्स ग्रिड के बाद अब ट्रांजैक्शंस एंड एनिमेशन सूडो क्लासेस एंड सूडो एलिमेंट यानी कि होवर पे वो चीजें चलती हैं स्पेसिफिक इन्हेरिटेंस ये एक बार के लिए पढ़ना पढ़ लेना लेकिन अच्छी चीज है यूनिट मेजरमेंट कि पिक्सल ईम और ी एच ये सारी चीजें क्या होती हैं सीएसएस सेस लेस ये पढ़ लेना वेंडर ये सारी चीजें अब फिर ये ये चीजें अगर तुम्हें बाद में पढ़नी है तो बाद में भी पढ़ लेना डज ये ये कोई मैटर नहीं करता है बस यूनिट मेजरमेंट तक पढ़ना तुम सीएसएस के लिए रेडी हो अब सीएसएस तुम लगाना सीख गए हो कि कैसे मैं बैकग्राउंड लगाऊंगा कैसे मैं पोजीशन को रिलेटिव करूंगा यह तुम्हारे चुटकी पर रखा है ठीक है तुमने कर लिया अब प्रोजेक्ट कैसे बनाएंगे देखो अब इससे तुम प्रोजेक्ट बनाओ टू डू वेब साइट इसको पहले एटीएमएल से बनाना दोस्त फिर इसको अच्छा करना ठीक है मैं कहने की मतलब इसको सजाना ठीक है शादी हो रही है इसकी अब दूसरा मूवी जो तुमने ऊपर जो चार प्रोजेक्ट बनाए थे उनमें तो सीएसएस लगानी ही है लेकिन अब देखना मैंने तुम्हें नए प्रोजेक्ट दिए हैं यहां से मूवी बुकिंग वेबसाइट बनानी है जैसे बुक माय शो है ठीक है अगर उतना टिपिकल ना बना पाओ थोड़ा-थोड़ा तो बना लेना फिर उसपे सीएसएस लगा देना जो अब जो अपनी वेबसाइट है कोड फॉर सक्सेस की जो मेरी वेबसाइट है उसका मैं लिंक दे दूंगा डिटो वो उसका होम पेज डिजाइन करने की कोशिश करना कि कैसे नेविगेशन बार लग रहा है कैसे फोटो लग रहा है कहां-कहां कैसे कोर्सेस लग रहे हैं कहां चीजें लग रही है इतने प्रोजेक्ट करने से आपका मामला बिल्कुल सेट है आप तैयार हो जावास्क्रिप्ट के लिए कुछ नहीं करना है दोस्त ठीक है अब बात आती है अब हमारी वेबसाइट एक ढांचा तैयार है अच्छी भी लग रही है अब इसको थोड़ा फंक्शनल प्रोवाइड करवा देते हैं क्योंकि अभी आप क्लिक कर रहे हो मतलब मजा नहीं आ रहा है फंक्शनैलिटी नहीं हो रही है बैकग्राउंड में राइट तो अब चलते हैं हम अपने जावास्क्रिप्ट पे तो जावास्क्रिप्ट डाली मैंने तो जावास्क्रिप्ट में मैं क्या-क्या पढूका वेरिएबल एंड डेटा टाइप एक लैंग्वेज पढ़ने के लिए एक लैंग्वेज पढ़ने के लिए कोई भी लैंग्वेज हुई जावा हुई जावास्क्रिप्ट हुई पाइथन हुई सी शप हुई कोई भी लैंग्वेज c+ प् हुई उसके बेसिक सिंटेक्स पहचान बस वही काफी है कोई तुमसे यह नहीं कह रहा कि जब तक एक्सपर्ट नहीं हो जाओगे तब तक मत पढ़ो वो बेव वूफी है अपने हंड्रेड्स ऑफ आर और 200 300 घंटे क्यों वेस्ट कर रहे हो कितने लंबे ट्यूटोरियल पे क्यों वेस्ट कर रहे हो वही लूप में फंसे हुए हो ट्यूटोरियल हेल में फसे हु हो क्यों कर रहे हो अरे नहीं करना है वैसे ठीक है सिर्फ ऐसे करना है वेरिएबल ऑपरेटर कंट्रोल फलो इफ एल्स और यह स्टेटमेंट पढ़ने है फंक्शंस कैसे यूज होते हैं एरे अब जो जो रेड में है वो बहुत सुपर इंपॉर्टेंट है स्कोप क्लोजर्स ठीक है अब कॉल बैक प्रॉमिस एंड सिंग कैन वेट इवेंट एंड इवेंट हैंडलिंग और मैनिपुलेशन मतलब डोम को कैसे मैनिपुलेट करोगे चीजें कैसे लेके आओगे कैसे इंटरेक्ट करोगे कैसे रन टाइम प क्लासेस लगाओगे वो सारी चीजें तुमने सीखनी है अब एजेक्स एंड फैच एपीआई मोस्ट इंपोर्टेंट ये यहां पर रेड नहीं किया है लेकिन मोस्ट इंपोर्टेंट ठीक है अब एरर हैंडलिंग ट्राई कैच एंड मॉड्यूस वगैरह देख लेना जावास्क्रिप्ट यानी कि ये जेसन वगैरह देख लेना as6 फीचर्स एरो एंड टेंप्लेट ये सारी चीजें देख लेना as6 कुछ न्यू फीचर्स है जिसमें से जो इंपोर्टेंट है मैंने यहां पे रख दिए हैं ठीक है ब्राउजर एंड विंडो ऑब्जेक्ट अब रेगुलर एक्सप्रेशन डीबगिंग एंड फंक्शनल प्रोग्रामिंग मैप रिड्यूस एंड फिल्टर्स इंपॉर्टेंट है अगर आपने जावा ट वाली मेरी सीरीज देखी है तो इजली समझ में आ जाएगा ये अ ब्राउजर क्योंकि सिमिलर सिमिलर ही है कुछ चीजें ब्राउजर स्टोरेज ठीक है क्या कि लोकल स्टोरेज क्या होता है सेशन स्टोरेज क्या हो रहा है अब ये थोड़े से सिक्योरिटी के कंसर्न है कि कोर्स ओरिजन कोर्स पॉलिसीज क्या होती है और सिक्योरिटी कंसीडरेशंस यानी कि सीएफ आरएस क्या होता है ठीक है कोर्स मतलब एक सिस्टम से दूसरे सिस्टम में जब भी हम आईपी चेंज करते हैं तो ये सारी सिक्योरिटी कंसर्न्स है अगर यह तुम्हारे लिए देखना जरूरी है कि जब तुम अपनी बैक एंड से कनेक्ट करोगे ये दोनों पॉलिसीज तुम्हें ओपन करनी पड़ेंगी लेकिन हाल फिलहाल के जब तुम एचटीएल सीएसएस जावास्क्रिप्ट कर रहे हो तो ये ती ये दोनों को छोड़ सकते हो ठीक है लेकिन यहां तक तो तुम जरूर करना अब भैया प्रोजेक्ट डेफिनेटली बात है प्रोजेक्ट इसमें तो कोई प्रोजेक्ट नहीं दिख रहे हमें है ना तो जो हमने अभी सीएसएस में प्रोजेक्ट बनाए हैं उसी में हम फंक्शनैलिटी लगाएंगे तो इसमें फंक्शनैलिटी लगेगी पूरी डिटो बनाना और मुझे जरूर से टैग करना कि भैया आपके जैसी वेबसाइट बना दी है ठीक है flipkart-in पे जरूर टैग करना या फिर टा अपना html5 वीडियो में एंड मोस्ट इंपोर्टेंट अ