Transcript for:
जावास्क्रिप्ट और डॉम का परिचय

पिछले कई महीनों से लोगों के क्राइम बढ़ रहा था और भोपाल का एक नागरिक होने के नाते इस देश का एक नागरिक होने के नाते यह मेरी जिम्मेदारी बनती है कि मैं उस क्राइम को कम करने में अपने एफर्ट्स लगाऊं तो पिछले लंबे समय से इस मुखौटे के पीछे अपने आप को छुपा के मैं इस देश की मैं इस शहर की सेवा कर रहा था कुछ इस तरीके से और आपको लग रहा होगा कि क्या यह कोई स्किट है या कोई मजाक है नहीं दोस्तों यह सच्चाई है इस मास के पीछे मैं ही था इसलिए पिछले कुछ समय से और वो वाली ड्यूटीज को कंप्लीट करने के बाद चीजें स्टेबल करने के बाद अब मैं वापस आ चुका हूं youtube0 मन स्टैक और क्रिएटिव डेवलपमेंट की जो सीरीज आप देख रहे हैं उसमें आपका शुरुआत से लेके लास्ट तक साथ देने और आपको बहुत कुछ अच्छा सिखाने यह मजाक के लिए सॉरी लेकिन हां अब हम पढ़ने वाले हैं कुछ बहुत ही अच्छी चीजें इंट्रो वीडियो जो कि ये वाली वीडियो है आप इसको अगर ऑलरेडी देख के आ चुके हैं तो बहुत अच्छी बात है अगर नहीं देखी तो देख लो इससे ये पता चल जाएगा कि कोर्स कैसे चलने वाला है और इस वीडियो में हम लोग फ्रंट एंड डेवलपमेंट के अंदर की तीन इंपॉर्टेंट चीजें html-pdf सीज और जेएस बहुत अच्छे से सीख जाए और इतने अच्छे से सीख जाए कि अगर आपसे कोई कभी इंटरव्यू में कुछ पूछे या फिर आपको अगर कुछ बनाने के लिए दिया जाए टास्क इन लैंग्वेजेस में तो आप उसको कंप्लीट कर पाए साथ में हम कुछ प्रोजेक्ट्स भी बना रहे होंगे और आपको सच में मजा आने वाला है कोशिश करूंगा बिल्कुल भी बोर ना करूं और आप सच में सीख जाएं तो प्लीज वीडियो में लास्ट तक रुके रहिएगा हम शुरू करते हैं माय नेम इज सार्थक शर्मा आप देख रहे हैं शेर इ कोडिंग स्कूल का चैनल लेट्स गो ऑलराइट दोस्तों तो अब हम आ चुके हैं हमारी डेस्कटॉप स्क्रीन पे जब भी आप अपना लैपटॉप ओपन करते हैं या डेस्कटॉप ओपन करते हैं कुछ इस तरीके के आपको होम स्क्रीन दिखाई देती है हमने भी वही खोली है और इससे बिल्कुल जीरो से स्टार्ट करने वाले हैं सबसे पहले चीज मन स्टैक हो गया क्रिएटिव डेवलपमेंट हो गया आप सीख रहे हैं वेब डेवलपमेंट और वेब डेवलपमेंट के अंदर दो इंपॉर्टेंट फेजेस होंगे आपके पहला है फ्रंट एंड डेवलपमेंट और दूसरा है बैक एंड डेवलपमेंट इन दोनों फेजेस में आपको सबसे पहले सीखना है फ्रंट एंड डेवलपमेंट और उसके अंदर भी चाहिए दो इंपॉर्टेंट चीजें इस कोर्स में आगे बढ़ने के लिए फर्स्ट वन इज कोड एडिटर कोड एडिटर यानी कि ऐसी जगह जहां पर मैं कोड लिख सकूं आप लोगों ने नोटपैड देखा होगा नोटपैड के अंदर हम कुछ भी लिख सकते हैं जो कोड एडिटर हम यहां पे यूज़ करने वाले हैं वो भी नोटपैड की तरह ही है बस उसके पास कुछ सुपर पावर्स हैं व्हिच इज वीएस कोड जिसको हम कोड एडिटर के तौर पे यूज़ कर रहे होंगे आने वाली वीडियोस में आगे जाके हम एक और कोड एडिटर को देखेंगे जिसका नाम है कर्सर जिसमें कुछ एआई फीचर्स होते हैं जिससे आपका कोड और ज्यादा बेटर तरीके से आप लिख पाएंगे आसानी से लेकिन इस वीडियो में क्योंकि ये बेसिक्स की वीडियो है तो आप html4 में लिख रहे होंगे तो हम शुरू करते हैं लेट्स गो आप लोग भी चाहे तो मुझे देखते देख देखते प्रैक्टिस भी कर सकते हैं तो डेस्कटॉप पर यहां पर मेरी मेरी स्क्रीन है और यहां पर मैं राइट क्लिक करके न्यू फोल्डर पे क्लिक करके एक नया फोल्डर बना लेता हूं आप इस फोल्डर का नाम कुछ भी रख सकते हैं मैंने इस फोल्डर का नाम रखा है मान लेते हैं वेब लेट्स सपोज यह रहा हमारा फोल्डर ठीक है हमारा यह जो वेब नाम का फोल्डर है हम इसको अगर आप विज यूज़ कर रहे हैं तो राइट क्लिक करके शो मोर ऑप्शंस और ओपन विथ कोड बिल्कुल वैसे ही आप इसको वीएस कोड में ओपन कर सकते हैं या फिर अगर आप चाहें तो यहां जाके नीचे की तरफ यहां पर जाके इसको वस कोड पे ड्रैग कर दीजिए ये सिंपली ओपन हो जाएगा और जब यह हमारा फोल्डर ओपन होगा तो यह कुछ इस तरीके का दिखाई देगा जैसा कि आपको दिख रहा है लेकिन उसके पहले अगर आप चाहते हैं वीए कोड को डाउनलोड करना तो सिंपली आप जाइए अगर आप एक बिगनर हैं तो यहां पर आपको बहुत फाइल्स और फोल्डर्स बनाने के ऑप्शन दिख रहे होंगे अब यहां पर हम html5 और youtube4 चलने लगा ना पहले के टाइम पे अपन हनी सिंह के गाने डाउनलोड करते थे और हम गाने डाउनलोड करते थे pagalworld.com songpk.com और और भी कई सारी साइट्स थी हम वहां से डाउनलोड करते थे और डाउनलोड करने के बाद हमारे सोंग्स कुछ ऐसे दिखाई देते थे songmp3 mp3 अगर आप ध्यान से देखेंगे तो songmp3 एक फाइल है जो कि सॉन्ग का डाटा कंटेन करके रखती है आपने बहुत सारी वीडियोस देखी होंगी जैसे मैंने एक सैंपल नाम दे दिया वी mp4 एक वीडियो की फाइल है जिसके अंदर हम वीडियो का डाटा रखते हैं आपने फाइल्स देखी होंगी image.jpg इस फाइल के अंदर इमेज का डाटा यानी फाइल मतलब सिंगल टाइप ऑफ डाटा को कंटेन करने का काम करती है फाइल्स अब ये जो फाइल्स है कितनी सारी फाइल्स है बिखर जाएंगी इनको मेंटेन करने के लिए आप बनाते हैं फोल्डर फोल्डर क्या होता है ना फोल्डर इज अ कलेक्शन ऑफ फाइल फाइल्स को कंटेन करने का काम करता है समझ पा रहे हैं आप लोग एक एग्जांपल के लिए आप लोग मान लेते हैं कि आपकी 10थ की मार्कशीट इज अ फाइल आपकी 12थ की मार्कशीट इज अ फाइल आपकी आधार कार्ड पैन कार्ड आपकी फाइल्स है ठीक है ना भाइयों ठीक है बढ़िया ये सब फाइल्स अब ये फाइल्स आप इधर-उधर कहीं भी रखते घूम जाती जरूरत पड़ती काम होता लेकिन आपको मिलती नहीं तो आपने क्या करा आपने एक फोल्डर लिया आपने एक कंटेनर लिया जिसके अंदर आपने सारी फाइल्स को रख दिया क्या आप समझ पा रहे हैं मेरी बात और फाइल्स को कंटेन करने से फायदा ये हुआ मेरी फाइल्स काफी ज्यादा सिस्टमैटिक वे में आ जाएंगी वही काम यहां पे फोल्डर का होने वाला है जैसे हमने वेब नाम का फोल्डर बनाया था ना वेब नाम का फोल्डर हमारी मल्टीपल फाइल्स एटीएमएल सीएसएस जेएस इन फाइल्स को कंटेन करने का काम करेगा और चलाने का काम करेगा हेल्प करेगा ठीक है तो यहां पर हमारे पास तीन फाइल्स हैं यहां पर दिख रही होंगी आपको लेकिन फाइल का नेम कैसे रखते हैं वो भी एक इंपॉर्टेंट पार्ट है जैसे आपने यहां पर देखा होगा एक पैटर्न रिकॉग्नाइज करा होगा यहां पर आपके सामने लिखी है songmp3 व mp4 image.jpg आप लोग यहां जाके songmp3 जो मेरी सॉन्ग की फाइल है उसमें अपने सॉन्ग का नेम एडिट कर सकते हैं यहां पर जाके अगर मैंने यहां पे इसका नाम रख दिया लेट्स सपोज ब्राउन रंग ब्राउन rmp3 तो ब्राउन रड mp3 मेरी फाइल का नाम है और मैंने देख सकते हैं फाइल का नाम चेंज कर दिया जो नाम होता था लेकिन फाइल का टाइप जो है जो कि m थ है मैं उसको चेंज नहीं कर सकता हूं क्योंकि वो है मेरे फाइल का टाइप मेरे फाइल का कह सकते हैं एक्सटेंशन तो यहां पर पैटर्न कुछ ऐसा होता है दोस्तों आपको फाइल का नेम लिखना रहता है और डॉट लगा के फाइल का टाइप या और अगर हम और प्रोफेशनली बोले तो एक्सटेंशंस लिखने रहते हैं जैसे ब्राउन rmp3 इसमें फाइल का नाम है ब्राउन रंग और टाइप है mp3 वीडियो . mp4 में वीडियो है मेरे फाइल का नाम और mp3 है मेरे फाइल का टाइप मैं वीडियो चेंज कर सकता हूं ये जो लिखा हुआ है वीडियो लेकिन mp4 को चेंज नहीं कर सकता क्योंकि वो बता रहा है फाइल किस टाइप की है जैसे अगर मैं एक फाइल का नाम लिख रहा हूं index.htm इसमें आप चाहें तो index.htm में इंडेक्स सखा का कुछ भी लिख सकते हैं जो आपका मन करे लेकिन डॉट जाऊंगा और यहां पर जाके आपको हमारे एडिटर भैया ज़ूम करके बता देंगे यहां पर आपको एक न्यू फाइल का ऑप्शन दिखाई दे रहा होगा और न्यू फाइल के ऑप्शन पर आप जैसे ही क्लिक करेंगे यहां पर आपको एक फाइल बनानी है जिसका नाम रखना है आपको index.htm मेरी आदतें बहुत ख़राब है मैं बहुत डीप में चले जाता हूं डीप नहीं लेकिन मैं बेसिक सिखाने की तरफ चला जाता हूं तो आप प्लीज झेल लेना थोड़ी देर यार प्लीज है ना चलिए तो यहां पर इक्स फाइल बन के तैयार है हमारे पास अब यहां पर आपकी index.htm नाम की जो फाइल है इसके अंदर हम लोग एटीएमएल लिखेंगे भैया एटीएमएल फॉर्म नहीं पूछ रहा हूं मैं आपने बोल दिया होगा मन में हाइपरटेक्स्ट मार्कअप लैंग्वेज पता तो है हमको नहीं वो तो फुल फॉर्म है हाइपर टेक्स्ट लैंग्वेज मतलब क्या टेस्ट मार्क अप लैंग्वेज हाइपर टेक्स्ट मार्कअप लैंग्वेज जो है बिल्कुल भी नहीं html5 आ की चोच करके लिख दो कुछ ऐसा करके पढ़े ये वाले क्वेश्चन देखे बचपन ने हां तो ये वही होता है सिंपल तो यहां पर जाके हम इस मार्कर के फॉर्म में जो लैंग्वेज लिखते हैं वो कहलाती है मार्क लैंग्वेज जैसे कि आपने देखा होगा html4 लैंग्वेज अगर कोई बोलता है ना तो जूता निकालना सीधा चेहरे पे पड़ना चाहिए और भी तरीके होते हैं मतलब अपनी नाराजगी व्यक्त करने के लेकिन ठीक है ये तरीका सबसे बेस्ट है index.htm यहां पर आपके पास है और index.htm के अंदर यहां पर आपको पता चल गया मार्कर के फॉर्म में जो लैंग्वेज दिखते है और यहां पर लिखना कितना ज्यादा आसान है बताऊं मैं यहां पर आपको जैसे अगर आपने ये मार्कर्स बना और इनके अंदर आपने p लिख दिया तो ये p टैग बन गया मतलब आपका एक टैग बनके तैयार है अब इसके अंदर डाटा लिख सकते हैं और यहां पर जाके अगर आपने कुछ इस तरीके से लिख दिया तो यहां पर मेरा पी टैग क्लोज हो गया है तो ध्यान से देखिएगा यहां से मेरा पी टैग स्टार्ट हो रहा है यहां पर मेरा पी टैग खत्म हो रहा है और अगर मैं इसके अंदर कुछ लिखना चाहता हूं तो मैं यहां पे लिख सकता हूं हेलो हेलो लिखा गया सिंपल अच्छा ठीक है भैया ठीक है तो जैसे मान लेते हैं मैं एक एग्जांपल ऐसा कुछ एजिस्ट नहीं करता लेकिन मैं मान लेते हैं एक एस टैग बनाता हूं जिसके अंदर मैं लिख देता हूं कैसे हो आप लोग तो कैसे हो आप आप लोग जो लिखा हुआ है वो किस टैग के अंदर लिखा हुआ है तो आपका जवाब होना चाहिए एस टैग के अंदर एग यहां से शुरू हो रहा है एग यहां पे खत्म हो रहा है और उसके बीच का जो भी डाटा है वो कहां लिखा हुआ है एग के अंदर लिखा हुआ है सिंपल क्या ये समझ आ रहा है ठीक है तो हमने ये समझा कि हमें वीएस कोड ओपन करना है और वीएस कोड के अंदर हमें हमारा फोल्डर ओपन करना है फोल्डर के अंदर हमें एक फाइल बनानी है इंडेक्स एटीएमएल और उसके अंदर हमें एचटीएमएल का कोड लिखना है जो कि कुछ इस तरीके का दिखाई देता है इस तरीके से लिखते लेकिन आप मेन कोड लिखें उसके पहले आपको लिखनी पड़ती है बॉयलर प्लेट भैया बॉयलर प्लेट क्या होती है यह भी बता ही दो बॉयलर प्लेट इज अ डिफॉल्ट पीस ऑफ कोड जो आपको मेन कोड लिखने से पहले लिखना ही पड़ता है हां जी हां जी ठीक है क्या मतलब इसका भैया मतलब कुछ ऐसा कोड जो मैं मेन कोड लिखूं उसके पहले मुझे स्ट्रक्चर वगैरह प्रॉपर बनाने के लिए लिखना पड़ेगा तो यहां पर एटीएमएल के अंदर बॉयलर प्लेट लिखना कितना ज्यादा आसान है देखो मैंने बोला था वीएस कोड इज लाइक अ नोटपैड बट इट हैज सम सुपर पावर्स मतलब शक्तिमान की तरह गोल-गोल करके घूमता तो नहीं है लेकिन अगर आप शिफ्ट के साथ वन दबाते हैं तो एक्सक्लेमेशन मार्क आता है ये तो सब जगह ही आता है लेकिन आप एंटर दबाते हैं तो आपकी पूरी की पूरी बॉयलर प्लेट आ जाती है अच्छा ये एचटीएल की बॉयलर प्लेट है भैया हां जी अच्छा तो इसके अंदर क्या-क्या कंटेंट है वो अपन आगे चलके सीखेंगे लेकिन आपको करना क्या है ध्यान से समझो आपको अगर एचटीएमएल के अंदर कोड लिखना है तो आप शिफ्ट के साथ वन दबाइए बॉयलर प्लेट आ जाएगी और आपको दबाना है एंटर और जैसे ही आप एंटर दबाए ये आ गई आपकी कंप्लीट बॉयलर प्लेट इस बॉयलर प्लेट के अंदर आप देख पाएंगे तो थोड़ा सा मैं बताता हूं बस एक हेड टैग यहां से शुरू हो रहा है और एक हेड टैग यहां पर खत्म हो रहा है इस हेड टैग के अंदर हमारी वेबसाइट की इंफॉर्मेशन है क्या इंफॉर्मेशन है भैया वो धीरे-धीरे धीरे धीरे अपन पढ़ लेंगे कि कौन सी लैंग्वेज का सेट आप यूज करेंगे हाइट विड्थ क्या रहेगी आपके पेज की टाइटल क्या रहेगा वो धीरे-धीरे समझेंगे यह जो बॉडी टैग है ना दोस्तों बॉडी टैग के अंदर हम हमारी वेबसाइट के अंदर का जो भी कंटेंट है वो लिखते हैं क्या आप लोग ये समझ पा रहे हैं मेरी बात ठीक है आप समझ पा रहे हैं तो बहुत ही अच्छ अी बात है चलिए तो यहां पर आपको समझ आ गया है कि यहां पर आप लोग पढ़ने वाले हैं एचटीएमएल और एचटीएमएल के अंदर आपने बॉयलर प्लेड लिखी हेड के अंदर इंफॉर्मेशन होगी बॉडी के अंदर हम जो भी लिखना चाहे लिख सकते हैं तो मैं लिख देता हूं हेलो हाय लाइक कर दो गाइस लाइक कर दो गाइस प्लीज कर दो लाइक ठीक है तो यहां पर जाके हमने लिख दिया हेलो हाय लाइक कर दो गाइस और लाइक अगर कर दिया होगा तो ये चल जाएगा लेकिन चलाने के लिए हम लोग क्या यूज करेंगे तो चलाने के लिए हमको यूज करना है हमारा ब्राउजर ब्राउजर कहां पर है भैया देखो सिंपली नाम का जो फोल्डर था आपका आप उसको ओपन कर सकते हैं और ये रही आपकी इंडेक्स एटील की फाइल जूम करके दिखा देना एडिटर भैया प्लीज और जैसे ही मैं इस पे क्लिक करूंगा तो यहां पर आपको एक पेज ओपन डार्क थीम के लिए माफ करना लेकिन हां थोड़ी देर के लिए सहना पड़ेगा तो यहां पर आपको हेलो हाय लाइक कर दो गाइज आपको आउटपुट के तौर पर दिखाई देने लगा लेकिन लेकिन लेकिन आप लोग यहां जाके अगर कहां गया मेरा वीएस कोड आ जाओ ठीक है यहां पर जाके अगर हेलो लाइक कर दो गाइस एंड गाइस तो अगर मैं यह देखना चाहता हूं एस आउटपुट देख लो कुछ ऐसा दिखाई देरहा अगर मैं ये देखना चाहता हूं ऐसा आउटपुट तो मुझे मेरे ब्राउजर पर जाकर रीलोड करना पड़ेगा ऊपर रीलोड की बटन दबा दियो भाई साहब रीलोड हो जाएगा आ जाएगा लेकिन हम बारबार रीलोड करना नहीं चाहते हम चाहते यह गाना यह गाने के साथ मैं इंट्रो बनाना चाहता था लेकिन मैं सोचा कि ज्यादा क्रीपी लगेगा इसलिए मैंने हटा दिया भीड़ में तनहाई में प्यास की रुसवाई में दर्द में गहराई में मुझे तुम याद आते हो हर्ष पटेल ठीक है यहां पर आपको कुछ इस तरीके से दिखाई दे रहा है यहां पर आपको कुछ ऐसा दिखाई दे रहा हमको यह तरीका यूज नहीं करना है आई एम सॉरी मुझे माफ करना लेकिन हम लोगों को यूज करना है एक एक्सटेंशन जिसका नाम है लाइव सर्वर हमें यहां जाकर एक्सटेंशन में जाकर सर्च करना है लाइव सर्वर और लाइव सर्वर सर्च करते ही आपको यहां पर लाइव सर्वर नाम का एक एक्सटेंशन मिल जाएंगे एक्सटेंशन के अंदर यहां जाके मेरे में ऑलरेडी इंस्टॉल है तो अन इंस्टॉल और डिसेबल दिखाई दे रहा है आपके में इंस्टॉल वाला ऑप्शन आ रहा होगा इंस्टॉल कर लेना सिंपली इसको थोड़ा बहुत इंटरनेट खर्च कर लेना प्लीज और यहां जाके आपको अब अपनी वेबसाइट में करना है राइट क्लिक और राइट क्लिक करते साथ ही यहां पर एक ऑप्शन दिखेगा ओपन विथ लाइव सर्वर और जैसे ही मैं अपने इस फोल्डर को ओपन करूंगा विद द हेल्प ऑफ लाइव सर्वर तो हमारी वेबसाइट ओपन हो जाएगी विद द हेल्प ऑफ लाइव सर्वर तो ये कुछ ऐसी दिखाई देने वाली है यहां पर भी तो सेम ही दिखाई दे रहा है अ हेलो गाइस लाइक कर दो लेकिन जब मैं वापस से वीएस कोड में जाऊंगा और यहां पर जाके हेलो गाइस लाइक कर दो वाली लाइन हटा देता हूं क्योंकि आप लोग ऑलरेडी कर चुके होंगे तो मैंने यहां जाके कर देता हूं सिर्फ हेलो मैंने यहां पे चीजें हटा दी और मेरा ऑटो सेव चालू है आप लोग भी चेक कर लेना ऑटो सेव पे टिक लगा दिखना चाहिए है ना अब अगर मैं वापस से जाके देखूंगा तो यहां पर आपको सिर्फ हेलो दिख रहा है यहां पर जाके हेलो एंड वेलकम अगर मैं कर दूंगा यहां पर जाके आपको हेलो एंड वेलकम लिखा दिखेगा मुझे कोई रीलोड करना नहीं पड़ा मेरी वेबसाइट लाइव चल रही है क्या आप लोग ये समझ पा रहे हैं दोस्तों बढ़िया बढ़िया बढ़िया बढ़िया बढ़िया अब हम बढ़ सकते हैं आगे की तरफ चलिए तो अब हमें बढ़ना है आगे की तरफ एटीएमएल को और बेटर तरीके से सीखने के लिए सबसे पहले हम सीखेंगे कि एचटीएमएल के अंदर हमको चीजें किस तरीके से लिखनी रहती है ठीक है सबसे पहले एचटीएमएल के अंदर हम देखेंगे कि टेक्स्ट को किस तरीके से लिखते हैं उसके बाद हम आगे बढ़ेंगे और टेक्स्ट को हम ज्यादातर कहां देखते हैं मैं आपसे सवाल पूछ रहा हूं आपसे हां आपसे कमेंट मत करना मन में सोचना टेक्स्ट ज्यादातर हम कहां देखते हैं किताबों में किताबें याद करो किताब लास्ट कौन सी पढ़ी थी सविता भाभी पढ़ी होगी पता है मुझे लेकिन हां किताबों में हम टेक्स्ट को ज्यादा पढ़ते हैं और टेक्स्ट जब हम देखते हैं तो टेक्स्ट में ज्यादातर दो ही फॉर्मेट में दिखाई देता है या तो हमारा टेक्स्ट होता है हेडिंग्स के फॉर्म में जो डार्क सी बड़ी सी हेडिंग्स होती है वो होता है हमारा हेडिंग्स या फिर टेक्स्ट होता है पैराग्राफ के फॉर्म में html2text h1 टैग के मैं टैब या फिर एंटर दबा ंगा और यहां पर पूरा का पूरा h1 टैग बना के दे देगा मतलब उसने मुझे बीच में बैठा के रख दिया और मुझसे कह रहा है कि चलो भाई अब सीधा आप यहां पे कोड लिखो अपना कोई टेंशन परेशानी नहीं है कोई रोकने टोकने वाला नहीं है तो ठीक है मैं यहां पर जाके लिख देता हूं हेलो और अगर मैं वीएस कोड में मेरे आउटपुट को देखूंगा तो ये हेलो मुझे एक हेडिंग के फॉर्म में दिख रहा है यहां पर मेरे पास एक हेडिंग बनाई है विद द हेल्प ऑफ h1 और h1 के बाद मैंने एक और हेडिंग बनाई है जिसका नाम है h2 उसके अंदर भी मैंने हेलो लिखा है और हेलो मुझे कुछ ऐसा दिखाई दे रहा है यानी कि मैं अगर देखता हूं तो h1 और h2 दो तरह की हेडिंग्स होती है तो साइज का अंतर है दोनों में ओबवियसली h3 h4 h5 और h6 ठीक है यहां पर आपके पास एटीएमएल के अंदर छह तरह की हेडिंग्स होती है भा h7 नहीं होता कि नहीं h7 जैसा कुछ नहीं होता छह तरह की हेडिंग्स होती है h1 h2 h3 h4 h6 और इनमें डिफरेंस क्या होता है इनमें डिफरेंस आप अपनी आंखों के सामने देख सकते हैं सबसे बड़ी हेडिंग अगर मैं आपसे पूछूं कौन सी है तो इसका जवाब होना चाहिए h वन और सबसे छोटी हेडिंग कौन सी है तो इसका जवाब होना चाहिए h6 आप समझ पा रहे हैं तो h4 और h2 में कौन बड़ा होगा h2 बड़ा होगा क्योंकि वो नंबर छोटा है तो साइज बड़ा होगा बस ऐसा मान के चलो ठीक है तो html5 तक छह तरह की हेडिंग्स बनाने के ऑप्शंस मिलते हैं बढ़िया बहुत बढ़िया और भया अगर हम पैराग्राफ बनाना है तो क्या करेंगे पैराग्राफ बनाना है तो हम पैराग्राफ टैग का यूज करेंगे और एंटर लिखेंगे सिंपली और पैराग्राफ टैग का यूज़ करने के बाद यहां पर मैं कुछ भी लिख सकता हूं हेलो एंड वेलकम टू शेरियन कोडिंग स्कूल ठीक है सॉरी बहुत दिनों बाद बना रहा हूं ना तो बहुत ज्यादा एक्साइटेड हूं तो रुक नहीं पा रहा है अंदर निकल जा रहा है बाहर बहर बाहर ठीक है हेलो एंड वेलकम टू शेरिस कोनिंग स्कूल और यहां पर आपको ये एज अ पैराग्राफ दिखाई दे रहा होगा एक ट्रिक बताऊं छोटी सी वीएस कोड की ठीक है हम यहां पर ना पता है क्या कर सकते हैं हमें कई बार जैसे मुझे कुछ याद नहीं आ रहा था तो मैंने ऐसा गाने में शेरिस का नाम लिख दिया आप क्या कर सकते हैं आप यहां पर जाके लिखिए एल ओ आर एम लॉरेम और लॉरेम लिखने के बाद आप यहां पे कोई भी नंबर लिख सकते हैं जैसे मैंने लिखा लम 20 और मैंने दबा दिया टैब या फिर एंटर और यहां पर आ जाएंगे 20 रैंडम वर्ड्स इनका कोई मतलब नहीं है कुछ भी लिखा हुआ है अंश अं शंट लरा मिसम डॉलर से टाइमट कंस टटर फलाना डिमा का पहाड़ में जाने दो अपने को मतलब नहीं है लेकिन हां यहां पर आपको कुछ रैंडम वर्ड्स 20 प्रिंट होते हुए दिख गए तो कई बार जैसे हमको फिलर वर्ड्स लिखने रहते हैं तो हम इस टेक्नल इस चीज का यूज़ कर लेते हैं ठीक है क्या करा था मैंने मैंने पैराग्राफ के अंदर या फिर आप चाहे तो कहीं भी लॉरेम लिख के लेट्स सपोज मैंने 50 लिख दिया तो क्या 50 वर्ड्स आ जाएंगे क्या भैया हां जी 50 वर्ड्स आ जाएंगे 500 लिखूंगा तो आ जाएंगे हां आ जाएंगे करके देख लो एक बार मजाक से कट के आ जाएंगे ठीक है तो यहां पर आपने हेडिंग्स देख लिया पैराग्राफ देख लिया अब हम बढ़ते हैं आगे की तरफ अब हम देखते हैं लिस्ट किस तरीके से देखो मैं कंटीन्यूअसली वीडियो बनाता रहूंगा आपको एक सर्टेन पॉइंट पर आके रोकूंगा फिर उसके बाद फिर वीडियो बनाऊंगा फिर रोकूंगा आपको अगर लगता है कि ब्रेक लेना चाहिए तो जरूर ले लेना ब्रेक और अगर आपको लगता है कि मैं तेज बोल रहा हूं तो प्लीज कमेंट में गाली के बिना बोल देना कि भैया थोड़ा धीरे पढ़ाओ तो मैं धीरे पढ़ा दूंगा प्लीज यार है ना और अगर नॉर्मल स्पीड है तो बोल देना नहीं नहीं नॉर्मल स्पीड है कंटिन्यू रखो इस पे तो अगली वीडियोस में ऐसे ही रखेंगे मजाक मस्ती के साथ ठीक है चलिए ठीक है यहां देखिए यहां पर आपने h1 से लेकर h6 तक छ तरह की हेडिंग देख ली साहब आपने देख लिया पैराग्राफ और पैराग्राफ के अंदर आप लॉरेम वरम भी लिख सकते हैं और एक और चीज हां आपने अभी तक जो टैग्स देखे हैं ना जैसे अगर मैंने यहां पे पी टैग बनाया अब पी टैग ओपन भी हो रहा है क्लोज भी हो रहा है ऐसा जरूरी नहीं है सारे टैग्स ओपन भी हो और क्लोज भी हो जैसे कि यहां पर एक टैग आता है यूज़ में जिसका नाम है बीर टैग कौन सा टैग भाइयों बीआर बीआर टैग यूज होता है लाइन ब्रेक के लिए तो मैंने यहां पे बीआर टैग बनाया और मैंने लिख दिया एंटर तो देख सकते हैं बीआर टैग कुछ ऐसा दिखाई देने लगेगा और होगा ये कि लर एप्सम डॉलर के बाद बाकी की चीजें अगली लाइन में चली गई और बीर टैक् सेल्फ क्लोजिंग टैग है ये इसका कोई अलग से क्लोजिंग नहीं आता ये ऐसा ही लिखा आता है पीआर टैग ऐसे ही एक और टैग होता है एचआर टैग एचआर मतलब वो कंपनी वाला एचआर नहीं एचआर मतलब हॉरिजॉन्टल रो खींचने का काम करता है तो देखो नीचे एक रो टाइप की दिखाई दे रही होगी आपको समझ आ रहा है क्या हो रहा है सच में आ रहा है क्या चलो अब आगे बढ़ते हैं हम लोगों ने यहां तक पढ़ लिया अब हमें आगे देखना है लिस्ट के बारे में और लिस्ट भी आई साहब होती है दो तरीके की दो तरीके की एक एग्जांपल के लिए एक एग्जांपल के लिए मान लेते हैं कि आप चार दोस्त हैं और चार दोस्त मिलके बना रहे हैं आज रात के खाने में बिरयानी वो भी वेज वाली क्योंकि मैं वेज ही खाता हूं तो मैं भी आऊंगा खाना खाने तो वेज बिरयानी बन रही है साहब और वेज बिरयानी में आपका दोस्त जो खाना बनाने वाला है और आप जो बर्तन मांज जोगे और बाहर से सामान लेके आओगे उसने आपसे बोला कि भाई बाजार जाओ और चार चीजें लेके आ जाओ तो आपको पता है कि बाजार से चार चीजें लेके जानी है तो आपने 1 2 3 4 करके लिस्ट बना ली और आपने चीजों के नाम लिख दिए दैट्ची लिस्ट बोलेंगे ऑर्डर लिस्ट ऑर्डर लिस्ट मतलब क्या ऑर्डर लिस्ट मतलब चीजों का जिसमें मुझे ऑर्डर पता है और ऑर्डर लिस्ट को शॉर्ट फॉर्म में क्या बोलेंगे ओल सिंपल तो हमने यहां पर ऑर्डर लिस्ट के लिए ओल टैग बना लिया और यहां पर जाके आपने एंटर दबाया तो ओल टैग बनके तैयार है अब आपके दोस्त ने बोला कि ठीक है भाई बिरयानी में अब नॉनवेज नहीं डल रहा तो ठीक है एक काम करते हैं पनीर डाल लेते हैं तो पहला आइटम उसने बनाया पनीर फिर बताया कि भाई मसाले फिर बताया कि भाई चावल तो बिरियानी में चाहिए ही चाहिए तो उसने नाम बताया तो ये जो उसने आइटम्स बताए हैं वो है लिस्ट आइटम्स लिस्ट आइटम्स मतलब जो मैंने ऑर्डर लिस्ट बनाई है ना उसके अंदर जो लिस्ट के आइटम्स वहां पर होने वाले वो है लिस्ट आइटम उसके लिए भी एक लिस्ट आइटम नाम का टैग आता है जिसको हम बोलते हैं एआई यानी कि ऑर्डर लिस्ट इज द कंप्लीट लिस्ट जिसके अंदर हम लोग बनाते हैं लिस्ट आइटम्स जैसे कि हम लोग बना रहे थे मैं पनीर डलवा रहा हूं भाई बिरयानी में किसी को कोई दिक्कत हो तो नीचे बता सकते हैं आप लोग जाके बिरयानी के लिए एक काम करो और राइस ले आओ और मसाले मसाले को इंग्लिश में क्या कहते हैं ठीक है अपने से बनने भी नहीं वाली ठीक है जी क्या यहां तक मुझे लगता है समझ आ गया होगा आपको ऑर्डर लिस्ट लिस्ट के अंदर आइटम्स अच्छा हां एक और लिस्ट होती है जिसको हम बोलते हैं अन ऑर्डर लिस्ट मतलब आपका दोस्त आपको चीजों के नाम बता रहा है और आप जल्दी-जल्दी जल्दी जल्दी नोट करते जा रहे हैं उसको तो आपने नंबर तो नहीं पता ना आपको कितने नंबर होने वाले हैं टोटल आपको नहीं पता तो उस लिस्ट को बोलते हैं अन ऑर्डर लिस्ट जैसे कि मैंने यहां जाके कहा अन ऑर्डर लिस्ट और लिस्ट आइटम यार बार-बार बनाना पड़े उससे बेटर एक काम करता है मैंने इसको ही कॉपी करके नीचे पेस्ट कर देते क्योंकि आइटम तो आइटम है ना चाहे ऑर्डर में हो चाहे ऑर्डर लिस्ट एंड दिस इज दी अन ऑर्डर्स और दोनों में आपको डिफरेंस दिखाई दे रहा है बहुत अच्छी तरीके से ठीक है जी चलिए अब बढ़ते हैं आगे की तरफ हमें यहां तक समझ आ गया है किस तरीके से लिस्ट बनाते हैं अब एक और बहुत इंपॉर्टेंट टैग देखना है हमको दोस्तों जो कि है इमेज टैग भैया इमेज टैग क्या होता है इमेज टैग यूज होता है हमारी वेबसाइट के अंदर इमेज लगाने के लिए क्योंकि अभी तक हमारी वेबसाइट काफी बोरिंग दिख रही है वेबसाइट तो नहीं है वैसे ही लेकिन हां जो भी है बोरिंग दिख रहा है हमें यहां पर लगानी है इमेज और इमेज के लिए आप सर्च करते हैं आईएमजी टैग आईएमजी टैग यूज होता है इमेजेस को लगाने के लिए और एक जरूरी इंफॉर्मेशन जो मैं इस टैग के थ्रू आपको बताना चाहता हूं एंटर अगर आप ध्यान से देखेंगे तो इमेज टैग जो है यहां पर मेरी स्क्रीन पर आपके सामने इमेज टैग जो है वह सिर्फ ओपनिंग टैग है क्लोज नहीं होता तो भैया ये बीच में एसआरसी और एलटी क्या है इमेज टैग सिर्फ ओपनिंग है क्लोज नहीं होता इमेज टैग और एसआरसी और एलटी है दोस्तों एट्रिल हैं ये एट्रिक्स यूज होते हैं आपकी वेबसाइट के अर अंदर जो आपका टैग बना हुआ है जैसे मान लेते हैं इमेज टैग हो गया या फिर h1 टैग हो गया या फिर अ एंकर टैग हो गया जो भी टैग हम आगे जाके देखेंगे उस टैग की अगर मैं कोई इंफॉर्मेशन स्टोर करवाना चाहता हूं तो वहां पर काम में आते हैं एट्रियो जैसे कि एसआरसी और एलटी एट्रियो हैं जिसमें से एसआरसी का फुल फॉर्म है सोर्स यानी इमेज जो है उसका सोर्स क्या है स्रोत क्या है कहां से आ रही है इमेज पता तो होना चाहिए कहां से आ रही है इमेज तो एसआरसी के अंदर अपन बताते हैं इमेज का सोर्स और एलटी जो है वो देता है मुझे अल्टरनेट मैसेज यानी कि अगर मेरा जो सोर्स है लेट्स सपोज मैंने इंटरनेट से एक इमेज उठाई और इमेज उठा के यहां पे लगा दी तो जो इमेज मैंने लगाई है वो अगर मान लेते हैं इंटरनेट नहीं चला या गलत लिंक मैंने लगा दी तो अल्टरनेट में अगर इमेज नहीं वर्क करती तो एक मैसेज देने के काम आता है एलटी टैग आप समझ पा रहे हैं राइट चलिए तो हम जल्दी से इमेज लगाते हैं सबसे पहले हमें यहां पर जाके एक इमेज टैग बनाना है आईएमजी टैग एसआरसी के अंदर मुझे इमेज का सोर्स लिखना है तो चलिए इमेज ढूंढ के लेके आते हैं हम जाएंगे गोरिला इमेज और मुझे गोरिला काफी पसंद है देख सकते हो काफी बढ़िया जीव है यह और भी ज्यादा अच्छा है ठीक है इस फोटो में कितने गोरिला है गलत जवाब तीन नहीं चार है ठीक है चलो ठीक है तो यहां पर जाके हमें यह वाला काफी बढ़िया लग रहा था लेकिन य बहुत बड़ा है तो मैं थोड़ा सा ज्यादा डराना थोड़ा सा इस टाइप का कुछ उठा लेता हूं लेट्स सपोज हम ये वाली इमेज लगाना चाहते हैं हमारे वेबसाइट के अंदर तो आपको सिंपली क्या करना करना है आपको सिंपली मैं अपने आपको को गायब कर लेता हूं ताकि आपको और अच्छे से दिख जाए चीजें आपको सिंपली राइट क्लिक करना है और यहां पर आपको कॉपी इमेज के जस्ट नीचे एक ऑप्शन दिख रहा होगा कॉपी इमेज एड्रेस आपको इसका एड्रेस कर लेना है कॉपी और एड्रेस कॉपी करने के बाद आपको जाना है अपने ब्राउजर पे व सॉरी अपने वीएस कोड प वापस और वीएस कोड प वापस जाने के बाद एसआरसी के अंदर आपको उस सोर्स कोड को पेस्ट कर देना है भैया फिर से बता दो समझ नहीं आया आउटपुट तो देख लो आउटपुट में इमेज आ चु है बहुत बड़ी इमेज है वो अलग बात है मैंने जूम भी कर रखा था वो भी अलग बात है लेकिन इमेज आ चुकी है भाई मजाक से हट के इमेज आ चुकी है क्या किया था भैया फिर से बताना देखो कोई भी एक इमेज उठा लो यहां से जो भी आपको अच्छी लगे ये वाली अच्छी लग रही है उठा लो या ये वाली अच्छी लग रही है तो ये वाली उठा लो जो इमेज आपका मन करे उठा लो लेट्स सपोज मैंने ये वाली इमेज उठाई राइट क्लिक कॉपी इमेज एड्रेस और ले जाके ये जो एसआरजी हुआ करता था ना आपके इमेज के अंदर उसके अंदर आपने लिख दिया और अगर आप देखेंगे यहां जाके तो आपकी वेबसाइट के अंदर आपको इमेज लगी हुई दिखाई दे रही है काफी बढ़िया है सही है ना ठीक है तो भैया यह एलटी क्या करता है यहां पर ये जो बगल में हमारे एलटी लिखा हुआ था यह क्या करता है एलटी दोस्तों आपको अल्टरनेट में मैसेज देने का काम करता है जैसे मान लेते हैं कि मेरी इमेज अभी तो ठीक है तो कोई दिक्कत नहीं है मैंने यहां पे लिखा इमेज नॉट फाउंड का मैसेज अभी तो को ठीक है कोई दिक्कत परेशानी नहीं है लेकिन अगर मान लेते हैं मैंने इमेज का गलत एड्रेस लगा दिया या इंटरनेट चला गया या जो भी दिक्कत हो गई हम यहां पर देखेंगे तो हमें इमेज नहीं दिखेगी तो यहां पर एक मैसेज दिखाई देगा इमेज नॉट फाउंड और बगल में एक ब्रोकन इमेज का सिंबल ही है जोकि यह दर्शाता है कि आपने जो इमेज लगाई थी वो ब्रोकन थी मतलब उसकी जो लिंक थी वो ब्रोकन थी इस तरीके से आप इमेज लगा सकते हैं प्रैक्टिस जरूर करते रहना साथ-साथ में क्योंकि मुझे जल्दी-जल्दी बहुत सारी चीजें पढ़ा है तो मैं बहुत फुर्ती में निकलूंगा ठीक है ना भाइयों चलो चलिए यहां तक सब कुछ ठीक जा रहा है तो हम आते हैं वापस हमारे कोड की तरफ और यहां पर जाके हमने इमेज लगाना सीख लिया था अब मैं इमेज का सोर्स ठीक कर ही देता हूं यार कोई दिक्कत नहीं ठीक है एक और टैग बताता हूं जिसका नाम है एंकर टैग ए टैग एंकर टैग करता क्या है ना एंकर टैग आपकी वेबसाइट के अंदर एंकर कह सकते हो लिंक्स बना हाइपर लिंक्स बनाने का काम करता है आपने देखी होगी एक वेबसाइट जो ज्यादातर टाइम आप रात में जाते हैं जो ब्लैक और सम वेयर लाइक रेड दिखती है थोड़ा सा रेड और ज्यादातर ब्लैक उस वेबसाइट पर आप जाते हैं रात के टाइम वीडियोस देखने के लिए और आप वीडियोस देखना चालू करते हैं उसके पहले आता है एक छोटा सा ऐड और इस ऐड पे आप क्लिक करते हैं और आप किसी और वेबसाइट प पहुंच जाते हैं इस टाइप की चीजें कैसी बनती है इसकी हेल्प से एंकल टप की हेल्प से आप समझ पा रहे हैं मेरी बात बाय द वे मैं था आपकी सोच मुझे पता है कहां तक गई होगी सॉरी वापस आ जाओ ए टैग यहां पर जाके हमने बनाया और यहां जाके एचआरएफ के अंदर हमें सिंपली हमारा उस वेबसाइट का लिंक यहां पर पुट करना है जिस पर हम जाना चाहते हैं और यहां पर लिखना है कि किस चीज पर क्लिक करके हम वहां पर जाएंगे लेट्स सपोज कि मैं यहां पर लेके जाता हूं आपको shar.com पे shar.com चालू हो रहा है हो रहा है हो गया कुछ ऐसा दिखता है shar.com ठीक है shar.com को आपको सिंपली करना है यूआरएल कॉपी सिर्फ शेरिस का नहीं करना तुम्हें जिसकी वेबसाइट का भी करना है कर सकते हो बाय द वे हां और इसकी यूआरएल को कॉपी करने के बाद आपको एच आरई एफ के अंदर कर देना है पेस्ट अभी हमको यहां पे कुछ भी नहीं दिखाई देने वाला है लेकिन मैंने यहां पर जाके अगर लिख दिया शेयर तो जब भी मैं अपनी वेबसाइट के अंदर इस शेयर पे क्लिक कर रहे होगा ये देखो मेरे बगल में शेयर दिखाई दे रहा होगा जैसे ही मैं शेयर पे क्लिक करूंगा मैं पहुंच जाऊंगा shar.com पे कितना ज्यादा आसान था समझ रहे हो आप लोग देखो कितना आसान था आपने बस एक ए टैग बनाया आपने बस सिंपली एक ए टैग बनाया उसके अंदर एचआरएफ के अंदर आपने वेबसाइट की लिंक डाल दी तो मैंने यहां पे जाके shar.com की डाली है क्योंकि मैं अभी instagram.com भा सिंपल क्या यहां तक एंकर टैग भी समझ आ चुका है ठीक है बढ़िया अच्छा भैया और क्या-क्या जल्दी-जल्दी बता दो बहुत सारा पढ़ना है बता तो रहा हूं धीरे-धीरे अब हम देखते हैं फॉर्म्स कैसे बनाते हैं एटीएमएल के अंदर चल सकते हैं क्या आगे चल सकते हैं आगे लेट्स गो अब हम सीखते हैं कि हम एटीएमएल के अंदर फॉर्म्स कैसे बना सकते हैं सबसे पहले आपको बनाना है एफ ओ आर एम फॉर्म टैग सिंपल फॉर्म है क्या मतलब फॉर्म का एग्जैक्ट मतलब है क्या फॉर्म इज अ कंटेनर कोरा कागज था यह मन मेरा वैसे ही फॉर्म भी है कोरा कागज है उसके अंदर कुछ भी नहीं है आपने कभी किसी जगह का रजिस्ट्रेशन फॉर्म या कहीं का भी कुछ फॉर्म भरा होगा ऐसा दिखता है फॉर्म के अंदर जब आप फॉर्म टैग बनाते हैं तो फॉर्म टैग का खुद का कुछ वजूद नहीं होता कुछ नहीं दिखाई देगा आपको और इसके अंदर एक एक्शन नाम की एक्स्ट्रा चीज अलग से आ जाएगी तो आपको करना क्या है मेरी बात सुनना ध्यान से आपको यहां पर बनाना है एफ ओ आर एम फॉर्म टैक एंटर दबाना है और ये जो एक्शन वाली चीज है ना ये आपके काम की अभी नहीं आगे जाके आपको बताएंगे कि ये कहां काम आता है कैसे काम आता है लेकिन हां हमने यहां पर एक फॉर्म टैग बनाया है और फॉर्म टैग के अंदर यहां पर अभी मुझे कुछ भी नहीं दिखाई दे होगा मुझे इस फॉर्म टैग के अंदर बनाने पड़ते इनपुट फील्ड्स जैसे कि मैंने यहां पर बनाया एक इनपुट कुछ इस तरीके से जिसका टाइप है टेक्स्ट अब अगर आप देखेंगे बॉडी तो देखो है भाई की अगर आप देखेंगे तो मैंने यहां जाके लिखा सार्थक और सार्थक लिख के मैंने दबा दिया एंटर तो मेरा पेज रीलोड हो गया फॉर्म सबमिट हो गया ट्स इट क्या यहां तक समझ आ रहा है आप लोगों को आ रहा होगा शायद आ रहा होगा एक काम करता हूं ये जो मेरी इमेज है ना इसको मैं इसके नीचे लगा देता हूं क्योंकि बहुत करना पड़ता है यार ठीक है और मैं यहां जाक इस ए टैग और इसके बीच में बीआर टैग बना देता हूं दो तीन तो थोड़ा सा लाइन के बीच में गैप भी आ जाएगा ठीक है चलिए तो और मैं ये जो दो तीन बीआर टैग थे यह मैं कॉपी करके यहां भी लगा देता हूं ठीक है यहां पर आपको एक इनपुट दिखाई दे रहा है आप चाहे तो इसके अंदर लिख भी सकते हैं कुछ एंटर नेम और आप एंटर नेम कर सकते हैं जो भी आपका नाम हो ठीक है यहां पर आप इनपुट बना सकते हैं और है एक और एक और एक और एक और एक और आप इनपुट के अलग-अलग टाइप्स बना सकते हैं जैसे कि मैंने यहां पर एक और इनपुट टैग बना बनाया जिसका मैंने टाइप सेट कर दिया है पासवर्ड और पासवर्ड अगर मैंने टाइप सेट कर दिया एंटर पासवर्ड तो यहां पर आप देखेंगे तो इसके अंदर मुझे लिखना था एंटर करना था नेम तो मैं अपना नेम लिख देता हूं और मैंने यहां पे नेम की जगह अपना नेम लिख दिया एंटर पासवर्ड तो मैं अपने बैंक अकाउंट का पासवर्ड लिख रहा हूं गाइस प्लीज जाके पैसे चुरा लो प्लीज चुरा लो प्लीज दिखाई दे रहा है क्या कुछ नहीं दिखाई दे रहा पता है ऐसा क्यों हो रहा है क्योंकि आपके इनपुट का टाइप पासवर्ड है और आप ऐसा बहुत सारे इट के साथ कर सकते हैं जैसे कि आप बना सकते हैं इनपुट टाइप आप इनपुट टाइप बना सकते हैं यहां पर डेट और टाइम के लिए जिसमें आप डेट और टाइम को सिलेक्ट कर पाएंगे अरे रुक जा भाई अरे रुक जा ठीक है डेट और टाइम सिलेक्ट कर पाएंगे आप यहां पे बना सकते हैं इनपुट टाइप चेक बॉक्स के लिए जैसे हम और भी कई सारे होते हैं इनपुट टाइप होता है रेडियो रेडियो मतलब क्या रेडियो मतलब बजाने वाला रेडियो क्या भैया नहीं नहीं नहीं रेडियो मतलब तुम लोगों ने देखा होगा यार ऐसा अपने को मेल और फीमेल में से किसी एक पर सिलेक्ट करने के लिए रेडियो टैग का इस्तेमाल नहीं करते अपन याद करो फीमेल तो मेल या फीमेल में से जिसको भी मुझे सेलेक्ट करना है जैसे मैं तो भाई मेल हूं तो मैं मेल को सेलेक्ट कर लूंगा काम हो जाएगा हमारा सही है ना तो ये होता है एक इनपुट टाइप और भी भी कई सारे तरीके के इनपुट टैग्स होते हैं टाइप्स होते हैं जैसे कि मैंने इनपुट का टाइप कर दिया कलर इसके अंदर मैं कलर सेलेक्ट कर पाऊंगा जैसे कि यहां से जाके मैं कलर वगैरह सेलेक्ट अरे हो जा ठीक है कलर वगैरह सेलेक्ट कर पाऊंगा और भी कई सारी तरीके के इनपुट्स होते हैं यार आप धीरे-धीरे धीरे-धीरे जब चीजें पढ़ते रहोगे ना तो आपको ऑटोमेटिक याद हो जाएंगी परेशानी नहीं है उसमें धीरे-धीरे धीरे-धीरे पढ़ते रहो अपने आप आ जाएंगी बस एक चीज करना इनपुट लिखना और इनपुट के बाद यहां पर इसके इतने सारे टाइप्स हैं इनमें से ट्राई करके देखना अपने हिसाब से कुछ भी जो भी आपका मन करे ठीक है तो आपको इनपुट टैग समझ आ जाएगा तो मतलब हमने करा क्या है ने फॉर्म बनाया और फॉर्म के अंदर हमने इनपुट बनाए हैं बहुत सारे अब इनपुट के अंदर भी एक बहुत अच्छी चीज एक और है देखना जैसे कि अगर मैं आपको लेके चलूं facebook.com पे लेट्स गो टू facebook.com तो facebook.com पर यहां पर है और आप देख सकते हैं यहां के इनपुट्स थोड़े से अलग है यहां पे इनपुट के अंदर ही टेक्स्ट लिखा हुआ है ये कैसे बनता है भैया तो यह बनाने के लिए आपको करना क्या है बहुत आसान है आपको इनपुट के अंदर जाना है आपको इनपुट टैग बनाना है फॉर्म के अंदर आई एम सॉरी और यहां पर एक एट्रियो बनाना है जिसका नाम आप रखेंगे प्लेस होल्डर और प्लेस होल्डर एट्रीशनल होल्डर एट्रीशनल एट्रिल जो है वो आपको प्लेस होल्डर देता है प्लेस होल्डर मतलब जब तक कुछ डाटा नहीं है तब तक प्लेस को होल्ड करके रखो यार सिंपल और एंटर योर नेम और यहां पर अगर आप देखेंगे तो एंटर योर नेम करके दिखाई दे रहा है और अगर मैं इसके अंदर कुछ लिखने जाऊंगा तो जो एंटर योर नेम है वो हट जाएगा नॉर्मल लिखूंगा तो नॉर्मल वैसे खाली रहेगा तो दिखने लगेगा लेकिन अगर मैं कुछ लिखूंगा तो ये कुछ ऐसा दिखने लगेगा आ रहा है समझ में क्या हो रहा है दोस्तों बिल्कुल ठीक है बढ़िया बहुत बढ़िया चलिए तो यहां तक मुझे लगता है आपको समझ आ गया होगा अब हम बढ़ सकते हैं आगे की तरफ ठीक है अब हमको देखना है एक बहुत ही बेसिक सा टैग जो कि है वीडियो टैग भैया वीडियो टैग किस काम आता है ओबवियसली वीडियो लगाने के काम आता है दोस्तों अच्छा ठीक है अरे बता रहा हूं परेशान मत हो वीडियो तो लेके आने दो कहीं से ठीक है तो हम लोग यहां पर सर्च करते हैं एक अच्छी सी वीडियो लेट्स फाइंड इट तो हमको वीडियो लगाना सीखना था और उसके लिए हम लोग एक टैग यूज कर रहे हैं जिसका नाम है वीडियो टैग वीडियो टैग लगाते साथ ही यहां पर जाके हमें एसआरसी के अंदर वीडियो का एड्रेस डालना पड़ता है जैसे इमेज में करते थे वैसे ही तो कहीं भी आपको वीडियो दिखे कॉपी वीडियो एड्रेस और यहां ले जाके लगा देना है लेकिन अगर आपके पास वीडियो डाउनलोडेड है तो कैसे करेंगे जैसे मेरे पास यहां पर एक वीडियो डाउनलोडेड है वीड mp4 करके यहां पर ये कुछ ऐसी दिखाई दे रही है देख सकते हैं आप यहां पर अगर मैं इस वीडियो को लगाना चाहता हूं तो मैं कैसे लगाऊंगा तो इस वीडियो को लगाने के लिए आप सिंपली कहेंगे डॉट स्ल और डॉट स्लश करते साथ ही आपके इस फोल्डर के अंदर की सारी फाइल्स आपको दिखाई देने लगेंगी और आपको वीडियो mp4 कर देना है उसके अंदर पेस्ट और अगर आप देखेंगे अपनी वेबसाइट के अंदर जाके तो आपको वीडियो चलती हुई दिखाई देने लगेगी गाइस कांग्रेचुलेशन कई वीडियो चल र बिल्कुल भी नहीं अच्छा वीडियो डट वीडियो के अंदर एसआरसी लगा दिया हमने फिर ये क्यों नहीं चल रही भैया क्योंकि हमें यहां पे कुछ एटिबल देने पड़ेंगे जिसमें से सबसे पहला है ऑटो प्ले ऑटो प्ले का मतलब होता है वीडियो मेरी ऑटोमेटिक प्ले होनी चाहिए तो देखो ऑटोमेटिक प्ले हो गए लेकिन प्ले होने के बाद अब ये रुक गई पता है क्यों रुकी है ये क्योंकि आपने ये नहीं कहा था कि वीडियो कंटीन्यूअसली चलती रहनी चाहिए तो मैंने यहां जाके कहा ऑटो प्ले और लूप लूप मतलब मेरी वीडियो रिपीट में चलती रहेगी तो ऑटो प्ले हो गया और ये लूप हो गया तो यह वीडियो मेरी कंटीन्यूअसली चलती रहेगी लेकिन ये सब पे काम नहीं करेगा यह वीडियो में साउंड नहीं था बहुत सारी वीडियोस ऐसी होती है जिनके अंदर साउंड होता है तो आपको करना क्या आपको कहना है ऑटोप्ले लूप और म्यूट जिससे मेरी वीडियो म्यूट हो जाएगी हमारे ब्राउजर जो भी मॉडर्न टाइम में हम ब्राउजर यूज करते हैं वो कभी भी वीडियो विथ साउंड को ऑटोमेटिक प्ले नहीं होने देते और आप चाहते हैं आपकी वीडियो ऑटोमेटिक चले तो आपको यहां पर यह तीन एट्रिल लूप और इंपॉर्टेंट टैग है जो हम रेयरली यूज करते हैं लेकिन काम का है उसका नाम है कंट्रोल्स जिससे कि आप अपनी वीडियो के अंदर कंट्रोल्स लेके आ सकते हैं देखो ऐसा वाला कुछ क्या आप समझ पा रहे हैं मेरी बात क्या मेरी बात समझ पा रहे हैं नहीं डाउनलोड नहीं करना कहां डाउनलोड हो रहे हो ठीक है क्या आप लोग समझ पा रहे हैं हां समझ पा रहे हैं दैट्ची है तो यहां तक आपको समझ आ चुका है कंट्रोल्स का लगाने का मन करे तो लगा देना नहीं तो कोई दिक्कत परेशानी नहीं है ठीक है ठीक है अब हम बात करते हैं डिब्स पे भैया डिव क्या होता है अ लास्ट टॉपिक लगभग लगभग लास्ट उसके बाद हम बाकी की चीजें सीएसएस में बहुत डिटेल में पढ़ रहे होंगे धीरे-धीरे धीरे-धीरे जैसे-जैसे समय आगे बढ़ेगा ऑटोमेटिक आप सब कुछ ही सीख जाएंगे वीडियो लास्ट तक ही देखने वाले हो ना ये तो नहीं है एटीएमएल पढ़ के बस यहां से चले गए घर ऐसा नहीं होगा लास्ट तक देखना पड़ेगा साब नहीं नहीं देखना पड़ेगा माना करो देखना पड़ेगा ठीक है अब हम देखते हैं एक और इंपॉर्टेंट टॉपिक जिसका नाम है डिव तो भाइयों ऐसा मान के चल सकते हैं हम डिव इज अ शॉर्ट फॉर्म ऑफ डिवीजन व्हिच इज यूज्ड टू मेक लेआउट इन दी वेबसाइट आपकी वेबसाइट के अंदर एक प्रॉपर लेआउट बनाने के लिए काम में आता है डिव डिवीजन क्रिएट करके चीजों को अलग-अलग डिव के अंदर तोड़ के अलग-अलग लगा के जैसे मैं आपको बताऊं तो यहां जाके मैं लेके चलता हूं आपको amazon.in पे और amazon.in पे आप अगर देखेंगे तो ऐसे प्राइम सेल चालू हो रही है कब से चालू हो रही है 27 तारीख से चालू हो रही है गाइस कुछ खरीद लेना अच्छा सा ठीक है तो यहां पर आप देखेंगे तो यहां पर मैंने खोल के रखा है amazononline.in बॉक्स एक डिवीजन है जैसे ये एक पूरा डिवीजन है जिसके अंदर सारा डाटा कंसा वे में लिखा हुआ है जैसे ये एक डिवीजन है जैसे ये एक डिवीजन है जैसे ये पूरा एक डिवीजन है इस तरीके की चीजें आप बना सकते हैं विद द हेल्प ऑफ डिव डिव आपकी वेबसाइट में डिवीजन के लिए यूज होता है और इट इज यूज्ड एज अ कंटेनर मतलब मतलब डिव का यूज होता है कंटेनर के तौर पर यानी कि इसके अंदर हम बहुत सारी चीजें बना सकते हैं और उनको हम आगे जाकर अच्छे से यूज कर पाएं उनको हम आगे जाके बहुत अच्छे से यूज़ कर पाएं उसके लिए हम लोग यूज़ करते हैं डिव का क्या यहां तक समझ आ रहा है आपको भाइयों यहां पर मैंने डिफ्स बनाया और डिफ के अंदर ये तीन डिफ रख लिए हैं दैट्ची दोनों को कुछ देना चाहता हूं अगर प्रॉपर्टी तो मैं डिफ के थ्रू डायरेक्टली दे दूंगा वो मैं सीएसएस में बता दूंगा लेकिन हम लोग डिफ का एक और अच्छा यूज़ करते हैं वह होता है आप किसी रेक्टेंगल शेप को बना सकते हैं विद द हेल्प ऑफ़ डिव जो कि हम आने वाली वीडियोस में मतलब आने वाले टाइम में थोड़े समय के बाद देखेंगे रेक्टेंगल शेप्स तो दो यूज हो गए डिफ के एज अ कंटेनर और टू मेक रेक्टेंगल शेप्स जो आप धीरे-धीरे देखेंगे और भी कई सारी चीजें हैं आपके पास यहां पर पढ़ने के लिए एटीएमएल में लेकिन लेकिन लेकिन हमारे पास टाइम की कमी है दोस्तों और हमने जो जो जरूरी चीजें थी सब पढ़ ली है एक और इंपॉर्टेंट है जिसको बोलते हैं सेंटिक्स सिटिक्स क्या होता है ना वो मैं आपको सीएसएस पढ़ाते पढ़ाते एक्सप्लेन कर दूंगा सेंटिक्स क्या होता है और आपको समझ आ जाएगा हम प्रोजेक्ट बनाएंगे उनके अंदर भी सेंटिक्स का यूज़ करेंगे आगे वीडियो में ठीक है जी क्या तुम्हे लग रहा था एटीएल पढ़ के भाग जाओ अगर मैं भागने दूंगा ठीक है चलो यहां देखो तो हमने पहुंच चुके हैं अब प्रैक्टिस करो और दिस इज टाइम टू मूव टू लर्न सीएसएस लेट्स गो html.com फाइल का टाइप क्या है आप कहेंगे सीएसएस और आप बिल्कुल सही हैं स्टाइल ड सीएसए यानी कि कैस्केडिंग [संगीत] स्टाइल शायद यही होता है फुल फॉर्म स्पेलिंग एक बार कंफर्म कर लेना लेकिन हां कैस्ट गडिंग स्टाइल शीट यानी कि सीएसएस इज यूज्ड टू ब्यूटीफाई यर वेबसाइट यानी कि आपकी वेबसाइट को सुंदर बनाने का काम कौन करता है सीएसएस करता है क्या यहां तक समझ आ रहा है अब इसके अंदर लिखना क्या होता है कैसे करना होता है काम वो सब मैं आपको डिटेल में बताऊंगा लेकिन हां सीएसएस लिखने के कुछ तरीके होते हैं ध्यान से देखना क्या क्या सीएसएस भैया प्रोग्रामिंग लैंग्वेज होती है नहीं स्टाइल शीट होती है इसके अंदर किस तरीके से ची लिखते हैं बहुत ज्यादा आसान है देखो आप लोग एचटीएमएल के अंदर करते क्या है ना दोस्तों आप लोग एचटीएमएल के अंदर कोई टैग बनाते हैं देखो ये हमारी बॉयलर प्लेट आ गई नॉर्मल सी यल प्लेट है यहां पर जाके मैंने बॉडी के अंदर एक टैग बनाया h1 टैग जिसके अंदर मैंने लिख दिया हेलो गाइस हेलो गाइस यहां पर मैंने लिख दिया और हेलो गाइस हमें आउटपुट में भी शायद दिखाई दे रहा होगा हेलो गाइ दिखाई दे रहा है अगर मुझे इसको एडिट करना है इसको स्टाइल करना है विद द हेल्प ऑफ सीएसएस तो हम क्या करेंगे हम यहां पे सिंपली सिंपली बहुत आसान है ध्यान से देखना है ना सीएसएस एक स्टाइल शीट होती है दोस्तों और स्टाइल शीट यानी सीएसएस के अंदर चीजें लिखना बहुत आसान है जैसे मान लेते हैं हम लोगों ने अभी htl1041 ट है इसके इन ब्रैकेट्स के अंदर मैं जो भी कोड लिखूंगा वो h1 टैग प अप्लाई होगा मतलब मतलब अगर मैं चाहूं तो इसके अंदर इसका कलर रेड लिखने का कोड लिख सकता हूं लेकिन मैं ऐसे नहीं लिखूंगा कलर को लाल कर दो ऐसा नहीं लिख सकते हम लोग क्यों नहीं लिख सकते क्योंकि ऐसे नहीं लिख सकते लेकिन हां आप अगर h1 टैग बनाते हैं और यहां पर ब्रैकेट्स बनाते हैं तो जो भी कोड इन दो ब्रैकेट्स के बीच में लिखा है कली ब्रेसस के बीच में वो कोड अप्लाई होगा h1 पे क्या आपको ये समझ आ रहा है अब लिखते कैसे हैं तो लिखते हैं दोस्तों की वैल्यू पेयर में प्रॉपर्टीज और वैल्यूज के फॉर्म में क्या होती है भैया ये जैसे मैंने एक प्रॉपर्टी लिखी जिसका नाम है कलर और अगर मुझे उसकी वैल्यू लिखनी है वैसे तो ये मुझे वीएस कोड सपोर्ट करता है लेकिन मैंने लिखा कलर और कलर लिख के टैब दबा दिया या फिर एंटर दबा दिया कलर और अगर आप लिखने जाएंगे कलर और कलर की वैल्यू मैंने दे दी रेड तो आप ध्यान से देखेंगे अगर तो कलर एक प्रॉपर्टी है और रेड है उसकी वैल्यू कलर और उसकी वैल्यू और मैंने यहां पे कोई मेहनत नहीं करी थी देखो सिंपल कितना आसान था मैंने h1 लिखा मैंने लिखा कलर और कलर लिख के टैब या फिर एंटर और मैंने यहां पर कलर सिलेक्ट कर लेना है जो भी मेरे चाहिए तो मैंने यहां पे कलर सेलेक्ट कर लिया रेड और यहां पर रेड कलर लिख दिया मैंने तो मैंने h1 का कलर रेड हो जाना चाहिए हो जाएगा कि नहीं हो जाएगा आपसे पूछता हूं मैं हो जाएगा कि नहीं हो जाएगा ठीक है नहीं होगा पता है क्यों इसलिए क्योंकि क्योंकि क्योंकि आपने अपनी सीएसएस को लिंक नहीं करा एटीएमएल के साथ देखो दोस्तों होता क्या है ना नहीं मन करे तो भी करना पड़ेगा तो हमें करना क्या है हमें यहां पर जाके html4 ऑप्शन पर जाके सीएसएस कितना आसान है देखो जहां पर आपका हेड टैग खत्म हो रहा है उसके जस्ट ऊपर एक लिंक टैग बनाना तीसरा ऑप्शन सीएसएस का एंटर दबा देना और यहां पे नाम दिख रहा है आपको style.css अगर मेरी फाइल का नाम style.css की जगह होता सार्थक . sssc.com अ सब्सक्राइब कर लो गाइस और एक h3 बना लिया आपका जो मन करे बना सकते हो ं पर भी फॉलो कर लेना चलो ये ज्यादा हो गया थोड़ा सा ठीक है हां लेकिन यहां पे सब्सक्राइब कर लो गाइ और h1 दो दिखाई दे रहे हैं तो यहां जाके अगर मुझे h2 को एडिट करना है तो मैंने यहां जाके कहा कलर और कलर को मैंने दे दिया मान लेते हैं [संगीत] पिंक पिंक कलर का हो जाएगा सब्सक्राइब कर लो गाइस प्लीज कर लो ठीक है चलिए तो यहां तक ठीक जा रहा है सब कुछ सब कुछ आपको समझ में आ रहा है अब हम बढ़ सकते हैं आगे की तरफ जा सकते हैं ना आगे चलो अब मैं आपको बताता हूं सीएसएस में किस तरीके से आप चीजें देते हैं देखो आपने यह तो पढ़ ही लिया यहां पर जाके आप कलर दे सकते हैं रेड कुछ इस तरीके से कलर आ गया रेड अब यहां जाके मैं इसको बैकग्राउंड कलर भी दे सकता हूं बाय द वे मैंने कहा बैकग्राउंड कलर बैकग्राउंड मतलब उसके बैकग्राउंड का कलर जैसे मेरे बैकग्राउंड का कलर कुछ और दिख रहा होगा मेरा कलर कुछ आ रहा है समझ पा रहे हो आप लोग हां वैसे ही कुछ मैंने बैकग्राउंड कलर दे दिया इसको मान लेते हैं ब्लैक तो आप देखेंगे तो ये कुछ ऐसा दिखाई देगा सिंपल कोई परेशानी यहां तक कोई परेशानी नहीं है ठीक है चलो तो इसका बैकग्राउंड कलर भी रेड हो गया वैसे हम सेम h2 के साथ भी कर सकते हैं और अगर आपको कलर्स के नेम याद नहीं है आप मेरी तरह है मतलब हम लड़कियां तो है नहीं ना भाई कि पिंक के भी 15 शेड निकलेंगे बेबी पिंक मजेंटा पिंक एक्स वाई जड जितने भी पिंक होंगे सब याद होते हैं लेकिन हमको लाल पीला हरा नीला काला सफेद इससे ज्यादा नहीं याद एक पिंक वो भी अब हो गया याद ठीक है यहां पर जाके हमने कलर दे दिया है रेड और रेड को मैंने यहां जाके चाहूं तो चेंज कर सकता हूं अपने हिसाब से बना सकता हूं बस उसम मेरे को जाना है यह जो कलर का बॉक्स दिख रहा है और मैं अपने हिसाब से अपना कलर बना सकता हूं गाइज और यहां पर मेरे को कलर जो है कुछ ऐसा दिखाई देने लगेगा गाइस देख सकते हो कलर चेंज हो चुका है बढ़िया तो यहां पर आप समझ गए कलर और बैकग्राउंड कलर कैसे लिखते हैं बाय द वे हमें सीएसएस में भी बॉयलर प्लेट लिखनी रहती है आप यहां पे सीएसएस में बॉयलर प्लेट कुछ इस तरीके से ये से कोई ऑफिशियल नहीं है लिखना जरूरी नहीं है काम हो जाता है फिर भी आपका लेकिन अगर आप यह लिखते हैं तो आपका डॉक्यूमेंट काफी बढ़िया तरीके से फॉर्मेट हो जाता है मतलब बाद में समझेंगे यूनिवर्सल सिलेक्टर उसके अंदर लिखा है यहां पे मार्जिन पडि बॉक्स साइजिंग ये क्या होता है धीरे-धीरे पढ़ लेंगे एचटीएमएल कॉमा बॉडी हा 100% और विड्थ 100% ट्स इट यहां तक सब कुछ ठीक चल रहा है ठीक है और यहां पर हम आते हैं और यहां पर देख सकते हैं कुछ इस तरीके से आ गए अब हम देखते हैं कुछ टेक्स्ट स्पेसिफिक सीएसएस प्रॉपर्टीज लेट्स गो ऑलराइट दोस्तों तो सीएसएस को थोड़ा और डिटेल में पढ़ने की तरफ जा रहे हैं और हमने बॉयल प्लेट लिख दी थी अब हम कुछ सीएसएस के अंदर टेक्स्ट स्पेसिफिक प्रॉपर्टीज देखने वाले हैं ध्यान से देखते हैं क्या क्या है मैंने यहां पे सिंपली जाके बनाया एक h1 जिसके अंदर मैंने लिखा है हेलो गाइज और यहां जाके मैंने सिंपली एक h1 को टारगेट कर लिया कलर तुम्हें पता ही है दे सकते हो मैंने दे दिया कलर रॉयल ब्लू कलर रॉयल ब्लू हो चुका है मैं यहां पर जाके बैकग्राउंड कलर दे देता हूं ब्लैक ही दे देते हैं थोड़ा सा ये कुछ ऐसा दिखाई देने लगेगा अब अगर आप चाहते हैं अपने टेक्स्ट को थोड़ा सा सुंदर बनाना तो आप कुछ प्रॉपर्टीज यूज करेंगे जिसमें से पहली प्रॉपर्टी है फॉन्ट साइज फंट साइज मतलब होता है आपका जो टेक्स्ट वहां पर लिखा हुआ है वो जो आपका टेक्स्ट जिसको हम फंट भी कह सकते हैं उसका साइज क्या है जैसे कि मैंने कहा फॉन्ट का साइज रहेगा मेरा 50 पिक्सल य पिक्सल क्यों लगाया पिक्सल इसलिए लगाया क्योंकि यूनिट देना जरूरी है यूनिट क्या होता है यूनिट पता है आप लोगों को क्या होता है जैसे कि मैं इस टेबल की लेंथ पूछूं आपसे मतलब ये टेबल कितनी लंबी है तो आपका जवाब होना चाहिए भैया 1 मीटर या दो मीटर जितनी भी इसका साइज होगा मैं अगर आपसे पूछू कि ये इसका साइज कितना है तो आप कहेंगे भैया कुछ सेंटीमीटर या कुछ इंचे मैं पूछू आपकी हाइट कितनी है तो आप कहोगे भैया 5 फुट या 4 फुट या जितनी भी आपकी हाइट है उतनी 6 फुट भाई 6 फुट अगर मैं आपसे पूछूं कि यहां से लेकर तो इंदौर तक की दूरी किती तो आप कहेंगे भैया 200 किमी तो ये जो किलोमीटर यूनिट्स इंचेज फुट सेंटीमीटर ये सब जो है ये है यूनिट्स वैसे ही कंप्यूटर के अंदर हम लोग यहां पर यूज करते हैं एक यूनिट जिसका नाम है पिक्सल क्या होता है कैसे होता है ये सब अपन डिटेल में देख लेंगे आराम से बाद में लेकिन पिक्सल एक यूनिट है जो कि आपकी स्क्रीन पे जो छोटे-छोटे से बल्ब्स है छोटे-छोटे से डॉट्स हैं उनको रिप्रेजेंट करने का काम करती है उनसे लगभग लगभग सिमिलर होती है थोड़ा सा अलग है देखेंगे लेकिन है ना तो मैंने यहां पे कहा 50 पिक्सल और 50 पिक्सेल यहां पर आप देख सकते हैं आपके फट का साइज हो अगर आपने कर दिया इसको 100 पिक्सल ये धीरे-धीरे मेरे करीब आ रहा है करीब नहीं आ रहा फॉन्ट साइज बढ़ रहा है क्या आप मेरी बात समझ पा रहे हैं दोस्तों ठीक है बढ़िया तो यहां जाके मैंने फंट का साइज कर दिया है 100 पिक्सल और यहां जाके अगर मैं एक और प्रॉपर्टी आपको बताऊं जिसका नाम है फॉन्ट फैमिली फंट फैमिली मतलब होता है आपको फॉन्ट दिखता कैसे है मतलब मतलब आपका फॉन्ट किस टाइप और किस फैमिली से बिलोंग करता है भैया यहां भी कास्ट सिस्टम चालू कर दिया आपने आपको सीधा-साधा समझता था आप यहां चालू नहीं नहीं नहीं नहीं मैं वो नहीं कह रहा हूं मैं ये कह रहा हूं कि फॉन्ट फैमिली मतलब होता है कि आपका जो फॉन्ट है आपका जो वहां पे टेक्स्ट लिखा हुआ है वो दिखेगा कैसे जैसे आप खुद देखो ना यार हेलो गाइज कुछ ऐसा दिख रहा है जो कि देखने में गंदा है मजाक से हटके गंदा है आप खुद सोचो यार जैसे मैंने मान लेते हैं कि आपके सामने sharing.com खोल लिया अब sharing.com में भी यहां पर आपको टेक्स्ट लिखा हुआ दिख रहा है वी ओनली टीच व्हाट वी आर रियली गुड एट और यहां पे भी आपको दिख रहा है आप एक कंपैरिजन करके देखो आप ठीक है आप यहां पे इसका ई देखो और एक शेरिस के अंदर ये जो ई लिखा हुआ है इस ई देखो दोनों में बहुत फर्क है क्या आप समझ पा रहे हैं ये फर्क है भाइयों फंट फैमिली का फंट फैमिली मतलब आपका फंट कैसा दिखता है जैसे मेरे पास एक फंट फैमिली इंस्टॉल्ड है ऑलरेडी जिसका नाम है गिल रॉय अब आपका फंट बिल्कुल चेंज हो गया अब मेरे पास एक फंट फैमिली इंस्टॉल्ड है जिसका नाम है मान लेते हैं मोनोस्पेस ये सबके पास ही होती है ये कुछ ऐसा दिखने लगा मेरे फस एक फंट फैमिली है जिसका नाम है वोयाज य कुछ ऐसा मतलब आप फंट का टाइप चेंज कर सकते देखने में कैसा दिख रहा है उसकी फैमिली के मदद से है ना मैं इसको गिलय रख देता हूं गिल रॉय आपके में नहीं होगा भाइयों फंट डाउनलोड करना पड़ता है क्योंकि मैं आपको सिखाने वाला हूं आगे जाके तो परेशान मत होना अभी आपके में गिलर नहीं चलेगा गिलराय फॉन्ट के बाद कुछ ऐसा दिख रहा है एक और काम कीज उसका नाम है फॉन्ट वेट अगर मैं आपसे पूछूं वेट का मतलब क्या होता है तो आपका जवाब क्या होना चाहिए वजन मतलब कौन कितना पतला है कौन कितना मोटा है सिंपल तो अगर मैं कहूं फॉन्ट वेट जिसकी रेंज है 100 से लेके तो 900 के बीच में अगर मैं फॉन्ट वेट देता हूं 100 तो ये बहुत पतला दिखाई देगा बिल्कुल एकदम मेरी तरह और अगर मैं कर देता हूं 900 तो ये बिल्कुल एकदम मोटा दिखाई देगा बिल्कुल एकदम आकर्ष की तरह ठीक है चलो तो फॉन्ट वेट मतलब होता है कि आपका फॉन्ट कितना पतला कितना मोटा है हम ये कर सकते हैं विद द हेल्प ऑफ फंट वेट बढ़िया बहुत शानदार चलिए तो अब हम बढ़ते हैं आगे तो मैं इसको 300 400 कुछ कर देता हूं 400 में कुछ ऐसा दिख रहा है ठीक ठाक है काम चलाने के लिए और हां एक और चीज होती है फॉन्ट स्टाइल इसलिए मैंने आपको एटीएमएल में बोल्ड इटैलिक और ये सब नहीं बताया यहां पर हो जाएगा आप फॉन्ट स्टाइल से अपने फंट को इटैलिक कर सकते हैं कुछ इस तरीके से इस तरीके से ते हो जाएगा गाइस इस तरीके से क्या आपको यह समझ आ रहा है बहुत बढ़िया तोय आपने देखी कुछ टेक्स्ट स्पेसिफिक प्रॉपर्टीज एक और प्रॉपर्टी बताता हूं उसका नाम है टेक्स्ट अलाइन सेंटर टेक्स्ट अलाइन टेक्स्ट अलाइन मतलब आपका टेक्स्ट कहां से लिखना शुरू हो रहा है जैसे कि मैंने यहां पे लिखा टेक्स्ट अलाइन लेफ्ट तो मेरा टेक्स्ट जो है वो लेफ्ट से आ रहा है कुछ इस तरीके से अगर मैंने कहा टेक्स्ट अलाइन राइट राइट से आ जाएगा और अगर मैं कुछ लिखूंगा हेलो गाइज मैं एक दो एस और लगाऊंगा तो ये राइट से आगे की तरफ मूव होगा क्या आप मेरी बात समझ पा रहे हैं ठीक है और अगर मैंने कह दिया टेक्स्ट अलाइन सेंटर तो ये सेंटर से आ जाएगा क्या आप मेरी बात समझ पा रहे हैं अगर आप और भी कुछ टेक्स्ट लिखेंगे तो इसी के साथ सेंटर में ही रहेगा टेक्स्ट लाइन सेंटर ये करता है आपका टेक्स्ट को सेंटर में अलाइन करने का काम करता है बढ़िया तो हमने देख ली कुछ टेक्स्ट स्पेसिफिक प्रॉपर्टीज अब देखते हैं हम लोग रियल यूज ऑफ डिफ कहां काम आता है कैसे काम आता है देख तो लेते हैं चल के लेट्स गो डिव पढ़ने की बात हुई थी तो डिव पढ़ना स्टार्ट करते हैं सबसे पहले यहां पर हम बनाते हैं एक डिव अब मेरी बात सुनना ध्यान से मैंने आपको बताया था डिफ का यूज कर सकते हैं हम एज अ कंटेनर अब कंटेनर की तरह कैसे करें वो बताता हूं देखो ध्यान से जैसे मान लेते हैं कि मेरे पास एक h1 है मान लेते हैं कि मेरे पास एक h2 है और मान लेते हैं कि मेरे पास एक h3 भी है बोलो हां नहीं हां तो नहीं बोला तुमने लेकिन कोई बात नहीं यहां जाके अगर मैं h1 को बैकग्राउंड कलर अ रेड देना चाहता हूं तो क्या ये दिखेगा देखो थोड़ी आंखें चमकेगी उसके लिए मैं माफी चाहूंगा लेकिन ये कुछ ऐसा दिख रहा है h1 का बैकग्राउंड कलर रेड हो गया अगर मैं चाहूं h1 का कल रेड [संगीत] करना तो मैं वो भी कर सकता हूं ये अप्लाई हो गया अगर मुझे h2 को देना है तो मुझे अलग से फिर से h2 बनाना पड़ेगा फिर से देना पड़ेगा मुझे ए3 को देना है तो फिर से देना पड़ेगा और ये थोड़ा सा प्रोब्लेमे काम है तो मैं क्या करूंगा इन तीनों भाइयों को उठाऊंगा और इन तीनों भाइयों को उठा के कहूंगा आप तीनों हो एक डिव के अंदर डिव है एक कंटेनर तो यहां जाके मैं सिंपली कह दूंगा डिव का बैकग्राउंड कलर रेड या डिफ का कलर कर देते हैं अपन वाइट सिर्फ इतना करती पता है क्या होगा कुछ ऐसा तीनों पे एक साथ अप्लाई हो गई चीजें क्या यहां तक समझ आ रहा है क्या हो रहा है तो ये एक डिव का एक यूज है सिर्फ ये यूज नहीं और भी कई सारे यूज है हम डिव का यूज कर सकते हैं टू मेक रेक्टेंगल शेप्स बताता हूं कैसे आपने यहां पर जाके क्या करा यहां से हटाया आपने सब कुछ आपने बनाया एक डिव और डिव के यूज से हम रेक्टेंगल शेप्स मतलब रेक्टेंगल और उससे मिलती जुलती शेप्स जैसे कि स्क्वायर बना सकते हैं रेक्टेंगल बना सकते हैं और भी बहुत कुछ तो मैंने यहां पे एक डिव बनाया है सिंपली कुछ नहीं लिखा उसके अंदर और यहां जाके अगर अपन देखेंगे कोड में तो डिफ का का कोई वजूद नहीं होता तो कुछ नहीं दिखाई दे रहा आपको आप क्या करो आप यहां पे डिफ को टारगेट कर लो कुछ इस तरीके से आपने डिफ को टारगेट कर लिया अब डिफ को टारगेट करने के बाद आप दे दो उसको अपने हिसाब से हाइट हाइट क्या होता है भैया हाइट मतलब हाइट लंबाई कितनी देनी है आपको तो मैंने हाइट दे दी उसको 300 पिक्सेल 300 पिक्सेल इज लाइक 300 पिक्सेल के बराबर होगी समझ आ रहा है अरे यार अब 300 पिक्सेल कैसे बताऊं 300 पिक्सल इ 300 पिक्सेल विड्थ यानी चौड़ाई कितनी है तो ये मैंने दे दी 300 पिक्सल ये मैं आपको बॉक्स मॉडल पढ़ा रहा हूं अगर आप समझ पा रहे हैं तो ठीक है मैंने हाइट दे दी मैंने विड्थ दे दी और मैंने दे दिया है बैकग्राउंड कलर बैकग्राउंड कलर मैं दे देता हूं लाइट सी ग्रीन या फिर मैं अभी के लिए क्रिम्सन दे देता हैं कलर काफी बढ़िया है क्रिम्सन तो यहां जाके मैंने दे दिया है हाइट 300 पिक्सेल विड्थ 300 पिक्सल बैकग्राउंड कलर क्रिम्सन और यहां पर अगर अपन देखेंगे तो यहां पर अपने को कुछ इस तरीके का एक बॉक्स बनता हुआ दिखा अगर आप इसको बैकग्राउंड कलर नहीं देते तो डिव वहीं पे होता साइज भी उतना ही होता जितना है लेकिन दिखता नहीं क्यों क्योंकि उसका कुछ का खुद का कोई बैकग्राउंड कलर तो है नहीं तो आपने बैकग्राउंड कलर दे दिया तो ये देखो कुछ ऐसा दिखने लगेगा आप इसकी हाइट अगर चेंज करना चाहे लेट्स सपोज आपने 500 कर दी तो इसकी हाइट बढ़ जाएगी अगर आपने 200 कर दी तो इसकी हाइट कम हो जाएगी आप अगर चाहे तो इसकी विड्थ को लेट्स सपोज 600 कर सकते हैं तो इसकी विड्थ बढ़ जाएगी और कम करना चाहे तो कम भी कर सकते हैं आपको समझ आ रहा है राइट बैकग्राउंड कलर भया क्रिम्सन देना जरूरी होता है क्या बिल्कुल भी नहीं आपको जो मन करे वो कलर दे सकते हो जैसे कि मैंने बैकग्राउंड कलर कर दिया लाइट सी ग्रीन कलर चेंज हो गया जी क्या दिक्कत है इसमें है ना चलिए तो यहां तक सब कुछ बढ़िया चल रहा है कोई परेशानी नहीं है अब हमें कुछ और भी चीजों के बारे में समझना है इसमें से सबसे पहली है कि मैं यहां पर आईडी और क्लास का कैसे यूज करता हूं फर्स्ट वन इज आईडी एंड सेकंड वन इज क्लास ठीक है ध्यान से सुनो आप लोग क्या ये समझते हैं कि जैसे मान लेते हैं मैंने h1 मैं बॉक्स मॉडल पभ थोड़ी देर बाद वापस आऊंगा बहुत सारे कांसेप्ट है यार तो धीरे-धीरे धीरे धीरे सबको पढ़ेंगे आप गैप ले लेके पढ़ना मैं एक साथ पढ़ा के जा रहा हूं आप लोगों को ठीक है पहले मैंने यहां प बनाया एक h1 जिसका अंदर लिखा है हेलो आई एम h1 एक और एव बनाया मैं हूं h1 आवाज सेम है मेरी और जन की ज्यादा अंतर है नहीं वैसे लेकिन ठीक है मैं हूं h1 h1 यस आई एम h1 ठीक है यहां पर आपके पास तीन h1 है अगर मैं यहां जाके अपने h1 को बैकग्राउंड कलर या कलर दे देता हूं जो मेरा मन करे लेट सपोज मैंने कलर दे दिया रेड आपको क्या लगता है सभी पर अप्लाई हो जाएगा हां बिल्कुल लेकिन मैं चाहता हूं कि ये जो सेकंड वाला है सिर्फ इसपे अप्लाई हो होता क्या है ना भाइयों जैसे एक एग्जांपल लेके चलते हैं समझना मैं क्लास में पढ़ा रहा हूं मान लेते हैं कि 200 लोगों की क्लास है इतने ही होते हैं लगभग कुछ कम लोगों के भी क्लासेस होते हैं वो अलग-अलग डिपेंड करता है लेकिन मान लेते हैं कि मैं 200 लोगों की क्लास पढ़ा रहा हूं और हर क्लास में दो तीन यश होना कंफर्म है एक दो अमन होना कंफर्म है अ चार पांच हर्ष होना कंफर्म हर क्लास में वो कंफर्म है ठीक है तो अगर मैं कहता हूं कि हर्ष हाथ उठाओ तो सिर्फ हर्ष हाथ उठाएगा या जिस जिसका नाम हर्ष है सिर्फ वही हाथ उठाएंगे अगर मैं कहूंगा हाथ उठाओ तो सब लोग हाथ उठा देंगे जैसे अगर मैं कह हूं कि इस क्लास में जिसका भी नाम आकर्ष है वो हाथ उठाओ सिर्फ आकर्ष हाथ उठाएगा आकर्ष हाथ उठाओ आपको हाथ दिख नहीं रहा होगा हां थोड़ा सा दिखा यहां पे पड़ा हुआ है कुछ नहीं कर रहा है तो ठीक है आपको ये समझ आ रहा है कि जब मैं क्लास में बोलता हूं आकर्ष हाथ उठाओ तो जिसका नाम आकर्ष है सिर्फ वही हाथ उठाएगा अगर मैं कहूंगा कि जितने भी क्लास में सब लोग हैं हाथ उठाओ तो सारे लोग हाथ उठाएंगे क्या आप लोग मेरी बात समझ पा रहे हैं हम अगर अपने पूरे कोड के अंदर हमारे पूरे स्ट्रक्चर के अंदर हमारे पूरे वेब पेज के अंदर आपके पास सिर्फ और सिर्फ सात तरीके हैं चीजों को बनाने के आप खुद समझो इस चीज को आपके पास एक h1 से लेकर h6 तक छह तरह की हेडिंग्स है और एक पैराग्राफ है टेक्स्ट को लिखने के लिए लेकिन क्या हम सिर्फ सात बार चीजों को लिखेंगे बिल्कुल भी नहीं हम तो बहुत बार लिखेंगे बहुत अलग-अलग तरीको से लिखेंगे कितना सारा टेक्स्ट होता है वेबसाइट के अंदर तो इस केस में हम हमारी चीजों को दे सकते हैं आईडी आईडी करता क्या है आईडी आपके एलिमेंट्स को यूनिक आइडेंटिफिकेशन देता है यूनिक आइडेंटिफिकेशन का मतलब होता है कि मैंने उसका नाम रख दिया जैसे कि मैंने यहां जाके ये जो सेकंड वाला h1 था इसको जाके आईडी आईडी एक एट्रिया मैंने यहां जाके इसको आईडी दे दी है मान लेते हैं आकर्ष तोब मैंने इस वाले h1 का नाम रख दिया आकर्ष तो अब मैं अगर आकर्ष को बुलाना चाहता हूं कि जिसका नाम आकर्ष हो सिर्फ वो आए तो यहां जाके मैं लिखूंगा # आकर्ष अब मैंने हैशटैग आकर्ष क्यों लिखा क्योंकि हैशटैग का मतलब होता है जिसकी भी आईडी आकर्ष आकर्ष लिखना जरूरी नहीं है वो तो मैंने एग्जांपल के लिए बताया लेकिन जिसकी भी आईडी हैशटैग का मतलब होता है आईडी आकर्ष हो सिर्फ वोट किया जाए और मैंने यहां जाके कहा बैकग्राउंड कलर अ मान लेते हैं ब्लू तो क्या सारे लोगों का बैकग्राउंड कलर हो जाएगा ब्लू या फिर सिर्फ आकर्ष का बैकग्राउंड कलर ब्लू होगा सिर्फ आकर्ष का बैकग्राउंड कलर ब्लू होगा पता है ऐसा क्यों हुआ क्योंकि मैंने यहां पे सिर्फ आईडी टारगेट की थी आप समझ पा रहे हैं राइट अच्छा चलो मैं इसका नाम आकर्षण ए रख देता हूं तो इसकी आईडी a है तो अगर आप a को टारगेट करना चाहते हैं कितना आसान है # ए टारगेट कर लिया और आपको जो देना है दे सकते हो आपने बैकग्राउंड कलर दे दिया मान लेते हैं एक्वा तो ये देखो आकर्ष का बैकग्राउंड कलर यानी ए का बैकग्राउंड कलर एक्वा हो चुका है यहां तक समझ आ रहा है ना आप लोग तो ये होता है काम आईडी का अब इसमें एक और चीज आती है बहुत इंपोर्टेंट उसका नाम है क्लास भैया क्लास क्या करती है देखो एक चीज समझा रहा हूं समझना प्रैक्टिकल एग्जांपल के तौर प अब क्लास में जैसे अपन क्लास का एग्जांपल लेके चल रहे थे मैंने बोला आकर्ष जिसका नाम है वो हाथ उठाए तो आकर्ष ने हाथ उड़ाया क्योंकि वो एक यूनिक आइडेंटिटी थी उसका नाम एक यूनिक आइडेंटिटी थी लेकिन अगर मैं क्लास में जाकर पूछता हूं कि आप में से जितने भी स्टूडेंट एलएनसीटी कॉलेज के वो हाथ उठाओ कॉलेज एक भोपाल में हां मतलब है ऐसा ही है अगर मैं कहता हूं कि जितने भी लोग एलएनसीटी कॉलेज के वो हाथ उठाओ तो एलएनसीटी कॉलेज के जितने भी लोग हैं वो हाथ उठाएंगे उन लोगों के पास एक सिमिलर प्रॉपर्टी है वो बाकियों से तो अलग है लेकिन उनके बीच में भी कुछ कॉमन है एक एग्जांपल के तौर पे अगर हम कोई वेबसाइट बना रहे हैं तो मैं वेबसाइट के अंदर सारी बटन सेम बनाऊंगा क्योंकि एक यूनिफॉर्म मुझे फॉलो करनी पड़ेगी वेबसाइट के अंदर एक अच्छी तरीके के यूआई को बनाने के लिए तो अगर मैं यूनिफॉर्म फॉलो करता हूं तो मैं सारे बटंस को सेम बनाऊंगा अब हर एक बटन को आईडी के थ्रू गट करो और फिर उसको वही प्रॉपर्टी दो ये तो सही बात नहीं है तो अगर हम सेम प्रॉपर्टी मल्टीपल लोगों को देना चाहते हैं तो हम यूज करते हैं क्लास का और अगर हम कोई एक प्रॉपर्टी किसी एक यूनिक व्यक्ति को देना चाहते हैं किसी एक यूनिक एलिमेंट को देना चाहते हैं तो हम यूज करते हैं आईडी का भय दोनों में से क्या यूज करना चाहिए दोनों यूज करना चाहिए अलग-अलग यूज केस के हिसाब से कैसे पता चलेगा वीडियो देखो पूरी समझ आ जाएगा ठीक है चलिए तो यहां पर हम लोगों ने बॉडी टैग जो बनाया है बॉडी के अंदर मैंने यहां जाकर कहा कि मेरे पास मान लेते हैं h1 है एक h2 है हेलो h2 एक h6 है हे ला ला ला ला ठीक है कुछ ऐसा दिखाई दे रहा है अब यहां पर जाके देखना ध्यान से मैं करने क्या वाला हूं मैं यहां पर जाके अगर इन तीनों के अंदर से मुझे चलो एक काम करते एक पैराग्राफ भी बना देते हैं जिसके अंदर मैंने लिखा लोरम 10 यहां पर जाकर आपको 10 वर्ड्स का लोरम दिख गया अगर मैं चाहता हूं कि इन लोग में से और जरूरी नहीं है कि आप मल्टीपल ए1 भी बना सकते हैं आप यहां जाके अ हो हो हो हो ठीक है तो यहां पर आपको कुछ इस तरीके से दिख रहा है मैं चाहता हूं यह वाला h2 ये वाला h1 और ये वाला पैराग्राफ ये तीनों सेम दिखे तो हम क्या करेंगे इन तीनों को सेम क्लास दे देंगे य सेम क्लास से बिलोंग करते हैं तो यहां जाके मैंने इसको क्लास दे दी मान लेते हैं a और इसको भी मैंने क्लास दे दी है a और इसको भी मैंने क्लास दे दी है a अब इससे पता है क्या होगा अगर मैं क्लास को टारगेट करना चाहता हूं आईडी को टारगेट कैसे करते थे हैशटैग से क्लास को टारगेट करते हैं डॉट से और डॉट लिख के अगर आपने कहा बैकग्राउंड कलर रॉयल ब्लू तो होगा क्या सॉरी नाम लिख दे ना यहां प सॉरी तो डॉट ए का मतलब है जिस भी व्यक्ति की क्लास ए है वो आ जाए तो इन तीनों की क्लास ए थी h2 की क्लास भी ए थी h1 की क्लास भी ए थी और पैराग्राफ की क्लास भी ए थी तो आप देख सकते हैं यहां पर तीनों का कलर हो गया है क्या हो गया है क्या हो गया जल्दी बताओ क्या हो गया रॉयल ब्लू हो चुका है साहब आप देख पाएंगे तीनों का बैकग्राउंड रॉयल ब्लू हो चुका है क्योंकि उनकी क्लास सेम थी क्या यहां तक समझ आ रहा है आप लोगों को अच्छे से समझ आ रहा है क्या बहुत बढ़िया तो हमने देख लिया कि हम किस तरीके से सीएसएस के अंदर टेक्स्ट को एडिट करते हैं डिफ्स कैसे बनाते हैं डिफ्स का बॉक्स मॉडल कैसे बनाते हैं आईडी और क्लासेस क्या होती है अब हम बॉक्स मॉडल पे वापस आते हैं और उसको और बेटर तरीके से समझते हैं लेट्स गो बॉक्स मॉडल को बढ़िया तरीके से समझने के लिए हमने यहां पर एचटीएमएल की बॉयल पलेट लिखी सीएस को लिंक कर लिया और इतना पढ़ चुके हैं ना तो इतना तो मैं मान के चल रहा हूं कि आपको ये समझ आता होगा क्या करा है मैंने उसके बाद यहां पर जाके हम लोगों ने बॉयलर प्लेट सीएसएस की भी लिख ली है मैं बताऊंगा इसको आराम से आपको लेकिन यहां पे हम लोगों ने बनाया एक बॉक्स # बॉक्स अब भैया ये क्या लिख रहे हो आप ये क्या कर रहे हो बताना जरा फिर से देखो हम लोग एक डिव बनाएंगे और वेबसाइट में डिव भी एक नहीं है बहुत सारे बना सकते हैं तो मैंने एक डिव बनाया जिसको मैंने आईडी दे दी है बॉक्स बॉक्स कुछ इस तरीके से क्या यहां तक समझ आ रहा है क्या हो रहा है मैंने एक डिफ बनाया बॉक्स नाम का और आप चाहे तो इसको शॉर्टकट वे में बना सकते हैं आप लिखिए सिंपल # बॉक्स और टैब या फिर दबाइए एक डिव बन चुका है बॉक्स नाम का कितना बढ़िया है है ना जी और यहां पर जाके आपको क्या करना है आपको # बॉक्स को टाड करना है तो डिव आ जाएगा जिसका नाम बॉक्स है आ रहा है समझ में अब इसके अंदर मुझे क्या करना है इसके अंदर मुझे यहां जाके हाइट देनी है सबसे पहले तो जितनी भी मेरे मन करे मैं दे सकता हूं 200 पिक्सल विड्थ देनी मुझे लगता है जितनी भी मेरे को ठीक लगती है तो मैंने कहा 200 पिक्सेल और बैकग्राउंड कलर रेड एंड एज यू कैन सी ये कुछ ऐसा दिखाई देने लगेगा बढ़िया सही जा रहा है ठीक है हम लोग यहां जाके इसमें और भी कई सारी प्रॉपर्टी चीज दे सकते हैं मैं बताता हूं कैसे आप चाहे तो इसके अंदर एक हेलो करके टेक्स्ट भी लिख दीजिए आपको हेलो करके टेक्स्ट भी दिखाई दे रहा होगा मैं थोड़ा सा इस बॉक्स को छोटा करना चाहूंगा माफ करना मेरे प्रिय बॉक्स मैं इसको कर देता हूं 150 पिक्सल ठीक है यहां पर एक बॉक्स दिख रहा है जिसकी चलो 200 ही रहने देते हैं जिसकी हाइट विट 200 200 है और बैकग्राउंड कलर क्रिम्सन आप ध्यान से सुनना ये जो बॉक्स आपने बनाया है आप इसको दे सकते हैं मार्जिन और पैडिट अब आप सोचेंगे कि भैया मार्जिन और पैडिट क्या होता है यह बता दो तो सुनो ध्यान से अब हम समझने वाले हैं मार्जिन और पैडिट अब मार्जिन पैडिव के लिए ध्यान से देखो आ जाओ मेरे पास इधर पास में आ जाओ यहां पर आपके पास एक बॉक्स है ऐसा मान के चलो ये जो टेबल है पूरा जो टेबल यहां पर है ये है मेरा वेब पेज और इस वेब पेज के अंदर ये वाला जो बॉक्स है ये है मेरा मान के चल सकते हैं कि बॉक्स नाम का डिव अब अगर मैं इस बॉक्स नाम के डिव को स्क्रीन पे कहीं भी मूव करना चाहता हूं तो हम यूज़ करते हैं एक प्रॉपर्टी का जिसका नाम है मार्जिन अब मार्जिन मतलब क्या मार्जिन मतलब होता है दोस्तों इमेजिनरी स्पेस जैसे कि ऐसा मान के चल सकते हैं कि ऐसा समझो जैसे सुनो मैं यहां पर हूं मैं यहां पर इस टेबल से लग के खड़ा हुआ हूं ये मेरी डिफॉल्ट पोजीशन है लेकिन अगर मैं अपने लेफ्ट साइड में थोड़ी सी स्पेस बना लूंगा तो जब वो इमेजिनरी स्पेस बनी है ना तो थोड़ी सी मैं और टेबल के बीच में गैप आ गया है वैसे ही यहां पे भी होता है जब इस बॉक्स को मैं कहता हूं कि मार्जिन लेफ्ट 50 पिक्सल तो ये 50 पिक्सल लेफ्ट से शिफ्ट हो जाता है क्योंकि यहां पे स्पेस बन गई 50 पिक्सल की और 50 पिक्सल ये लेफ्ट से शिफ्ट हुआ तो यहां पर हमको ये मूव करता हुआ भी दिखाई देता है अब एक और सवाल है कि भैया पैडिया होता है तो पैडिट समझने के लिए ऐसा समझो यार जैसे मान के चलते हैं कि जैसे ये बॉक्स है बॉक्स के अंदर भी एक एलिमेंट है जो कि कुछ यहां पे रखा हुआ है अगर मैं पूरे बॉक्स को मूव करना चाहता हूं तो मैं यहां पे यूज़ करूंगा मार्जिन पूरे बॉक्स मूव हो जाएगा लेकिन अगर मैं बॉक्स के अंदर की किसी चीज को यूज करना चाहता हूं मूव करना चाहता हूं सिंपली कुछ इस तरीके से तो मैं यूज़ करूंगा पैड तो आप ऐसा मान के चल सकते हो इसको अपन ऐसा रख लेते हैं ज्यादा अच्छे से समझ में आएगा बॉक्स को मूव करना है तो मैं मार्जिन यूज करूंगा और अगर बॉक्स के अंदर मेरे पास कोई एलिमेंट है और बॉक्स के अंदर मुझे उस एलिमेंट को मूव करना है कुछ इस तरीके से तो मैं यूज करूंगा पैडिट क्या यहां तक समझ आ गया दोस्तों उम्मीद कर रहा हूं मार्जिन पैंग थोड़ा बहुत समझ आया होगा वीडियो में जाओ वीडियो में बहुत डिटेल में समझाया आगे बढ़ो देखो अच्छे से और अगर पसंद आया हो तो प्लीज लाइक कर देना प्लीज चलो आई होप आपको समझ आया होगा कि मार्जिन और पडि होती क्या है और किस तरीके से काम करती है अब हमें यहां पे मार्जिन और पडि का रियल इंप्लीमेंटेशन देखना है देखो ध्यान से ये जो हमारा बॉक्स था ना इस बॉक्स को मैंने कहा अगर मार्जिन लेफ्ट तो मार्जिन लेफ्ट का मतलब अपने लेफ्ट साइड में इमेजिनरी स्पेस बना ब लेगा और जब ये लेफ्ट साइड में अपने इमेजिनरी स्पेस बनाएगा लेट्स सपोज 100 पिक्सल की तो होगा क्या लेफ्ट साइड में मेरे बॉक्स के 100 पिक्सल स्पेस बनेगी और 100 पिक्सेल ये लेफ्ट से मूव हो जाएगा और अब आप देखेंगे अगर जाके तो देख सकते हैं ये थोड़ा सा लेफ्ट से मूव हो चुका है अगर मैं कहूंगा मार्जिन टॉप 50 पिक्सल तो ये अपने टॉप से 50 पिक्सेल की इमेजिनरी स्पेस बना लेगा और ये 50 पिक्सल ऊपर से नीचे की तरफ मूव हो जाएगा तो ये कुछ इस तरीके से आ जाएगा क्या यहां तक समझ आ रहा है आपको आप चाहे तो एक बार में भी दे सकते हैं यहां पर जाके मार्जिन और मार्जिन में मैंने दे दिया मान लेते हैं 50 पिक्सेल और देख सकते हैं यहां पे 50 पिक्सेल चारों तरफ से मूव हो चुका है भैया यहां से तो हुआ नहीं अरे स्पेस बनाइए ना यहां पे खाली पड़ी हुई थ जगह होती जगह तो मूव भी हो जाता आ रहा है समझ में चलिए ठीक है तो ये बॉक्स कुछ दिख रहा है और हम एक और चीज समझ रहे थे जिसका नाम था पैडिट पैडिट क्या करता है भैया पैडिट आपके बॉक्स के अंदर स्पेस बनाने का काम करेगा मतलब मैंने यहां जाके कहा पैडिट लेफ्ट 20 पिक्सल तो आप देखेंगे तो इसके अंदर जैसे ये हेलो लिखा हुआ था ना बिल्कुल ऐसा कितना चिपक के आ रहा था बिल्कुल तो हमने देखा कि हेलो जो है वो चिपक के अब नहीं आ रहा है वो थोड़ा अंदर की तरफ शिफ्ट हो गया अगर आप आप कहेंगे पैडिट ले की जगह टॉप 20 पिक्सल ये टॉप से नीचे की तरफ आ जाएगा आप समझ पा रहे हैं मार्जिन और पैडिट में अंतर क्या होता है राइट ठीक है तो आप दे सकते हैं पैडिट भी एक बार में डायरेक्टली एंड एज यू कैन सी ये कुछ ऐसा दिखाई देने लगेगा सही जा रहे है ना दोस्तों बढ़िया यहां तक आपको हो सकता है चीजें समझ आ रही हो बढ़िया अब हमको बढ़ना है आगे की तरफ यहां पर हमने मार्जिन और पडि समझा और बॉक्स को बनाते टाइम हम लोग अभी तक पिक्सल्स का यूज कर रहे थे अब मैं आपको एक और नई चीज बताता हूं उसका नाम है परसेंटेज बताता हूं कैसे और मैं थोड़ा सा आपको बॉक्स मॉडल और अच्छे से समझा दूंगा ध्यान से देखना मैंने यहां पर एक बॉक्स बनाया या फिर मैंने इसका नाम रख दिया है मान लेते हैं पैरेंट ही एक डिव बनाया मैंने जिसका नाम है पैरेंट इसके अंदर मैंने यहां पर एक डिव बनाया जिसका नाम मैंने रख दिया चाइल्ड बना सकते हैं बिल्कुल पैरेंट के अंदर चाइल्ड नाम का डिव बना दिया अब मैंने यहां जाके क्या कहा सीएसएस में पैरेंट की हाइट रहेगी 200 पिक्सल विड्थ रहेगी 200 पिक्सेल बैकग्राउंड कलर रहेगा क्रिम्सन एंड एज यू कैन सी कुछ ऐसा दिखाई देगा मैंने कहा कि जो मेरा हैग चाइल्ड है अब वो जो चाइल्ड है वो कहां है वो है तो बॉक्स के अंदर ही मैंने यहां जाके कहा कि चाइल्ड की हाइट रहेगी 100 पिक्सल विड्थ रहेगी 100 पिक्सेल और बैकग्राउंड कलर रहेगा रॉयल ब्लू होगा क्या मेरा बॉक्स जो चाइल्ड है वो भी बनक तैयार हो जाएगा यहां पे कुछ इस तरीके से लेकिन एक प्रॉब्लम है यहां पे प्रॉब्लम पता है क्या है ये जो चाइल्ड है यह अपने पेरेंट के अंदर बना हुआ है मतलब अपने पैरेंट नाम के डिफ के अंदर बना हुआ है अगर मैं चाहता हूं ये अपने पैरेंट के अकॉर्डिंग हाइट विड्थ ले मतलब मतलब अगर मैं इसकी विड्थ को अभी 400 कर दूंगा ना तो चाइल्ड को ज्यादा फर्क पड़ेगा नहीं क्योंकि पिक्सल्स तो फिक्स्ड होते हैं तो देखो ध्यान से पैरेंट की विड्थ बढ़ गई लेकिन चाइल्ड को कोई फर्क ही नहीं पड़ रहा अभी तक हम चाहते हैं कि हमारे चाइल्ड को फर्क पड़े हम चाहते हैं कि हमारा चाइल्ड नाम का जो डिव है वो अकॉर्डिंग टू पैरेंट ठीक तरीके से रिएक्ट करें इस वे में अगर हम चाहे तो हम यहां जाके इसको हाइट और विड्थ परसेंटेज फॉर्म में भी दे सकते हैं कैसे जैसे अगर मैंने कहा इसको 200 ही कर देते हैं अपन अगर मैंने कहा 100 100 अगर मैंने इसकी हाइट को कम करना चाहता तो मैं वो भी कर सकता मैं 80 कर देता तो इसकी हाइट थोड़ी सी कम होती देखो ध्यान से लेकिन अगर मैंने इसको कहा हाइट 50 80 पिक्सल नहीं 50 पर परसेंटेज मतलब होता है डिपेंडिंग अपॉन द पैरेंट तो इसकी हाइट अपने पैरेंट की 50 पर हो जाएगी और इसकी विड्थ भी अपने पैरेंट की 50 पर हो जाएगी तो अब इससे फायदा ये होगा कि जब पैरेंट की विड्थ को कम ज्यादा मैं करूंगा तो पहले 200 का 50 पर ले रहा था अब 400 का 50 पर लेगा तो देखो इसने भी अपने साइज को चेंज कर लिया क्या यहां तक समझ आ रहा है आप लोगों को क्या सच में समझ आ रहा है बहुत बढ़िया यहां पर आप कुछ इस तरीके से बना सकते हैं हम लोग चाहे तो एक प्रैक्टिस के लिए कुछ ऐसा हल्का फुल्का सा बना के भी देख सकते हैं जैसे कि मान लेते हैं कि मैंने एक बटन बनाई है जिसके अंदर लिखा है मैंने मान लेते हैं डाउन लोड तो डाउनलोड नाम की बटन कुछ ऐसी दिखाई दे रही है साहब अब डाउनलोड नाम की बटन को मैं थोड़ा आगे लेके जाना चाहता हूं तो मैंने बटन टैग को टारगेट करा सिंपल जो भी नाम है उसको उठा लो यहां पे बटन टैग था तो बटन उठा लिया हमने हैशटैग बटन नहीं लिखेंगे भैया ना ना ना ना हैशटैग तो अपन आईडी के टाइम लिखते हैं ना यार यह तो टैग है तो टैग को उसके नाम से बुलाएंगे मैंने यहां जाके कहा बटन को मैं देना चाहता हूं थोड़ी सी मार्जिन सबसे पहले तो थोड़ा सा नीचे की तरफ आ जाए 40 पिक्सल की मार्जिन दे दी थोड़ा सा आगे आ जाएगा मैं चाहता हूं बटन का फॉन्ट साइज बढ़ जाए 20 पिक्सल हो जाए थोड़ी सी बटन बड़ी हो गई हमारी हम चाहते हैं यार बटन के ना अंदर साइड में बहुत ज्यादा स्पेस है देखो डाउनलोड के त चपका तो मैंने यहां जाके कहा पैडिट ले लो बड़े भाई आप आप पैडिट लेफ्ट साइड से ले लो 20 पिक्सल्स की तो ये 20 पिक्सेल की लेफ्ट से ले लेगा मैंने कहा पैडिट साइड से भी ले लो 20 पिक्सल की तो ये राइट साइड से भी ले लेगा मैंने यहां जाके कहा पैडिट से ले लो 10 पिक्सल्स की तो ये टॉप से 10 पिक्सल्स की ले लेगा और मैंने कहा पैडिट से ले लो 10 पिक्सल्स की तो ये बॉटम से भी 10 पिक्सल की पैडिला लेगा और बटन कुछ ऐसे लेन हमको चार बार लिखना पड़ा अब इसको शॉर्ट हैंड प्रॉपर्टीज की हेल्प से भी लिख सकते हैं जैसे कि मैंने डायरेक्टली पैंग लिखा और पडि लिखने के बाद मैंने कहा 10 पिक्सल्स और 20 पिक्सल यानी की 10 पिक्सल्स यानी कि ऊपर नीचे ऊपर नीचे मतलब टॉप और बॉटम में आप दे दो इसको 10 पिक्सल और राइट और लेफ्ट में दे दो 20 पिक्सल शॉर्ट कट में लिख दिया अपने तो देखो वैसे ही बन रही है सेम जैसी बननी चाहिए थी आप चाहे तो इसको बैकग्राउंड कलर दे सकते हैं मैंने दे दिया है लाइट सी ग्रीन कुछ ऐसा दिखाई देगा आप चाहे तो इसको कलर दे सकते हैं कलर दे दिया मैंने मान लेते हैं वाइट कलर वाइट हो जाए आप चाहे तो फॉन्ट वेट भी दे सकते हैं मैंने फॉन्ट वेट दे दिया 600 और हम चाहे तो थोड़ी सी पैडिट बढ़ा भी सकते हैं यार अभी काफी कम लग रही है पैडिका मैं कर देता हूं 15 और 30 कुछ ऐसी दिखाई दे रही है मेरी बटन अच्छा भैया ये बॉर्डर आर हम का बॉर्डर को भी एडिट कर सकते हैं बिल्कुल कर सकते हैं क्यों नहीं कर सकते आ जाओ देखो कैसे करते हैं आपने कहा एक प्रॉपर्टी है जिसका नाम है बॉर्डर अब बॉर्डर के अंदर आपको तीन चीजें देनी है भाइयों सबसे पहली चीज है बॉर्डर की विड्थ कितनी रहेगी तो मैंने कहा दो पिक्सेल मेरी बॉर्डर च चड़ी रहेगी जैसे आपको बॉर्डर किसी भी चीज की बॉर्डर बॉर्डर समझते हो क्या होता है कितनी चौड़ी बॉर्डर रहेगी बॉर्डर का टाइप क्या रहेगा दिखाता हूं मैं क्या होता है मतलब इसका मतलब बॉर्डर का टाइप मतलब अगर मैंने कर दिया सॉलिड तो मेरी बॉर्डर सॉलिड बनेगी मैं एक बार और अच्छे से समझाऊं और बॉर्डर का कलर तो मैंने कलर दे दिया मान लेते हैं रेड तो हुआ क्या है दो पिक्सेल चौड़ी सॉलिड बॉर्डर रेड कलर की बन चुकी है देख सकते हैं कुछ ऐसे अगर आप इस दो पिक्सेल को कम ज्यादा करेंगे जैसे मैंने कर दिया पा पिक्सल तो देख सकते हैं बॉर्डर का विड्थ बढ़ रहा है अगर मैंने सॉलिड की जगह कर दिया कुछ और टाइप जैसे कि मैंने एक सिंगल सॉलिड नहीं मैंने कर दिया डैश बॉर्डर बननी चाहिए सब तो देखोगे तो डैश डैश डैश के फॉर्म में बन रही है आपकी बॉर्डर दो पिक्सल ही कर देते हैं आप देख सकते हैं डैश ड के फॉर्म में आप चाहे तो इसको डॉटेड कर सकते हैं मतलब जरूरत नहीं पड़ेगी लेकिन फिर भी बता दिया मैंने डॉटेड कर सकते हैं सुनने में अजीब लगता है लेकिन कर सकते हैं मजाक सेट के कर सकते हैं ठीक है तो यहां पर जाके आपने बॉर्डर बनाई सॉलिड हां कलर चेंज कर सकते हैं क्या भैया बिल्कुल कर सकते हैं आपके हाथ में ही है तो मैंने कलर कर दिया मान लेते हैं ब्लैक तो पहले से ही था अन कर देते हैं इसका सी ग्रीन कुछ ऐसी दिखाई देने लगी आपको बॉर्डर और अगर आपको नहीं चाहिए बॉर्डर तो आप सिंपली कह दीजिए जाके बॉर्डर नन तो बॉर्डर गायब हो जाएगी तो देख सकते हैं बॉर्डर गायब हो चुकी है अब अगर आप चाहते हैं इसको बॉर्डर्स पे से थोड़ा सा रोटेट करना है इसके कॉर्नर्स को थोड़ा सा कर्वड वे में दिखाना तो आप कहते हैं बॉर्डर रेडियस बॉर्डर रेडियस काम में आती है आपको बॉर्डर स्पे से रेडियस देने के लिए तो मैंने कहा बॉर्डर रेडियस 20 पिक्सल्स ये बॉर्डर स्पे से बहुत ज्यादा घूम गया अगर मैंने बॉर्डर रेडियस दे दिया 50 पिक्सेल तो ये मुझे कैप्सूल के फॉर्म में दिखाई देगी आप समझ पा रहे हैं मेरी बात राइट आपने अगर कह दिया बॉर्डर रेडियस पाच पिक्सल तो ये हल्की सी बॉर्डर पे से रोटेट हो जाएगी आ रहा है समझ में क्या हो रहा है तो देख सकते हो कितनी खूबसूरत प्यारी सी बटन बनके तैयार है आपके सामने आप भी इसको एक बार ट्राई कर सकते हैं बढ़िया लगेगी और आप चाहे तो इसको और भी कई तरीकों से जैसे एक तो ये हो गया देखो सीएसएस का कोड तुम्हारे सामने लिखा हुआ है प्रैक्टिस करना याद करने की कोशिश मत करना नहीं मजाक से हट गए याद करने की कोशिश करोगे तो ये चीजें तुम्हारे पीछे पड़ जाएंगी तो मैं बस पता होना चाहिए जैसे मैंने ये बटन बनाई है तो ये मत याद करना कि इसकी क्या-क्या प्रॉपर्टीज भैया ने लिखी थी तुम ये याद कर सकते हो कि मार्जिन करता क्या है पैडिट करता क्या है और जबजब हमको जरूरत पड़ती जाएगी हम उसको लगाते जाएंगे समझ पा रहे हो ना क्योंकि ये चीज हम बैचेज में बहुत ज्यादा देखते हैं बच्चे जब पढ़ने आते हैं बच्चे हमारे लिए वो बच्चे ही हैं जब वो पढ़ने आते हैं तो वो हर चीज को याद करने की तरफ जाते हैं क्योंकि आप लोग अभी स्कूल से आए हैं आपने आईडी जेई की प्रिपरेशन करी होगी और आपकी आदत बन चुकी है कि आपको चीजें रटने की चीजों को याद मेमोराइज करने की यात है कोडिंग इज नॉट फॉर मेमोराइजिंग पीपल लाइक मतलब कोडिंग में आप प्रैक्टिस कर करके सीखते हैं चीजें आपको याद नहीं होती चीजें आपके दिमाग में बैठ जाती है समझ पा रहे हैं आप मेरी बात और आप ऑटोमेटिक उनको करने लगते हैं फिर आपको पता होता है इसका यूज क्या है और जब उसका यूज पड़ेगा हम कर देंगे अब जैसे मैंने कहा कि भाई बटन बनानी है तो आपने ये प्रॉपर्टीज याद कर ली आपने बटन बना ली अब मैं कहता हूं बटन दूसरी तरीके से भी तो बना सकते थे तो आप कहेंगे कैसे तो आप कहेंगे कि दिखाता हूं मैं कैसे जैसे मैंने कहा मार्जिन पै एडिंग फॉन्ट साइज वगैरह तो ठीक है ये मैंने हटा दी बाकी की चीजें बटन कुछ ऐसी दिख रही है मैंने कहा एक काम करो बैकग्राउंड कलर कर दो इसका एन ओ ए नन बैकग्राउंड कलर हो गया गायब नन नहीं होता कुछ भी ट्रांसपेरेंट कर दिया मैंने तो ये हो गया ट्रांसपेरेंट मैंने कहा फॉन्ट साइज जो था मैंने दे दिया था फॉन्ट वेट मैं दे देता हूं 600 और 600 फॉन्ट वेट के साथ कुछ ऐसा दिखेगा मैंने कहा बॉर्डर दो पिक्सल सॉलिड और ब्लैक कलर की तो अच्छी सी बॉर्डर बन जाएगी कुछ ऐसे तो देख सकते हो अगर मैं आपसे कहूं आपको ऐसी बटन बनानी है तो क्या आप बना पाएंगे या फिर अगर मैं कहता हूं बैकग्राउंड कलर ट्रांसपेरेंट नहीं बैकग्राउंड कलर ब्लैक रहेगा और कलर जो है मेरे एलिमेंट का वो रहेगा वाइट तो आप ऐसी बटन बनाना चाहे क्या बना पाएंगे हां अगर आपको प्रॉपर्टीज जदा है तो क्यों नहीं बना पाएंगे समझ पा रहे हैं ना मेरी बात चलिए बढ़िया और क्या-क्या कर सकते हैं भैया और बता दो मजा आ रहा है ठीक है तो चलो जल्दी देखो फ फटाफट जल्दी देखो मैंने यहां जाके ना मेरी बटन को ना ऐसा बनाया कुछ ऐसा कुछ ऐसी दिख रही है मेरी बटन हम इस पे पता है कुछ और भी चीजें कर सकते हैं विद द हेल्प ऑफ सीएसएस चीजों को और ज्यादा इंटरेक्ट और थोड़ा सा अच्छा बनाने के लिए हम क्या कहेंगे हम कहेंगे बटन जो है ना बटन टैग जो है ना हमारा बटन पर जब हमारा माउस आएगा तो मैंने कहा बटन पर जब माउस आएगा तो उसको हम लिखेंगे कोलन होवर करके और यहां पर मैं कुछ प्रॉपर्टीज लिखूंगा जो कि डायरेक्टली अप्लाई नहीं होंगी लेकिन जब भी आप अपना ये जो कर्सर ये जो माउस है अपनी बटन पर लेके जाएंगे तो आपकी बटन जो है जो यहां प्रॉपर्टीज लिखोगे उनको रिफ्लेक्ट करेगी जैसे मैंने कहा बटन का बैकग्राउंड कलर कर देते हैं रेड तो क्या आपकी बटन का बैकग्राउंड कलर रेड हो गया बिल्कुल भी नहीं लेकिन जैसे ही आप माउस लेके जाएंगे बैकग्राउंड कलर रेड हो गया क्या करा था भैया आपने फिर से बताना जरा बटन पर होवर होवर जैसे ही होगा मैंने कहा कि बैकग्राउंड कलर कर दो ब्लैक और कलर कर दो वाइट इससे होगा पता है क्या जैसे आप देख पा रहे हैं कुछ इस तरीके की दिख रही है बटन आपकी आप जैसे माउस लेके जाएंगे कुछ ऐसी दिखाई देने लगेगी आप समझ पा रहे हैं मेरी बात क्या किया हमने तो यहां पर हमने एक सिंपल सी बटन बनाई है यार और उसको हल्का-फुल्का होवर देके अपना काम करवाया है क्या यहां तक समझ आ रहा है ठीक है अब यहां तक अगर समझ आ गया तो हमको दो बहुत ज्यादा इंपॉर्टेंट टॉपिक्स पढ़ने हैं दोस्तों इसमें से पहला है इसमें से पहला है पोजीशन एब्सलूट और दूसरा है डिस्प्ले फ्लेक्स ठीक है तो पोजीशन एब्सलूट और डिस्प्ले फ्लेक्स और साथ में एक बढ़िया सी वेबसाइट भी बनाएंगे आप और मैं उसके लिए तैयार हो जाओ ठीक है इतने कांसेप्ट को प्रैक्टिस करो जल्दी फटाफट और फिर आगे बढ़ो मतलब चाहो तो एक पॉज ले सकते हो चाहो तो एक अच्छा सा गाना सुन के आ सकते हो चाहो तो एक हल्की सी वॉक लेके आ सकते हो बहुत देर से बैठे हुए होगे एक ही जगह पर थोड़ा सा घूम फिर के आ जाओ पानी पी लो अ बात मत करना किसी से नहीं तो बात करने में रह जाओगे वीडियो आगे कंटिन्यू भी करनी है तो घूम फिर के आ जाओ और वापस आ जाओ वापस कंटिन्यू करते हैं लेट्स गो तो अब हम पढ़ने वाले हैं पोजीशन एब्सलूट और पोजीशन एब्सलूट की हेल्प से आप बहुत कुछ कर सकते हैं सच में बहुत कुछ कर सकते हैं तो चलिए देखते हैं करते कैसे हैं यहां पर सिंपली मैं क्या करने वाला हूं ध्यान से देखिएगा मैंने यहां पे सिंपली एक बॉक्स बनाया मैं पहले ये बताता हूं पोजीशन एब्सलूट की जरूरत क्यों पड़ी मैंने यहां पे बॉक्स नहीं बनाता हूं मैं बॉक्स वन बनाता हूं और उसके बाद मैं बॉक्स टू बना लेता हूं और यहां जाके आप सिंपली बॉक्स वन और बॉक्स टू को बना के देख सकते हैं बॉक्स वन की हाइट 200 पिक्सल है बॉक्स वन की विड्थ 200 पिक्सल है और बॉक्स वन का बैकग्राउंड कलर जो है वो दे दिया मैंने क्रिम्सन ठीक है और मैंने यहां जाके कहा # बॉक्स टू की हाइट 200 पिक्सल है विड्थ 200 पिक्सल है और बैकग्राउंड कलर मैंने दे दिया मान लेते हैं रॉयल ब्लू एक छोटी सी चीज और ये जो बॉडी टैग है ना उसकी हाइट विड्थ अप ने ऑलरेडी पहले ही दे रखी थी 100% तो मैं उसका बैकग्राउंड कलर बॉडी को ट करके कर देता हूं # 1111 ये सम वेयर लाइक ब्लैक ही होता है तो अब हमको सहना नहीं पड़ेगा बैकग्राउंड दोस्तों ब्लैक हो चुका है थीम पूरी डार्क ही चलेगी अब से ताकि आपकी आंखें जो है वो खराब ना हो आप चाहे तो हल्की-फुल्की इनको बॉर्डर भी दे सकते हैं लाइक मैंने यहां जाके इसको दे दिया दो पिक्सेल सॉलिड और वाइट कलर की बॉर्डर # एफएफ वाइट का हेगज कोड होता है ठीक है ये बॉर्डर आ गई और मैंने बड़े भाई इसको भी दे दी है बॉर्डर ठीक है जी तो यहां पर आपके सामने दो डिफ्स हैं कुछ ऐसे दिखाई दे रहे हैं आप चाहें तो अभी बैकग्राउंड कलर दे सकते हैं पहले एक चीज समझा द उसके बाद देंगे बैकग्राउंड कलर ठीक है तो ये कुछ ऐसे दिखाई दे रहे हैं अब अगर आप चाहते हैं अब अगर आप चाहते हैं कि अपने बॉक्स को बॉक्स वन को मूव करना तो आप कैसे मूव करते हैं आप सिंपली अपने बॉक्स को कहेंगे मार्जिन टॉप 20 पिक्सल्स तो होगा क्या ये 20 पिक्सल ऊपर से मूव हो जाएंगे देख सकते हैं आप हो गए मैंने कहा मार्जिन टॉप 20 पिक्सल तो प्रॉब्लम ये हुई कि ये मूव तो हुआ लेकिन साथ में ये वाला भी मूव हो गया आप समझ पा रहे हैं ऐसा हो क्या हो रहा है ऐसा हो इसलिए रहा है क्योंकि सारे लोग सेम प्लेटफॉर्म पे बैठे हुए हैं और हम चाहते हैं कि इनको हम हवा में उठाएं और इजली स्क्रीन पे कहीं भी मूव कर पाएं नहीं समझ आ रहा ना ये वाली वीडियो देखो समझ आ जाएगी तो पोजीशन एब्सलूट समझ ना है और ध्यान से सुनो जल्दी आ जाओ मेरे पास में और यहां पर देखो आपके सामने तीन गाड़ियां खड़ी है अब एक चीज सुनो सुनो सुनो वापस आओ वापस आओ वापस आओ आप खड़े हैं आपकी घर की बालकनी में और नीचे देख रहे हैं रोड पे और रोड पे तीन गाड़ियां हैं तीन गाड़ियां कौन सी है [संगीत] [संगीत] तीसरा बॉक्स बनाया तीनों सेम लेयर पे बैठे हुए हैं अगर मैं इस वाली कार को आगे ले जाने के लिए इसको हवा में उठा दूं अगर मैंने इस कार को हवाया तो होगा क्या सबसे पहली चीज तो जैसे ही ये कार हवा में जाएगी इसकी जगह खाली हो जाएगी तो ये वाली कार यहां पर आ जाएगी और अब ये वाली कार कहीं भी पूरे रोड में मूव कर सकती है उसे कोई रोकने टोकने वाला नहीं है तो मैं ये बता रहा हूं आपको कि जब हम पोजीशन एब्सलूट देते हैं तो होता ये है कि आपका एलिमेंट हवा में उठ जाता है तो सबसे पहली चीज तो ये होती है अगर आप खुद सोचो ना या ये वाली कार हवा में उठ गई तो ये ऑटोमेटिक ये लोग आगे आ जाएंगे लेकिन आप देख रहे हो इस एक्सेस से वा एक्सिस से तो आपको क्या लगेगा आपको लगेगा कि भैया सेकंड वाला बॉक्स कहां गया अब सेकंड वाला बॉक्स ग ही नहीं गया सेकंड वाला बॉक्स इसके पीछे छुपा हुआ है सेकंड वाली गाड़ी इसके पीछे छुपी हुई है क्योंकि आप ऊपर से देख रहे हैं और अ ये स्क्रीन पे कहीं भी इजली मूव हो सकती है कोई रोक टोक नहीं होने वाली तो मैं उम्मीद कर रहा हूं कि आपको शायद पोजीशन एब्सलूट थोड़ा बहुत समझ आ गया होगा और अगर थोड़ा बहुत समझ आया तो कोड देखोगे तो बहुत ज्यादा समझ आ जाएगा तो चलो फिर आगे बढ़ते हैं आई होप समझ आया होगा राइट चलिए अब देखते हैं जल्दी से कि यहां पर पोजीशन एब्सलूट लिखते कैसे सबसे पहले मैं यहां पर अपने बॉक्स वन को कहूंगा पोजीशन एब्सलूट पोजीशन एब्सलूट का मतलब है मेरा जो डिव है मेरा जो बॉक्स है वो हवा में उठ जाएगा अब हवा में अगर मेरा बॉक्स एक बार उठ चुका है तो यहां पर जाके अब मैं उसको स्क्रीन पे कहीं भी मूव कर सकता हूं और मैंने ये कांसेप्ट बताया भी था कि जैसे ही मैं इसको पोजीशन एब्सलूट दूंगा आपका बॉक्स टू छुप जाएगा छुपा नहीं है वो इसके पीछे छुप गया है ठीक है और यहां जाके अगर मैं कहूंगा इसको लेफ्ट से 50 पर या फिर लेफ्ट से 10 पर या लेफ्ट से 200 पिक्सल या 100 पिक्सल तो ये लेफ्ट से 100 पिक्सेल मूव हो जाएगा अगर मैं इसको कहूंगा टॉप से 100 पिक्सेल ये टॉप से 100 पिक्सेल मूव हो जाएगा क्या आपको ये समझ आ रहा है ये लेफ्ट टॉप राइट बॉटम वाली प्रॉपर्टीज खुलती ही तब है मतलब अनलॉक ही तभी होती है जब आप पोजीशन एब्सलूट देते हैं फिर कोई और पोजीशन देते हैं तो यहां पर ये पोजीशन देने से ये प्रॉपर्टीज खुल चुकी है तो यहां जाके अगर मैं कहता हूं इसको लेफ्ट से आप जीरो चले जाओ और टॉप से आप जीरो प बैठ र होते देखो यहां पर बैठ हुए दिखेगा अगर मैं कहता हूं एक काम करो लेफ्ट से चले जाओ आप 50 प्र और टॉप से चले जाओ आप 30 30 प्र ये चला जाएगा क्या यहां तक समझ आ रहा है अच्छा अगर मैं कहता हूं इसको एक काम करो आप आप चले जाओ राइट से जीरो पर और बॉटम से जीरो पर एक बार गेस करो कहां पर आएगा बिल्कुल सही मेरे जस्ट पीछे यह देख सकते हो समझ आ रहा है क्या हो रहा है य प मेरे पीछे नहीं मेरी जो इमेज दिख रही है उसके पीछे अगर मैं कहता हं इसको कि लेफ्ट से जीरो और बॉटम से जीरो तो कहां जाएगा चला गया अगर मैं क कहता हूं कि एक काम करो लेफ्ट से नहीं राइट से जीरो और टॉप से जीरो ये कहां जाएगा ऊपर ऊपर चला गया चला गया गाइस चलिए यहां तक हमको समझ आ रहा है अब एक और जरूरी चीज हमने यहां पर इस तरीके से इसको बना तो लिया है लेकिन अब हम चाहते हैं क्या अब हम चाहते हैं कि इसको थोड़ा सा और ढंग के तरीके से दिखा सके इसको थोड़ा सा और बढ़िया तरीके से शोकेस कर सके तो हम लोग यहां जाके कहते हैं लेफ्ट से % यानी लेफ्ट से 50 पर आ जाए और टॉप से 50 पर तो ये टॉप से 50 पर आ जाए तो क्या ये सेंटर हुआ अब खुद सोच के देखो क्या ये सेंटर हुआ बिल्कुल भी नहीं हुआ जानते हैं ऐसा क्यों हुआ एक एग्जांपल की थ्रू समझते हैं चलो आ जाओ अब ध्यान से देखना ये एग्जांपल को मैं दिखाता हूं आपको मान लेते हैं कि ये बॉक्स जो है ये हमारा ये पूरा जो बॉक्स बना हुआ है ये हमारी वेबसाइट है और ये जो बॉक्स है उसके अंदर बॉक्स नाम गड़े हु है अगर मैंने इसको कहा टॉप से 50 पर तो ये टॉप से 50 पर प चला जाएगा और लेफ्ट से 50 तो हम चाहते थे ये बिल्कुल एकदम सेंटर में यहां पर आ जाए लेकिन ऐसा आया नहीं ये आया कुछ इस तरीके से यहां पे पता है ऐसा क्यों हुआ क्योंकि जब मैंने कहा इसको टॉप से 50 पर और लेफ्ट से 50 तो इसका ये वाला जो कोना है ये वाला जो कोना है ये टॉप से 50 और लेफ्ट से 50 जाएगा तो जब मैंने कहा लेफ्ट से 50 पर तो ये वाला कोना जो है वो सेंटर में आ चुका है जब मैंने कहा टॉप से 50 पर तो यह वाला कोना जो है वो सेंटर में आ चुका है तो आपका ये जो बॉक्स है ये एगजैक्टली सेंटर में तो नहीं आया लेकिन उसका जो कॉर्नर था वो सेंटर में आ चुका है अब अगर चाहते हैं कि आपका बॉक्स से सेंटर में आ जाए तो आप क्या कर सकते हैं वो समझो ध्यान से इस पूरे डि की यहां पर आया यह वाला पॉइंट सेंटर में आया इस पूरे डिव की जितनी विड्थ है इस वाले डिव की जितनी विड्थ है अगर मैं उसका आधा इसको पीछे शिफ्ट कर दूं देखो मैं आपको थोड़ा सा और अच्छे से डेमोंस्ट्रेट करके बताता हूं यहां पर जाके मैंने एक हॉरिजॉन्टल रो खींच द है और यहां पर जाके मैंने एक और हॉरिजॉन्टल रो खीच दिया कुछ इस तरीके से ठीक है मैं इसको डॉटेड कर देता हूं देखो यहां भी डॉटेड का ऑप्शन है मैं इसको भी कर देता हूं चलिए ठीक है तो पहले हमारा बॉक्स कुछ ऐसा दिखाई देता था मैंने सिर्फ आपको समझाने के लिए क रहा मैंने कहा लेफ्ट से 50 पर तो इसका ये वाला पॉइंट लेफ्ट से 50 पर चला जाएगा टॉप से 50 पर तो ये वाला पॉइंट टॉप से तो अभी ये एगजैक्टली यहां पर आ रहा है अब आप खुद गेस करके देखो समझ के देखो अगर मैंने इस बॉक्स की जितनी टोटल विड्थ है इस बॉक्स की ये वाला जो बॉक्स डिव है अगर मैंने इसका 50 पर इसको पीछे शिफ्ट कर दिया कुछ इस तरीके से और अगर मैंने इसका 50 पर इसको ऊपर शिफ्ट कर दिया तो क्या ये सेंटर में नहीं आ जाएगा बिल्कुल आ जाएगा साहब और ये सेंटर में आ चुका है तो वही हम करने वाले हैं हम यहां पर एक प्रॉपर्टी का यूज करने वाले हैं इसका नाम है ट्रांसफॉर्म ट्रांसफॉर्म के अंदर जाके मैंने कहा ट्रांसलेट जिसके अंदर पहली प्रॉपर्टी मैंने कहा - 50 पर यानी x एक्सिस पे पीछे खसक जाओ आधा अपने साइज का तो माइनस में मैंने 50 पर पीछे खसक ने के लिए माइनस और आधा मतलब 50 पर और कॉमा लगा के - 50 यानी कि ऊपर साइड में भी -50 तो ट्रांसफॉर्म ट्रांसलेट से हुआ क्या आपका ये जो बॉक्स देख पा रहे थे आप जो कि पहले यहां पर आ रहा था x एक्सिस में पीछे कस का अपनी साइज का आधा पीछे कस का इसलिए माइनस लगाया है और y एक्सिस में पीछे कस का अपनी साइज का आधा तो ये y एक्सिस में थोड़ा पीछे चला जाएगा तो ये कुछ ऐसा दिखाई देने वाला है और हमारे कोड में भी ये एगजैक्टली सेंटर में आ गया अगर मैं ये लाइन नहीं लिखता ना तो ये सेंटर में नहीं आता ये ऐसा आता लेकिन अगर मैंने ये लाइन लिखी है तो एजेक्ट सेंटर में आ रहा है तो यह चार लाइन लिख के तुम किसी भी एलिमेंट को सेंटर कर सकते हो मेरे भाई सिंपल अच्छा भैया दूसरे वाले डि को भी कर सकते हैं कि पोजीशन एब्सलूट बिल्कुल कौन रोक रहा है पोजीशन एब्सलूट आप इसको कर दो टॉप से 30 और आप कर दो इसको लेफ्ट से 40 पर यहां पर आ जाएगा या फिर लेफ्ट से कर दो आप इसको 20 पर और इसको कर दो 50 और टॉप से कर दो 50 450 नहीं 50 चलिए तोय यहां पर आ रहा है अब एक और चीज अगर मैं चाहता हूं ये लेयर्स बन गए आपको बताया था मैंने अब अगर मैं चाहता हूं कि मेरा बॉक्स वन जो है वो बॉक्स टू के ऊपर आ जाए तो ध्यान से समझना दिस इज द एक्स एक्सिस दिस इज द वा एक्सिस और जो एक्सिस से आप मुझे देख पा रहे हैं दिस इज द जड एक्सेस क्या आप मेरी बात समझ पा रहे और अगर आप जड एक्सेस प किसी एलिमेंट को हैंडल करना चाहते हैं तो उसके लिए प्रॉपर्टी यूज करते हैं हम लोग जिसका नाम है z इंडेक्स क्या नाम है प्रॉपर्टी का दोस्तों z इंडेक्स और z इंडेक्स को मैंने यहां जाके लिखा z इंडेक्स करके अब ऐसा मान के चलो जिसका z इंडेक्स ज्यादा वो ऊपर रहेगा जैसे मैंने इसका z इंडेक्स दे दिया नाइन जरूरी है क्या भैया नाइन देना अरे तुम्हारा जो मन करे दे दो यार लेकिन ये ऊपर आ गया अगर मैंने बॉक्स टू का z इंडेक्स दे दिया 10 तो बॉक्स टू ऊपर आ जाएगा क्या यहां तक समझ आ रहा है क्या हो रहा है बहुत बढ़िया तो यहां तक हम लोगों ने पोजीशन एब्सलूट देख लिया है समझ लिया है किस तरीके से काम होता है ये देख लिया है और और हम इसको किसी टेक्स्ट के ऊपर भी दे सकते हैं किसी भी एलिमेंट के ऊपर दे सकते हैं जिसके ऊपर देने का मन करे उसके ऊपर दे सकते हैं तो हम यहां पर सब कुछ हटाते हैं मैं अगर यहां पर एक h1 बनाता हूं एक h1 बनाता हूं हेलो आई एम सार्थक तो ये कुछ ऐसा दिखाई दे रहा है अब अगर आप चाहे तो ये सार्थक जो है इसको एक स्पैन टैग के अंदर लिख सकते हैं आप अपना नाम लिख के देखना भाई मेरा नाम मत लिख देना अ भैया हमने भी एओ एम सार्थक के इस फॉर्म में ही बनाया था नहीं दोस्तों आप चाहे तो एक काम कर सकते हैं अपने h1 को दे सकते पोजीशन एब्सलूट टॉप से 50 पर लेफ्ट से 50 पर और ट्रांसफॉर्म ट्रांसलेट - % कमा - 50 पर ये एग्जैक्ट सेंटर में आ चुका है अब अगर आप चाहे तो इसको थोड़ा सा अच्छा भी बना सकते हैं जैसे कि मैंने यहां जाके बीर टैग लगा दिया ये अगली लाइन में चला जाएगा हेलो एमसर तक लेकिन देखो ध्यान से लेफ्ट अलाइन है अगर मैं चाहता इसको सेंटर लाइन करना तो मैंने यहां जाकर कहा टेक्स्ट अलाइन सेंटर तो ये सेंटर लाइन हो गया आप इसको थोड़ा बड़ा करना चाहते हैं तो आप इसका फॉन्ट साइज बढ़ा दीजिए 60 पिक्सल कर दीजिए कुछ ऐसा दिखाई देने लगेगा सेंटर में ऑलरेडी है और यह और अगर आप चाहते हैं कि भैया आपने इसको स्पैन में क्यों लिखा था वो मैं बता रहा हूं बस थोड़ी देर में थोड़ी देर में आप अगर इसका फॉन्ट वेट कम करवाना चाहे तो फॉन्ट वेट कम कर सकते हैं 200 कर सकते हैं तो ये थोड़ा सा पतला हो जाएगा देख सकते हैं हेलो आई एम सार्थक कुछ ऐसा दिखाई दे रहा है आपको स्क्रीन पे अब अगर आप चाहते हैं कि अपनी लाइन के अंदर के किसी एक स्पेसिफिक चीज को जैसे मेरे पास यहां पर स्पन में सार्थक लिखा हुआ था मैं इसको चेंज करना चाहता हूं तो यहां पर आप क्या करेंगे आप यहां पर जाके h1 के अंदर के स्पैन को ऐसे करके लिख सकते हैं हां मतलब आप किसी डिफ के अंदर किसी दूसरे चीज को डायरेक्ट करना चाहते हैं तो आप h1 स्पेस स्पैन लिखिए और यहां जाके आपने कहा कि मैं उसका बैकग्राउंड कलर रेड करना चाहता हूं तो देखो बैकग्राउंड कलर सिर्फ सार्थक का रेड हुआ है आप अगर चाहते हैं उसका फॉन्ट साइज 80 पिक्सल करना सिर्फ सार्थक का फंट साइज 80 पिक्सल हुआ आप अगर चाहते हैं उसका फंट वेट बढ़ा के 600 करना सिर्फ सार्थक का फंट वेट चेंज हुआ है क्या आप लोग यह समझ पा रहे हैं दोस्तों सच में समझ पा रहे हैं आप चाहे तो इसको बैकग्राउंड कलर देके मैं इसको बैकग्राउंड कलर दे देता हूं लेट्स सपोज लाइट सी ग्रीन कलर दे देता हूं मैं इसको मान लेते हैं एफ एफएफ ये कुछ ऐसा दिखाई देने लगेगा मैंने हल्की सी दे दी पैंग पडि दे देते हैं अपन ऊपर नीचे 20 पिक्सल राइट लेफ्ट 40 पिक्सल और इसका फंट साइज कर देते हैं अपन 60 ही कर देते वापस से कुछ ऐसा दिखाई देगा 50 कर देते हैं लो चलो 55 55 ठीक है मैंने यहां जाक इसको बॉर्डर रेडियस दे दिया 10 पिक्सेल का य बॉर्डर से हल्का सा घूम जाएगा और मैंने य जो पडि दी थी वो ऊपर नीचे से मुझे थोड़ी सी कम करनी चाहिए थी 10 पिक्सल्स नहीं 10 थोड़ा सा ज्यादा कम हो जाएगा 15 कर देते हैं और राइट लेफ्ट से इसको 30 कर देते हैं और इसका फंट सेज कर देते अपन 65 आई थिंक सो 62 से काम हो जाएगा टन ट्रायल करना पड़ता है देखो यार भाई ठीक है और ये कुछ ऐसा दिखाई दे रहा है समझ आ रहा है क्या हो रहा है यहां तक तो आप कुछ इस तरीके की चीजें बना सकते हैं विद द हेल्प ऑफ स्पैन और पोजीशन एब्सलूट अब हम बढ़ते हैं आगे की तरफ डिस्प्ले फ्लेक्स जो कि लास्ट टॉपिक है लगभग लगभग और उसके बाद भी बहुत कुछ है बहुत ही कुछ है लेकिन अगर आपको वो पढ़ना है तो आपको पुरानी वीडियोस में जाना पड़ेगा आपको समझना पड़ेगा अगर आपको थोड़ा और डिटेल में पढ़ना है तो प्रमोशन नहीं कर रहा हूं लेकिन हां आप कोर्स एक्सप्लोर कर सकते हैं shar.com स् कोर्सेस पे जाके बहुत प्यारे-प्यारे बहुत अच्छे-अच्छे आप लोगों के लिए कोर्स बना रखे हैं फ्रंट एंड डेवलपमेंट का बैक एंड डेवलपमेंट का पीजीएस के और बहुत सारे कोर्सेस आपको वहां पे मिल जाएंगे जावा और एप्टीट्यूड रीजनिंग बहुत और बहुत ही ज्यादा रीजनेबल प्राइस में बहुत खतरनाक लेवल का कंटेंट है एक बार जाके जस्ट गिव इट अ ट्राय वहां जाके देखो अगर आपको कंटेंट अच्छा लगता है तो यू कैन प्रोसीड विद अस नहीं तो youtube0 कोर्सेस में मेन भाई साहब रहता है असिस्टेंसिया शर्मा आप मुझे मैसेज करना मैं आपका डाउट वहां पर रिजॉल्व कर दूंगा लेकिन अगर आपको तुरंत के तुरंत चाहिए तो वहां पर आप कोर्स में जा सकते हैं वहां पर आपको डिस्कॉर्डेंट होते हैं कोर्सेस के ठीक है अभी के लिए ये प्रैक्टिस करो डिस्प्ले फ्लेक्स पढ़ते हैं उसके बाद कुछ बनाते हैं और फिर उसके बाद मूव करते हैं जावा स्क्रिप्ट की तरफ लेट्स गो ऑलराइट तो अब हम पढ़ने वाले हैं डिस्प्ले फ्लेक्स और फ्लेक्स के बारे में थोड़ा और अच्छे से समझेंगे और लेआउटस कैसे बनाते हैं वेबसाइट में वो भी सीखेंगे तो सबसे पहले यहां पर अब मैं यहां पर जाकर क्या कर रहा हूं मैं यहां पर जाके ये जो लिखा हुआ इसको हटा के पूरा एक बार रीलोड ले लेता हूं तो कुछ नहीं दिखाई देगा मैंने सिंपली सबसे पहले तो यहां जाके कहा बॉडी को बैकग्राउंड कलर रेड नहीं बैकग्राउंड कलर ब्लैक ये कुछ ऐसा दिखाई देने लगेगा ताकि आके आख बची रहे और यहां जाके मैंने सिंपली एक डिफ बनाया जिसका नाम मैं रख रहा हूं मान लेते हैं पैरेंट इस पैरेंट डिफ की हाइट और विड्थ क्या है तो ये जो पैरेंट डिव है इसकी इट है 100% इसकी विड्थ है 100% और इसका बैकग्राउंड कलर है मान लेते हैं अ रॉयल ब्लू तो ये कुछ ऐसा दिखाई देने वाला है हम इसको चाहे तो थोड़ा सा और अलग टाइप में लेके जा सकते हैं लाइक हम इसको कलर बैकग्राउंड का ब्लैक ही दे देते हैं कोई दिक्कत परेशानी नहीं है तो ये कुछ ऐसा दिखाई दे रहा है एक पैरेंट नाम का डिव है जिसके अंदर यहां पे हमने कुछ ये प्रॉपर्टीज दी है जो आप देख पा रहे हैं मैं यहां पे क्या करने वाला हूं मैं पैरेंट नाम के डिव के अंदर एक डिव बनाऊंगा जिसका नाम है चाइल्ड अब ये जो चाइल्ड नाम का डिव है ये एक नहीं है मैंने इसका नाम रखा है चाइल्ड वन मैंने इसके बाद वाले जो डिफ्स हैं उनका नाम रखा है चाइल्ड टू और चाइल्ड थ्री सिंपल और यहां पर आप देख पाएंगे कुछ भी नहीं दिखाई दे रहा है मैं एक काम करता हूं मैं इन तीनों को भाइयों को सेम प्रॉपर्टीज देना चाहता हूं क्योंकि ये सेम दिखने वाले हैं तो यहां जाके मैंने इनको दे दिया है क्लास चाइल्ड नाम की और मैंने यही क्लास बाकी भाइयों को भी दे दी यहां जाके अब जैसे मुझे तीनों को सेम प्रॉपर्टी देनी थी ना तो मैंने क्लास दी है सिंपल है ना अब यहां जाके मैं कहूंगा डॉट चाइल्ड जो है डॉट चाइल्ड जो है उसका हाइट रहेगा विड्थ रहेगा और बैकग्राउंड कलर रहेगा ठीक है तीनों चाइल्ड्स कुछ ऐसे दिख रहे है मैंने यहां जाके कहा कि बॉर्डर रहेगा दो पिक्सल सॉलिड और वाइट कलर का ये हैग एफफफ वाइट का होता है मैं बता चुका हूं ऑलरेडी है ना कुछ ऐसा दिखाई देगा और यहां जाके मैंने स्क्रीन को जो जूम करके रखा है उसको नॉर्मल कर देते हैं तो तीनों भाई कुछ ऐसे दिखाई दे रहे हैं अब आप लोग एक बात समझिए ध्यान से मैं यहां जाके अगर किसी एक डिफ को आगे मूव करवाना चाहता हूं तो मैं डायरेक्टली उसको पकडा मूव करा दूंगा मैं चाहता हूं कि ये जो तीनों डिफ है जो एक के बाद एक आ रहे हैं ये एक ही लाइन में आ जाए उस केस में अपन क्या करेंगे तो उस केस में प्रॉपर्टी यूज करते हैं दोस्तों आप लोग जिसका नाम है डिस्प्ले फ्लेक्स होता क्या है ना वेबसाइट्स के अंदर हम पोजीशन एब्सलूट का यूज कर सकते हैं और पोजीशन एब्सलूट से कुछ भी बना सकते हैं बट पोजीशन एब्सलूट हमें चीजों को रिस्पांसिस बनाने में हेल्प नहीं करता मतलब आपको रिस्पांस फर अपने हाथ से लिखना पड़ेगा ए पोजीशन एब्सलूट एक कह सकते हो सही मेथड नहीं है अगर आप एक प्रोफेशनल डेवलपर है तो वो एक बिगनर लेवल के लिए ठीक है मतलब अगर आप स्टार्टिंग कर रहे हो तो ठीक है अपन यहां पे भी आगे भी करेंगे थोड़ा बहुत देखेंगे लेकिन अगर आप एक ऐसे डेवलपर हो जो बहुत ज्यादा एफिशिएंट वेबसाइट बनाना चाहते हैं मल्टीपल जगह के लिए लाइक मोबाइल्स लैपटॉप डेस्कटॉप सब पे बढ़िया चल ऐसी वेबसाइट बनाना चाहते हैं तो ये जो मैं बता रहा हूं डिस्प्ले फ्लेक्स ये आपकी मदद करेगा वेबसाइट के लेआउट को बनाने के लिए मतलब मतलब वेबसाइट का लेआउट कैसा दिख रहा है जैसे मैं बताता हूं यहां पर हमारे तीन डिप्स दिखाई दे रहे थे हम चाहते हैं इन तीन डिफ्स को एक ही लाइन में लेके आना मतलब एक ही लाइन में मतलब भैया मतलब मैं इन तीनों को एक के बाद एक ऐसा नहीं लाते हुए एक ही साथ इधर ले आऊंगा तो होगा क्या मैं यहां जाऊंगा और मैं पैरेंट वाले डिफ को कहूंगा डिस्प्ले फ्लेक्स सिंपल पेरेंट को दिया जाता है डिफ का नाम पैरेंट ही नहीं देखो अगर टेक्निकली देखा जाए तो ये जो तीन डिफ्स बनाए थे इनका पैरेंट जो है वो पैरेंट डिव है तो सिंपल मैंने पैरेंट डिव को दे दिया क्या डिस्प्ले फ्लेक्स और ये लाइन पे आ जाएंगे अ ये डिस्प्ले फ्लेक्स एगजैक्टली करता क्या है आप तो ये बता दो हमें डिस्प्ले फ्लेक्स आपका जो पैरेंट डिव है जिसके अंदर सारे उसके चाइल्ड्स होने वाले हैं जिसके थ्रू आप अपना लेआउट बनाएंगे उसके अंदर की चीजों को रोज सॉरी रोज एंड कॉलम्स के फॉर्म में डिवाइड कर देता है रोज एंड कॉलम्स के फॉर्म में डिवाइड करने से फायदा यह होता है ना कि आप उनको इजली हैंडल कर पाएंगे जैसे मैं समझाता हूं हो क्या रहा था मैं आपको लेके चलता हूं यहां पे कुछ ऐसे एग्जांपल लेके चल रहे थे अपन यहां पर जाके पहले हमारे पास सिर्फ एक डिव हुआ करता था अब मैंने क्या करा मैंने इस डिव के जैसे ऐसा मान के चल सकते हो आप कि एक और डेव बना लिया और एक और डेव बना लिया क्या यहां तक समझ पा आप लोग क्या हो रहा है दोस्तों बिल्कुल समझ पा रहे हैं शायद अब मैंने किया क्या है समझिए मैंने यहां जाके ये डिफ जो एक के बाद एक आ रहे थे इनको अभी तो मैंने एक लाइन में लाके दे दिया सिर्फ मैंने पैरेंट को पैरेंट कौन है ये जो बॉक्स दिख रहा है ना आपको ये जो बॉक्स दिख रहा है ये पैरेंट है लेकिन इससे हमारा कोड रोज एंड कॉलम्स के फॉर्म में ये जो डिव है रोज एंड कॉलम्स के फॉर्म में डिवाइड हो गया और अगर आप चाहते हैं कि अपने एलिमेंट्स को कह सकते हैं कॉलम वाइज मैनेज करना मतलब कि मैं चाहता हूं ये जो वा एक्सिस है ना हमारी ये जो वा एक्सस सीधी वाली एक्सेस है इस पर चीजों को अगर आप मैनेज करना चाहते हैं तो आप जाके कहते हैं इसको अलाइन आइटम्स लेट्स सपोज मैंने कह दिया अलाइन आइटम सेंटर तो ये y एक्सिस में सेंटर पे आ जाएगा अगर मैं कहता हूं इसको अलाइन आइटम फ्लेक्स स्टार्ट तो जहां फ फ्लेक्स बॉक्स स्टार्ट हो रहा था वहां पे आ जाएगा फ्लेक्स पता है क्या करता है एगजैक्टली फ्लेक्स आपके डिब्स को एक फ्लेक्सिबल बॉक्स बना देता है जिससे कि आप जब आगे जाके रिस्पांसिस करते हो तो आपको बहुत ज्यादा आसानी होती है फ्लेक्सस ये करता है साहब समझ पा रहे हैं आप लोग मेरी बात तो यहां पे मैंने किया क्या है यहां पर मैंने ये जो डिव बनाया है इसको मैंने अलाइन आइटम दे दिया फ्लेक्स स्टार्ट आगे जाके बैठ गया अगर मैंने कहा आइटम फ्लेक्स एंड तो ये नीचे आके बैठ जाएगा अगर मैंने कहा अलाइन आइटम फ्लेक्स मैंने दे दिया सेंटर तो ये सेंटर प आ जाएगा अलाइन आइटम आपकी वा एक्सिस को हैंडल करने का काम करता है अभी ये मान के चलो और यहां जाके अगर आप दूसरी एक्सिस को डायरेक्ट करना चाहते यानी एक्स एक्सिस को तो आप यूज करते हैं जस्टिफाई कंटेंट अगर मैंने कहा जस्टिफाई कंटेंट सेंटर तो ये एक्स एक्सिस प सेंटर पे मैंने कहा फ्लेक्सस स्टार्ट स्टार्ट पे स्टार्ट प बिल्कुल चला जाएगा और मैंने कहा फ्लेक्स एंड तो एंड प चला जाएगा क्या यहां तक समझ आ रहा है और अगर मैंने कहा जस्टिफाई कंटेंट सेंटर तो ये सेंटर पे आके बैठ जाएगा ठीक है अभी मैंने आपको ये बताया था कि ये जो खड़ी वाली एक्सिस होती है अभ ये हुआ क्या है ये तीनों भाई जो है ये तीनों भाई सेंटर पे आ चुके हैं इस तरीके से आप अगर देखेंगे तो यह वाली जो एक्सिस है यह वाली एक्सिस अगर मैं इसको सॉलिड कर लूं तो ये कुछ ऐसी दिखाई देगी यह वाली जो एक्सिस है आपकी इस एक्सिस को कहा जाता है दोस्तों वा एक्सिस लेकिन अब से आप इसको कहेंगे क्रॉस एक्सिस और ये जो ये वाली एक्सिस है ये जो आड़े में में चल रही है ये कहलाए गी दोस्तों हमारी मेन एक्सिस कौन सी एक्सिस कहलाए गी दोस्तों मेन एक्सिस और मेन एक्सिस के साथ फायदा ये होता है ना कि मेन एक्सिस ऐसा मान के चल सकते हो कि मेन एक्सेस में आप चीजों को और ज्यादा बेटर तरीके से हैंडल कर पाओगे दिखाता हूं मैं कैसे आप जस्टिफाई कंटेंट स्पेस बिटवीन दे सकते हो ताकि स्पेस इनके बिटवीन में डिस्ट्रीब्यूटर स्पेस दे सकते हो अराउंड तो स्पेस इनके अराउंड में डिस्ट्रीब्यूटर गी देखो इन इसके बगल में स्पेस है इसके बगल में स्पेस है इसके बगल में स्पेस है इसके बगल में यहां पे स्पेस यहां पे स्पेस कुछ इस तरीके से जस्टिफाई कंटेंट अगर मैंने दे दिया स्पेस इवनली तो स्पेस इवनली डिस्ट्रीब्यूटर जाएगी कुछ इस तरीके से क्या यहां तक समझ आ रहा है आपको मैं ये बताना चाह रहा हूं आपको डिस्प्ले फ्लेक्स करता क्या है नहीं समझ आया एक बार और देख लो डिस्प्ले फ्लेक्स आपकी चीजें जो इस तरीके से आ रही थी गलत तरीके से अलाइन थी उसको जाके ठीक तरीके से अलाइन करने का काम करता है डिस्प्ले फ्लेक्स फ्लेक्स में एक तरीके से आ जाएंगी अलाइन करना पड़ेगा मुझे इन आइटम्स को वाई एक्सिस में तो अगर मैं दे सकता हूं अलाइन आइटम सेंटर तो ये y एक्सिस में हैंडल हो जाएंगे और अगर मैं एकस एक्सिस पे हैंडल करना चाहता हूं तो जस्टिफाई कंटेंट जैसे पोजीशन एब्सलूट देने के बाद ही हम टॉप राइट बॉटम लेफ्ट दे सकते थे ना वैसे ही डिस्प्ले फ्लेक्स देने के बाद ही हम अलाइन आइटम और जस्टिफाई कंटेंट दे सकते हैं और डिस्प्ले फ्लेक्स हमेशा पैरेंट को दिया जाता है जैसे कि पैरेंट नाम का ये जो डिव था इसको दिया है मैंने क्या आप मेरी बात समझ पा रहे हैं पैरेंट और पैरेंट डिव दोनों में अंतर है पैरेंट तो मैंने सिर्फ उसका नाम रखा है पैरेंट लाइनी की इनका जो पापा है पापा इनका पापा इसको देना चाहिए क्या आप समझ पा रहे हैं मेरी बात अच्छा ठीक है समझ आ गया अब जस्टिफाई कांटेक्ट में हम इसको दे देते हैं स्पेस इवनली तो स्पेस इनके इवनली डिस्ट्रीब्यूटर जाएगी और जब स्पेस इवनली डिस्ट्रीब्यूटर जाएगी तो ये कुछ ऐसे दिखाई देंगे क कि मुझे लगता है बढ़िया है अच्छा हां एक और चीज आप लोगों को मैंने जल्दी बाजी में ना इमेजेस लगाना नहीं बताया था तो मैं वो भी बता ही देता हूं यहां जाके आप क्या कर सकते हैं यहां जाके आप जा सकते हैं chancellor's [संगीत] अगर मुझे ये वाली इमेज लगानी है अपने बैकग्राउंड में तो मैं राइट क्लिक करूंगा कॉपी इमेज एड्रेस और यहां ले जाके मैं अपने चाइल्ड के पीछे लगाना चाहता हूं तो मैं यहां जाके कहूंगा बैकग्राउंड इमेज और बैकग्राउंड इमेज लिखते साथी बैकग्राउंड इमेज में मुझे यूआरएल देना पड़ेगा तो मैंने यूआरएल में ये वाला यूआरएल डाल दिया और अगर आप देखेंगे यहां पे तो मेरी इमेज जो है वो बैकग्राउंड में लग गई है लग गई है कि नहीं लग गई है बिल्कुल लग गई है दिखाई दे रही है क्या नहीं दिखाई तो नहीं दे रही भैया दे रही है दिखाई बट प्रॉब्लम पता है क्या है सिर्फ इतना इतना भाग हमारी इमेज का लेकर आए सिर्फ इतना इतना पता है ऐसा क्यों हो रहा है ऐसा इसलिए हो रहा है क्योंकि इज काफी बड़ी है अगर आप उसको सही से कवर करना चाहते हैं तो बैकग्राउंड साइज देंगे हम कवर और बैकग्राउंड साइज कवर देने के बाद आपकी जो इमेज है वह ठीक तरीके से कवर कर लेगी देख सकते हैं यहां पर आपकी इमेज ठीक तरीके से हमारे बैकग्राउंड को कवर कर चुकी है लेकिन अभी भी हमारे साथ प्रॉब्लम क्या है ना देखो अभी भी मुझे सिर्फ इतना पार्टी दिखाई दे रहा है क्योंकि कवर इसने करा है बैकग्राउंड वाइज ठीक है मैं चाहता हूं मेरी गाड़ी बीच में दिखाई दे तो हम कहेंगे बैकग्राउंड आई एम सॉरी बैकग्राउंड पज पशन सेंटर तो ये पोजीशन सेंटर आ जाएगी तो देखो गाड़ी बढ़िया तरीके से दिखने लगेगी अच्छा हां अगर आप दूसरी कार्स लगाना चाहते हैं तो वो भी कर सकते हैं बस यहां पर जाके काम करना शग चाइल्ड को पकड़ लेना तो जिससे सिर्फ पहला वाला चाइल्ड मिलेगा अपने को और चाइल्ड वन को मैं जाके कह देता हूं बैकग्राउंड इमेज ये वाली बाकी की प्रॉपर्टीज तो सब प अप्लाई करनी है तो सब प लगने दो इस यूनिक देनी है तो यूनिक दे दो तो पहले वाले के अंदर इमेज है और एक ये इमेज हो गई यह वाली अगर आपको लगानी है सिंपल कितना आसान है कॉपी इमेज एड्रेस कहां जाके कह दो हैग चाइल्ड टू शैग शग बैकग्राउंड इमेज आप देख पाएंगे यहां पर ये वाली इमेज भी लग चुकी है आ जाओ जल्दी आ जाओ देर मत करो देख सकते हैं यहां पर ये वाली इमेज भी लग चुकी है क्या यहां तक समझ आ रहा है आपको एक बार खुद से बना के ट्राई करने की कोशिश करो डिस्प्ले फ्लक्स इतना मुश्किल है नहीं हमने यहां पर बस पता है देखा जाए तो तीन लाइन लिखी थी डिस्प्ले फ्लक्स अलाइन आइटम सेंटर और जस्टिफाई कोऑर्डिनेट सेंटर और भी चीज है धीरे-धीरे आगे बढ़ेंगे ना तो ऑटोमेटिक सीखते जाएंगे अभी बढ़ते हैं हम आगे की तरफ ऑलराइट तो अब हम बनाने वाले हैं सीएसएस का प्रोजेक्ट और अगर आप सोच रहे हैं कि भ आपके कपड़े कैसे चेंज हो गए तो ये वीडियो मैं बाद में बना रहा हूं वो भी सिर्फ और सिर्फ इसलिए क्योंकि मुझे लग रहा था सीएसएस में लोगों को कॉन्फिडेंस अभी तक नहीं आया और कॉन्फिडेंस आएगा प्रोजेक्ट से और गारंटीड आ जाएगा कॉन्फिडेंस तो चलो देखते हैं ये जो प्रोजेक्ट है आप कहेंगे तो मैं डिस्क्रिप्शन में इसकी लिंक डाल दूंगा आप लोग इसको प्रैक्टिस करके देखना सीएसएस से होने वाला है और मजा आएगा ठीक है लेट्स गो यहां जाके सबसे पहले यह ड्रबल पे अवेलेबल है बाय द वे तो आप इस इसको खोल सकते हैं ड्रबल पे और ये ड्रबल पे ओपन हो जाएगा तो ये कुछ ऐसा दिखाई देने वाला है और ये नहीं ये नहीं नीचे साइड में आपको इसका बड़ा सा प्रिव्यू दिख जाएगा अपन इतना बनाएंगे सिर्फ ठीक है क्योंकि यार वीडियो में यार काफी लंबी हो जाएगी यार वीडियो समझ रहे हो ना मैं क्या कहना चाह रहा हूं ठीक है हम लोग को जितना बनाने की कोशिश करते हैं और ये जो आप देख पा रहे हैं ना दोस्तों ये है बेसिकली फ्रेम फ्रेम कभी भी नहीं बनाया जाता वेबसाइट के अंदर आपको मेन वेबसाइट बनानी रहती है कभी अ आप फ्रेम नहीं बनाते तो यानी कि अगर मैं इसको बनाने की तरफ जाऊंगा तो मैं फ्रेम नहीं बनाऊंगा ये ग्रे वाला पार्ट जो ये नहीं बनाऊंगा सिर्फ वेबसाइट वाला पार्ट बनाऊंगा और आप चाहे तो इसी के नीचे यहां पे आपको बड़ी वाली वेबसाइट दिखाई देने लगेगी ये बड़ी वाली वेबसाइट को बड़े प्यार से बनाएंगे अपन लोग चलिए लेट्स गो देखते हैं किस तरीके से होगा चलिए यहां पर यहां पर यहां पर हम लोग सारा जो फालतू का कोड है वो अभी के लिए हटा देते हैं एचटीएमएल का भी और यहां से सीएसएस का भी स्टार्टिंग से बिल्कुल जीरो से बना रहा हूं ना तो आप भी प्रैक्टिस कर सकते हो देखो ध्यान से मैंने शिफ्ट के साथ यहां पे वन दबाया मैंने यहां पे लिंक कर ली है सीएसएस और यहां जाके मैंने सीएसएस को ओपन कर और सीएसएस के अंदर मैंने लिख दिया बॉयलर प्लेट सिंपल है समझ आ रहा है ना यहां तक बॉयलर प्लेट में भी ज्यादा कुछ नहीं है यार सिंपल ये यूनिवर्सल सिलेक्टर जिसके अंदर मैंने मार्जिन जीरो और पैडिट जीरो दे रखा है जिससे कि ऑटोमेटिक जो हर एलिमेंट अपनी मर्जी से मार्जिन पडि ले लेता था उसको मैंने हटा दिया कि भाई अपनी मर्जी से मार्जिन पडि मत लो और बॉक्स साइजिंग बॉर्डर बॉक्स मतलब होता है कि मैंने बॉक्स का जो साइज दिया है वो उतने ही साइज का रहेगा लाइक जैसे मैंने मान लेते हैं एक बॉक्स बनाया जिसको मैंने हाइट दी 100 पिक्सेल और विड्थ दी 100 पिक्सेल अब अगर मैंने उसको 10 पिक्सेल की बॉर्डर दे दी ऊपर से और 10 पिक्सेल की दे दी नीचे से तो होता क्या ता ना बॉक्स का साइज हो जाता 120 पिक्सेल ये आप समझ पा रहे हैं और उसका ओरिजिनल साइज रहता ही नहीं तो मैंने कह दिया बॉक्स साइज इंग बॉर्डर बॉक्स यानी कि 100 पिक्सल ही साइज रहेगा और बॉर्डर उसके अंदर आ जाएगी कुछ ऐसा अपन समझेंगे आगे जाके बाद में और फॉन्ट फैमिली आपको समझ आ ही चुका है चलिए ठीक है फॉन्ट फैमिली मैंने गिलर रखी आपके पास गिलर होगी नहीं तो आप जो चाहे वो यूज कर सकते हैं यहां पर हम करते क्या है यहां पर हम लोग सिंपली एक डिव बनाते हैं जिसका नाम आप कुछ भी रख सकते हैं आप आईडी भी दे सकते हैं क्लास भी दे सकते हैं क्लास ज्यादा प्रिफरेबल होता है लेकिन अभी हम आईडी से काम चला ले रहे हैं लेकिन क्लास भी बहुत अच्छी तरीके से दे सकते हैं और हां एक और चीज हम लोग यहां सेंटिक्स का भी यूज कर सकते हैं सेंटिक्स क्या होते है भैया देखो यार मैंने यहां पे एक हैशटैग मेन करके डिव बनाया है कुछ इस तरीके से ये सिंपल एक मेन नाम का डिव है सिंपल एक डिव है जिसकी आईडी मेन है हम चाहे तो इसको कुछ इस तरीके से बना सकते हैं तो मैंने यहां पे एक मेन नाम का टैग बना दिया ये है एट द एंड ऑफ द डे डिव ही लेकिन ये एक अपने आप में एक स्पेशल टैग है मेन जो कि हमारे मेन कंटेनर को शो करने का काम करता है अब इसको बनाने से कुछ अलग नहीं हुआ है मतलब जैसा पहले काम चल रहा था हैक मेन से वैसे ही काम अभी भी चलेगा सीएसएस में जाके देना पड़ेगा लेकिन ये सिमटिंग है तो इनसे एसईओ काफी इंप्रूव होता है सर्च इंजन ऑप्टिमाइजेशन बहुत इंप्रूव होता है ठीक है तो जैसे मेन के लिए हमने मेन बना लिया मतलब मेन डिफ के लिए हमने हमें मान लेते हैं हमारी वेबसाइट के अंदर हेडर बनाना है तो उसका अलग टैग हो गया हेडर टैग हमें हमारी वेबसाइट के अंदर मान लेते हैं नेविगेशन बार बनाना है तो नेव टैग हो गया हमें हमारी वेबसाइट के अंदर मान लेते हैं कोई साइड में एक पार्ट बनाना है तो हमने असाइट कर लिया यानी कि ऐसे बहुत सारे सेंटिक्स होते हैं और अगर आपको फुटर बनाना है तो आपने फुटर बना लिया सिंपल कुछ इस तरीके से आप कमेंट करो कि भैया यार सीएसएस की भी एक वीडियो सीरीज लेके आओ ताकि हमारा सी भी थोड़ा स्ट्रंग हो तो मैं वो भी ले आऊंगा आप परेशानी नहीं आप नीचे जाके बस # सीएसएस प्रोजेक्ट करके डालो अपन लेके आएंगे क्या दिक्कत है ठीक है चलो यहां देखो हमने यहां पर बॉयल प्लेड लिखी थी और मैंने यहां पर एक मेन नाम का कुछ इस तरीके से टैग बनाया है मेन टैग और दिखाई तो अपने को कुछ भी नहीं देने वाला देख सकते हो कुछ भी नहीं दे रहा वाइट स्क्रीन है और ये मैंने क्या खोल के रखा है सॉरी ये अभी आपके काम का नहीं जावास्क्रिप्ट में पता चलेगा क्या है वो ठीक है तो ये कुछ ऐसा दिखाई दे रहा है आंखें चमक गई होगी ना तो एक काम करते हैं हम सबसे पहले यहां जाएंगे और हम यहां जाके कहेंगे कि मेरा जो मेन है इसको मैं हाइट दूंगा 100% विड्थ दूंगा 100% और बैकग्राउंड कलर दे दूंगा मान लेते हैं अभी के लिए ब्लैक तो मेरा जो मेन है वो कुछ इतना बड़ा दिखाई देने लगेगा क्या यहां तक सब कुछ ठीक चल रहा है हां बिल्कुल ठीक चल रहा है अब मेन के अंदर यहां पर मैंने चीजें दे तो दी है मेन के अंदर अब मेरे पास यहां पर मुझे इस टाइप का कुछ स्ट्रक्चर बनाना है तो मुझे ये वाला ग्रीन कलर चाहिए ये जो ग्रीन कलर है ना नियन ग्रीन मुझे ये कलर चाहिए तो हम किसी वेबसाइट के अंदर से कलर्स कैसे चुराते हैं मैं वो बता रहा हूं सुनो ध्यान से आपको एक एक्सटेंशन डाउनलोड करना है दोस्तों कलर जिला क्रम एक्सटेंशन कलर जिला क्रम एक्सटेंशन पर आप जाना कलर जिला एक्सटेंशन या जो भी आप लिखोगे मिल जाएगा और कलर जिला की हेल्प से आप कुछ इस तरीके का एक्सटेंशन है और जिसको आप ऐड कर सकते हैं अप में बाय द वे हां एक और कलर एक और कलर कैचर हां कलर कैचर करके एक एक्सटेंशन है जो हमारे एक स्टूडेंट है अभय उसने बनाया था तो वो भी एक एक्सटेंशन है उसे भी जरूर चेक आउट कर सकते हो तो अभी हम लोग कलर जिला यूज करते हैं देखते हैं न से करना क्या है हम आते हैं ये वेबसाइट के अंदर अब मुझे यहां पे इसका य ग्रीन कलर चाहिए ये वाला जो ग्रीन कलर था ना मुझे ये वाला ग्रीन कलर चाहिए तो हम क्या करेंगे हम सिंपली एक्सटेंशन वाले मेन्यू पर जाएंगे जूम कर देना मेरे भाई कलर जिला पर क्लिक करेंगे और कलर जिला पर क्लिक करने के बाद पिक कलर फ्रॉम पेज और मैंने यहां जाके ये हरा वाला कलर पिक कर लिया और जैसे ही मैंने पिक करा अब वो मेरे क्लिप बोर्ड में कॉपी हो चुका है और जब वो मेरे क्लिप बोर्ड में कॉपी हो चुका है तो मैं उसको कहीं भी पेस्ट कर सकता हूं एक मिनट हुआ नहीं वो ढंग से फिर फिर से देख लो कोई बात नहीं हो जाती है कभी-कभी ठीक है एक्सटेंशन वाले ऑप्शन प क्लिक कलर जला पिक फ्रॉम पेज पिक हो गया कलर कलर कॉपी टू क्लिप बोर्ड और कॉपी करके मैंने पेस्ट कर दिया पेस्ट का नहीं हो रहा कॉपी हो रहा है देखो ऊपर लिखा आ रहा है ना कॉपी हो रहा है तो कॉपी तो हो रहा है कलर जला पिक कलर फ्रॉम पेज यार कलर जला पता नहीं क्यों धोखा दे दे रहा है मतलब आज तक कभी इसने धोखा नहीं दिया लेकिन आज दे रहा है तो हम कलर कैचर यूज करेंगे शाउट आउट टू अ अग्निहोत्री यहां जाके हमने लिखा है कलर कैचर कलर कैचर में मैंने कहा पिक कलर और पिक कलर के अंदर जाके मैंने इस पर क्लिक करा कलर मैंने क्रिप बोर्ड प कॉपी हो चुका है और यहां ले जाक मुझे सिंपली य पर करना है पेस्ट ट्स इट कॉपी पेस्ट और यहां पर आप देखेंगे तो आपको वही कल दिख रहा है समझ पा रहे हो क्या हो रहा है बढ़िया चलिए यहां तक सब कुछ ठीक है अब मुझे ऐसा कुछ अगर बनाना है ऐसा कुछ मुझे चाहिए एक नेविगेशन बार तो मैंने क्या करा है मैंने मेन के अंदर एक नव नाम का टैग बना दिया है अब नव के अंदर अगर आप देखेंगे तो यहां पर मेरे पास एक डे है दस गुन पता नहीं कौन सी भाषा है 10 10 ग्रूने 10 ग्रूने 10 ग्रूने करके कुछ ऐसा लिखा और दूसरी भाषा में लिखा इंग्लिश नहीं है ये ठीक है लेकिन छोड़ो अपने को क्या डेस ग्रु ने अपने को यहां पे लिखा हुआ दिख रहा हो और मैंने यहां पे इसको बहुत ज्यादा जूम करा है लाइक दिस इज 100% और उसमें कुछ ऐसा दिखाई दे रहा है और बगल में इतनी सारी चीजें तो भैया इस टाइप का स्ट्रक्चर कैसे बनाएंगे लाइक एक एलिमेंट इधर है और चार एलिमेंट्स इधर है इधर ऐसा कैसे बनाएंगे तो सुनो ध्यान से हम लोग यहां पे क्या करेंगे ना नाव नाम का जो हमारा टैग है हम यहां जाके सबसे पहले तो क्या करते हैं नाव को बना लेते हैं तो मैंने सिंपली कहा एनएवी नाव को बैकग्राउंड कलर मैंने दे दिया मान लेते हैं ब्लू और देखूंगा अगर मैं तो नाव कुछ ऐसा दिखाई देगा मैंने नाव को अपनी मर्जी से कुछ भी हाइट दे दी है मान लेते हैं 80 पिक्सल्स और विड्थ दे दी है 100% तो ये कुछ ऐसा दिखाई देने लगेगा आपको स्क्रीन पे मैंने यहां पे क्या किया है मैंने यहां पे हाइट को अभी थोड़ी देर के लिए हटाया और मैंने यहां जाके दे दी है पैडिट मतलब अंदर साइड में स्पेस तो मैंने कहा ऊपर नीचे पैडिट ले लो 30 पिक्सल की और राइट लेफ्ट पडि ले लो 60 पिक्सल की और जैसे ही आप देखेंगे तो ये कुछ ऐसा दिखाई देने लगेगा क्या मैंने सही पडि दिया है नहीं मैंने गलत पैडिट दी है मुझे थोड़ी सी और देनी चाहिए थी मुझे देनी चाहिए थी यहां पे 60 और यहां पे मुझे देनी चाहिए थी 100 पिक्सेल की तो ये कुछ ऐसा दिखाई देगा क्या यहां तक समझ आ रहा है और यहां पर ये देखो यार समझ आएगा यार कहां लगे कहां हो तुम देखो दिखाई दे रहा है दस ग्र ठीक है और उसके अलावा मैंने यहां पर इस h2 के अंदर ही एक और डिव बनाया जिसको मैंने क्लास दे दिया पार्ट टू करके ये जो पार्ट टू करके क्लास मैंने बनाई है यहां पर जाके ना मैंने बहुत सारे ऐसा करके मान सकते हैं ए टैग बना लिए जिसको मैंने अभी कुछ नहीं लिखा है मेरे को अभी कोई सी लिंक ंक नहीं देनी तो मैंने उसके अंदर लिख दिया है अबाउट मैंने एक और एटक बनाया जिसको जाके मैंने कह दिया [संगीत] है क्या देना चाहता अने को अबाउट है प्रोजेक्ट है और क्या क्या है यार और सर्विसेस और लेट्स टॉक ठीक है यहां जाके मैंने लिखा है सर्विसेस और मैंने एक और एटक के अंदर लिखा है लेट्स टॉक चलिए ये कुछ इस तरीके से दिखाई दे रहे हैं हमें य जाके क्या करना है हम यहां जाके कहेंगे हमारे नाव को डिस्प्ले प्लेक्स अलाइन आइटम सेंटर जस्टिफाई कंटेंट स्पेस बिटवीन ये दोनों को जिस तरीके से दूर दूर जाके बैठ जाएंगे स्पेस बिटवीन जाने के बाद मैंने यहां जाके कहा ना के अंदर जो डॉट पार्ट टू बना था ना उसके एलिमेंट्स ऑलरेडी एक ही लाइन में आ रहे हैं क्योंकि मैंने उनको लाइक कुछ दिया नहीं है लेकिन फिर भी जो ए टैग होता है उसका डिस्प्ले इनलाइन नहीं होता है इनलाइन मतलब कि ज उसका साइज उतनी जगह गिरेगा जैसे h1 है तो h1 पूरी लाइन गिरता है लेकिन ये सिर्फ अपनी जगह गिरता है यहां जाके मैंने इसको भी कहा डिस्प्ले फ्लेक्स अलाइन आइटम सेंटर और जस्टिफाई कंटेंट सेंटर अगर आप स्पेस बिटवीन देंगे तो भी नहीं चलता लेकिन हमने यहां जाके दे दिया एक और चीज जिसका नाम है गैप गैप को मैंने दे दिया मान लेते हैं 70 पिक्सल का इनके बीच में अच्छा खासा गैप आ जाएगा क्या आपको ये दिखाई दे रहा है क्या आपको गैप दिखाई दे रहा है थोड़ा बहुत दोस्तों शायद दिखाई दे रहा होगा मैंने यहां जाके कहा नाव के अंदर का जो मेरा एव था ना उसका फंट साइज मैं कर रहा हूं 60 पिक्सल 60 पिक्सल फंट साइज देने के बाद मेरा एव एव ही था ना ये h2 था सॉरी माय मिस्टेक h2 ऐसे लिख सकते ना के अंदर के2 को डायरेक्ट करना है तो देख सकते हैं h2 थोड़ा सा बड़ा हो जाएगा अब अगर मैं इसको रिजनल साइज पर लेके जाऊ तो य ऐसा दिख रहा है और यार मैं फालतू का डिस्ट्रक्शन अब हटा रहा हूं सॉरी माफ करना ठीक है और यहां जाकर मैंने कहा 60 नहीं 50 बोला था मैंने तो ठीक है मैंने बोला था 48 और फंट वेट बोला था मैंने 500 अब इसका और इसका फंट अलग है मैं यहां जाके फट फैमली ट्राई कर रहा हूं जो मेरे पास ऑलरेडी इंस्टॉल्ड है जिसका नाम है एनिक एनिक में भीय ठीक लग रहा है मतलब इतना बुरा नहीं लग रहा मैंने एनिक ही दे देते अ थोड़ा सा डिफरेंट ही बना लेते कोई दिक्कत नहीं है ठीक है फ फैमिली आयोनिक देने के बाद उसके बाद हम यहां जाके क्या करेंगे आपका टेक्स्ट कुछ ऐसा दिखाई दे रहा है उसके बाद यहां जाके हम कहेंगे नाव के अंदर के जो मेरे ए टैग थे उनको मैंने फंट साइज देना है 30 पिक्सल का थोड़े से मेरे एटक बड़े दिखाई दे रहे होंगे अब आपको मैंने यहां जाके कहना है कि मैं उनका कलर देना चाहता हूं सबसे पहले तो वापस से ब्लैक ब्लैक हो जाएंगे मेरे प्यारे भाई लोग मैंने कहा टेक्स्ट डेकोरेशन टेक्स्ट डेकोरेशन मतलब टेक्स्ट के ऊपर जो डेकोरेशन हो रहा है वो कर दो एन ओ एन ई नन तो टेक्स्ट डेकोरेशन नन हो जाएगा और अगर आप देखेंगे तो यहां जाके आपको कुछ ऐसे दिखाई देने लगे लेकिन इनके बीच में बहुत गैप है यार अभी भी मैंने इसको कर दिया 35 और यहां जाके मैंने कहा कि कुछ ऐसे दिख रहे हैं तो यहां जाके मैंने जो गैप था वो बढ़ा के कर दिया 100 पिक्सल का 140 पिक्सल का मान ही नहीं रहे हैं थोड़ा सा फन साइज और बढ़ा दे तो 39 ठीक है े लगता है यार इससे ज्यादा देने की जरूरत है नहीं अब वो बहुत अंदर की तरफ आ रहा है वो अलग बात है उनके फंट के ऊपर वो जम रहा होगा लेकिन अपने फंट के ऊपर यही रहा है यार अपने फंट के ऊपर ये जम रहा है बढ़िया मेरे हिसाब से ठीक है जा सकते हैं हम लोग आगे ठीक है अब सुनो मेरी बात ध्यान से हम चाहे यहां पर जाके नीचे वाला सेक्शन भी बहुत आसानी से बना सकते हैं आपको सिंपली यहां पर नाव वाले टैग को बंद करना पड़ेगा वव के बाद यहां पर आप बना सकते हैं एक सेक्शन नाम का टैग सेक्शन नाम के टैग के अंदर आप सेक्शन बनाते हैं ओबवियसली तो सेक्शन नाम के टैग के अंदर मैं यहां पर जाके देखा जाए तो बेसिकली कितने सारे सेक्शन अब इसको डिवाइड कैसे करना है मैं वो बताता हूं समझो यहां पर एक लिखा हुआ है आपके पास डिजिटाइज आईडिया एक यहां पे ये वाली चीज है एक यहां पे ये वाली चीज है मुझे क्या लगता है अगर मुझसे कोई कहे कि आपको इसको कैसे फिगर आउट करोगे कि आप कैसे बनाओगे तो मैं क्या करूंगा ना डिजिटाइज आईडिया एक वर्ड नहीं है समझो डिजिटाइज अलग है आइडियाज अलग है डिजिटाइज और ये वाला जो डिव है ये एक कंटेनर के अंदर है और आइडियाज और ये वाला जो डिव है ये अलग कंटेनर के अंदर है नहीं आया समझ में मैं करके बताता तोहे समझ आ जाएगा देखो हम लोग डिस्प्ले फ्लेक्स करके इस तरीके से अरेंज करने जाएंगे तो हमें ही प्रॉब्लम होगी ना हम लोग क्या करेंगे डिजिटाइज और ये वाली को बराबर पर रखेंगे और आइडिया और यह वाली चीज को बराबर पर रखेंगे कैसे रखेंगे भ करके बता दो तो आ जाओ देख लो करके बता देता हूं मैंने य जाके क्या कहा सेक्शन के अंदर मैंने य पर एक क्लास बनाई जिसका नाम मैंने रखा है मान लेते हैं हीरो वन या हीरो टेक्स्ट वन हीरो टेक्स्ट वन करके मैंने क्लास बनाई है अब हीरो टेक्स्ट वन जो है मेरा हीरो टेक्स्ट वन जो है मेरा उसके अंदर मेरे पास यहां पर लिखा है डिजिटाइज एक एव के अंदर डिजिटाइज और पास यहां पर लिखा है मेरे पास यहां पर एक डिव है सिंपल ठीक है इस डिव का नाम मैंने दे दिया मान लेते हैं वीडियो भ आईडी देनी चाहिए क्लास देनी चाहिए कुछ भी दे सकते हो आपकी मर्जी है मैंने यहां पर वीडियो कर दिया हम यहां पर वीडियो भी लगा सकते कोई नहीं रोकने वाला आपको है ना ठीक है यहां तक सब कुछ ठीक जा रहा है उसके बाद मैंने यहां जाके क्या कहा उसके बाद मैंने कहा कि मेरे पास एक और डिव है जिसकी क्लास में देना चाहता हूं रो टेक्स्ट ू एंड एज यू कैन सी हीरो टेक्स्ट टू बन जाएगा एव के अंदर मैंने लिखा यहां पे आईडियाज उसको अपन कैपिटल सीएसएस से कर लेंगे ऊपर वाले को भी परेशान मत हो और आईडियाज के साथ में यहां पर मेरे पास है एक पैराग्राफ जो कि तीन लाइनों का है तो मैंने लिख दिया लोरम रम 20 में शायद तीन लाइने आ जाएंगी तो लोरम 20 या फिर उसका फॉन्ट साइज बड़ा है तो रम 15 कर देते हैं अपन ठीक है जी यहां तक आपको समझ आ रहा होगा किस तरीके से अभी तक हमारा काम हुआ है अब मैं उसको अरेंज करने की तरफ जाता हूं लेट्स गो मैंने यहां जाके क्या कहा मैंने यहां पे कहा सेक्शन जो है हमारे पास सेक्शन को मैं देना चाहता हूं सेक्शन को भी हम आईडी क्लास दे सकते हैं सेक्शन को मैं देना चाहता हूं सबसे पहले तो बैकग्राउंड कलर राइट देखें तो कैसा दिख रहा है हमारा सेक्शन सेक्शन कुछ ऐसा दिख रहा है ठीक है हमने यहां जाके कहा कि सेक्शन के अंदर जो मेरा h वन है या फिर जो मेरा डॉट हीरो टेक्स्ट वन है उसको मैं देना चाहता हूं बैकग्राउंड कलर रेड तो देखो सिर्फ पहले वाले का बैकग्राउंड कलर रेड हुआ है मैंने सिंपली उसको जाके कहा डिस्प्ले फ्लेक्स अलाइन आइटम सेंटर नहीं फ्लेक्स स्टार्ट मैंने बताया था फ्लेक्स स्टार्ट क्यों क्योंकि वा एक्सिस में दोनों बराबर बैठे हैं देखो डिजिटाइज और यह वाली वीडियो बराबर प बैठे नीचे साइड में थोड़ा सा गैप है तो अपन इसको क्या कहेंगे अपन इसको कहेंगे फ्लेक्स स्टार्ट उसके अलावा मैंने यहां जाके कहा जस्टिफाई कंटेंट फ्लेक्स स्टार्ट इसको भी स्पेस बिटवीन नहीं है क्योंकि देखो यहां पे खत्म हुआ और ये आना चालू हो गया या फिर आप चाहो तो स्पेस बिटवीन भी दे सकते हो मतलब आप स्पेस बिटवीन दे सकते हो कोई परेशानी नहीं है मेरे अकॉर्डिंग तो नहीं है स्पेस बिटवीन अब मैंने यहां जाके क्या कहा मैंने यहां जाके कहा डॉट हीरो टेक्स्ट वन के अंदर जो h1 है उसका फॉन्ट साइज कर दो 140 पिक् ये कुछ ऐसा दिखाई देने लगेगा एकस ट्रांसफॉर्म कर दो आप अपर केस में फंट फैमिली एक बार गिल रॉय ट्राई करके देखो इससे बेटर तो गिलर लग रही है मेरे पास और भी कई सारे फट्स है मॉन्यूमेंट मॉन्यूमेंट नहीं है मेरे पास शायद मट सेराट यार मन सराट कुछ ऐसा दिख रहा है और जो डिफॉल्ट फम फैमिली थी अब इसी के साथ जाते हैं डोंट वरी यार फंट वेट मैंने कर दिया है 900 थोड़ा सा डार्क हो जाएगा देख सकते हैं नहीं हुआ क्योंकि उसमें इतना ही था वेट और हीरो टेक्स्ट को मैंने दे दी हल्की सी पैडिट कितनी देनी चाहिए हमने कहा कि ऊपर नीचे से ले लो आप 60 पिक्सल की और राइट लेफ्ट से हम ऊपर वाली और इसको बराबर रखना चाहेंगे तो ऊपर वाले मैंने दिया था वव को कितना 100 पिक्सल का क्या दोनों बराबर पर है यहां पर हा बिल्कुल है तो यहां पर इसको भी मुझे 100 ही देना पड़ेगा मैंने जूम कर रखा था मैंने अभी ध्यान दिया सॉरी मैं य जाके अपने सेक्शन के अंदर की सारी चीज अंदर की तरफ ही है क्या हा तो फिर एक काम करते हैं ना पैंग जो है व सेक्शन कोही देते ना सीधा सेक्शन को ही देते ना सीधा पैंग 100 ही पिक्सल की दे दो सीधा ऊपर नीचे सब जगह से 100 पिक्सल की य कुछ इस तरीके से आ जाएगा चलो ऊपर नीचे थोड़ी कम कर लो ऊपर नीचे 60 पिक्सेल कर लो ये कुछ ऐसा दिखाई देने लगेगा चलिए यहां तक सब कुछ ठीक है और मैंने य जाकर फंट साइज जो है वो थोड़ा सा और बढ़ा दिया मैं कर दिया 200 पिक्सेल तो यह कुछ ऐसा दिखाई देगा मैंने कर दिया 300 पिक्सेल आपके में यही मत लिखना सेम कि नहीं भैया ने लिखा था 200 तो मैं तो 200 ही लिखूंगा और अगर फंट चाहिए तो आप जा सकते हैं ग फट्स पर ग फट्स पर जाने के बाद यहां पर आपको बहुत सारे बढ़िया बढ़िया फट्स मिल जाएंगे मुझे एक फंट देखना है चेक करना है कि क्या वो इसकी तरह दिख रहा है मैंने सर्च करा पॉप और ओपनस के अंदर मैं अगर कुछ टाइप करके देखूं लेट्स सपोज मैं यहां पे लिखता हूं अ डिजिटल तो पॉप इंस तो वो नहीं है जो मुझे चाहिए लेकिन पॉप इंस अच्छा है पॉपेंस अच्छा है अपन पॉपेंस लगा लेते हैं ठीक है तो मैंने यहां पे कहा गेट फॉन्ट गेट फॉन्ट के बाद मैंने कहा डाउनलोड ऑल तो डाउनलोड हो जाएगा सिंपल डाउनलोड करना है तो फॉन्ट हमने सिंपली डाउनलोड कर लिया तो उसको इंस्टॉल कर लेना और यहां पे मैंने फ्ट फैमिली लिखी है पॉपिंस अब अपन देखेंगे ना जाके तो ये कुछ ऐसा दिखाई दे रहा है जो कि पहले वाले की कंपैरिजन में तो काफी ठीक है मैंने यहां जाके फंट फैमिली पॉप इनस ही देनी है मुझे सबको ही देनी है तो मैंने यूनिवर्सल सिलेक्टर के अंदर ही लिख दिया और सबको फंट फैमिली पॉप इनस मिल जाएगी साथ में हमने ए टग को कोई फंट वेट नहीं दिया था तो मैंने यहां जाकर फंट वेट दे दिया 500 थोड़ा सा कुछ ऐसा दिखाई देने लगेगा ठीक है और यहां जाके मैंने फंट साइज दिया है 300 पिक्सल 300 से बढ़ा के 350 कर देते हैं अपन थोड़ा सा और बढ़ जाएगा तोय देख सकते हैं कुछ अब ठीक ठाक दिखाई दे रहा है 350 नहीं 300 ही ठीक था यार तो यह कुछ ऐसा इधर प स्क्रीन प और ये इधर प यार पता नहीं यार फंट फैमिली काफी अजीब है यार ये वाली आज की सारी चलो ठीक है कुछ ऐसा दिखाई दे रहा है यहां पर एक और चीज होती है इसको बोलते हैं लाइन हाइट लाइन हाइट मतलब आपकी लाइन की कितनी हाइट है लाइन हाइट मैंने दे दी 300 पिक्सल तो ये अपनी हाइट को ज्यादा नहीं लेगा नॉर्मली लेगा कुछ इतना ही दिखाई देगा ठीक है उसके अलावा मैंने यहां जाके कहा रो टेक्स्ट के अंदर मेरे पास जो एक क्लास थी वीडियो करके मैंने एक क्लास बना ली वीडियो करके जिसकी हाइट मैंने दे दी है 100 पिक्सल इसकी विड्थ मैंने दे दी है 300 पिक्सल इसका बैकग्राउंड कलर मैंने दे दिया अभी के लिए ब्लैक और जिसकी बॉर्डर रेडियस अरे हट जा भाई इसकी बॉर्डर रेडियस मैंने दे दिया है % और इतना करते ही आपको यहां पर कुछ ऐसा दिखाई दे रहा होगा 50 पिक्सेल बोला था मैंने ठीक है हमें यहां पर इसकी हाइट को बढ़ा के कर देना चाहिए 200 और हमें यहां पर इसके विड्थ को बढ़ा के कर देना चाहिए 500 ठीक है बढ़िया 50 पिक्सल से कुछ नहीं होने जाना गा 100 पिक्सल कर दो कुछ ऐसा दिखाई देने लगेगा लेट मी सी लेट मी सी ठीक है थोड़ी सी हाइट को कम करते हैं 150 और थोड़ी सी विड्थ को बढ़ाते हैं 600 और आप यह मत दे देना भाई प्लीज गलती हो जाएगी नहीं तो गलत हो जाएगा मतलब कोड गलती नहीं होगी गलत गलत हो जाएगा कोड गलत और बहुत गलत हो जाएगा ठीक है समझ रहे हो ना क्या करना है ठीक है चलो तो ये कुछ इस तरीके का दिखाई देने वाला है मैं इसकी विड्थ को थोड़ा सा और बढ़ा लेता हूं मेरी स्क्रीन काफी बड़ी है काफी बड़ी है इस वजह से मेरी स्क्रीन में थोड़ी अलग तरीके से चीजें दिखते हैं आपकी स्क्रीन थोड़ी सी छोटी होगी मोस्ट प्रोबेबली इज्जत नहीं कर रहा हूं होगी तो थोड़ी सी अलग दिखेंगी चीज तो आप उस चीज को लेकर परेशान मत होना कि भैया तो 120 दिया था तो मैं भी 120 ही दूंगा अरे भैया तो काम किस कर रहे किस स्क्रीन पर कर रहे हैं व भी तो देखो ना या मेरे भाई समझ पा रहे हो आप मेरी बात आप समझदार हो यार देखो आपको बताने की जरूरत नहीं है ठीक है मैं इसको 130 कर रहा हूं ताकि व दोनों बराबर पर थो ठीक है चलिए और यहां जाके मैं इसके अंदर का लाल रंग हटा दूंगा तो उसको मैं देख पाऊंगा ज्यादा अच्छे से ठीक है कुछ ऐसा दिखाई देगा हल्का सा हल्का सा मैं इसको दूंगा मार्जिन टॉप ठीक है यह बढ़िया लग रहा है ठीक है उसके बाद यही जो सेम चीज मैंने यहां पर इन दोनों भाइयों को दी है वही सेम इन तीनों को ही दी है जो वही सेम जल्दी से अपन कर देते हैं कॉपी पेस्ट और यहां जाकर मैंने हीरो टेक्स्ट टू को पकड़ा सॉरी वीडियो तो उसके अंदर है ही नहीं ना टेक्स्ट के अंदर के h1 को पकड़ा टू के अंदर के h1 को और उसको भी जाके मैंने सेम प्रॉपर्टीज दे दी तो ये भी कुछ ऐसा दिखाई देने लगेगा आईडियाज समझ आ रहा है क्या हो रहा है और इसके अंदर जो पैराग्राफ था हीरो टेक्स्ट टू के अंदर का यह रहा मैंने हीरो टेक्स्ट टू के अंदर का पैराग्राफ ये उसके बगल में आने लगेगा और मैंने यहां जाके इसको दिया है फ्लेक्स स्टार्ट नहीं फ्लेक्स एंड फ्लेक्स के एंड में आ जाएगा और हीरो टेक्स टू के अंदर का जो पैराग्राफ है उसको फंट साइज अपने को देना पड़ेगा कम से कम 40 पिक्सेल नहीं नहीं तो भी 40 पिक्सल तो ले ही लेगा फॉन्ट वेट नहीं देना है अपने को ये कुछ ऐसा दिखाई देगा लाइन हाइट भी नहीं देनी है अपने को बाद में देंगे लाइन हाइट कुछ ऐसा दिखाई देने लगेगा मैंने यहां जाके देना है इसको विड्थ और विड्थ देना है मुझे इसको 300 पिक्सेल की बहुत छोटी दिखाई देगी अ छ 700 ही पिक्सल की कुछ ऐसा 800 पिक्सल अ 900 ठीक है बढ़िया ये कुछ ऐसा दिखाई दे रहा है मुझे यहां जाके इसको थोड़ा सा फॉन्ट वेट भी देना है जो कि मैं देना चाहता हूं 500 के अराउंड ये कुछ ऐसा दिखाई देगा जो कि मेरे हिसाब से ठीक है मेरे हिसाब से ठीक है काम चलाने के लिए ठीक है अ पर केस तो नहीं है देखो ऐसा है कुछ ऐसा है थोड़ा सा फंट साइज आप चाहे तो बढ़ा भी सकते हैं 42 कर सकते हैं 43 कर सकते हैं ठीक है बढ़िया बढ़िया यहां तक ठीक चल रहा है कोई परेशानी नहीं है है ना अब इसके अंदर ये जो वीडियो वाले टैग के अंदर मुझे चाहिए थी वीडियो या फिर इमेज या फिर कुछ भी ठीक है जो पीछे चलती रहे हम एक काम करते हैं हम जाते हैं unsplash.com पर और हम एक इमेज उठा लेते हैं अलश मैंने 3डी रेंडर्स प जाके यहां से जाके आपका जो मन करे आप वो इमेज उठा सकते हो काफी बढ़िया बढ़िया इमेजेस मिल जाती है आपको इस पर यहां जाके मैंने लेट्स सपोज इस टाइप की इमेजेस चाहिए थ अपने को चलो इससे काम चला लेते हैं यह चिप्स है पर्पल कलर के ठीक है रो टेक्स्ट वन के अंदर की वीडियो हो गई वीडियो के अंदर का मैंने बैकग्राउंड इमेज जो है वो सेट कर दिया देख सकते हैं कुछ ऐसा दिखाई देने लगेगा मैंने कहा कि बैकग्राउंड साइज जो है वो तो मैंने कवर रखा है वो कुछ ऐसा दिखाई देने लगेगा समझ आ रहा है क्या हुआ यहां पर और मैंने बैकग्राउंड पोजीशन रख दिया सेंटर कुछ ऐसा दिखाई देने लगेगा सही है बढ़िया और इसके अंदर मैंने इसको सेंटर ना रखते हुए राइट पर सेट कर दिया तो यह राइट साइड में चला जाएगा हल्का सा चलो ठीक है और मैंने इसको कहा अगर कंटेन तो क्या होगा तो रिपीट में आने लगेगा ना कवर ही रहने दो कवर ही रहने दो ठीक है य तक मेरे हिसाब से सब कुछ ठीक चल रहा है मुझे इसको बैकग्राउंड पोजीशन देनी नहीं चाहिए थी बैकग्राउंड पोजीशन के बिना ही ये ठीक था ज्यादा चलो ठीक है उसके अलावा मैंने क्या करा यहां पर जाके मैंने यहां जो वीडियो था ना वीडियो के अंदर मैंने क्लास बना दी प्ले करके और यहां जाके मैंने कहा कि मेरा यह जो वीडियो है इसको मैंने हल्की सी पैडिया है पाच पिक्सेल की और यहां जाके मैंने कहा डॉट वीडियो के अंदर जो डॉट प्ले है उसकी हाइट 100% है उसकी विड्थ 100% है और उसका बैकग्राउंड कलर है ब्लैक ये दिख रहा होगा कुछ ऐसे आपको अब मैंने क्या कहा मैंने कहा एक काम करता हूं मैं हाइट तो 100% लेकिन विड्थ मेरी है 300 पिक्सल तो विड्थ जब मेरी 300 पिक्सल हो जाएगी तो ये थोड़ा सा छोटा दिखाई देगा मैंने कहा 200 पिक्सेल तो थोड़ा सा और छोटा दिखाई देगा कुछ इस तरीके से मैंने कहा बॉर्डर रेडियस 50 पर ये बॉर्डर्स पे से घूम भी जाएगा 50 पर ना देते हुए मैं इसको दे देता हूं वही जो मैंने ऊपर वाले को दी थी 100 पिक्सल ठीक है और अगर मैंने इसका कलर वाइट करा तो मुझे ज्यादा अच्छे से दिखाई देगा कुछ ऐसा दिखाई दे रहा है अब मेरे को समझ भी आ रहे हैं फ्लज जोक मेरे को इसको थोड़ी देने चाहिए थे हाइट विड्थ कम करके कुछ ऐसा दिखाई देगा पाच पिक्सेल इज नॉट इनफ तो मैंने कम से कम 10 पिक्सेल तो देना ही पड़ेगा थोड़ा सा अंदर की तरफ आ जाएगा या फिर 12 मैंने विड्थ को कर दिया 160 ठीक है क्या यहां तक समझ आ रहा है आपको क्या हो रहा है एक काम करता हूं मैं यहां पर जाके इसके अंदर ना बैकग्राउंड कलर वाइट ना रखते हुए बैकग्राउंड कलर ब्लैक ही रखूंगा लेकिन मैं बॉर्डर रख दूंगा दो पिक्सल सॉलिड और वाइट कलर की आई होप ये भी ठीक लगेगा ठीक है चार पिक्सेल ठीक है क्या यहां तक मेरे हिसाब से सब कुछ ठीक चल रहा है अब हमें प्ले की बटन चाहिए तो हम एक वेबसाइट पर जा रहे हैं दोस्तों जिसका नाम है remix.com िक्स i.com पर आपको कह सकते हो कि आइकंस मिलेंगे और आइकंस में मुझे चाहिए प्ले वाला आइकन तो मैंने प्ले सर्च करा और प्ले वाला आइकन मुझे यहां पे मिल जाएगा इस टाइप का ही चाहिए था ना आपको इस टाइप के आइकंस ये वाले अरे देख लो ना यही वाले चाहिए थे ना यार यही वाले मिल जाएंगे आपको आइकन बट प्रॉब्लम यहां पर यह है ये वाले आइकन को लगाने के लिए यहां पर आपको सीडीएन लगानी पड़ेगी किसकी आपको सीडीएन लगानी पड़ेगी रिमिक्स आइकन की कहां मिलेगी भैया स्टेप बाय स्टेप फॉलो करो आ जाएगा समझ में आपने यहां पे क्लिक करा अ गिट हप पेज पे तो आप रिमिक्स आइकॉन के गिट हप पेज पे पहुंच जाएंगे और इसके गिट हप पर जाने के बाद आपको करना है स्क्रॉल और स्क्रॉल करने के बाद आपको यहां पर जाके सीडीएन का ये जो ऑप्शन है सीडीएन के ऑप्शन को यहां से जाके कर लेना है कॉपी यह रहा आपका सीडीएन देख सकते हैं आप अपनी स्क्रीन पे कुछ ऐसा दिखाई दे रहा होगा सीडीएन पे कॉपी करना है आपको सीडीएन को सिंपली और यहां ले जाके अपने एटीएमएल में लिंक करा था ना सीएसएस उसके कहीं भी ऊपर या नीचे कर देना है पेस्ट इससे फायदा क्या होगा इससे फायदा यह होगा कि आप कोई भी आइकन एक्सेस कर पाएंगे रिमिक्स आइकन का बाद में बताऊंगा मैं डिटेल में हम और भी प्रोजेक्ट्स अगर आप कहोगे तो बना लेंगे और मजा आएगा आप लोगों को ठीक है और यहां तक मेरे हिसाब से सब कुछ ठीक चल रहा है अब हम लोगों को आइकन की जरूरत है तो आइकन कहां मिलेगा भैया आइकन मिलेगा वही remix.com प जैसे हमको मिल तो गया था वैसे ही लेकिन हम उठा लेते हैं ये रहा मेरा प्ले का आइकन मैंने यहां जाके कर लिया कॉपी इसको यहां से सिंपली कॉपी ये वाली बटन प क्लिक करके कॉपी और यहां ले जाके मैंने उसको सिंपली अपना जो वीडियो के अंदर जो प्ले था ना उसके अंदर डाल दिया ये कुछ इस तरीके से बनता हुआ दिखेगा और आप अगर देखेंगे तो यह कुछ इस तरीके का दिखाई दे रहा है लेकिन दिखाई नहीं दे रहा है भैया तो आपको करना क्या है आपको यहां जाके कहना है डॉट प्ले के अंदर का जो आई आई फॉर आइकन इटैलिक होता है वैसे तो लेकिन आई फॉर आइकन अभी के लिए और मैंने यहां जाके कहा पहली चीज तो आपका कलर रहेगा वाइट बड़े भाई ठीक है और मैंने यहां जाके कहा आपका फंट साइज रहेगा 50 पिक्सल और आपके ऊपर जो प्ले है उसको मैं कहूंगा डिस्प्ले फ्लेक्स अलाइन आइटम ये सेंटर में भी आ जाएगा क्या यहां तक समझ आया कैसे हुआ आई होप समझ आ रहा है सब सब कुछ समझ आ रहा है राइट चलिए ठीक है तो यहां तक बिल्कुल एकदम ठीक-ठाक चल रही है सारी चीजें और आपको समझ भी आ रही है अगर तो प्लीज लाइक कर दो प्लीज प्लीज लाइक कर दो ठीक है चलो अब बाकी चीजें बची हुई है वो भी देख लेते हैं जल्दी बिना किसी देरी के यहां पे हमें सिंपली एक लाइन दिखाई दे रही है जिसके अंदर ये कुछ लिखा हुआ है और यहां पर इमेज मुझे लगता है यार ये ऊपर वाला बन गया तो लाइन बनाने में दिक्कत आएगी नहीं मैं तुम्हें ये वाली इमेज लगाना बताता हूं सबसे पहले तो ये वाली अगर इमेज चाहिए मुझे अगर चाहिए होती तो मैं क्या करता मैं करता इस इमेज को कॉपी कॉपी इमेज कॉपी इमेज एड्रेस नहीं सिर्फ कॉपी इमेज और मैं जाके सर्च करता google's और google's पर जाके मैं यहां जाके इमेज को कर देता पेस्ट पता है क्या होता ये इमेज जो है ये इमेज पूरी की पूरी पूरे इंटरनेट पे अब मैं सर्च कर सकता हूं मैं बता रहा हूं रिवर्स इमेज सर्च काइंड ऑफ कह सकते हैं आप और मैंने यहां जाके इसको सर्च करा तो ये इमेज मुझे थोड़ा सा इंटरनेट का इशू प्लीज माफ कर दो प्लीज प्लीज माफ कर देना गाइस क्या मैंने सही इमेज कॉपी करी थी ठीक है हा यहां देखो हमारी पूरी इमेज जो है वो ग पर सर्च कर ली हम लोगों ने और यहां पर मुझे पूरी इमेज नहीं चाहिए मैंने कहा है कि मुझे सिर्फ इतना इतना भाग चाहिए कि यह वाली जो इमेज है यह कहां से आ रही है बस इतना बता दो तुम तो मुझे तो यह वाली जो इमेज है यह वाला जो पार्ट है यह हमें यहां से मिल जाएगा कहीं पेड ना हो पैसे नहीं है देने के लोग को शम नहीं आती क्या बिल्कुल मतलब यार आप क्या करे आदमी बताओ आदमी मतलब क्या करे आप बताओ भाई आप बताओ क्या करे आदमी है ना आदमी पैसे थे फोटो के लिए मैं ये वाली लगा लू सस्ती है थोड़ी सी लेकिन ठीक है काम चल जाएगा हमारा वैसे तो नहीं है एग्जैक्ट लेकिन ठीक है यार काम चलाने के लिए अभी चला लेना प्लीज यार भाई मैं पता है मुझे कि तुम लोग बहुत डिमांड नहीं हो लेकिन डाउनलोड कर लो प्रीमियम 50 पर ऑफ भी दे देंगे सालो इनका प्रीमियम इतना महंगा होगा हमें नहीं करनी भाई ये वाली इमेज नहीं लगानी पैसे लग रहे हैं भाई पैसे वैसे नहीं खर्च करने फालतू अपने को ठीक है यहां देखो ध्यान से यह वाली इेज अगर लगानी है राइट क्लिक कॉपी इमेज एड्रेस और यहां जाके अब मैं एक डिफ बना लेता हूं तो मैंने सेक्शन को बंद करा और सेक्शन के बाद मैंने यहां पर जाके सिंपली एक या फिर हम चाहे तो यहां पर भी बना सकते हैं इसी के अंदर हीरो टेक्स्ट व बंद करो हीरो टेक्स्ट टू बंद करो और यहां जाके मैंने एक डिफ बनाया और डिफ के अंदर आपने इस डिफ का नाम दे दिया मान लेते क्लास दे दिया इमेज और यहां जाके मैंने सिंपली कहा कि मेरा जो डॉट मेरा जो सेक्शन के अंदर डॉट इमेज करके डिव होगा उसको मैं हाइट देना चाहता हूं अराउंड अराउंड 100% की वि देना चाहता हूं 100% का और बैकग्राउंड कलर देना चाहता हूं रेड य देखोगे तो कुछ ऐसा दिखाई देने वाला 100% लेकिन किसका सेक्शन को तो हाट दी नहीं थी अपन ने तो मैं इसको हाइट अभी दे देता हूं अभी के लिए मान लेते हैं 100 600 पिक्सल ये कुछ ऐसा दिखाई देने लगेगा मैंने यहां जाकर कह दिया 900 पिक्सेल तो यह कुछ ऐसा दिखाई देने लगेगा क्या आपको यह समझ आ रहा है क्या हो रहा है मैंने यहां जाके दे दिया इसको 1200 पिक्सल और बॉर्डर रेडियस अगर मैं दूंगा तो चारों तरफ़ से बॉर्डर रेडियस हो जाएगी जैसे मैंने कहा बॉर्डर रेडियस 50 पिक्सल तो चारों तरफ से 50-50 पिक्सल घूम चुका है लेकिन इस वेबसाइट के अंदर यह बॉटम से नहीं घूमा है तो हम लोग एक काम करते हैं हम लोग क्या कहते हैं हम लोग कहते हैं कि एक काम करो बड़े भाई आप बॉर्डर ले रेडियस तो ले लो लेकिन बॉर्डर रेडियस लो सिर्फ टॉप टॉप लेफ्ट से तो बॉर्डर टॉप लेफ्ट रेडियस मैंने दे दिया 100 पिक्सल का तो देखोगे तो सिर्फ इधर से घूमा हुआ है मैंने बॉर्डर टॉप राइट रेडियस दे दिया है 100 पिक्सल का तो ये यहां से घूम जाएगा अब मैं एक काम करता हूं जो मुझसे गलती हो गई थी मैं वो गलती सुधार लेता हूं जल्दी-जल्दी में मैंने सेक्शन के अंदर नहीं रखना है मुझे इस इमेज को मुझे इसको सेक्शन के बाहर रखना है तो मैंने यहां से इसको उठाया और मैंने यहां जाके इसको सेक्शन के बाहर बना दिया एंड एज यू कैन सी ये कुछ ऐसी दिखाई देने लगेगी क्या यहां तक समझ आ रहा है आप लोगों को आई होप समझ आ रहा होगा ठीक है और अब मुझे यहां जाके क्या करना है मुझे यहां जाके इसको सिंपली थोड़ा सा मैनेज करना है जैसे कि मैंने यहां जाके कहा कि भाई आपकी विड्थ जो है व 100% ना रते हुए हमने कहा 90 पर रहेगी 90 पर रहेगी तो इसकी विड्थ हो जाएगी ऑटोमेटिक 90 पर कुछ इस तरीके से और मैंने कहा है मार्जिन लेफ्ट मार्जिन लेफ्ट मैंने दे दिया 5 प्र का ये हमें सेंटर में दिखाई देने लगेगी आपको ये समझ आया कैसे हुआ और यहां जाके यहां जाके मैंने बैकग्राउंड इमेज में पेस्ट कर दिया मेरे इमेज का यूआरएल सॉरी कहां गया मेरे इमेज का यूआरएल इससे काम चला अच्छा नहीं लगा तो दूसरा लगा लेंगे कोई दिक्कत नहीं है भाई देख बहुत बेकार इमेज है बहुत बेकार लगेगी रिपीट अलग हो रही है रिपीट क्यों होती है भैया इमेजेस अरे वो रिपीट इसलिए होती है यार क्योंकि क्योंकि कवर नहीं कर पाती ठीक से हम यहां पर ढूंढे क्या कलरफुल डी टाइप में कुछ कलरफुल डी कलरफुल डी में मुझे फ्री में दे दो भाई कुछ फ्री में उस प ला दो यह वाला लगा के देखें राइट क्लिक कॉपी इमेज एड्रेस और यहां जाके पेस्ट कुछ ऐसा दिखाई दे रहा है ठीक तो नहीं है लेकिन ठीक है चलो कोई दिक्कत नहीं है बैकग्राउंड साइज को मैंने कर दिया है बैकग्राउंड साइज को मैंने कर दिया है कवर आप लोग ढूंढ लेना यार इमेज अच्छी सी यार लगा लेना प्लीज यार कवर बैकग्राउंड साइज कवर हो जाएगा और बैकग्राउंड पोजीशन को मैंने कर दिया है सेंटर बैकग्राउंड सेंटर हो जाएगा और साथ में मैं एक गलती जो पहले कर चुका था वो भी सुधार लेता हूं मैंने मेन को जो 100% हाइट दी थी वो मुझे देने की जरूरत नहीं थी तो मैंने मेन की 100% हाइट हटा दी तो वो ऑटोमेटिक अपनी हाइट को ले लेगा ये देख सकते हैं कुछ ऐसा दिखाई दे रहा है क्या आपको ये समझ आया अब वेबसाइट बहुत बड़ी है बहुत सारी चीजें उसके अंदर एक प्ले वाली बटन भी है मैं वो भी बता देता हूं जल्दी से कैसे होगा यहां जाके आपको एक डिव बनाना है जिसका नाम है एरो प्ले नहीं था वो एरो था सॉरी एरो और एरो के अंदर अब मुझे चाहिए रिमिक्स आइकन का एक आइकन जो कि है एरो और एरो में मुझे चाहिए ऐसा आड़ा वाला एरो आड़ा वाला एरो दिखाई दे रहा है क्या तुम लोगों को यही तो है यही तो है ठीक है यहां देखो य मैंने कर लिया कॉपी और यहां ले जाकर मैंने कर दिया पेस्ट मैंने यहां जाकर कहा कि जो भी मेरी क्लास है एरो नाम की इमेज के अंदर इमेज के अंदर जो मेरे एरो नाम की क्लास है उसको मैंने हाइट दे दी है मान लेते हैं 300 पिक्सल विड्थ दे दी है मान लेते हैं 300 पिक्सेल बॉर्डर रेडियस दे दिया 50 पर एंड एज यू कैन सी य कुछ उधर साइड में दिखाई दे रही होगी बैकग्राउंड कलर मैंने दे दिया ब्लैक ब्लैक ब्लैक काला ब्लैक कुछ ऐसा दिखाई दे रहा है समझ आ रहा है मैंने यहां जाके कहा कि बड़े भाई आपका पोजीशन रहेगा एब्सलूट और आप चले जाओ राइट से जीरो पे और टॉप से जीरो पे तो ये बताओ किसके राइट और टॉप से ज़ीरो पे गया होगा अपने पैरेंट डिफ इमेज के या फिर पूरी स्क्रीन के ये पूरी स्क्रीन के चला गया मैं चाहता हूं अपने पैरेंट डिव इमेज के जाए तो मैंने इमेज डिव को देना है यहां पर जाके पोजीशन रिलेटिव जिससे होगा एक कि ये वो रिलेट हो जाएगा उससे और यहां पे आ गया है मैंने कहा माइनस का 10 पर चले जाओ आप ऊपर की तरफ कुछ इस तरीके से चला जाएगा और हमको एक काम करना चाहिए तो हमको इमेज को ना मार्जिन टॉप थोड़ा बहुत देके रखना चाहिए था लाइक मैंने दे दिया 100 पिक्सल का थोड़ा गैप तो बने मजा तो आए ठीक है इतना ही होगा इनम भी हा इतना ही है व बीच में एक सेक्शन अपन ने नहीं बनाया ना यार जल्दी जल्दी में मतलब जल्दी जल्दी बोल सकते हो आलस बोल सकते हो जो आपका मन है बोल सकते हो भाई लेकिन एक बात एक चीज तो बना लेना यार प्लीज है ना एक चीज क्या भया हम तो पूरी वेबसाइट ही बनाएंगे क्या पूरी वेबसाइट बनाओगे सही है बड़े भाई यार मजे है तुम्हारे तो पूरी वेबसाइट बनाओगे तुम बनाओगे तो बना के बताना कि भैया बनाई थी टा पर टैग करना भाई और अच्छा लगता है लोग देख कुछ करते हैं क्रिएट तो मजा आता है भाई तो बना के अगर बना के लाते हो तो जरूर बताना ठीक है यहां पर देखो मैंने बॉर्डर रेडियस भी चेंज कर दिया और यहां पर जाके मैंने ये जो डिफ बनाया था उसके अंदर मैंने कहा कि अंदर के एलिमेंट्स का कलर रहेगा वाइट तो कलर वाइट हो जाएगा हमारे उसका मैंने कहा है डिस्प्ले फ्लेक्स अलाइन आइटम सेंटर जस्टिफाई कंटेंट सेंटर सेंटर में आ जाएगी हमारा एरो और मैंने यहां जाके कहा है कि डॉट एरो के अंदर की जो आई टैग है उसका फॉन्ट साइज मैंने कर दिया 100 पिक्सल उसपे फट साइज ही काम करता है बाय द वे ये देख सकते हैं कुछ ऐसा दिखाई दे रहा है क्या यहां तक समझ आ रहा है दोस्तों क्या हो रहा है मैं यहां पर जाके इसका फंट चस कर देता हूं 200 ठीक है और मैं यहां जाके इसको कर देता हूं 350 350 इसको 200 थोड़ा ज्यादा हो गया वैसे तो लेकिन 180 तो करना ही चाहिए कम से कम 170 और यहां जाके मैंने इस डिफ को दे दिया थोड़ी सी बॉर्डर चा पिक्सल सॉलिड # 444 एक कलर होता है हैग होता है लेकिन 444 उसके ऊपर हल्की सी हमको हल्की सी हमको यहां पर एक बॉर्डर टाइप की दिखाई अच्छा तुम्हें दिख भी नहीं रहा इतनी देर से सॉरी सॉरी सॉरी हट गया भाई मैं ले हट गया दिख रहा है अब दिख रहा है कैसा बना ये समझ आया क्या हुआ कलर को मैंने कर दिया वापस से इसके थोड़ा सा लाइट थोड़ा सा डार्क तो ये कुछ ऐसा दिखाई देने लगेगा समझ आ रहा है क्या हो रहा है सच में आ रहा है समझ मैं तुम्हें शक्ल दिखाने के लायक तो रहा नहीं हूं इसलिए मैं जो बोल रहा हूं प्लीज सुन लो यार कि ये वेबसाइट जो बाकी बची हुई है प्लीज बना लेना घर जाके प्लीज ठीक है क्योंकि अभी जावास्क्रिप्ट पढ़ने बाकी है ना तो पहले जावास्क्रिप्ट की तरफ मूव करते हैं उसके बाद उसके बाद हम आगे की बातें करेंगे ठीक है तो अगली चीज जो हम पढ़ेंगे वो है जावास्क्रिप्ट लेट्स गो ऑलराइट दोस्तों तो अब वक्त है जावास्क्रिप्ट की तरफ मूव करने का और अगर आप ये सोच रहे हैं कि भैया सीएसएस खत्म हो गई है क्या तो खत्म नहीं हुई है जो जो भी बहुत ज्यादा यूजफुल चीजें जो हम कंटीन्यूअसली यूज करते रहेंगे हमारी वेबसाइट्स में वो मैंने आपको बता दिया और भी कुछ जरूरी चीजें हैं तो जैसे-जैसे हम इस वीडियो में आगे बढ़ेंगे मैं आपको इन चीजों के बारे में बताता भी रहूंगा और आप इस कोर्स में आगे बढ़ेंगे तो आप ऑटोमेटिक सीखते भी रहेंगे हम बहुत बढ़िया एनीमेशंस की वीडियो बनाएंगे हम बहुत बढ़िया थ्रीडी एनीमेशंस की वीडियो बनाएंगे आप लोगों के लिए तो उनमें आपको बहुत कुछ सीखने को मिलेगा रिलेटेड टू सीएसएस तो आप लोगों का और मेरा साथ सिर्फ इस वीडियो तक का नहीं है और सीएसएस का और आपका साथ भी इस वीडियो तक नहीं है आपको पूरा कोर्स देखना है तभी आप एक्सपर्ट बन पाएंगे अब वक्त है जावास्क्रिप्ट की तरफ जाने का और जावास्क्रिप्ट को हम बहुत डिटेल में पढ़ने वाले हैं सीएसएस से हमने जो चीजें बनाई है उन्हें जरूर प्रैक्टिस करना प्रोजेक्ट्स जो बनाए हैं उन्हें जरूर प्रैक्टिस करना और जावास्क्रिप्ट में फुल फोकस नहा धो के बिल्कुल फ्रेश मन से पढ़ाई स्टार्ट कर दो लेट्स गो तो फाइनली वो वक्त आ चुका है दोस्तों कौन सा वक्त वो वक्त जिसमें हम पढ़ने वाले हैं जावास्क्रिप्ट और बहुत ज्यादा अच्छी तरीके से समझ में आ जाए इस तरीके से और आप लोगों को जो कांसेप्ट यहां पे हम पढ़ने वाले हैं वो दिमाग में जाके बैठ जाए इस तरीके से पढ़ेंगे प्लीज प्लीज प्लीज पे अटेंशन टू मी और जल्दी से देखो जो हम यहां पे पढ़ने वाले हैं सबसे पहले यहां पर हम एचटीएमएल के अंदर बॉयलर प्लेट लिखते थे याद हो आपको तो और यहां पर जाके हम लिंक कर लेते थे सीएसएस को और सीएसएस हो चुका है लिंक और यहां जाके मैंने सीएसएस को लिंक करके यहां पर मैं कुछ भी नहीं लिखने वाला हूं क्यों क्योंकि जावास्क्रिप्ट पढ़ रहे है लेकिन हां एक चीज लिखने वाला हूं वो ये है कि मैं बॉडी का बैकग्राउंड कलर ब्लैक कर देता हूं म ऐसा क्यों करा क्योंकि मैं एक अच्छा इंसान हूं क्योंकि मुझे पता है तुम रजाई में बिल्कुल एकदम घुस के ये वीडियो देख रहे हो ये वीडियो उस लायक है नहीं जो तुम रजाई में घुस के देखो लेकिन फिर भी तुम देख रहे होगे और आंखों का ख्याल रखना आपकी ये मेरा काम है इसलिए ध्यान से देखो यहां पर हमने अपनी एक सिंपल सी एक एचटीएमएल की फाइल बनाई है सीएसएस की फाइल बनाई है और अब हमें चालू करना है जावास्क्रिप्ट पढ़ना और ओबवियसली यार अभी तक हम लोगों ने जावास्क्रिप्ट की फाइल नहीं बनाई है तो जावास्क्रिप्ट की एक फाइल बनाएंगे फाइल कैसे बनाते हैं आप लोगों को मैं सिखा चुका हूं ऑलरेडी स्क्रिप्ट ड जए क्या भैया इसका नाम स्क्रिप्ट रखना जरूरी है बिल्कुल भी नहीं हम कुछ और नाम रख सकते बिल्कुल रख सकते हैं तो आपने स्क्रिप्ट क्यों रखा ऐसे ही बस मुझे अच्छा लग रहा था क्या डॉट जीएस लगाना जरूरी है हां बिल्कुल जरूरी है क्या उसको हम चेंज कर सकते हैं नहीं बिल्कुल चेंज नहीं कर सकते अगर कर दिया तो तो फिर वो जावास्क्रिप्ट नहीं कहलाए गी ना वो कुछ और बन जाएगी समझ पा रहे हैं तो मतलब स्क्रिप्ट की जगह आप अपना नाम भी लिख सकते हैं लेकिन डॉट जीएस लगाना जरूरी है और एंटर दबाए अगर तो script.js नाम की फाइल बनके तैयार है अब इसके अंदर लिखना क्या है उससे पहले हम चाहते हैं क्या हम हमारी जावास्क्रिप्ट की फाइल को गेट ऑफ माय वेबसाइट उससे ही सारे कमरे जुड़े हुए हैं अब ऐसा मान के चलो आप सीएसएस को यहां पे लिंक करा था अपन ने हेड टैग जहां खत्म हो रहा था उसके जस्ट पहले जावास्क्रिप्ट को भी आप चाहे तो यहां पे लिंक कर सकते हैं लेकिन सही तरीका क्या होगा सही तरीका यह होगा कि जहां पे आपका बॉडी टैग खत्म हो रहा है आप पूरी वेबसाइट बना लो पूरी वेबसाइट के लास्ट में जहां पे आप पूरा कंटेंट तो बॉडी के अंदर ही लिखोगे ना पर जहां बॉडी टैग खत्म हो रहा है उसके जस्ट ऊपर आप बनाएंगे एक स्क्रिप्ट टैग और स्क्रिप्ट के अंदर जाके तीसरा ऑप्शन आरसी पे जाएंगे और आप स्क्रिप्ट जीए को लिख देंगे इससे फायदा यह है कि आपकी स्क्रिप्ट . जीए लिंक हो जाएगी क्योंकि ये गलती है बहुत सारे स्टूडेंट करते हैं बहुत सारे अभी तक जितने लोगों ने जितने लोगों से मैं मिला हूं जितने बैचेज पढ़ाए मतलब मैं तुम्हें जेनुइनली आज बता रहा हूं जितनी मेरी उम्र है मैं उससे शायद ढाई गुना ज्यादा बैचेज पढ़ा सकूंगा दोगने नहीं ढाई गुना तो स्क्रिप्ट ड जए कि फाइल को लिंक करना भूल जाते हैं लोग और फिर कहते हैं भैया कोड नहीं चल रहा भैया भैया कोड नहीं चल रहा भैया सही लिखा है फिर भी नहीं चल रहा भैया आपके जैसे ही लिखा बिल्कुल सेम टू सेम फिर भी नहीं चल रहा है स्क्रिप्ट को लिंक नहीं करा मेरे भाई कहां करना होता है बॉडी जहां खत्म और उसके जस्ट पहले तीसरा ऑप्शन स्क्रिप्ट का एसआरसी वाला उठाना और स्क्रिप्ट ड जए का नाम लिख देना अच्छा भैया मेरे फाइल का नाम अगर होता मान लेते हैं कि लाइड जए तो क्या मैं लाड जए लिखता यहां पे ओबवियसली यार जो भी नाम होता फाइल का वो लिखते ठीक है ना चलिए तो स्क्रिप्ट . जए यहां पे बन के तैयार है अब स्क्रिप्ट जए बन चुकी है तो उसके बाद हम जाते हैं script.js के यहां पे कोड को लिखने की तरफ ठीक है अब एक बात बताना मुझे मैंने एचटीएमएल में एक h1 बनाया जिसके अंदर मैंने लिखा जेएस पल्लो फ्रांस क्या जीएस पढ लो फ्रंट्स आपको दिखाई दे रहा है बिल्कुल भी नहीं दिखाई दे रहा होगा क्योंकि बैकग्राउंड ब्लैक है और टेक्स्ट भी ब्लैक है तो यहां जाके हम सिंपली अपने h1 का कलर कर देते हैं वाइट एंड एज वी कैन सी जेएस पढ़ लो फ्रेंड्स आपको दिखाई दे रहा है अब आपने देखा होगा कि जब मैंने यहां पे एचटीएमएल के अंदर कुछ लिखा तो मुझे डायरेक्टली यहां पे दिख गया मैंने स्टाइल के अंदर कुछ लिखा तो वो मुझे यहां पे रिफ्लेक्ट होता हुआ दिख गया जो भी हमने लिखा था यहां पे दिख रहा है जावास्क्रिप्ट का भैया हम आउटपुट कहां देखेंगे तो आउटपुट देखने के लिए आप यूज करते हैं दोस्तों डेवलपर टूल्स का कंसोल का होता क्या है ना कोई भी वेबसाइट पर आप जाते हैं कोई भी ब्राउजर आप यूज करते हैं जब आप उसमें राइट क्लिक करके नीचे ये जो इंस्पेक्ट का ऑप्शन है जूम करके दिखा देना इन लोगों को इंस्पेक्ट का ऑप्शन है इंस्पेक्ट के ऑप्शन पे जैसे ही आप क्लिक करते हैं आप जाते हैं डेवलपर्स टूल्स पे ये जैसे अभी मान लेते हैं मैं ब्रेव यूज़ कर रहा हूं तो ये कहलाएगा ब्रेव डेव टूल्स अगर आप कम यूज करेंगे तो कहलाएगा कम डेव टूल्स अब ये जो डेव टूल्स होते हैं ना डेव टूल्स में ये बहुत सारी चीजें कंटेन करते हैं जो डेवलपर्स के काम की है जैसे कि आप चाहे तो किसी भी वेबसाइट के अंदर का पूरा कंटेंट देख सकते हैं अगर आपको ये पढ़ना आता है तो डीबगिंग के बहुत कम आती है यहां जाके जैसे मान लेते हैं ये मेरा html4 फ्रंट्स नाम का h1 लिखा हुआ है और उसकी सीएसएस अगर मैं देखने जाऊंगा तो नीचे साइड में यहां पे सीएसएस भी दिख रही होगी देखो मैंने उसको कलर वाइट दिया था सिंपल आप अगर उसको यहां पर सीएसएस में अ फंट वेट दे देते हैं अगर 200 फॉन्ट वेट बड़े भाई फॉन्ट वेट वेट तो ये फॉन्ट वेट 200 भी दिखने लगा और यहां पर आपको मेरे पीछे दिखाई भी दे रहा होगा शायद अच्छे से सही है अब इसके बाद हम लोगों के पास और भी कई सारे पैनल्स होते हैं जिसमें से एक पैनल है कंसोल कंसोल इज द प्लेग्राउंड फॉर डेवलपर्स यहां पर आप कुछ भी देख सकते हैं कोई मैसेज दे सकते हैं जो भी हम चीजें पढ़ रहे हैं ना उसका आउटपुट देख सकते हैं कि यहां पे क्या दिखेगा क्या नहीं दिखेगा हमारा कोड सही से चल रहा है या नहीं चल रहा एरर्स आएंगे तो उसे चेक करने के लिए डी बंगिंग के लिए अभी स्टार्टिंग में लर्निंग फेज में आपकी बहुत हेल्प करेगा दिस इज द प्लेग्राउंड फॉर डेवलपर्स मतलब यहां पर आप चाहे तो कुछ ऐसा मल्टीप्लिकेशन डिवीजन भी कर सकते हैं आपका मन है अगर तो करना मत लेकिन ठीक है और क्या-क्या होता है इसके अंदर भैया सोर्सेस होते हैं जो भी आपकी फाइल्स है उनके बारे में यहां पर आपको पता चल जाएगा आपके पास यहां पर नेटवर्क वाला पैनल होता है तो वेबसाइट के अंदर जो भी फॉट्स इमेजेस ये सब चीजें रहती है वो आपको यहां से मिल जाएंगी वेबसाइट के अंदर जो भी परफॉर्मेंस वाली चीजें रहती है कि मेरी वेबसाइट कैसा परफॉर्म करे वो यहां पे मिल जाएंगी मुझे लोकल स्टोरेज चीजें मिल जाएंगी वो बात की चीज है अभी हमको काम किससे था कंसोल पर और मैंने इसलिए बताया आपको यह ताकि हम जो कोड लिखेंगे वहां पे उसका आउटपुट यहां पर आपको दिख जाए समझ पा रहे हैं ना आप लोग और अगर आपको अभी मैं जावास्क्रिप्ट पढ़ाना स्टार्ट नहीं कर रहा हूं अभी मैं जावास्क्रिप्ट पढ़ाना आपको थोड़े समय बाद करूंगा स्टार्ट अभी मैं आपको यह बता रहा हूं कि अगर आप कुछ भी लिखना चाहते हैं कुछ भी प्रिंट करना चाहते हैं कुछ भी लिखा हुआ देखना चाहते हैं तो आप जावास्क्रिप्ट के अंदर कंसोल पर करके देख सकते हैं आपका काम अभी चलाने के लिए समझ आ रही है मेरी बात चलिए अब यहां पर जावास्क्रिप्ट में लिखना क्या है वो समझो ध्यान से हम लोगों को जावास्क्रिप्ट में यहां पे लिखना है हेलो तो क्या जावास्क्रिप्ट में मुझे यहां पे हेलो मिल जाएगा ना ना ना ये एरर फेंके हेलो इज नॉट डिफाइंड तो कैसे लिखते हैं भैया देखो सबसे पहली और बहुत ज्यादा खुशी की चीज है कि जावास्क्रिप्ट में बॉयलर प्लेट नहीं होती है आप डायरेक्टली यहां से कोड लिखना स्टार्ट करते हो और खास बात इसमें सेमीकलन भी नहीं लगाना पड़ता हां मैं समझ पा रहा हूं तुम्हारा दर्द सेमीकलन से रिलेटेड लेकिन यहां पे नहीं लगाना पड़ता जरूरी नहीं है लगाने का मन करे तो लगा सकते हो जावा स्क्रिप्ट एक कह सकते हो डायनेमिक प्रोग्रामिंग लैंग्वेज है प्रोग्रामिंग लैंग्वेज स्क्रिप्ट लैंग्वेज आपका मन करे इसको बोल सकते हो आपको यहां पे डाटा का टाइप भी डिफाइन नहीं करना पड़ता वो सब बाद कीज से लेकिन अभी के लिए अगर मुझे कुछ कंसोल पर लिख के देखना है तो मैं क्या करता हूं मैं यहां पे सिंपली लिखता हूं कंसोल और ये आगे की चीज है बस अभी समझ रहे हैं अभी अपना काम चलाने के लिए मैंने यहां पे सिंपली लिखा कंसोल और अगर कंसोल पर आप कुछ भी लिखना चाहते हैं तो आप लगाएंगे console.log और आपने लगाए ये वाले ब्रैकेट्स अब कसोल डलॉग करने के बाद आप यहां पर अपना मैसेज इन ब्रैकेट्स के बीच में लिख सकते हैं जैसे कि मैंने यहां पे सिंगल कोड लगा के लिखा दिस इज मैसेज तो यहां पर आपको दिस इज मैसेज कुछ इस तरीके से दिखेगा देखो कितना आसान है आपको कंसोल पर कुछ लिखना था तो हमने कहा कसोल डलॉग और कंसोल पर मुझे क्या लिखना था तो कंसोल पर जो भी लिखना है आप सिंगल कोट या डबल कोट या बैक टिक भी होता है वो भी देखेंगे लेकिन हां आप सिंगल कोट या डबल कोट लगा के यहां पे लिख सकते है अपनी मर्जी का जो भी कि हेलो [संगीत] गाइज तो हेलो गाइज मुझे कंसोल पर दिखाई देने लगेगा क्या आप मेरी बात समझ पा रहे हैं और भी कई तरीकों से हम चीजें लिख सकते हैं कंसोल पर जैसे मैंने यहां पे लिखा कंसोल डॉट वर्न वर्न लिखने के बाद मैंने यही वाले ब्रैकेट्स लगाए डबल कोट या सिंगल कोड जो आपका मन करे और मैंने लिख दिया दिस इज वॉर्निंग और जो भी मिलेगा मुझे वो वॉर्निंग के फॉर्म में मिलेगा एकदम देखो पीले कलर से वॉर्निंग मिल रही है दिस इज वॉर्निंग अगर कुछ हम वॉर्निंग देना चाहते हैं तो दे सकते हैं हम कंसोल पर एरर भी लिखवा सकते हैं हम कसोल डॉट एरर करेंगे और यहां जाके मैंने लिख दिया दिस इज एरर तो हम हमारी मन की एरर भी लिखवा सकते हो इस तरीके से क्या आप समझ पा रहे हैं मेरी बात तो हमें अगर कंसोल पर नॉर्मल टेक्स्ट लिखना है तो हम लिखेंगे कसोल डॉ लॉग यानी कंसोल पर जाके कुछ लिख दो हमें अगर कंसोल पर कुछ वॉर्निंग देनी है तो हम लिखेंगे कंसोल ड वर्न यानी कंसोल पर जाके एक वॉर्निंग दे दो और कंसोल पर अगर मुझे कुछ एरर देनी है तो मैं कहूंगा कसोल डट एरर क्या आप ये समझ पा रहे हैं बहुत बढ़िया तो ये रही हमारी तीन कंसोल स्टेटमेंट जो अभी आपको मान के चलना है कि भैया आपको बता देंगे आगे जाके वीडियो में भैया मतलब मैं आगे जाके मैं आपको बता दूंगा वीडियो में अभी के लिए मान के चलो कुछ भी लिखना है कंसेप्ट में लिख सकते हैं अपन लोग समझ आ रही है क्या मेरी बात चलिए तो यहां तक सब कुछ मुझे लगता है ठीक चल रहा है अब आते है है वेरिएबल के बारे में जानने की तरफ मतलब मतलब यार देखो देखो सुनो समझो कोई भी लैंग्वेज या कोई भी प्रोग्रामिंग लैंग्वेज हम क्यों पढ़ते हैं क्योंकि हमें हमारे डाटा को एक बेटर वे में शो करना रहता है उसको बेटर वे में यूज करना रहता है उसको कहीं भी स्टोर करना रहता है उसको मैनिपुलेट करना रहता है सारा काम चल रहा है डटा और इंफॉर्मेशन की तरफ अगर हम जावास्क्रिप्ट में किसी एक डाटा को स्टोर करवाना चाहते हैं तो उसके लिए हमें चाहिए वेरिएबल अब भैया वेरिएबल होते क्या है आप ये बता दो हमें तो ध्यान से सुनो ऐसा मान के चलो मैं आपको लेके चलता हूं वापस से हमारी ड्राइंग वाली चीज की तरफ और यहां पर मेरी ड्राइंग से प्लीज कोई कुछ कमेंट मत करना ड्राइंग के बारे में जैसे ही है काम चला लो प्लीज अब हम जानते हैं वेरिएबल का मतलब क्या होता है स्पेशली जावास्क्रिप्ट में तो समझो यहां पर कुछ ऐसा मेरा डायग्राम है दिस इज योर मेमोरी ये पूरी जो जगह है दिस इज योर मेमोरी अभी क्लियर मान के चलते हैं दिस इज योर रम ठीक है तो दिस कंप्लीट थिंग हे भगवान दिस कंप्लीट थिंग इज योर मेमोरी क्या आप समझ पा रहे हैं हम मेमोरी बोल सकते हैं या फिर अभी के लिए हम चाहे तो रम बोल सकते हैं तो दिस इज योर मेमोरी अब समझो करने के वाले हैं हम लोगों को करना क्या है देखो हम जावास्क्रिप्ट के अंदर वेरिएबल बनाते हैं कुछ इस तरीके से हम वेर लिखते हैं जैसे आपने सी में देखा होगा हम इंट लिखते हैं जैसे हम जावा में लिखते हैं इंट कैर स्ट्रिंग के लिए वैसे यहां पर वेरिएबल बनाने के लिए आपको लिखना पड़ता है वेर और वेर लिख के आप लिखते हैं अपने वेबल का नाम जैसे मैंने कहा वेर ए वेर ए का मतलब है आपने एक वेरिएबल को डिक्लेयर करा है जिसका नाम है ए और अब आप उसके अंदर कोई वैल्यू स्टोर करा सकते हैं जैसे कि मैंने रख दिया 10 अब मैंने किया क्या है यहां पे यहां प मैंने वेरिएबल का डिक्लेरेशन और इनिला इजेशन करा है मैं समझ रहा हूं आप कंफ्यूज हो रहे हो चलो मैं डायग्राम के थ्रू बताता हूं समझो दिस कंप्लीट थिंग इज योर मेमोरी आपने क्या करा ऐसा मान के चलते हैं एक बंदा है जिसका नाम है अमन अब अमन ने देखा सामने बहुत सारा प्लॉट पड़े हुए हैं खाली अमन ने सोचा कि काम करते हैं यार चलो मेरे को ना यह वाला प्लॉट बहुत अच्छा लग रहा है तो मैं एक काम करता हूं मैं यह वाले प्लॉट पे कब्जा मार लेता हूं जाके सीधा यह वाला जो प्लॉट है यह वाला प्लॉट अमन को बहुत अच्छा लगा तो अमन ने कहा आज से यह प्लॉट मेरा है किसका यह प्लॉट अमन का क्या आप लोग ये समझ पा रहे हैं अमन ने कहा कि आज से यह वाला प्लॉट जो है यह मेरा प्लॉट रहेगा आज से इस प्लॉट प सिर्फ और सिर्फ मेरा अधिकार है तो हुआ क्या है अमन ने डिक्लेयर कर दिया है कि आज से मेमोरी मेमोरी तो बहुत बड़ी है मेमोरी तो बहुत सारी जगह थी मेमोरी के अंदर ये वाली जो स्पेस थी ना इस वाली स्पेस का आज से नाम रहेगा मान लेते हैं ए क्या नाम रहेगा दोस्तों ए क्या आप लोग ये समझ पा रहे हैं वैसे ही सेम यहां पे हमने किया था हमने यहां पे लिखा था वेयर ए तो मेमोरी के अंदर स्पेस ऑलरेडी थी मैंने स्पेस अलॉट कर दी किसको ए को अब इस ए नाम की स्पेस के अंदर अब अमन का मन है कि वो क्या रखना चाहता है अमन का मन है तो उसके अंदर वो घर बनाएगा अमन का मन है तो उसके अंदर वो दुकान खोल लेगा अमन का मन है तो उसपे वो बिल्डिंग खड़ी कर लेगा या फिर वो जो भी करे वो उसका मन है लेकिन आज से ये ज किसकी हो गई है अमन की आप लोग ये समझ पा रहे हैं समझो मैंने जब यहां पे कहा वेर ए इसका मतलब यह है कि मेमोरी के अंदर बहुत सारी ऑलरेडी ब्लॉक्स बने हुए थे जगह थी जाके मैंने डिक्लेयर कर दिया कि भाई घोषणा कर दी है मैंने कि आज से ये जगह जो है ये मेरी रहेगी अब इसके अंदर मैं कुछ भी रख सकता हूं तो ये जो मैंने किया था इसको बोलते हैं डिक्लेरेशन क्या बोलते हैं दोस्तों डिक्लेरेशन एक बार मुंह से बोल के देखो मुंह से बोलोगे ना तो क्या होगा कि आप थोड़ा सा ये जो टर्म्स है इनके साथ फैमिलियर हो जाओगे तो जब आप इंटरव्यू में जाओगे तो थोड़ा सा ज्यादा टेक्निक साउंड करोगे अरे सर र वेरिएबल बना दिया था और वेरिएबल बना के उसके अंदर पांच नाम की वैल्यू डाल दी थी गंदा लग रहा है सर मैंने एक वेरिएबल डिक्लेयर करा था और उसके अंदर मैंने फाइव वैल्यू को इनिश इज कर दिया और और उसके बाद उसको मैंने यूज कितना प्रोफेशनल लग रहा है समझ पा रहे हो ना ठीक है यहां देखो तो मैंने कहा यहां पर वेर ए और वेर ए मैंने यहां पर कुछ इस तरीके से बना दिया मैंने मेमोरी के अंदर स्पेस बना ली अब a के अंदर मैं क्या रखना चाहता हूं मैं ए के अंदर मेरा मन है तो मैं 10 रख देता हूं मेरा मन है तो मैं 20 रख देता हूं मेरा मन है तो मैं देता हूं वो मेरा मने ये क्या किया है मैंने दिस फर्स्ट स्टेप इज नोन एज इनिशियल सॉरी दिस फर्स्ट स्टेप इज नोन एज डिक्लेरेशन दिस फर्स्ट स्टेप इज नोन एज डिक्लेरेशन आपने डिक्लेयर करा था एंड दस सेकंड स्टेप इज नोन एज इनिश इइ जशन यानी कि अब आपने यह जो जगह प्लॉट पे आपने कब्जा करा था ना थोड़ी देर पहले उस प्लॉट पर आपने कहा कि आज से यह प्लॉट जो है यह मेरा है और इसके अंदर अब मैंने एक वैल्यू रख दी है 10 क्या आप लोग यह समझ पा रहे हैं तो जो हमारी मेमोरी हुआ करती थी मेमोरी के अंदर ये जो स्पेस अलॉट हुई थी इस स्पेस में से आपने एक क्या काम करा एक छोटी सी स्पेस आपने a को दे दी और a ने उसके अंदर एक वैल्यू रख दी 10 यही हो रहा है वेरिएबल बनाते टाइम क्योंकि 10 एक कह सकते हो डेटा है या 50 एक डटा है या जो भी आप रखते हैं वो डेटा है तो आपने मेमोरी के अंदर एक स्पेस अलॉट करके वहां पर कोई डाटा को स्टोर करवा दिया है क्या आप लोग ये समझ पा रहे हैं चलिए अब एक और चीज समझिए यहां पर आप लोग ये दो स्टेप्स को एक स्टेप में भी कर सकते हैं वेर a = 10 तो यहां पर जाके आप देख सकते हैं यहां पर आपको a के अंदर 10 मिल गया और अगर आप इस a को प्रिंट करवाना चाहते हैं तो कैसे करेंगे ध्यान से सुनिए मैं यहां पर लिखूंगा कंसोल डलॉग अगर मैं लिख दूंगा यहां पर मान लेते हैं ठीक है अगर मैं यहां पर लिखता था पहले कैसा डबल कोड लगा के हेलो य डबल कोट या सिंगल कोड के अंदर जब मैं कुछ भी लिखता हूं ना तो वो उसको एज अ वर्ड एज अ स्ट्रिंग कंसीडर करता है तो वो उसको रीड नहीं करता उसका मतलब क्या होता है नहीं पढ़ता लेकिन अगर मैं लिखूंगा कसोल डलॉग हेलो तो होगा क्या मेमोरी में जाके फाइंड किया जाएगा कि हेलो बंदा हेलो किसका नाम है और अगर हेलो मिल जाएगा तो उसकी वैल्यू प्रिंट कर देगा अगर हेलो नहीं मिलेगा तो कुछ नहीं प्रिंट करेगा तो देखो अभी एरर आ रही है कि हेलो इज नॉट डिफाइन ठीक है लेकिन अगर मैं यहां पर जाके लिखता हूं a तो हमने a नाम का वेरिएबल ऑलरेडी बना रखा था और a की वैल्यू कितनी थी 10 तो यहां पर a की वैल्यू प्रिंट हो जाएगी तो आप देख सकते हैं यहां पर मुझे क्या प्रिंट होता हुआ दिखा 10 प्रिंट होता हुआ दिखा नहीं आया समझ में फिर से बताता हूं देखो मैंने वेरिएबल बनाया था a 10 वैल्यू थी य ही बनाना जरूरी है नहीं 10 देना जरूरी है नहीं कुछ भी दे सकते हो अभी एग्जांपल के लिए मैंने यहां जाके कहा console.log और मुझे इसके अंदर कुछ वैल्यू रखनी है तो मैंने यहां जाके अगर इसके अंदर मैंने वैल्यू लिखी a तो a जो है उसकी वैल्यू प्रिंट हो जाएगी मतलब a वेरिएबल को मैं प्रिंट करना चाहता था तो उसकी वैल्यू 10 प्रिंट हो जाएगी और यहां पर हो जाए अगर मैं यहां पे डबल कोड के अंदर a लिखता या सिंगल कोड के अंदर लिखता है तो आपको क्या लगता है क्या प्रिंट होगा तो a प्रिंट होता क्यों क्योंकि इसको यह एज़ अ स्ट्रिंग एज़ अ वर्ड कंसीडर करता है लेकिन जब मैं यहां पर इसको a की तरह लिखूंगा तो उसको ऐसा लाइक एक एलिमेंट के तौर पे एक कीवर्ड के तौर पे देखेगा तो उसको जाके फाइंड करेगा मिल जाएगा उसको यहां पे कुछ इस तरीके से समझ आ रहा है क्या ठीक है और जावास्क्रिप्ट के अंदर एक खास चीज है साहब खास चीज ये है कि जावास्क्रिप्ट के अंदर आपको डाटा का टाइप डिफाइन नहीं करना पड़ता मतलब आप यहां पे सिंपली वेर लिख के उसके अंदर ए बना के वेरिएबल आप 10 चाहे तो 10 लिख सकते हैं आपका मन करे तो इसको 10.5 भी कर सकते हैं कनसर पर 10.5 भी दिखाई देगा आपका मन अगर कर रहा है तो इसके अंदर आप कोई स्ट्रिंग और स्ट्रिंग्स को यानी स्ट्रिंग्स या कैरेक्टर्स को आप सिंगल कोट या डबल कोट में जिसमें भी आपका मन कर लिख सकते हैं तो मैंने लिख दिया मान लेते हैं a ए ही क्यों लिख रहे हैं अपन मैंने इसके अंदर लिख दिया एक कैरेक्टर ए तो यहां पे कंसोल पर s प्रिंट हो जाएगा यानी a नाम के वेरिएबल के अंदर s वैल्यू है ना तो s मिल जाएगा अगर मेरा मन कर रहा है इसके अंदर लिख देता हूं मैं सार्थक तो सार्थक प्रिंट हो जाएगा क्या यहां तक समझ आ रहा है आप लोगों को ठीक है आप इसके अंदर चाहे तो बुलियन भी रख सकते हैं ट्रू या फॉल्स सही है क्या यहां तक समझ आ रहा है भाइयों तो ये थे हमारे जावास्क्रिप्ट के अंदर वेरिएबल और आप उसको इस तरीके से कुछ यूज कर सकते हैं भैया जैसे अगर मेरा मन है एक वेरिएबल है 10 तो क्या मैं दूसरा वेरिएबल बना सकता हूं हां बिल्कुल क्या मैं इसको री इनिश कर सकता हूं री इनिश मतलब री मतलब वैल्यू को अपडेट जैसे मैंने कहा a को प्रिंट कर तो आपको क्या मिलेगा कंसोल पर a मिल गया अगर आपने कहा यहां पर एक काम करते हैं a इ इक्व 20 अब आपको क्या लगता है कंसोल पर क्या प्रिंट होगा अरे 20 प्रिंट होगा यार क्योंकि यहां पर जाके ना आपने क्या करा पहले 10 रखा था और फिर आपने कहा कि भाई ये जो 10 है ये जो 10 है ये अब मेरे काम का नहीं है जो 10 उठ ही नहीं रहा टट मुझे यहां पे चाहिए 20 तो मैंने यहां पे वैसे हटेगा तो दोनों ही लेकिन ठीक है 20 कर दिया क्या यहां तक समझ आया क्या हुआ बढ़िया तो यहां तक जाके आपको 20 वैल्यू मिल जाएगी अब हम बढ़ेंगे आगे की तरफ अब हम देखेंगे कि हम और क्या-क्या कर सकते हैं हम अर्थमेटिक कैलकुलेशंस कर सकते हैं जैसे कि मैंने कहा a की वैल्यू 10 है और मैंने कहा वेरिएबल b है जिसकी वैल्यू है मान लेते हैं 20 अब आप खुद बताओ मैं यहां जाके अगर कंसोल लड लॉग करूंगा a + b तो आपको क्या लगता है क्या प्रिंट होगा अरे 30 प्रिंट होगा साहब अगर मैं करता हूं a - b तो क्या प्रिंट होगा 10 प्रिंट होगा नहीं -10 प्रिंट होगा अगर मैं करता हूं यहां पे मल्टीप्लाई ब तो आपको क्या लगता है 200 प्रिंट होगा और अगर मैं करता हूं डिवाइड तो क्या प्रिंट होगा 0.5 प्रिंट होगा क्या यहां तक समझ आया आप एक और चीज कर सकते हैं जैसे मान लेते हैं कि मैंने यहां पे लिखा है थ्र अब मैंने a को b से डिवाइड करा तो मेरा आंसर आया 3 प समथिंग समथिंग समथिंग मैं डिवाइड करता हूं तो मुझे मिलता है क्वेश अगर मैं मॉड्यूस का साइन लगाता हूं मॉड्यूस यानी परसेंटेज का साइन तो मुझे मिलता है रिमाइंडर रिमाइंडर मतलब क्या होता है अरे डिवाइड करते हैं तो जो वो रिमाइंडर बच जाता है ना लास्ट में कि भाई ये डिवाइड नहीं हो रहा ये नंबर बच गया पॉइंट लगेगा तो रिमाइंडर मिल जाता है हमको तो मुझे रिमाइंडर में पला वन क्योंकि 10 को डिवाइड करते हैं ्र से तो रिमाइंडर वन ही बचता है खुद सोचो 3 3 9 10 - 9व बचा तो व इस रिमाइंडर मिल गया अगर मैं यहां पर एक वैल्यू लिखता हूं एक एक एग्जांपल के लिए मैंने यहां पर वैल्यू लिखी मान लेते हैं 49 या फिर 54 डिवाइड बा 5 अब 54 को 5 से डिवाइड करेंगे तो आपको क्या लगता है क्या रिमाइंडर बचेगा फोर बचेगा रिमाइंडर समझ पा रहे आप मेरी बात तो क्या मिला मुझे रिमाइंडर में फोर सिंपल और अगर मैं यहां पे लिखता डिवाइड वाला साइन तो ये डि ड भी कर देता मुझे और आंसर भी दे देता पॉइंट में लेकिन हमें पता है रियलिटी समझ पा रहे हैं आप लोग तो यहां तक हमने देखे अर्थमेटिक ऑपरेशंस आप कैसे परफॉर्म कर सकते हैं जावास्क्रिप्ट के अंदर अब हम बढ़ते हैं आगे की तरफ कुछ और भी बहुत काम की चीजें हैं जो आप कंसोल की जगह यूज कर सकते हैं जिसमें से पहली है अलर्ट अलर्ट लिख के अगर मैं यहां पर लिखता हूं मान लेते हैं हेलो तो जब मैं अपने ब्राउजर पर जाऊंगा तो देखो ध्यान से आपको यहां पर एक अलर्ट दिख रहा होगा क्या आप समझ पा रहे हैं यहां पर आपको हेलो के फॉर्म में एक मैसेज दे रहा है देखो अल कंसोल पर अगर आप कुछ भी लिखते हैं तो वो इंफॉर्मेशन जो है आपकी वो कंसोल पैनल जो है उस परे दिखाई देती है लेकिन अलर्ट के अंदर जो भी लिखते हो वो पूरी वेबसाइट के अंदर एक पॉपअप के फॉर्म में दिखाई देता है एक मैसेज मिलता है मुझे अलर्ट जैसे आपने बहुत सारी वेबसाइट्स ऐसी देखी होंगी जिसपे आप एंटर करते हैं और वो वेबसाइट आप पूछती है आर यू एन एडल्ट क्या आप 18 प्लस हो अगर आप 18 प्लस हो तो ही जाओ आगे वार्निंग दे रहा हूं मैं तो अलर्ट एक मैसेज के फॉर्म में आपको एक इंफॉर्मेशन देने का काम करता है अलर्ट क्या आप ये समझ पा रहे हैं जैसे कि अगर मैं कुछ मैसेज देना चाहता हूं दिस इज इ अलर्ट तो वो मैसेज मैं दे सकता हूं कुछ इस तरीके से दिस इज अलर्ट मिल जाएगा आपको मैसेज क्या यहां तक समझ आ रहा है अलर्ट का य एक दूर का रिश्तेदार है दूर का भाई है जिसको हम बोलते हैं जिसको हम बोलते हैं जिसको हम बोलते हैं कंफर्म कंफर्म क्या करता है कंफर्म आपसे कंफर्म करता है कंफर्म आपसे पूछता है हां या ना यह बताओ बस जैसे मैंने इसके अंदर लिख दिया आर यू एन एडल्ट आर यू एन एडल्ट और यहां पर अब मुझे दो मैसेजेस दिखने चाहिए एक मिनट अलर्ट को ओके कर दूं ठीक है आर यू एन अडल्ट अब ये मुझसे दो चीजें पूछ रहा है क्या आप अलर्ट हो ओके और कैंसिल और इसका जो जवाब रहता है वो बहुत इंपॉर्टेंट होता है क्योंकि इसके अकॉर्डिंग हम हमारी वेबसाइट के अंदर चेंजेज कर सकते हैं जो भी जवाब जैसे अगर मैंने ओके पे क्लिक करा तो उसका अलग वेबसाइट बना सकते हैं मैंने कैंसिल पे क्लिक करा तो उसका अलग वेबसाइट बना सकते हैं बताऊं कैसे बताता हूं देखो अलर्ट ये जो कंफर्म मैंने लगाया है कंफर्म मुझसे कंफर्म करता है ट्रू या फाल्स के फॉर्म में तो अगर मैंने यहां जाके इसको एक वेरिएबल के अंदर रख दिया जैसे मैंने वेरिएबल बनाया एनए और एए के अंदर मैंने रख दिया और मैंने कंसोल डॉ लॉक कराया अगर एनए को अ एनए को तो यहां पर अगर आप देखेंगे तो ये मुझसे पूछ रहा है आर यू एन एडल्ट और मैंने उसका जो भी आंसर है वो ए एनएस के अंदर स्टोर करवा लिया और जब मैंने इस आंसर को ए एनएस के अंदर स्टोर कराया तो अगर मैं ओके दबाता हूं तो मुझे मिलेगा ट्रू अगर मैं कैंसिल दबाता हूं तो मुझे मिलेगा फॉल्स क्या आप मेरी बात समझ पा रहे हो और आगे जाके जब हम कंडीशनर्स पढ़ेंगे तो उसके बेसिस पे हम अपना काम कर पाएंगे कितनी बढ़िया चीज है ना देखो यहां जाके मैंने सिंपली देखो क्या किया मैंने यहां जाके सिंपली लिखा कंफर्म अब कंफर्म मुझसे कंफर्म करेगा अच्छा ठीक है कंफर्म मुझसे कंफर्म करेगा कुछ इस फॉर्म में ओके या कैंसिल कर सकता हूं मैं और उसका जवाब मैं एक वेरिएबल के अंदर स्टोर कर सकता हूं और मैंने वेरिएबल को अगर देखा तो ये मुझसे पूछ रहा है अच्छा मैंने कहा कैंसिल अच्छा हां अच्छा ट्रू समझ आ रहा है क्या अब यहां तो सिर्फ या तो मैं अपना आंसर ट्रू में दे सकता हूं या फाल्स में दे सकता हूं अब और क्या कर सकते हैं आप कर सकते हैं यहां पे एक प्रोमट लिख सकते हैं प्रोमट बेसिकली वो एआई वाला प्रोमट नहीं है प्रोमट के अंदर आप कह सकते हैं कि आप एक सवाल पूछते हैं दिखाता हूं कैसे जैसे मैंने लिखा यहां पे प्रोमट और प्रोमट के अंदर मैंने लिख दिया एंटर योर नेम और जैसे ही मैंने लिखा यहां पर एंटर योर नेम तो यहां पर मुझे एक प्रोमट मिल रहा है एंटर योर नेम करके ऊपर साइड में जूम करके दिखा दिया गया होगा आपको एंटर योर नेम और यहां पर मैं अपना नेम लिख सकता हूं लेट सपोज मैंने लिख दिया सार्थक दैट्ची तो आप देख सकते हैं यहां पे एंटर योर नेम मैंने नेम लिख दिया मान लेते हैं सार्थक ओके दबाया सार्थक कंसोल प प्रिंट हो गया मैंने यहां जाके रीलोड करा मैंने एंटर दबाया लेट्स सपोज आदर्श तो यहां पर मेरे को प्रिंट होता हुआ दिख गया आदर्श दैट स इट तो यहां पर आपके सामने तीन चीजें हैं अलर्ट जो कि मैसेज देता है कंफर्म जो कि कंफर्म करता है और प्रोमट जो कि आपसे आंसर मांगता है ये तीन चीजें हैं ठीक है आपको समझ आ भी गई होंगी अलर्ट एक मैसेज देगा दिखाता हूं कैसे अ कंफर्म आपसे कंफर्म आपसे कंफर्म है ना भाई जैसे मेरे दोस्त लोग मुझसे अभी कुछ दिनों पहले पूछ रहे थे कि चल सार तक गोवा घूम के आते हैं मैंने कहा कि भाई देखो ऐसा है मैं काफी ज्यादा बिजी हूं यह वो फलाने 10 तरह की चीज सच बताऊ तो घर वाले ने मना कर दिया कि बेटा पता है तुम क्या करोगे वहां जाके ठीक है एंटर योर नेम तो देखो क्या होगा से पहले इसने मुझे मैसेज दिया मैंने ओके दबाया इसने मुझे पूछा कंफर्म है ना भाई मैंने कहा नहीं है कंफर्म नहीं है और फिर इसने मुझे पूछा कि इंटीरियर नेम तो मैंने लिख दिया नेम सार्थक और हम इसकी वैल्यूज को कहीं भी किसी वेरिएबल में स्टोर करा के आगे जाके प्रिंट करा के देख सकते हैं समझ आ गया क्या बहुत बढ़िया अब हम बढ़ते हैं आगे की तरफ लेट्स गो अरे हां एक और चीज एक और चीज एक और चीज अभी आगे नहीं बढ़ना सुन के जाओ यहां जाके मान लेते हैं कि मैंने यहां पे प्रोमट के अंदर पूछा एंटर योर नेम तो ये मुझे दिखाई देने लगेगा एंटर योर नेम के फॉर्म में और मैंने नेम लिख दिया मान लेते हैं सार्थ और सार थक मैंने ओके दबा दिया मैंने इसके अंदर एक वेरिएबल में लिखा इसको ए ए ए और इसका नाम आप चाहे तो चाहे तो नेम लिख सकते हैं बट जावास्क्रिप्ट में ना वेरिएबल का नाम नेम देना सही तरीका नहीं होता क्योंकि नेम एक रिजर्व कीवर्ड है हां जावास्क्रिप्ट में तो आप कुछ ऐसी चीज लिखिए यहां पर अपने वेरिएबल का नाम जो कि एक रिजर्व्ड कीवर्ड ना हो जैसे कि आप यहां पे लिख सकते हैं यूजर अब यूजर एक रिजर्व कीवर्ड नहीं है या यूजर नेम एक रिजर्व्ड कीवर्ड नहीं है या फिर आप इसका नाम लिख सकते हैं अ नाम नाम भी लिख सकते हैं ये भी रिजर्व कीवर्ड नहीं है और मैंने यहां पे कसोल डल करा नाम को तो यहां पर मुझे मेरा नाम क्या है सार्थक तो सार्थक प्रिंट हो जाएगा मैंने यहां पर रीलोड करा आर्यन लिखा और ओके दबा दिया आर्यन प्रिंट हो जाएगा क्या आपको समझ आ रहा है आपको आर्यन नहीं लिखना आप आर्यन नहीं हो आर्यन है इस वीडियो का एडिटर जो इस खूबसूरत सी खतरनाक सी बहुत ज्यादा बढ़िया वीडियो को बहुत बढ़िया तरीके से एडिट कर रहा है तो प्लीज शाउट आउट फॉर आर्यन आकर्ष को हमने निकाल दिया जॉब से आकर्ष वीडियो एडिट नहीं करता हम आर्यन वीडियो एडिट करता है और अब आर्यन मेरा भाई है आकर्ष मेरा भाई नहीं है लड़ाई हो गई हमारी अरे वेदांत तो वेदांत बड़ा एडिटर है ना भाई आरन मेरा एडिटर है ऐसा मान के चलो समझ आ रहा है क्या नहीं वो भी बड़ा एडिटर है लेकिन सारे ही बड़े एडिटर है भाई आकर्ष भाई तो कंटेंट बनाने लगे ना भाई एप्टीट्यूड रीजनिंग पढ़ाने लगे तो वो कहां एडिट करेंगे हम गरीबों की वीडियो चलो यहां देखो हां ठीक है मैं क्या बता रहा था मैं भूल गया हां मैंने वेरिएबल बनाया था नाम और मैंने यहां जाकर प्रोमट लिखा और मैंने यहां पर लिखा एंटर योर नेम और यहां जाके मैंने कहा अरे रुक जा भाई कौन सोल डलॉग नेम और यहां पे मैंने नाम लिख के नाम को प्रिंट तो करवा लिया समझ आ गया होगा लेकिन अब ये जो मैंने नाम प्रिंट करवाया अगर मैं इसको ऐसे लिखना चाहता हूं लाइक मैं कंसोल पर चाहता हूं यूजर नेम इज और जो भी नाम यूजर ने लिखा वो तो ये करने के लिए आप एक काम करो आप यहां पे लिखो कसोल डलॉग और आप डबल कोड लगा के अगर आप डबल कोड लगा के सिंपली यहां पे लिख सकते हो यूजर नेम इज और कॉमा लगा के यहां पे अपना वेरिएबल का नाम लिख दो क्या यहां तक समझ आ रहा है वेरिएबल का नाम क्या है नाम है ना तो नाम लिख दो तो होगा क्या यूजर नेम इज अलग आए और नाम अलग आ जाएगा तो देखो ये ऐसा दिखेगा मैंने लिख दिया यहां पे नेम लिख दिया मैंने मान लेते हैं सार्थक तो यहां पर यूजर नेम सार्थक दिखने लगेगा आपको समझ आ रहा है क्या हो रहा है यहां पे बहुत बढ़िया तो यहां तक मुझे लगता है कि आप लोगों को समझ आ गया होगा प्रोमट का किस तरीके से यूज करते हैं आप इसमें बहुत सारी चीजें पूछ सकते हैं आपका जो मन करे वो पूछ सकते हैं आपका काम हो जाएगा अच्छा अब और भी चीजें पढ़नी है धीरे-धीरे पढ़ते हैं उनकी तरफ भी चलो एक जरूरी चीज के बारे में तो हमने बातचीत की ही नहीं हम जानते हैं जावा स्क्रिप्ट के अंदर डेटा टाइप्स कितने तरीके के होते हैं चलो देखते हैं हमने यहां पर हेडिंग लिखी है जेएस डाटा टाइप जेएस के अंदर डेटा टाइप्स मेनली दोस्तों दो तरीके के होते हैं पहला होता है प्रिमिटिव क्या होता है जल्दी से बोल के बताओ एक बार प्रिमिटिव स्पेलिंग प ध्यान मत देना मैं कई बार लिख देता हूं लेकिन एक होता है प्रिमिटिव और दूसरा होता है रिफरेंस भैया दोनों में क्या अंतर है दोनों किस काम आते हैं धीरे-धीरे चलते हैं आराम आराम से प्रिमिटिव मतलब जिसमें सिंगल टाइप ऑफ डटा एक वेरिएबल जिसमें सिंगल जैसे कि एक डाटा होता है जिसका नाम है नंबर हां नंबर होता है नंबर क्या होता है भैया नंबर मतलब जैसे मैं इसके अंदर टूथ 4 लिख सकता हूं साथ में मैं पॉइंट वाली चीजें लिख सकता हूं जैसे 20.5 जैसे 6.66 666 ये आते हैं नंबर के अंदर और क्या-क्या होते हैं भैया और होता है एक हमारा स्ट्रिंग स्ट्रिंग के अंदर क्याक होता है स्ट्रिंग के अंदर आप सिंगल कोड या डबल कोड में स्ट्रिंग लिख सकते हैं आप कोई कैरेक्टर लिख सकते हैं आप कोई पूरा का पूरा वर्ड लिख सकते हैं आप चाहे तो सेंटेंस भी स्ट्रिंग के अंदर लिख सकते हैं उसके अलावा एक और होता है जिसको हम बोलते हैं बुलियन बुलियन मतलब होता है ट्रू या फाल्स ये सारे प्रिमिटिव डाटा है प्रिमिटिव डाटा मतलब कि मैं यहां पर जाके यह इतने नहीं और भी है प्रिमिटिव डाटा यानी इसके अंदर जाके मैं वेर a के अंदर मैं 10 ही रख पाऊंगा मैं इसके अंदर 40 और 50 दो चीजें नहीं रख पाऊंगा सिंगल डाटा रख पाऊंगा यह कहलाते हैं प्रिमिटिव समझ पा रहे हैं आप लोग बढ़िया जी मैंने बुलियन बताया आप लोगों को ट्रू या फाल्स बूलन के अलावा एक और होता है जिसको हम बोलते हैं अनडिफाइंड क्या बोलते हैं अनडिफाइंड क्या होता है अनडिफाइंड जानेंगे आगे ठीक है आगे जानेंगे मैंने आपको बताया था स्टार्टिंग में बहुत डिटेल में तो नहीं जाएंगे लेकिन रिवाइज हो जाएगा अनडिफाइंड इज़ लाइक कि जब मैंने कोई एक वेरिएबल बनाया और उसके अंदर मैंने कोई वैल्यू इनिश इज नहीं करी तो फिलर के तौर पे वहां पे अनडिफाइंड अवेलेबल रहता सिर्फ यही नहीं होता बहुत कुछ होता है बताऊंगा आराम से एक होता है नल नल मतलब होता है नथिंग नथिंग मतलब क्या जीरो ना ना ना जीरो तो एक नंबर है नल मतलब इज नथिंग और एक और होता है जिसको हम बोलते हैं सिंबल जो कि हम जिसके बारे में बहुत कम लोग ही बात करते हैं जिसके बारे में हम लोग भी ज्यादा बात नहीं करेंगे सिंबल एक डटा टाइप होता है और एक और होता है जिसको बोलते हैं ए ए नॉट अ नंबर ठीक है क्या होता है ये जानेंगे आगे जाके ठीक है ए ए को आप रख सकते हैं प्रिमिटिव डेटा ब्राइव में ठीक है जी चलिए रिफरेंस में क्या होता है तो तीन होते हैं बहुत इंपॉर्टेंट एरे ऑब्जेक्ट्स और फंक्शंस या फिर आप फंक्शंस या मेथड जो भी आप कहना चाहे लिख सकते हैं इसके अंदर ठीक है तो ये है हमारे अरे के अंदर ये है हमारे डेटा टाइप्स जावास्क्रिप्ट के अंदर के इसके अंदर हम काम करते हैं आप चाहे तो उसका स्क्रीनशॉट ले सकते हैं स्क्रीनशॉट ले लेंगे तो आपके पास ये डाटा रहेगा आपके पास ठीक है ये डाटा होता है अब हम लोगों ने अभी तक बात करी नंबर स्ट्रिंग ब अनडिफाइंड के बारे में हमने बात नहीं करी नल आपको समझ आ ही गया होगा नथिंग सिंबल और नान चलो मैं बताता हूं धीरे-धीरे क्या किसके मतलब मैं बताता हूं आपको कि इसको कैसे लिख सकते जैसे कि मैंने एक वेरिएबल बनाया ए जिसके अंदर मैंने 10 रखा कंसोल डॉट लॉक कर दिया ए को तो यहां पर हमको 10 प्रिंट होता हुआ दिख गया अगर मैंने इसके अंदर रखा होता 10.5 ये सारे क्या है ये नंबर है क्या आप समझ पा रहे हैं मेरी बात ये नंबर है अगर आपको स्ट्रिंग रखना चाहे तो आप स्ट्रिंग भी रख सकते हैं तो ये स्ट्रिंग भी आ जाएगा आप इसके अंदर चाहे तो ट्रू या फाल्स भी रख सकते हैं जो कि बोलियन है आप इसके अंदर अगर कुछ भी नहीं रखते हैं तो इसके अंदर डिफॉल्ट में रहता है अनडिफाइंड देख सकते हैं कुछ ऐसा आप इसके अंदर अगर कुछ भी नहीं आप इसको खाली करना चाहते हैं आप चाहते हैं कुछ भी ना हो तो आप दे सकते हैं नल नल मतलब ये खाली रहेगा समझ आ रहा है क्या और भैया आपने जो बाकी बताए थे सिंबल सिंबल के बारे में तो बातचीत नहीं करेंगे लेकिन हां अगर मैं आपको ये कहूं कि 10 और वेरिएबल बी जिसका मतलब है मान लेते हैं 20 अगर मैं कहूं कि a प्लस बी क्या होगा तो आपका जवाब होना चाहिए भैया 30 होगा और क्या होगा 30 हो गया अगर मैं यहां से कहूं a मल्टीप्ला बाय b तो क्या आंसर आएगा तो आप कहेंगे 200 आएगा अगर मैं वेरिएबल ए का टाइप रखता हूं नंबर और वेरिएबल बी का टाइप रखता हूं स्ट्रिंग आपको क्या लगता है a मल्टीप्लाई बाय b करेंगे तो क्या आएगा 10 बार सार्थक आ जाएगा क्या नहीं यहां पर आएगा नान नान का मतलब है नान का मतलब बेसिकली जो यहां पर है नान का मतलब है कि आप बहुत थक चुके हैं आप इतना थक चुके हैं कि अब आपका दिमाग काम नहीं कर रहा है तो ये वक्त है ब्रेक लेने का और कुछ खा के आ जाओ तो खाने मैं ये सजेस्ट कर रहा है कि आप नान खाके आ जाओ नान और बटर पनीर बनवाओ घर पे और ये खाके आ जाओ ये कहना चाह रहा है मजाक कर रहा हूं नैन का फुल फॉर्म होता है नॉट अ नंबर नॉट अ नंबर कि भाई ये तुमको एक गाली देना चाहता है कि नहीं बोल सकता हूं कि भाई ये क्या कर रहे हो तुम तुम नंबर का मल्टीप्लाई स्टिंग से कर रहे हो व्हिच इज नॉट अ राइट थिंग तो यहां पर ये नन दे रहा है हमको नॉट अ नंबर जो भी आपका आउटपुट आ रहा है वो नंबर नहीं है ठीक है अगर मैं यहां पर लगाता हूं प्लस अब क्या लगता है आपको क्या आएगा भैया फिर से वही आएगा नन आएगा नहीं यहां पर आएगा 10 सार्थक अब आपको मैं बताऊ ऐसा क्यों हुआ क्योंकि प्लस के रोल जो है प्लस का क्या रोल है प्लस का रोल है एडिशन का आपका माइनस का रोल है सबक्स का आपका मल्टीप्लाई का रोल है मल्टीप्लिकेशन का आपका डिवीजन का रोल है डिवीजन का लेकिन लेकिन लेकिन आपका ये जो कह सकते हैं कि एडिशन के साथ-साथ हमारा जो प्लस नाम का सिंबल है वो एक और बहुत ज्यादा जरूरी चीज करता है जिसको हम बोलते हैं कॉन्कैटिनेट हां थोड़ा वर्ड मुश्किल है लेकिन एक बार बोल के देखो मजा आएगा कॉन्कैटिनेट कॉन्कैटिनेट मतलब होता है दो स्ट्रिंग्स को जोड़ना दो कह सकते हो स्ट्रिंग्स को जोड़ना जैसे कि मैंने यहां पर एक वेरिएबल बनाया शर्मा और एक वेरिएबल बनाया सार्थक तो यहां पे आ जाएगा मुझे दिखा हुआ शर्म अरे सॉरी इसको हटा दो ये क्या लिखा हुआ है मैंने कमेंट करा बाय द वे है ना शर्मा सार्थक आ जाएगा और शर्मा सार्थक यहां पर आ चुका है क्योंकि दो स्ट्रिंग्स यहां पर जुड़ चुकी है तो प्लस ऑपरेटर एडिशन तो करता ही है साथ-साथ में करता है कौन क कैटिनेशन स्पेलिंग का फिर से बोल रहा हूं मेरे को ज्यादा अच्छे से याद नहीं होती एक बार देख लेना गल करके अच्छे से बोलना पता था मेरे को तो बता दिया मैंने कॉन्कैटिनेट और अगर आप देख सकते हैं यहां पे तो दोनों स्ट्रिंग्स जुड़ चुकी है वैसे ही 10 को अगर मैं कॉन्कैटिनेट करूंगा a के साथ तो हो जाएगा क्या यहां तक समझ आ रहा है बहुत बढ़िया चलिए अब हम बढ़ते हैं आगे की तरफ और एक बहुत इंपॉर्टेंट टॉपिक के बारे में जानते हैं जो कि है इफ एल्स कंडीशनल कंडीशनर्स मतलब होता है कि जब आप नहाते हैं दोस्तों तो नहाने के बाद आप जब शैंपू करते हैं तो आपके बाल बहुत खराब हो जाते हैं आपके बाल बहुत रूख सूखे हो जाते हैं तो अगर आप अपने बालों को स्मूथ करना चाहते हैं तो आप लगाइए कंडीशनर ये वो वाला कंडीशनर नहीं है य हम बात कर ें कंडीशनल के बारे में कंडीशनल बेसिकली कंडीशंस होती है जैसे कि एग्जांपल के लिए मैंने हर्ष पटेल यहां पर मेरे सामने बैठा हुआ है यहां पे मतलब सामने नहीं यहां बैठा हुआ है मैं हर्ष पटेल से कहता हूं कि हर्ष पटेल मेरे को बहुत तेज भूख लग रही है जल्दी से जाके मेरे लिए एक बड़ा पाव लेके आ जाओ तो हर्ष पटेल के सामने दो कंडीशन है ट्रू या फाल्स यानी कि हर्ष या तो मुझे यह बहेगा कि हां ले आऊंगा या फिर यह बोलेगा कि नहीं ला रहा जा अगर वो मुसे ये बोलता है कि हां बाद में ले आऊंगा इसका मतलब भी है कि वो नहीं लाएगा तो कंडीशनल इज लाइक आपके पास कंडीशन है ला देगा क्या अभी तो हां हो गया रहा है लेकिन जब मैं रियल में पूछता हूं तो मना कर देता है ठीक है कंडीशनर्स मतलब होता है आप कंडीशन देते हैं कंडीशनल कैसे बनाते हैं कंडीशनर्स बनाते हैं यहां पर हम इफ एल्स की मदद से देखो हमने यहां पे लिखा इफ इफ एक हिंदी में बोला जाए तो अगर यदि अगर यहां पर मैंने लिखी कंडीशन क्या भैया कंडीशन वर्ड लिखते हैं ना ना ना ना अभी तो मैं ऐसे ही लिख रहा हूं कंडीशन और यहां पर हम लिखते हैं अगर कंडीशन ट्रू हो गई तो क्या करना है अगर कंडीशन ट्रू हो गई तो क्या करना है फ फ के अंदर यहां पर कंडीशन और अगर कंडीशन ट्रू हो गई तो क्या करना है तो भया लिखते कैसे इसको अच्छे से बताओ या थोड़ देखो मैंने लिखा इ इ के अंदर मैंने कंडीशन लिखी है 10 इज ग्रेटर दन 5 और मैंने यहां पर लिख दिया कंसोल डट लॉग करेक्ट करंट नहीं करेक्ट ठीक है अब आपके सामने यहां पर कंडीशन है 10 इज ये ग्रेटर दन ऑपरेटर है इज फ मतलब क्या 10 पा से बड़ा है आपका क्या जवाब है दोस्तों क्या 10 पा से बड़ा है हां बिल्कुल है यहां पर मेरी कंडीशन चल जाएगी यानी कि अगर यह कंडीशन ट्रू होती है तो ये जो ब्लॉक के अंदर चीजें लिखी हुई है कर्ली ब्रेसस के अंदर ये वाली चीजें चल जाएंगी ऐसे नॉर्मली नहीं चलेंगे अगर आपने लिखा 10 इज ग्रेटर दन 15 क्या ये कंडीशन ट्रू है नहीं ये कंडीशन तो फॉल्स है तो अगर ये कंडीशन फॉल्स है तो यहां पर आपको कुछ भी चलता हुआ नहीं दिखेगा तो ये काम होता है इफ का आप कंडीशन दे सकते हैं और अगर मैं यहां पे लिखता हूं एल्स तो एल्स के अंदर आप कोई कंडीशन नहीं देते इफ एल्स का ये पूरा कंप्लीट ब्लॉक होता है अगर कंडीशन ट्रू हो गई तो आप जाओगे इफ के ब्लॉक में अगर कंडीशन फॉल्स हो गई तो आप जाओगे एल्स के ब्लॉक में और एल्स के ब्लॉक में आप लिख सकते हो यहां पे नॉट करेक्ट मतलब करेक्ट तो ये भी है लेकिन फिर भी अपन ने नॉट करेक्ट लिखवाया है और आप देख सकते हैं नॉट करेक्ट चल रहा है अच्छा भैया फिर से अच्छे से बताओ देखो मैंने यहां पे लिखा नॉर्मली अच्छा चलो हम एक काम करते हैं एक वेरिएबल बनाते हैं a जिसकी वैल्यू रख दी मैंने 10 मैंने कहा इफ a इज ग्रेटर द 5 देन डू वन थिंग कल डलॉग हेलो यहां पर हमको हेलो मिल रहा है अगर मैंने यहां पे लिख दिया 15 नहीं नहीं नहीं फोर तो क्या मेरा ए से a5 से बड़ा है नहीं है तो क्या मिला मुझे यहां पे कुछ भी नहीं हम चाहते हैं फाल्स होता है कंडीशन तो भी कुछ पता चले तो मैंने लिखा एल्स और एल्स में कंडीशन नहीं लिखते याद रखना ध्यान से सारे लोग एल्स के अंदर हम यहां लिखेंगे कंसोल डलॉग नॉट हेलो सिंपल और यहां पर आप देखेंगे तो नॉट हेलो चल रहा है अगर यहां पर मैंने 40 लिखा होता तो हेलो चल जाता समझ आ रहा है क्या हो रहा है ये होती है फल्स कंडीशन और भी बहुत कुछ होता है इसके अंदर आप एल्स इफ करके और भी कंडीशन दे सकते हैं वो धीरे-धीरे पढ़ेंगे एक एग्जांपल लेके देखते हैं चलो अभी तक जो पढ़ा उस बेसिस प मैंने यहां प लिखा वेर ए इ इक्वल टू प्रोमट के अंदर मैंने लिखा एंटर योर एज अब ये मुझसे पूछेगा मेरी एज क्या है ये मुझसे पूछ रहा है एंटर योर एज मैंने कहा 10 ये मैंने लिख दिया सिंपल और मैंने यहां जाके कंसोल डॉट लॉक करा एनएस और एनएस के अंदर मैंने यहां पे कहा मेरी एज है मान लेते हैं 20 69 इयर्स का अभी मैं करेंटली चल रहा हूं और आने वाले समय में मैं 70 का हो जाऊंगा तो मुझे यहां पर मिल चुका है अब आप चाहते हैं इस कंडीशन को देखना कि कंडीशन भाई सही है कि नहीं है तो मैंने कहा इफ इफ और इफ के अंदर मैंने लिखा एज या ए एनएस क्यों लिखते हैं इसका नाम अपन एज ही रख सकते हैं ना मैंने यहां पे कहा इसको एज इफ एज इफ एज इज ग्रेटर देन 18 देन अपन फिर क्या कर सकते हैं तुम्हें पता है बिल्कुल सही बिल्कुल सही यू कैन वोट अब 18 से ऊपर के तो आप वोट कर सकते हो ना भाई आपने क्या सोचा वो तो 18 तक का इंतजार करते ही नहीं है अपन ना भाई जिस चीज के बारे में आप सोच रहे हो यू कांट इस चीज के बारे में आप सोच रहे उसके लिए 18 तक कहां रुकते अपन 18 से कई सालों पहले अपन एक्सपीरियंस हो चुके होते हैं अपना मतलब आप मैं नहीं सॉरी ठीक है एंटर योर एज मेरी जज है मान लेते 90 साल यू कैन वोट सिर्फ वोट ही कर सकते हो लेकिन फिर और मेरी ज है मान लेते 50 साल यू कैन वोट मेरी ज है मान लेते हैं 10 साल यू कांट आ रहा है समझ में क्या हो रहा य बहुत बढ़िया चलिए तो हम बहुत ज्यादा डिटेल में ना जाते हुए मैंने आपको इंट्रोडक्शन दे दिया इसका इफल्स क्या करता है एफ एल्स क्यों करता है सब कुछ आपको समझ आ चुका है अब हम बढ़ते हैं थोड़ा सा आगे की तरफ अब हम बढ़ते हैं लूप्स की तरफ और लूप्स मजा आएगा गारंटीड आएगा चलो लेट्स गो अब बारी है लूप्स पढ़ने की अब लूप्स क्यों पढ़ना है और किस लिए पढ़ना है वो जान लेते हैं लूप्स का काम होता है एक काम को रिपीटेशन में करने का जैसे मान लेते हैं कि आप ने कुछ गलती कर दी और जो आपकी जो है वो जो आप समझ रहे हो या आपके जो है वो जो आप समझ रहे हो उन्होंने आपसे बोला कि 100 बार सॉरी बोलो तो अब आप यार ऐसे करके कसोल डलॉग सॉरी ऐसे करके सॉरी बार-बार बोलोगे तो क्या जमेगा ऐसे करके बार-बार सॉरी बोलोगे तो क्या जमेगा नहीं जमेगा आप कहोगे कि भैया मैं एक काम करता हूं ना कॉपी पेस्ट करता जाता हूं बार-बार तो यार ये कॉपी पेस्ट तो एक सॉरी हो गया उन्होंने कहा कि मेरे लिए तुम एक बहुत बढ़िया नोट लिखो और उसको 100 बार लिखो तो फिर नहीं जमेगा ना यार समझ पा रहे हो मेरी बात तो हम एक काम को अगर रिपीटेशन में करना चाहते हैं तो वहां पर हम यूज करते हैं लूप्स का लूप्स आपके सेम काम को रिपीटेड वे में करने में आपकी हेल्प करते हैं अच्छा अब लूप बनाने के लिए भी कुछ चीजें रहती है मैं सबसे पहले अपना ऑटो सेव जो है वो थोड़ी देर के लिए बंद करूंगा नहीं तो होगा क्या ये इंफाइटिंग देख रहे हो ना व रिकॉर्डिंग अटक जाएगी ठीक है चलो ध्यान से सुनो मैं यहां पे क्या करता हूं मैंने स्क्रिप्ट जए के अंदर यहां पे एक लूप बनाया लूप बनता है बहुत सारे तरीके थे वैसे तो न लूप बनता है मेनली वाइल से तीन लूप्स होते हैं बहुत ज्यादा पॉपुलर डू वाइल डू वाइल और फॉर लूप ठीक है चलो यहां देखो मैंने लिखा वाइल अब वाइल के अंदर यहां पर मुझे देनी पड़ती है कंडीशन जैसे इफ में देते थे वैसे ही मैंने यहां पे कंडीशन थी 10 इ ग्रेटर द 5 और अगर ये कंडीशन सही हुई तो इसके अंदर जो हेलो लिखा है वो चलेगा हेलो नहीं हेलो जो लिखा है वो चलेगा लेकिन होता क्या है ना कि एक बार ये कंडीशन चली कंडीशन को चेक किया अगर ये ट्रू है इसके अंदर का कोड चलेगा अब जब इसके अंदर का कोड चल जाएगा तो ये वापस से आके कंडीशन को चेक करेगा वापस से आके देखेगा कि क्या ये कंडीशन ट्रू है और अगर ये कंडीशन ट्रू हुई तो लूप चल जाएगा और फिर से एक और बार यही सेम काम होगा और फिर से और ये लूप बन जाएगा इंफिनिटी लूप क्योंकि आप अगर देखेंगे तो 10 इज ग्रेटर द 5 और ये सृष्टि के खत्म होने तक कंडीशन ट्रू ही है सृष्टि नहीं तो मेरे लैपटॉप के खत्म होने तक ये कंडीशन ट्रू है क्या आप समझ पा रहे हैं तो हम ऐसी कंडीशंस देके इंफाइटिंग आप एक काम करते हैं आप कहते हैं a इज ग्रेटर दन 5 या फिर मैंने a की वैल्यू रख देता हूं मैं मान लेते हैं ज़ीरो तो मैंने यहां पे लिखा a इज स्मॉलर दन फ क्या आप ये समझ पा रहे हैं तो अब यहां पर मेरी जो कंडीशन है वो साफसाफ कह रही है a जो है वो मेरे पास से छोटा है है बिल्कुल सही है कंडीशन तो ये लूप चल जाएगा लेकिन अभी जब तक मैं इस a को चेंज नहीं करूंगा ये लूप बार-बार चलता रहेगा तो मैंने एक काम करा मैं कहता हूं एक काम करो a प् प्स अब इससे क्या होगा समझना a+ प् एक इंक्रीमेंट ऑपरेटर है जिससे कि मेरे a की वैल्यू एक से बढ़ जाएगी यानी कि इसका मतलब ये है कि a की वैल्यू जैसे जीरो है ना तो रो से वन कर दो फिर टू कर दो फिर थ्री कर दो फिर ये होगा तो पहली बार जब लूप चलेगा तो a की वैल्यू है रो तो रो इज स्मॉलर देन फ तो ये कंडीशन ट्रू है उसके बाद यहां पर जाके हेलो चल जाएगा सिंपली और a की वैल्यू बढ़ जाएगी तो अब ए की वैल्यू जीरो से हो चुकी है वन तो जब दोबारा कंडीशन चेक होगी तो अब लिखा यहां पे वन वन इज ग्रेटर देन वन इज स्मॉलर दन फ हां बिल्कुल लूप चलेगा उसके बाद हो जाएगी टू उसके बाद थ्री उसके बाद फोर और उसके बाद यहां पर आएगा फाइव अब जैसे ही ये कंडीशन चलेगी ना फ इज ग्रेटर दन फ तो ये कंडीशन फॉल्स है दोस्तों ये कंडीशन फॉल्स इसलिए है क्योंकि पाच पाच से बड़ा नहीं होता पाच पाच के बराबर होता है आप समझ पा पा रहे मेरी बात तो मैं यहां पे लिखता हूं अगर a तो अब मैंने क्या किया है मैंने यहां पर एक वेरिएबल बनाया है स्पेशली फॉर दिस लूप मैंने यहां पे लूप क्रिएट करा है और लूप के अंदर मैंने एक कंडीशन दी है और कंडीशन के साथ में मैंने यहां पे इंक्रीमेंट ऑपरेटर लगाया हम यहां पे डिक्रिमेंट भी लगा सकते हैं और अगर मैं अब इसको सेव करके देखूंगा तो यहां पे मुझे हेलो चलता हुआ दिखा पांच बार आप चाहे तो a भी प्रिंट कर सकते हैं और अगर आप देखेंगे तो आपको a चलता हुआ दिखा देखो 0 1 2 3 4 फाइव क्यों नहीं चला भैया क्योंकि फाइव फव के बराबर हो जाता ना अगर आप इसको बराबर कर देते अगर ऐसे करके तो ये पांच भी चल जाता तो फिर ये छह बार चल जाता लूप आप इसको वन करना पड़ता फिर आपको अब देखो 1 2 3 4 5 दिख रहा है आपको समझ आ रहा है क्या ठीक है आप इसको रिवर्स में भी चला सकते हैं कैसे मैंने इसकी वैल्यू दे दी 10 और मैंने यहां पे लिखा 10 इज ग्रेटर देन 0 अब यहां पे आप खुद सोचो अगर मैंने प्लस प्लस लगाया तो वैल्यू तो बढ़ती जाएगी बढ़ती जाएगी 11 12 13 14 ये भी इनफिट हो जाएगा फिर तो तो मैंने कर दिया माइनस माइनस माइनस माइनस मतलब एक वैल्यू कम हो जाएगी तो 10 से 9 8 7 6 5 4 3 2 1 बिल्कुल स ठीक देखो यहां पे आपका ये लूप चल गया रिवर्स में क्या समझ आया अब लूप्स बनाने के तरीके होते हैं मेरे प्यारे भाइयों जैसे कि ये लूप बनाया मैंने विद द हेल्प ऑफ वाइल लूप आप एक और तरीका होता है जिसको बोलते हैं डू वाइल लूप वो भी इंपॉर्टेंट है लेकिन इतना ज्यादा नहीं है हम देखते हैं एक और अच्छा तरीका जिसको बोलते हैं फॉर लूप फॉर लूप कैसा दिखता है फॉर लूप भी इसकी तरह ही दिखता है बस उसमें कोड काफी आसान हो जाता है क्योंकि देखो यार एक वेरिएबल बनाया अपन ने एक कंडीशन है एक यहां पे इंक्रीमेंट है तो इनको सारी चीजों को सिस्टेमेयर लूप आप लिखेंगे यहां पे फॉर ब्रैकेट्स लगाएंगे और आप तीनों नों चीजों को यहीं दे सकते हैं आप सिंपली यहां पे वेरिएबल को डिक्लेयर कर दीजिए आप सिंपली सेमीकलन लगा के यहां पर a को कंडीशन दे सकते हैं अपने हिसाब से जैसे मैंने कंडीशन दे दी इ स्मॉलर देन फाइ और मैंने यहां पे a को प्लस प्लस भी कर दिया तो देखो मेरे लिए सारा काम कितना आसान हो गया मतलब अब मुझे ज्यादा मतलब नहीं अब मुझे सिर्फ इन ब्रैकेट्स के अंदर अपना काम लिखना है जो भी काम मैं करवाना चाहता हूं और काम क्या है काम है हेलो को प्रिंट करना और देखेंगे अगर आप तो हेलो पांच बार प्रिंट हो जाएगा क्या यहां तक समझ आ रहा है आप लोगों को मैं उम्मीद कर रहा हूं आ रहा होगा चलिए बढ़िया है अब यहां जाके मैं अपना ऑटो सेव चालू कर देता हूं तो यहां तक मैं उम्मीद कर रहा हूं आपको फॉर लूप समझ आ गया होगा एक चीज में जल्दी जल्दी में बताना भूल गया कंपैशन ऑपरेटर मतलब मतलब मैं यहां जाके अगर लिखता हूं एक वेरिएबल है ए जिसकी वैल्यू है जीरो या फिर 10 और एक वेरिएबल है बी जिसकी वैल्यू है 10 और मैंने अगर कहा इफ ए इज डबल इक्वल टू बी अगर यह होता है तो कंसोल ड लॉग कर दो आप सही है सही है सही है बिल्कुल सही है अगर मैं य पर लिख देता हूं एल्स कसोल डल गलत है गलत सही चल रहा है अगर मैं य पर लिखता 11 य चल जाता गलत है क्या यहां तक समझ आ रहा है आप लोगों को अब मेरी बात समझना ध्यान से ए इ डबल इक्वल टू बी यहां पर दिख रहा है आपको य सही है लेकिन अगर मैंने कर दिया इसको नहीं स्ट्रिंग का न अब देखो वेरिएबल ए है जो कि न है नंबर वाला न और वेरिएबल b है जो कि न है लेकिन स्ट्रिंग वाला न है अब जब मैं इन दोनों को कंपेयर करूंगा आपको क्या लगता है क्या प्रिंट होगा बिल्कुल सही जवाब सही है प्रिंट नहीं होगा गलत है प्रिंट होगा लेकिन लेकिन लेकिन यहां पे सही है प्रिंट हो रहा है अब ऐसा क्यों हो रहा है ऐसा इसलिए हो रहा है क्योंकि ये जो डबल इक्वल टू ऑपरेटर आप लगाते हैं ये सिर्फ और सिर्फ वैल्यूज को कंपेयर करता है वैल्यूज को कंपेयर करने का मतलब है कि इसने देखा कि या इसकी वैल्यू 10 है और इसकी वैल्यू भी 10 है अब दोनों की वैल्यू 10 है तो 10 और 10 कंपेयर हो जाएंगे तो यहां पर आपको क्या मिलेगा यहां पर आपको दोनों की वैल्यू सेम मिलेगी तो यहां पे सही ये चल जाएगा लेकिन अगर मैं लगाता हूं ट्रिपल इक्वल टू तो ये क्या करता है ये वैल्यू को तो कंपेयर करता ही है साथ में डाटा के टाइप को भी देखता है आप देखा उसने कि यार देखो वैल्यू तो सेम थी चलो ये चीज सही है लेकिन दोनों के डाटा का टाइप अलग-अलग है तो दोनों के डाटा का टाइप अगर अलग-अलग है तो यहां पर आपको मिलेगा क्या यहां पर आपको मिलेगा गलत क्या आपको ये समझ आ रहा है क्या भाइयों क्या आपको ये समझ आया डबल इक्वल टू और ट्रिपल इक्वल टू में अंतर क्या है डबल इक्वल टू सिर्फ वैल्यूज को कंपेयर करेगा ट्रिपल इक्वल टू वैल्यूज के साथ-साथ टाइप को भी कंपेयर करेगा क्या यहां तक सही जा रहा है भाइयों बिल्कुल ठीक है चलिए तो हम मैं उम्मीद कर रहा हूं थोड़ा बहुत आपको आईडिया लग गया होगा कि लूप होता क्या है लूप काम कैसे करता है अब हम बढ़ सकते हैं आगे की तरफ क्योंकि हमें बहुत सारी चीजें देखनी है जो कि है अरे ऑब्जेक्ट्स स्ट्रिंग को कैसे मेंटेन करते हैं और फंक्शंस चल सकते हैं आगे चल लेट्स गो तो मैं उम्मीद कर रहा हूं कि आपको समझ आया होगा लूप्स किस तरीके से काम करते हैं अब हम बढ़ते हैं दोस्तों एक बहुत इंपोर्टेंट टॉपिक को समझने की तरफ जिसका नाम है फंक्शन फंक्शन होता क्या है और फंक्शन होता क्यों है उसको समझने के लिए एक चीज समझो ध्यान से जैसे मैंने अपने कोड में लिखा कंसोल डॉ लॉग हेलो जैसे मैंने कोड में लिखा कसोल डलॉग हेलो फिर से और मैंने लिखा कसोल डलॉग हेलो रिटर्न्स क्या आपको समझ आ रहा है और मैंने एक और बात लिख दिया कसोल डलॉग हेलो जिंदा है क्या आपको ये समझ आ रहा है ठीक है तो यहां तक आपने तीन चार हेलो चलाए और चारों हेलो लाइन से चल रहे हैं अब दोस्तों एक चीज समझाता हूं समझना ध्यान से होता क्या है एक इमेजिनेशन वाली जर्नी पे चलते हैं अपन दोनों साथ में आप और मैं ऐसा मान के चलो ऐसा मान के चलो कि आपके सामने एक रोबोट है मान लिया आपने आपके सामने एक रोबोट है अब वो रोबोट डोरीमोन जैसा नीले कलर का आपको दिख रहा होगा आपके आसपास कहीं भी देखो जैसे मुझे दिख रहा है यहां पर एक रोबोट खड़ा हुआ है मेरे सामने अब यह जो रोबोट है यह क्या कर सकता है यह चल सकता है यह गाना गा सकता है यह डांस करके दिखा सकता है यह कुछ भी कर सकता है हमारे लिए हम जो कहेंगे वही करके बताएगा बट इस ये एक साथ सा चीज नहीं कर रहा है आप समझ रहे हो जब मैं इससे कहता हूं कि ओ डोरीमन नाच के बताओ हमारे सामने तो डोरीमन हमें नाच के बताएगा अगर मैं डोमन से कहूंगा डोमन गाना गा के बताओ तो डोरमन हमारे लिए गाना गाएगा मैं कहूंगा डोरमन चल के बताओ तो डोमन चल के बताएगा आप समझ पा रहे हैं मेरी बात बिल्कुल समझ पा रहे हैं तो मैं अपने कोड के अंदर मैं अपनी वेब पेज के अपने जावास्क्रिप्ट के अंदर कुछ ऐसा पीस ऑफ कोड रखना चाहता हूं जो कि एक्सेसिबल हो जिसको मैं जब मेरा मन करे तब उसको एक्सेस कर पाऊ और कोड को वो थोड़ा सा सेपरेट करने में मदद करें अगर आपने पहले वाली वीडियोस देखी है मेरी एनिमेशन या किसी भी चीज की तो मैंने बताया है कि फंक्शन को कितने बढ़िया तरीके से हम यूज कर सकते हैं वही चीज यहां पे हम करने वाले हम लोग यहां पर सीखने वाले फंक्शंस और फंक्शंस का रियल इंप्लीमेंटेशन बताता हूं कैसे मैंने यहां पे बनाया दोस्तों एक फंक्शन और फंक्शन का नाम आप कुछ भी रख सकते हैं मैंने फंक्शन का नाम रखा है वॉक और वॉक करके मैंने फंक्शन को कुछ इस तरीके से बना लिया है जावास्क्रिप्ट में इसी तरीके से फंक्शंस बनते हैं पर ये जो दिखाई दे रहा है आपको दिस इज द बॉडी ऑफ अ फंक्शन मतलब कि ऐसा चल सकते हैं कि इसके अंदर आप अपना काम करवा सकते हैं जैसे कि मैंने यहां पर लिखा फंक्शन फंक्शन बनाने के लिए फंक्शन लिखना पड़ता है और आपने उसका नाम कुछ भी रख सकते हैं तो मैंने यहां पर फंक्शन का नाम रखा है मान लेते हैं हे और मैंने फंक्शन को यहां पर कॉल कर दिया कुछ इस तरीके से कुछ इस तरीके से कॉल मतलब कॉल नहीं करा मैंने फंक्शन की बॉडी बना ली कुछ इस तरीके से अब मैंने इसके अंदर कहा गुड मॉर्निंग पाइनएप्पल गुड मॉर्निंग गुड मॉर्निंग गुड मॉर्निंग और यहां पर जाके आपने कहा कि मुझे कंसल पर तो अब गुड मॉर्निंग दिखना चाहिए लेकिन नहीं दिखेगा पता है ऐसा क्यों क्योंकि फंक्शन हे नाम का सिर्फ और सिर्फ तभी चलेगा जब मैं हे को कुछ इस तरीके से कॉल करूंगा यानी कि फंक्शन के अंदर दो चीजें हैं एक है फंक्शन की कॉलिंग स्टेटमेंट और एक है फंक्शन एक्सप्रेशन ये फंक्शन की बॉडी इसके अंदर आप जो चाहे वो लिख सकते हैं गुड मॉर्निंग प्लस माइनस जो आपको पूरा तुम ऐप बना लो कोई दिक्कत नहीं लेकिन चलेगा सिर्फ तभी जब आप हे को करेंगे कॉल और एक बार आपने हे को कॉल कर दिया तो ये चल जाएगा आप यहां पर जाके क्या कर सकते हैं आप यहां पर जाके जैसे हमने डोरेमोन की बात की थी ना तो मेरे डोरीमन के अंदर ना बहुत सारी चीजें हैं ऑलरेडी डोरेमोन के अंदर वक है डोरेमोन के अंदर वक चल तो या भाई डन थोड़ा सा भोपाली है तो भोपाल में हम रहा नहीं बोलते हम रिया बोलते रिया लड़की का नाम नहीं रिया मतलब चल तो रिया चल तो रिया भाई अरे चल तो रि कितना परेशान करे चल तो र ना वैसा वाला रिया ठीक है एक और फंक्शन है डोरीमन के अंदर जिसका नाम है सिंह और सिंग में डरीमन गाना गा के बताएगा मैं [संगीत] जन य जियान का गाना है और मैंने यहां पर जाके एक और फंक्शन बनाया जिसमें डोरीमन डांस करके बताएगा सिंपल आप चाहे तो यहां पर इमोजीस भी लगा सकते हैं इमोजी आ नहीं रहे इमोजी आ गए इमोजी ठीक है डोमन डांस करके बता दो ठीक है डोमन डांस करके बता र है मन हमने बहुत बार नचवा है ठीक है तो ठीक है यहां पर आपके सामने ना तीन कह सकते हो फंक्शन है वक भी है सिंग भी और डांस भी है लेकिन क्या डोमन कुछ भी कर रहा होगा बिल्कुल भी नहीं जब हम बोलेंगे सिर्फ तभी करेगा कैसे करेगा तो मैंने कहा चल के बताओ डोरेन डोरेमोन हमें चलके बताएगा हम कहेंगे डोरेमोन हमें डांस करके बता दो तो डोरेमोन हमें डांस करके बता देगा हम कहेंगे डोरेमोन हमें सिंग करके बताओ सिंग डोमन हमें सिंग करके बताएगा और अगर हम कहे डोमन गाते गाते चलो तो डोमन गाते गाते चलेगा मैं कहूंगा कि डोरेमान एक काम करो गाते गाते चलो और साथ में नाचो भी तो डोमन को मैंने तीन चीज एक साथ दे द तो डरेन तीनों चीज एक साथ करेगा मना नहीं करेगा व्यवहार है हमारे बहुत बढ़िया व्यवहार है मैं बोलता हूं कर देता है कर रहा है आपको य समझ आ रहा है फंक्शन का यूज समझ आ रहा है बहुत बढ़िया अब बढ़िया ठीक है अब एक और चीज समझो आपका जो फंक्शन है इसके अंदर आप कुछ चीज पास भी कर सकते हैं जैसे जैसे कि मैंने एक फंक्शन बनाया इसका नाम मैंने रखा है मान लेते ग्रीट जिके अंदर मैंने लिखा गुड मॉर्निंग ठीक है कंसोल डॉट लॉक कर दिया मैंने ग्रीट को तो यहां जाके मैंने सिंपली फंक्शन चला दिया ग्रीट करके कुछ इस तरीके से अब अगर मैं सॉरी य मैंने क्या करा सॉरी सॉरी सॉरी ग्रीट मैंने कुछ इस तरीके से कॉल कर दिया सिंपल तो यहां पर आपको ग्रीट गुड मॉर्निंग चलता हुआ दिखेगा मैं चाहता हूं कि मैं एक वैल्यू पास कर सकूं मतलब ऐसे समझो यहां से एक बस चल रही है आपकी तरफ और आप उस बस से कोई सामान भेज सकते हो दूसरी तरफ कोई आदमी उसको उतार भी सकता है जैसे मैंने यहां से गुड मॉर्निंग के साथ ग्रीट के साथ पास करा 10 तो मैं यहां से मैंने 10 की वैल्यू पास करी है और यहां पर मैं उसे किसी भी नाम से ले सकता हूं जैसे मैंने कहा ए नाम से मैं रिसीव कर रहा हूं तो मैं गुड मॉर्निंग के आगे ए लिख देता हूं तो यहां पर आपको मिलेगा गुड मॉर्निंग 10 जब मैं इसको दोबारा कॉल करूंगा और मैं कितनी बार भी कॉल कर सकता हूं मतलब फंक्शन आर रियू जबल दूसरा यूज आ गया यहां पर लो जा तो मैंने यहां पर 20 पास कर दिया तो गुड मॉर्निंग 20 आ रहा है आपको अगर मैंने यहां पर ग्रीड के अंदर पास कर दिया गुड मॉर्निंग 800 80000 गुड मॉर्निंग 80000 आ जाएगा क्या आपको ये समझ आ रहा है अगर मैं गुड मॉर्निंग के अंदर यहां पे ग्रीट के अंदर पास कर देता हूं गुड मॉर्निंग हर्ष पटेल यहां पे गुड मॉर्निंग हर्ष पटेल आ जाएगा आपको ये समझ आ रहा है अगर मैं यहां पे ग्रीट के अंदर पास कर दूंगा अ हर्षी पटेलिया यहां पर गुड मॉर्निंग हर्षी पटेलिया आ जाएगा आपको ये समझ आ रहा है वैसे पटेलिया कुछ होता नहीं है माफ करना मुझे भाइयों मैं बस ऐसे ही मजाक में कर रहा था हर्षी पटे जाएगा समझ आ रहा है ना क्या हो रहा है यहां पे ये फंक्शन का यूज हो गया है अच्छा फंक्शन से और क्याक कर सकते हैं भैया फंक्शन आपको कुछ रिटर्न भी कर सकता है रिटर्न का मतलब क्या रिटर्न का मतलब ऐसा समझो कि आपने एक फंक्शन बनाया जो कि कुछ ऐसा दिखता है ए बी सी नाम है जिसका जिसमें मैं कंसोल पर जाके देख सकता हूं अब एक चीज समझो यार कंसोल इज नॉट फॉर फॉवर कंसोल हमेशा के लिए नहीं है कंसोल कु समय का हमारा साथी है बहुत अच्छा लगा मुझे कंसोल से मिलके लेकिन कंसोल बहुत जल्दी हमारा साथ छोड़ देगा लेकिन अभी नहीं छोड़ेगा आने वाली वीडियोस में छोड़ेगा कंसोल पे सिर्फ हम ना चीजें टेस्ट आउट ट्राई आउट करने के लिए देखते हैं मेन तो हमें वेबसाइट पे इफेक्ट दिखाने है ना मेन तो हमें वेबसाइट पे फंक्शनैलिटीज दिखानी है तो वहां पे हमें ज्यादा कंसोल का काम आएगा नहीं क्या आप समझ पा रहे हैं मेरी बात तो मैं यहां पे क्या करने वाला हूं मैं यहां पे ये जो एबीसी नाम का फंक्शन है इसको देखा तो मैंने कंसोल प यहां पे देख लिया अब मैं चाहता हूं मेरा फंक्शन जो है वो कुछ वैल्यू भी कंटेन करे मेरा फंक्शन जो है वो कुछ रिटर्न करे मुझे रिटर्न मतलब मेरी फंक्शन की क्या वैल्यू है क्या दे रहा है मुझे फंक्शन क्या रिटर्न कर रहा है तो मैंने कहा रिटर्न कर रहा हूं मैं मान लेते हैं 20 तो अभी आपको 20 दिखेगा नहीं लेकिन अगर आप इस फंक्शन को एक वेरिएबल के अंदर रख सकते हैं वेरिएबल a के अंदर तो आप देख पाएंगे यहां पे कि आपका वेरिएबल a जब आप कंसोल डलॉग देखेंगे तो आपके a की वैल्यू क्या आ रही है 20 क्यों आ रही है 20 क्योंकि ये जब फंक्शन चला जब ये फंक्शन डिमोलिश हुआ तो ये जो रिटर्न के अंदर आपने लिखा था वो आ जाएगा इसकी जगह तो यहां पे आ चुका है यहां पर आप देख सकते हैं आपको 20 मिल रहा है क्या आप ये समझ पा रहे हैं मेरी बात हां बिल्कुल समझ पा रहे होंगे यार शायद बिल्कुल बिल्कुल समझ पा रहे होंगे तो यहां पर आपको चलता हुआ क्याक दिख गया आपको ए बी सी भी चलता हुआ देखा क्योंकि जब मैंने इसको ऐसे लिखा तो ये कॉल ऑटोमेटिक हो गया हेलो चल गया और जब मैंने देखा इसको ए को चला के तो ए में मुझे क्या मिल गया 20 मिल गया तो रिटर्न भी समझ आ गया क्या यहां तक समझ आ गया अच्छे से समझ आ गया क्या ठीक है बढ़िया अब मेरे साथ चलो एक और चीज सीखने की तरफ फंक्शन और बेटर तरीके समझने के लिए एक चीज और मैं ये जो वीडियो बना रहा हूं बहुत कम मैं में बहुत सारी चीजें मुझे पढ़नी थी मतलब दो दिन में मुझे ये वीडियो कंप्लीट करनी है और मैं यह टीशर्ट दो दिन से ही पहन रहा हूं क्योंकि मैं नहाया नहीं घर जाके तो मैं इसमें ही लगा हुआ था तो बात सुनो ध्यान से हां कभी-कभी चल जाता है ठीक है तो बात सुनो ध्यान से हमने यहां पर ये जो फंक्शन बनाया हैक हमने यहां पर फंक्शन तो देखा फंक्शन को बनाने के कुछ और तरीके भी होते हैं फंक्शन मैंने यहां पर लिखा फंक्शन का नाम मैंने रख दिया मान लेते हैं ए बी सी और फंक्शन ए बी सी जो है वो कुछ इस तरीके से चलता हुआ दिखाई दे रहा है हेलो चल रहा है बिल्कुल अब इसको और कैसे लिख सकते हैं आप इसको ना ऐसे भी लिख सकते हैं य जो ए बी सी है यहां पे इसको मैंने यहां से हटाया और मैंने इसको वेरिएबल ए बी सी करके ऐसे बना दिया दिस इज नोन एज फर्स्ट क्लास फंक्शन फर्स्ट क्लास फंक्शन में मैंने क्या करा ए बी सी को ऐसा वेरिएबल ले लिया और फंक्शन को कुछ इस तरीके से लिख दिया काम दोनों का सेम है दिख रहा है हमको हेलो काम दोनों का सेम है लगभग लेकिन लिखने का तरीका थोड़ा सा अलग अलग है लेकिन बाद में देख बाद ठीक है यहां पर आपको चलती हुई दिखाई दे रही है ये चीजें बहुत बढ़िया तरीके से आप समझ पा रहे हैं ठीक है यहां पर आपको ए बीसी चलता हुआ दिखाई दे रहा है हेलो चलता हुआ दिखाई दे रहा है यहां पे और आपको सब कुछ बढ़िया तरीके से होता हुआ दिखाई दे रहा है अब हमको करना क्या है अब हमको यहां पर जाके हमारा ये जो फंक्शन बना हुआ है इसको एक और नए तरीके से देखना है जो कि है फैट एरो फंक्शन मतलब हम ये फंक्शन जो लिखा था ना इसको भी हटा देते हैं और हम यहां पर जाके कुछ इस तरीके का एरो बना सकते हैं तो इससे होगा क्या ये es6 वर्जन की चीज है ठीक है आपको ऊपर साइड में दिख रही होगी ना वीडियो जाके देख लो बहुत बढ़िया है यहां पर जाके ए बी स को मैंने कुछ इस तरीके से बना दिया फंक्शन है ये भी फंक्शन यहां पर भी आपको हेलो मिल रहा है आप समझ पा रहे हैं तीनों फंक्शन तीनों बनाने के तरीके थोड़ा थोड़ा बेसिक डिफरेंस है लेकिन वो आपको नहीं पता चलेगा अभी क्योंकि हम बहुत बेसिक लेवल प सीख रहे हैं समझ पा रहे हैं ना आप लोग ये कुछ ऐसा दिख रहा है यहां पर हेलो और आप चाहे तो इसको कितने तरीको से बना सकते हैं आप इस तरीके से बना सकते हैं फंक्शन ए बी सी आप यहां पर देख सकते हैं हेलो चल गया आप यहां पर बना सकते हैं ए बी सी मैं इस तरीके से ना लिखते हुए ए बी सी को मैं एज अ वेरिएबल लिख सकता हूं अभी भी हेलो चलेगा और यहां पर जाके मैं यहां पे इसको फंक्शन जो लिखा है उस कीवर्ड को भी हटा देता हूं और यहां पर एरो लगा देता हूं तो यहां पे ये बन चुका है मेरा फैट एरो फंक्शन ये भी ऐसा चलता हुआ दिखाई देगा चलिए बढ़िया मैं उम्मीद कर रहा हूं यहां तक समझ आ गया होगा अब मैंने ये बताया था ना आपको कि मैं घर नहीं गया मैं नहाने नहीं गया तो मैं इसलिए बता रहा था क्योंकि मैं कांसेप्ट बताना भूल गया आपको उसका नाम है लेट और कंस्ट लेटर कंस्ट क्या करते हैं लेटर कंस्ट बेसिकली ना आपके वेरिएबल बनाने के तरीके होता क्या था ना भाइयों देखो एक चीज समझा रहा हूं समझना 2015 तक जावास्क्रिप्ट का जो वर्जन चल रहा था वो था es5 es5 तक वेर यूज होता था es5 तक नॉर्मल फंक्शन यूज होते थे es5 तक चीजें काफी सिंपल थी जो es6 वर्जन आया 2015 के बाद उसमें काफी ड्रेट चेंज हुए हैं जो कि बहुत बढ़िया है जिसमें से यह है कि आप वेरिएबल बनाने के जो तरीके हैं क्योंकि वेर जो है वेर एक ग्लोबल वेरिएबल है वेर एक ग्लोबल वेरिएबल का मतलब है कि वेर को सब लोग जानते हैं मतलब कैसे भैया समझाओ थोड़ा मैंने लिखा र a इ 10 और यहां जाकर मैंने कहा कसोल ड लग तो मुझे य पर मिल रहा है सब कुछ ठीक है लेकिन अगर मैंने यहां जाके क्या कहा मैंने य जाके कहा फफ और इफ के अंदर मैंने कहा कि इफ 10 इ ग्रेटर दन 5 और यहां पर जाकर मैंने कहा a इ इक्व 30 और यहां जाके मैंने कहा कंसोल ड लग ए तो आपको ए की वैल्यू 30 भी दिखाई देगी अगर मैंने इसको इसके अंदर भी बनाया होता यह ब्लॉक के अंदर तो भी a को जान रहे हैं सब लोग क्योंकि ए इज लाइक इसको सब लोग जानते हैं ए इज अ ग्लोबल वेरिएबल तो वेर पहले एक तरीका हुआ करता था वेरिएबल बनाने का लेकिन अब दो नए तरीके और भी आ गए जिसमें से पहला है लेट और दूसरा है कंस्ट भ अभी अभी आए क्या थोड़ी देर पहले नहीं नहीं थोड़ा टाइम हो गया 10 12 साल लगभग हो गए भाई उसको भी 10 साल तो लगभग हो ही गए होंगे तो सुनो लेट और कॉन्स्ट वेरिएबल बनाने के तरीके हैं जैसे कि आप वेर ए लिख के लिखते थे ना वेरिएबल वैसे ही आप लेट ए लिख के लिख सकते हैं सिंपल और आप कंस्ट ए लिख के भील बना सकते वेरिएबल बन जाएंगे वेरिएबल जैसे पहले बन रहे थे वैसे ही बनेंगे वेरिएबल लेकिन दोनों में थोड़ा सा डिफरेंस है तीनों में आपस में थोड़ा बहुत डिफरेंस है ऐसा मान के चलो कि वेर जो था ना वेर पापा है लेट और कंस्ट का ऐसा मान के चलो ऐसा है नहीं लेकिन मान के चलो अब लेट जो है ना लेट बेचारा गया बिल्कुल अपने पापा के ऊपर लगभग लगभग सेम काम करता है कनस थोड़ा सा आड़ा चला गया मतलब मतलब कॉन्स थोड़ा सा अलग जाता है मैं आपको कॉन्स का यूज बताता हूं क्या होता है देखना मैंने लिखा यहां पे कौन मैंने पले र से बताता हं चलो देखो मैंने कहा र ए इ इक्वल टू वेर मैंने कहा लेट सपोज ग्रूम ग्रूम है मान लेते हैं हमारे सलमन भाई और ब्राइड है हमारी कैट भाभी कंसोल डॉट लॉग हमने कितने प्यारे तरीके से लिखा ग्रूम कॉमा लगा के हमने य पर लिख दिया है वेट ब्राइड यहां पर हमको कितना बढ़िया दिखाई दे रहा है सलमन वेट्स कैट ब दिक्कत क्या है ना दिक्कत यह है कि इन्होंने शादी के कार्ड छप पाए और शादी के कार्ड छापने वाला बीएसडी के ने ग्रूम की वैल्यू को चेंज कर दिया अब जब ग्रूम की वैल्यू चेंज हो गई तो यहां पर आपको क्या दिखेगा विक्की वेट्स कट आप ये समझ पा रहे हैं और ये दिक्कत है यार ये दिक्कत है तो इस चीज के लिए यहां पर हम यूज करते हैं कंस्ट को इस दिक्कत के लिए नहीं कि यार धूले का नाम बदल गया दिक्कत हो जाएगी नहीं उस चीज के लिए नहीं कई बार चीजों को हम बाद में इनिशियली इज ना कर सके मतलब एक बार इनिशियलिज्म कंस्ट का यूज करते हैं जैसे मैंने कहा कंस्ट ग्रूम फिर से हमारे सलमन भाई सेलकॉम नहीं सेलमन और कंस्ट ब्राइड हमारी रहेंगी कैट यू भाभी कैट भाभी कैटू नहीं कैट सॉरी वो बोल सकते हैं मैं नहीं बोल सकता और मैंने कहा कंसोल डलॉग वाइट्स लिख देता हूं पहले तो और मैंने यहां पे कहा ग्रूम कॉमा मैंने यहां पे कहा ब्राइड ठीक है अब आप देखेंगे अगर तो सलमन वट स् कैट आ रहा है लेकिन अगर कार्ड वाले ने ग्रूम की वैल्यू को री इनिशियलिज्म टू अ कांस्टेंट वेरिएबल यानी कि आप एक कांस्टेंट वेरिएबल को असाइन कर रहे हैं एक वैल्यू जो कि इलीगल है आप नहीं कर सकते तो विक्की को मारो गोली आपका और मेरा सपना पूरा हो गया सलमन भाई की और कैट भाभी की शादी हो चुकी है गाइस ताली बजा दो एक बार जल्दी से हां बजा दो कमेंट में जाके एक बार जल्दी से ताली बजा दो इतनी देर तक टिके हो ना प्लीज सलमन भाई के लिए नहीं तो मेरे लिए प्लीज नहीं मेरे लिए नहीं तो सलमन भाई के लिए प्लीज ताली बजा दो गाइस उम्मीद कर रहा हूं कि थोड़ा बहुत तो एटलीस्ट फंक्शन समझ आया होगा समझ आ गया ना अब समझते हैं हम लोग एरे इस को देखो यार होता क्या है मैं तुम्हें प्रॉब्लम समझा देता हूं देखना मेरे पास एक वेरिएबल है a जिसके अंदर वैल्यू है 10 और मैंने कंसोल डॉ लॉक करा लिया a को यहां पर मुझे वैल्यू मिल जाएगी जो भी मेरी वैल्यू थी 10 तो 10 मेरे को वैल्यू मिल गई है अब अगर मैं चाहता हूं इसके अंदर मैं यार 10 भी रख लूं 20 भी रख लूं 30 भी रख लूं भी रख लो 50 भी रख लो नहीं हो सकता क्यों नहीं हो सकता क्योंकि ये एक प्रिमिटिव डेटा टाइप है आप प्रिमिटिव डेटा टाइप के अंदर वैल्यूज को एक ही बार डाल सकते एक ही वैल्यू रख सकते हैं एक समय प मतलब भाई साहब मेरे पास एक कंटेनर है उसके अंदर मैं एक ही चीज रख पाऊंगा अगर आपको दूसरी रखनी है तो पहले को निकालो फिर दूसरी को रख लेकिन हम लोगों को करना क्या है हम लोगों को कुछ इस तरीके का शेल्फ बनाना है तुमने इसकी तारीफ नहीं करी वैसे तो कर देना वो भी जाके लेन हम लोगों को कुछ इस तरीके का शेल्फ बनाना है और इससे फायदा ये होगा कि हम बहुत सारी वैल्यूज को एक ही वेरिएबल के अंदर रख पाएंगे बताता हूं कैसे हम लोग यहां पर बनाते हैं दोस्तों एरे एरे बेसिकली आपके मल्टीपल डाटा को कलेक्ट करने का काम करेगा एक ही वेरिएबल के अंदर तो मैंने यहां पर वेरिएबल बनाया ए नाम से और इसको मैंने यहां पर जाके कुछ इस तरीके से बना दिया है यह बन चुका है आपका एरे अजीब सही क्यों बना ठीक हैरे बन चुका है इस एरे के अंदर अब मैं मल्टीपल वैल्यूज दे सकता हूं सेपरेटेड बाय कॉमा और यहां पर आप देख सकते हैं आपको इतनी सारी वैल्यूज मिल गई और अगर आप देखेंगे कंसोल डॉट लॉक करके तो यहां पर आपको मिल ए ठीक है यहां पर आपको मिल रहा है अपना पूरा का पूरा अरे समझ आ रहा है क्या हो रहा है यहां पे ठीक है तो यहां पे हुआ क्या है यहां पे हुआ ये है कि मैंने यहां पर अपने एरे को कुछ इस तरीके से लिख दिया और यहां पर मेरे को एरे चलता हुआ दिखाई दे रहा है और एरे के अंदर की चीजें भी मुझे चलती हुई दिखाई दे रही हैं होता क्या है ना दोस्तों एरे के अंदर हम मल्टीपल डाटा को रख सकते हैं और क्योंकि हम जावास्क्रिप्ट में बात कर रहे हैं तो जरूरी नहीं है कि आप सिर्फ और सिर्फ 10 को रखो आप यहां पे कुछ भी रख सकते हो लेकिन अगर आपको चाहिए कि आप यहां पर एक वेरिएबल बनाओ जिसके अंदर आप मल्टीपल डाटा रख पाओ मल्टीपल डटा मतलब कैसा भैया मल्टीपल टाइप ऑफ डाटा मतलब मैंने एरर नाम कारे बनाया था व कुछ ऐसा दिख रहा था अब इसके अंदर मेरा मन है 20 की जगह मैं अगर य पर सार्थक लिखना चाह तो मैं क्यों नहीं लिखूंगा मेरा 40 की जगह मेरा मन है 4066 लिख द मेरा इसकी जगह मन है स से कुछ भी मत लिखना मेरा य पर मन है सपोज मेरे यहां पर मन है कि मैं लिख दू क्या लिख दू मैं लिख द बी चाबी चा से चाबी लिख रहा था मैं और मेरा यहां पे मैंने मैं लिख दूं ट्रू तो मैं लिख सकता हूं क्योंकि मैं जावास्क्रिप्ट में हूं और देख सकते हो पास साइज का अरे बन चुका है जिसके अंदर आपके पास सारे एलिमेंट्स मिल रहे हैं और एक जरूरी चीज और ध्यान से देखना क्या आपके एरे के अंदर ये जो चीजें हैं ये किस तरीके से अरेंज होती है ध्यान से देखना जैसे ये 10 20 30 10 20 40 50 60 जो लिखा हुआ है ना इसके अंदर जो भी डटा है ये बेसिकली एरे के अंदर इंडेक्सेस की फॉर्म में आ जाएगा तो दिखाता हूं कैसे तो ये जो 10 है ये बैठा है जीरो इंडेक्स पे ये जो 20 है ये बैठा है फर्स्ट इंडेक्स पे यह जो 40 है ये बैठा है सेकंड इंडेक्स पे ये जो 50 है यह बैठा है थर्ड इंडेक्स पे और ये जो 60 है ये बैठा है फोर्थ इंडेक्स पे यानी कि इसकी गिनती जीरो से शुरू होती है जीरो से तो 10 कहां पे बैठा है तो भैया रोत पोजीशन पे बैठा है कह सकते हो आप जीरो थ इंडेक्स पे बैठा है ये भी कह सकते हो आप आपसे मैं पूछू अगर फन फर्स्ट पोजीशन पे कौन बैठा है तो आपका जवाब होना चाहिए 20 तो अगर आप अपने अरे के अंदर चीजें बढ़िया तरीके से प्रिंट करवाना चाहते हैं एक-एक वैल्यू को लेना चाहते हैं तो आप सिंपली लिख दीजिए ए आर आर का स्क्वायर ब्रैकेट लगा के जीरो त एलिमेंट तो कि जीरो पोजीशन पे जो बैठा है बंदा उसकी वैल्यू आ जाएगी वैल्यू आ चुकी है 10 आप अगर कहेंगे एरे के अंदर फर्स्ट एलिमेंट को बता दो तो ये फर्स्ट एलिमेंट आ जाएगा अगर आप कहेंगे एरे के अंदर मेरे फोर्थ एलिमेंट को बता दो तो 60 आ जाएगा अगर मैं कहूंगा एरे के अंदर के फिफ्थ एलिमेंट को बता दो तो क्या आएगा भैया 60 आएगा ना नहीं नहीं 60 नहीं आएगा क्योंकि गिनती रो से शुरू हो रही है ना 0 1 2 3 और फोर फिफ्थ पे कुछ नहीं है तो आएगा अनडिफाइंड क्या आपको ये समझ आ रहा है बिल्कुल ठीक है चलिए तो ये आपने हर एक के अंदर चीजें लिखना सीख गए हैं अच्छी तरीके से सीख गए हैं क्या बढ़िया अब एक और चीज समझो हमने ये जो एरे बनाया था हमारा ऐसे नहीं बनता अरे कैसे बनता है वेर ए आर आर ए आर आर भाई रर नहीं ठीक है अरे मिल गया आपको सिंपल ठीक है अगर आप चाहते हैं इस अरे के अंदर एक और वैल्यू को पुश करना एक और वैल्यू को ऐड करना तो आप कैसे करते हैं तो आप कहते हैं ए आर आर डॉट पुश और उस वैल्यू का नाम तो मैंने यहां पे जाके कहा वैल्यू में डालना चाहता हूं इसके अंदर मान लेते हैं कि मैं वैल्यू डालना चाहता हूं 99 और अब अगर मैं कंसोल डॉट लॉक करवाऊंगी मेरे अरे को यहां जाके आप अब देख सकते हैं कि आपका अरे प्रिंट हो गया है पांच एलिमेंट्स का क्योंकि 99 भी ऐड हो गया अब अगर आप चाहते हैं लास्ट इंडेक्स में जो भी आपने लगाया था वो हटाना तो आप कहते हैं कंसोल कंसल तो बाद में करेंगे एर आर ड पॉप ये अरे के अंदर का लास्ट एलिमेंट को ऑटोमेटिक पॉप कर देगा तो इससे होगा क्या इससे होगा ये कि आपका जो एरे बना हुआ था उसके अंदर आपने कंसोल डट लॉग एरर करा तो पहले नॉर्मल फिर पुश करा तो आपने पुश कर दिया उसको और यहां पर एरर को देखा फिर आपने पॉप कर दिया तो देख सकते हैं कसोल ड लॉग नहीं करा वही मैं सोच रहा हूं कुछ मिसिंग है देख सकते हो 10 20 30 40 10 20 30 40 99 और 10 20 30 40 पुश से ये हुआ अच्छा हम एक और चीज कर सकते हैं ये जो मैंने अरे बनाया था ना ये अरे की अगर मैं लेथ पता करना चाहता हूं तो मैं लिख सकता हूं एआर डॉ लेंथ मुझसे मुझे इस अरे की लेंथ मिल जाएगी जो कि है फोर क्योंकि मेरे अरे की लेंथ फोर है चार एलिमेंट्स है ना तो लेंथ कितनी मिल गई मुझे फोर क्या यहां तक समझ आया और भी बहुत सारी चीज होती है या अरे के अंदर बाबू तुम क्या सोच रहे हो इतने में काम हो जाएगा क्या इतने में काम नहीं होगा बहुत सारी चीज होती है अरे के अंदर कुछ होते हैं जिनको हम बोलते हैं हायर ऑर्डर फंक्शन हायर ऑर्डर फंक्शन बेसिकली ऐसा मान के चल सकते हो कि एक फंक्शन जो कि अपने कॉल बैक में एक फंक्शन मांगता है जैसे कि मैंने यहां पर एक फंक्शन बनाया था कुछ ऐसा ए बी सी करके अब मैंने आपको बताया था कि यहां पर जाके ए बी सी को मैं कोई वैल्यू पास कर सकता हूं और यहां जाके मैं उसको रिसीव कर सकता हूं और रिसीव करने के बाद मैं उसको देख भी सकता हूं क्या आ ये वैल्यू यहां जाके मिल गया था आपको लेकिन हायर ऑर्डर फंक्शन वो होते हैं जो अपने कॉल बैक में यहां पे मांगते हैं एक फंक्शन ये तो वैसे पैरामीटर है लेकिन कॉल बैक में एक फंक्शन मांगते हैं मैं आपको बताता हूं मेरे पास एक अरे है ए आर आर करके जो कि मैंने कुछ इस तरीके से बनाया है अगर मैं आपसे कहूं ए आरआर कैसा दिख रहा है तो आप कहेंगे ए आरआर कुछ ऐसा दिख रहा है अगर मैं चाहता हूं एक लूप बनाना अरे के लिए स्पेशली जो कि अरे की जितनी लेंथ है उतनी बार चले तो हम क्या करेंगे तो भैया फॉर का लूप चलाएंगे और कंडीशन में एर आर डॉट लेंथ लिख देंगे हां वो भी एक तरीका है लेकिन उससे अच्छा भी एक और तरीका है देखो हम लिखेंगे ए आरआर डॉट फॉर ईच और ए आर डॉट फॉर ईच अरे के अंदर के ईच एलिमेंट को पकड़ने और टारगेट करने में हेल्प करेगी तो मैंने कहा ए आ डॉट फॉर ईच इसके अंदर मुझे देना रहता है फंक्शन और फंक्शन को मैंने कुछ इस तरीके से खोल के रख दिया मैंने पहले ही बोला था स्क्रिप्ट की अलग वीडियो है देख लेना लेकिन देख रहे हो यहां पे तो रिवाइज के लिए देख रहे हो सिर्फ ए आर आर ड फ सर अगर समझ आ रहा है पहली बार देखने में समझ आ रहा है तो भाई बहुत बहुत बहुत अच्छी बात है मैंने कहा फंक्शन फंक्शन यहां पर मैंने बनाया और होगा क्या कि ये जो आपने एर फॉर ईच रखा है और इसके अंदर ये जो फंक्शन बनाया है ये जो फंक्शन है ना भाइयों ये कितनी बार चलेगा तो ये फंक्शन चलेगा पता है कितनी बार पांच बार क्योंकि आपके अरे का साइज पांच है लेंथ पांच ये पांच बार आपको हेलो दिखा अगर आप चाहे तो यहां पर अगर आप इसकी वैल्यूज को लिखना चाहते हैं तो यहां पर आप अपने ये जो आपके आर्गुमेंट थे यहां पर उसको पास कर सकते हैं कोई भी एक नाम जैसे मैंने पास कर दिया एलएम और अगर आपने देखा यहां पे कंसोल डॉट लॉग हेलो और एलएम जरूरी नहीं है एलएम लिखो आप कुछ भी लिख सकते हो तो यहां पर आपको मिल जाएगा हेलो 10 20 40 60 50 जो भी आपने दिखा था समझ आ रहा है तो जब पहली बार लूप चलेगा ध्यान से सुनना जब पहली बार लूप चलेगा तो ये जो 10 है ये है हमारा एलएम जब दूसरी बार लूप चलेगा तो 20 है हमारा एलएम तीसरी बार चलेगा 40 एम चौथी बार चलेगा तो 50 एलम पांचवी बार चलेगा तो 60 समझ आ रही है मेरी बात क्या किया मैंने थोड़ा सा टफ जरूर है लेकिन समझो मैंने कहा वेरिएबल ए आरआर और समय की भी थोड़ी सी कमी है ना यार अपने पास नहीं तो मैं तो तुम्ह भाई रटवा देता यह चीज झूठ नहीं बोल रहा हूं रवा देता ए आरआर कुछ इस तरीके से दिख रहा है कंसोल डलॉग एर आर और यहां पर जाके आपको एरर दिख रहा है अब आप चाहते हैं इस अरे को ऊपर एक लूप लगाना तो आप कहेंगे ए डॉट फॉर ईच और इसके अंदर मैंने बनाया फंक्शन और फशन को मैंने कुछ इस तरीके से खोल लिया है अब अगर आप ध्यान से देखेंगे तो मैंने यहां जाके क्या कहा मैंने यहां जाके कहा कि फंक्शन कितनी बार चलेगा ये ऑटोमेटिक कॉल होता रहेगा परेशान मत होना कितनी बार चलेगा जितना आरे का साइज है तो अगर मैंने कंसोल डॉ लॉग लिखा हे तो हमें यहां पे पांच बार है दिखा अगर मेरे अरे की लेंथ [संगीत] होती आठ आठ बार हे चलता सिंपल और अगर मैं यहां जाके कोई भी एक नाम कोई भी जैसे मैंने चाचा पास कर दिया और चाचा ने चाचा चा नहीं हमने यहां पे क्या पास कर दिया हमने यहां पे पास कर दिया है कुछ भी मैंने कुछ पास कर दिया वो भी गलत स्पेलिंग के साथ कुछ और मैं यहां जाके अगर हेलो कॉमा कुछ देखूंगा तो कुछ क्या है पता है जब पहली बार लूप चलेगा तो 10 है मेरा कुछ जब दूसरी बार लूप चलेगा तो 20 है मेरा कुछ समझ लो अभी के लिए यहां पर आपको सारी चीजें मिल रही है क्या यहां तक समझ आ रहा है क्या हो रहा है ठीक बढ़िया और ऐसे बहुत सारे फंक्शन होते हैं मैप फिल्टर रिड्यूस बहुत सारे आगे धीरे-धीरे बढ़ो आगे धीरे-धीरे समझ समझते जाओगे अभी हमको बढ़ना है ऑब्जेक्ट्स की तरफ लेट्स गो ऑलराइट दोस्तों तो अब हम चलने वाले हैं पढ़ने की तरफ ऑब्जेक्ट्स को और ऑब्जेक्ट्स को समझने के लिए आप क्या कर सकते हैं आप यहां पर जाके वेरिएबल बना सकते हैं ए आर आर और यहां पर जाके क्या बना रहा हूं मैं बताओ जल्दी से अरे नहीं अरे मैं यहां पे ऐसे लिख दूंगा ना क्या दिक्कत है वेरिएबल के नाम से जज मत करा करो चीजों को समझने के लिए ना एक काम करो आप अपने एक लिस्ट बना लो कि जहां भी ऐसी बात हो रही है इस इनकी बात हो रही है तो अब ऐसा मान के चलो कि बात हो रही है फंक्शंस की या मेथड्स की ठीक है मेथड्स क्या होते हैं मैं बताऊंगा अगर यह ब्रैकेट्स आपको दिख जाए तो आप समझ जाना कि बात हो रही है ऑब्जेक्ट्स की किसकी बात हो रही है ऑब्जेक्ट्स की और अगर आपको यह वाले ब्रैकेट्स कहीं दिख जाए तो आप समझ लेना कि बात हो रही है किसकी एरे की अभी 2 मिनट पहले पढ़ा था एरे समझ आ रही है क्या मेरी बात ठीक है तो हम लोग क्या कर सकते हैं मैं यहां पे ओज नाम का वेरिएबल बनाता हूं जिसको मैंने कुछ इस तरीके से बनाया ये ऑब्जेक्ट का पहचान है मान के चल सकते हैं अपन ठीक है अब अगर आप ऑब्जेक्ट्स के बारे में बात करेंगे तो ऑब्जेक्ट्स भी आपका एक रिफरेंस डेटा टाइप है मल्टीपल टाइप ऑफ डाटा रख सकता है अपने अंदर और ऑब्जेक्ट के अंदर ना आप क्या कर सकते हैं देखो मैं समझाता हूं ऑब्जेक्ट के अंदर आप चीजें प्रॉपर्टीज और वैल्यूज के फॉर्म में लिखते हैं प्रॉपर्टीज और वैल्यूज क्या होती है भैया जैसे अरे के अंदर कैसे अपन इस तरीके से डायरेक्टली कॉमा लगाला ला के दे देते थे लेकिन यहां पे आप ऐसे नहीं लिख सकते आपको यहां पे चीजें लिखनी पड़ेंगी प्रॉपर सिस्टमिक वे में प्रॉपर्टीज और वैल्यूज के वे में जैसे कि आप यहां पे लिखते हैं एक प्रॉपर्टी जिसका नाम मैंने रखा है मान लेते हैं यूजर और यूजर की वैल्यू को कूलन कूलन ये वाला कूलन लगा के आपने यूजर की वैल्यू दे दी मान लेते हैं हर्ष आपने कॉमा लगाया आप नीचे गए आपने यहां पर जाके एज दे दी यूजर की ए दे दी मान लेते हैं मैंने 20 तो यहां पर हुआ क्या यहां पर आपने दो टाइप ऑफ डाटा तो रखा है लेकिन जो दो टाइप का डाटा आपने रखा है वो आपने प्रॉपर्टीज और वैल्यूज के फॉर्म में रखा और अगर आप देखेंगे ओी ज को अगर आप देखेंगे तो ये कुछ ऐसा ही दिखाई दे रहा है आपको समझ आ रहा है बिल्कुल ठीक है अगर आप इसके अंदर की किसी प्रॉपर्टी को देखना चाहते जैसे हर अंदर कैसे अपन स्क्वायर लगा के ऐसे देख लेते थे ना स्क्वायर ब्रैकेट लगा के यहां प आप एक्सेस करना है तो आप डॉट लगा के देखते हैं डॉट नेम यहां पर जाके नेम तो कुछ था ही नहीं ना सॉरी डॉट यूजर तो आप देखेंगे तो डॉट यूजर यहां पर आपको दिखाई दे रहा है क्या आप ये समझ पा रहे हैं दोस्तों आ आई होप सो आप समझ पा रहे हैं ठीक है तो यहां पर ओजे ड यूजर देख लिया हमने कहा ओजे ड एज हमने ए भी देख ली क्या यहां तक समझ आ रहा है बहुत बढ़िया चलिए तो हम एक और चीज देखते हैं हमने यहां पर क्या कहा हमने यहां पर कहा वेरिएबल लेट्स सपोज मैंने कहा यूजर वन इज इक्वल टू लेट्स सपोज आपके आसपास जो भी कुछ है वो ऑब्जेक्ट है यार कुछ भी बना लो जैसे मैंने कहा वेरिएबल लेट्स सपोज ओ बीजे वन जिसके अंदर मैंने यहां पर ऑब्जेक्ट बनाया जिसके अंदर मैंने मान लेते मेरा ऑब्जेक्ट है फस का तो मैंने फोन में लिख दिया लेटस सपोज आईफो और आईफो का प्राइस है मान लेते हैं 300 है 00 70000 मैंने तो इतने लिया था मतलब जिससे मैं अभी रिकॉर्ड कर रहा हूं और वाइट नहीं वाइट नहीं नाम की प्रॉपर्टी के अंदर अपन लिखेंगे क्या वाइट आपको य समझ आया क्या किया मैंने ठीक है मैंने य पर एक और वेरिएबल बनाया ओबी जटू और मैंने सिंपली यहां पर जाके ओबी जटू के अंदर यहां पर सिंपली एक ऑब्जेक्ट बना दिया जिसके अंदर मैंने कहा मॉडल मॉडल दे दिया मैंने न प्लस और मैंने यहां पर इसका प्राइस दे दिया मान लेते हैं 30 और मैंने य जाक इसका कलर दे दिया ब्लू ठीक है और मैंने यहां पर एक और वेरिएबल बनाया ओजे 3 जिसके अंदर मैंने यहां जाके मॉडल दे दिया मान लेते हैं कल पर जाके मैं जान बूझ के नहीं भुलाऊं मतलब यह मैंने जान बूझ के 30 ही लिखा है तुम सोच रहे हो भैया उसम जीरो लगाना भूल ग इतना न प्लस न प्लस में लगे हो यार तुम यार ठीक है चलो यहां देखो मैंने अगर ओजे व को देखा तो ओजे व कुछ ऐसा दिख रहा ओटू को देखा ओजेट कुछ ऐसा दिख रहा है ओथ को देखा तो ओजे कुछ ऐसा दिख रहा है अगर मैं कहू ओजे 3 डॉट मॉडल तो आपको क्या लगता है क्या प्रिंट होगा बिल्कुल सही प्रिंट होगा अगर मैं कहता हूं ओजे 2 ड प्राइस में क्या प्रिंट होगा बिल्कुल सही 30 प्रिंट होगा मैं कहूंगा ओजे 1 डॉट कलर में क्या प्रिंट होगा तो बिल्कुल सही वाइट प्रिंट होगा क्या समझ पा रहे हैं आप लोग तो इस तरीके से ऑब्जेक्ट्स बनते हैं बहुत आसान ही है तो यार भैया हां बिल्कुल है कौन मना कर रहा है आसान नहीं है बिल्कुल आसान है यार ठीक है तो इस तरीके से आप इसके अंदर भी मल्टीपल टाइप ऑफ डाटा रख सकते हैं अब एक और चीज सुनो बहुत बढ़िया हम लोग यहां पर ऑब्जेक्ट के अंदर फंक्शंस भी बना सकते हैं बताता हूं कैसे मैंने यहां पे कहा बल ओजे इ इक्वल टू ये मैंने बना दिया ऑब्जेक्ट मैंने यहां पे लेट्स सपोज ये मैंने बनाया है यूजर के लिए और मैंने यहां पर लिखा यूजर नेम मैं नेम नहीं लिख सकता हूं यार क्योंकि नेम एक रिजर्व कीवर्ड है ना तो मैंने यूजर नेम लिखा है और यूजर नेम के अंदर मैंने यहां जाके नाम दे दिया मान लेते हैं सार्थक मैंने एज दे दी मान लेते हैं 69 कम अभी भी मैं उसपे ट हुआ हूं और मैंने इसको अंदर इसके अंदर एक फंक्शन बनाया कैसे बनाते हैं भैया फंक्शन सिंपली आप यहां पर जाके फंक्शन कैसे बनाते थे फंक्शन बनाते थे ना वैसे यहां पर फर्स्ट क्लास फंक्शन का ही फॉर्मेट यूज करना है मैंने फंक्शन बनाया लेट्स सपोज ग्रीट और ग्रीट नाम का जो फंक्शन है व मैंने कुछ इस तरीके से यहां पे बना लिया है जिसके अंदर मैंने कुछ इस तरीके से चीजें लिख दी हैं गुड मॉर्निंग और अगर आप देखेंगे कंसोल डॉट लॉक कराके अपने यूजर को तो यूजर आपका कुछ ऐसा दिखाई देगा यूजर नेम है सार्थक एज है और ग्रीट जो है वो अभी भी लॉक है अभी चल नहीं रहा उसके अंदर का मुझे देखना है कंटेंट तो मुझे दिखाई अभी भी नहीं देगा फंक्शन के अंदर क्या लिखा हुआ होगा क्या आप समझ पा रहे हैं मेरी बात ठीक है लेकिन अगर आप चाहते हैं कॉल करना किसको यूजर डॉट यूजर नेम को क्या यूजर नेम आ जाएगा यूजर डॉट एज को कॉल करना होगा फिर भैया नहीं एज भी आ जाएगी यूजर डॉट मुझे प्रिंट करना है प्राइस प्राइस मेरा प्राइस सॉरी कहीं और खो गया था मैं मैं कॉल करना चाहता हूं यूर ड ग्रीट तो आपको मिलेगा कंसोल पर फंक्शन लेकिन आपको तो फंक्शन कॉल करना था ना तो अगर आपको फंक्शन कॉल करना है तो यहां जाके आपको फंक्शन को कुछ ऐसे लिखना पड़ेगा और अगर आप देखेंगे तो यहां पे चल रहा है गुड मॉर्निंग और अनडिफाइंड अब आ अनडिफाइंड क्यों चल रहा है भैया ये अनडिफाइंड इसलिए चल रहा है क्योंकि जब आप फंक्शन को कॉल कर रहे हो तो फंक्शन कुछ रिटर्न नहीं कर रहा है अगर आप इसको इसको कसोल डलॉग के अंदर ना लिखते हुए ऐसे लिखते यूर ड ग्रीड तो ग्रीड जो था वो चल जाएगा यहां पे तो ये कुछ ऐसा चलता हुआ दिख गया लेकिन अगर आप यहां पे लिखते हैं इसको कसोल डलॉग के अंदर तो ये आपको देगा गुड मॉर्निंग और अनडिफाइंड अनडिफाइंड कौन सी लाइन की वजह से आ रहा है लाइन नंबर नौ की वजह से और लाइन नंबर नौ में कंसोल वाली स्टेटमेंट थी तो आपका फंक्शन से आप कुछ रिटर्न करवा दो तो ये नहीं आएगा रिटर्न 10 करवा दिया मैंने तो अब आपको आए आता हुआ दिखेगा गुड मॉर्निंग और 10 तो कुछ इस तरीके से आप बना सकते हैं मेथड्स अच्छा ये मेथड्स कहलाएंगे जैसे जो ग्रीट है ये एक तरह की मेथड है समझ आ रहा है फंक्शन इनसाइड ऑब्जेक्ट इज अ मेथड दैट्ची ट्स इट ट्स इट और भी थोड़ा बहुत होता है बाद में समझेंगे लेकिन सोच रहे होगे कि भैया मैं फोन से निकल के आपको गले लगा लेता आप इतना अच्छा पढ़ा रहे हो मैं जानता हूं तुम इतने अच्छे लोग हो ठीक है चलो बात सुन ध्यान से अब बात करते हैं एक बहुत ही ज्यादा मेरे कंधे दुख रहे हैं मजाक से हट के बहुत ज्यादा मैं बैठा हुआ हूं एक ही जगह प क्योंकि तुम्हें लग रहा है एक वीडियो भैया तीन चार घंटे की बनाने में आपकी इतनी क्यों फट रही है भाई तीन चार घंटे में नहीं बनती यार क्योंकि कई बार वीडियो रिकॉर्ड करो तो वो सही से रिकॉर्ड नहीं हो पाती कई बार रिकॉर्ड करते हैं वापस देखते हैं यार मजा नहीं आ रहा हटाओ देखते हैं कि यार कभी वीडियो रिकॉर्ड कर रहे हैं लाइट चली गई या कॉल आ गया किसी का या बहुत 17 नट होते हैं यार टाइम लगता है तो भाई कंधे तो कर बहुत खतरनाक लेकिन फिर भी हम पढ़ेंगे ध्यान से देखो गाइस हम लोगों को यहां पे करना क्या है हम लोगों को पढ़ना है अरे ऑफ ऑब्जेक्ट्स इसका मतलब क्या होता है भैया जैसे आपने एक अरे बनाया ए आरआर करके जो कि कुछ ऐसा दिखाई देता है जिसके अंदर आप लोग कुछ इस तरीके से वैल्यूज को लिख सकते हैं आपको समझ आया क्या हुआ अब आप चाहे यहां पर जाके ए आर का जीरो एलिमेंट अगर आप देखना चाहेंगे तो वो भी देख पाएंगे 10 है य प लेन अगर मैं यहां पर इसके अंदर ये 10 20 य सिंपल वैल्यूज देने की जा क्योंकि हम जावास्क्रिप्ट में तो यहां पर मैं इसको ऑब्जेक्ट क्यों नहीं दे सकता बिल्कुल दे सकते हैं कोई मना नहीं कर रहा आपको मतलब क्या भैया इसका मतलब यह बोलना चाह रहा हूं मैं कि आप यहां पर कुछ तरीके से अपनी जो चीज थी ना के अंदर की उनको एक सिंबल नंबर बनाने से क्या मतलब आप इसके अंदर कुछ अच्छा लिखो नेम लिख सकता हूं वैसे तो कोई मना नहीं लेकिन लिखना चाहिए नहीं मैंने लिख दिया मान लेते हैं सार्थक जज 25 69 सॉरी ठीक है यहां जाकर मैंने लिख दिया नेम हर्ष जज 20 मैंने लिख दिया यहां पर एक और ऑब्जेक्ट बना के आकर्ष जज 30 साल कम से कम 30 का तो होगा आकर्ष ठीक है यहां पर आपके सामने तीन ऑब्जेक्ट है और आप देख सकते हैं तीनों ऑब्जेक्ट ऐसे देखर आप चाहे तो इनको ओपन करके देखो अच्छे से दिखेगा दिख सकते हो जीरो पर कौन बैठा सार्थक वाला ऑब्जेक्ट फिर हर्ष वाला ऑब्जेक्ट फिर आकर्ष वाला ऑब्जेक्ट ठीक है प्रैक्टिस करते रहना सब कुछ साथ-साथ में ठीक है चलो ध्यान से देखो अब अगर मैं ए आरआर का जीरो एलिमेंट देखने जाऊं तो क्या मिलेगा मुझे सार्थक वाला पूरा का पूरा ऑब्जेक्ट ये कुछ ऐसा दिखाई देगा अगर मैं फर्स्ट वाला पूरा का पूरा ऑब्जेक्ट देखने जाऊं तो मिल जाएगा अगर मैं उसकी वैल्यू को इसी चेक करना चाहता हूं तो मैं लिखूंगा ए आरआर का फर्स्ट एलिमेंट डॉट लगा के उसके आगे मैं लिखूंगा नेम तो मुझे मिल जाएगा नेम क्या था तो नेम था हर्ष कुछ इस तरीके से तो ये आपने पता है क्या बनाया ये आपने बनाया अरे ऑफ ऑब्जेक्ट्स जोकि बहुत काम की चीज है आगे जाके पढ़ो बहुत काम आएगी आगे वाली वीडियोस में पढ़ोगे बहुत काम आने वाली एरे ऑफ ऑब्जेक्ट्स यहां तक समझ आ रहा है क्या सब कुछ बढ़िया चल रहा है क्या ठीक है तो यहां तक अगर समझ आ रहा है तो अब हमें लगता है कि जावास्क्रिप्ट को रोकना चाहिए और थोड़े बहुत कांसेप्ट आपको डॉम के बताना चाहिए चलेंगे उसकी तरफ चलो लेट्स गो तो डॉम पढ़ना चालू करते हैं और थोड़ा सा बेसिक बेसिक तो एटलीस्ट देख ही लेते हैं इस वीडियो में और अगर आप डिटेल में देखना चाहते हैं आई हाईली रिक्वेस्ट यू ऑल प्लीज ये वाली वीडियो देख लो जाके प्लीज देख लो बहुत प्यार से बनाई थी आप लोगों के लिए और बहुत बढ़िया वीडियो है देखोगे ना तो डॉम के सारे कांसेप्ट क्लियर हो जाएंगे लेकिन यहां पर अन थोड़ा बहुत बेसिक देख लेते हैं उसके बाद आप जरूर देखना वाली वीडियो ठीक है ये वीडियो में देखो बेसिक्स फिर जाना वहां पे ठीक है दोस्तों चलो लेट्स गो तो यहां पे सबसे पहले डॉम व्हाट इज डॉम अब आप पूछेंगे कि कौन डॉम लेकिन नहीं मैं मत पूछो कंडोम ऐसा समझो कि आप काम कर रहे थे अभी तक किस चीज में अभी तक आप काम कर रहे थे भाई सबब एचटीएमएल में सीएसएस में और जावास्क्रिप्ट में जावास्क्रिप्ट एक लैंग्वेज है अभी तक हम क्या कर रहे थे ना अभी तक हम एक लैंग्वेज सीख रहे थे जो कि है जावास्क्रिप्ट अब हम सीखेंगे कि उस लैंग्वेज का फ्रंट एंड में क्या यूज है मतलब ऐसे समझ लो आप मेरे हाथ के बीच में बैठे हुए हो यहां पे और अब आप यहां से बहुत डायरेक्शंस में जा सकते हो आप फ्रंट एंड कर सकते हो आप बैक एंड कर सकते हो आप रिएक्ट जस लिख सकते हो आप रिक्ट नेटिव से मोबाइल एप्स बना सकते हो आप इलेक्ट्रॉन ज से डेस्कटॉप एप्स बना सकते हो आप बहुत कुछ कर सकते हो लेकिन अभी हम पहले इस सर्कल में ही आसपास आसपास घूम रहे थे लैंग्वेज को मास्टर कर रहे थे अब बारी है उसको फ्रंट इन में इंप्लीमेंट करने की और उस कांसेप्ट को यानी कि फ्रंट इन की जावास्क्रिप्ट को हम कह सकते हैं डॉम डॉक ट ऑब्जेक्ट मॉडल आपको ये छोटी सी डेफिनेशन समझ आई फ्रंट एंड की जावास्क्रिप्ट इज डॉम और डॉम के अंदर कुछ चीजें रहती है जो मैं आपको बताता हूं ध्यान से देखो क्या उसको बताने से पहले सबसे पहले तो यहां पर हम चीजों को खाली करेंगे सबसे पहले हम यहां पर भी चीजों को खाली करेंगे और यहां पर सिंपली हमने लिखी है बॉयलर प्लेट और बॉयलर प्लेट लिखने के बाद मैंने यहां पर लिंक कर लिया है सीएसएस को क्योंकि सीएसएस की मदद से ही हम उसका बैकग्राउंड ब्लैक कर पाएंगे कुछ वैसे है नहीं काम का लेकिन ठीक है चलो ये भी मैंने हटा दिया बॉडी का बैकग्राउंड कलर ब्लैक और मैंने यहां पर स्क्रिप्ट ड ज को भी लगा दिया तो आप लोग प्लीज मत भूलना लगाने का लगा लेना यार साल सारे लोग ठीक है तो यहां पर हमको कुछ ऐसा आउटपुट दिखने वाला है कुछ ऐसा कोई दिक्कत परेशानी नहीं है अब अगर मैं यहां पर करना क्या चाहता हूं एटली मैं यहां पर करना चाहता हूं अपने फ्रंट एंड के एलिमेंट्स को मैनिपुलेट चेंज मतलब मतलब मैं जावास्क्रिप्ट में बैसे बैठे डोम की हेल्प से डॉक्यूमेंट ऑब्जेक्ट मॉडल डॉम की हेल्प से अपने फ्रंट एंड के अंदर की चीजों को यानी एचटीएल सी जेएस के अंदर ये चीजों को चेंज करना चाहता हूं तो वो करेंगे हम विद द हेल्प ऑफ डॉम अब डॉम के ना चार पिलर्स होते हैं भाइयों फोर पिलर्स ऑफ डीओ एम डॉम डॉम के चार पिलर्स क्या-क्या होते हैं डॉम का पहला पिलर होता है दोस्तों जिसको हम बोलते हैं सिलेक्शन ऑफ एन एलिमेंट भैया इसका क्या मतलब इसका मतलब ये है कि कोई एचटीएमएल एलिमेंट है उसको मैं जावास्क्रिप्ट में कैसे सिलेक्ट करता हूं हैं क्या क्या मतलब अरे देखो यार जैसे तुमने यहां पर एक h बनाया जिसके अंदर तुमने लिखा हेलो गाइज और यहां पर मैं ये जो यूनिवर्सल सिलेक्टर है यानी कि इसकी मदद से मैं सबको डायरेक्ट कर सकता हूं तो मैंने यहां जाके कहा कलर एफ एफएफ तो यहां पे हेलो गाइज लिखा हुआ दिख रहा है हमको अब मैं यहां जाके क्या करना चाहता हूं मैं सीएसएस में जब मैंने यहां पर जाके h1 को टारगेट करा और मैंने कहा h1 का बैकग्राउंड कलर रहेगा क्रिम्सन तो हुआ क्या यहां पर मैंने h1 को टारगेट करा h1 लिख के और उसके बाद मैंने उसके अंदर की चीजें लिखी हैं तो आप देख पाएंगे इसका बैकग्राउंड क्लर रेड हो चुका है मैं यहां पे जावास्क्रिप्ट के अंदर किस तरीके से सिलेक्शन करता हूं मतलब ऐसे समझो कि तीन पेजेस है एचटीएमएल सीएसएस और जावास्क्रिप्ट आप बैठे हो जावास्क्रिप्ट में आप जावा स्क्रिप्ट में बनाते हो आप अपना जाल बिल्कुल एकदम उसके अंदर चारा वारा फसाया और आपने घुमाया और घुमा के फेंका सीधा एचटीएमएल की तरफ और वहां से उस एलिमेंट को उठा के वापस ले आए अ क्या समझ पा रहे हो मेरी बात यही सीखेंगे हम लोग सिलेक्शन ऑफ एन एलिमेंट के अंदर उसके बाद यहां पर हम देखेंगे चेंजिंग एचटीएमएल कि एचटीएमएल को कैसे चेंज करते हैं विद द हेल्प ऑफ जावा मतलब कि यहां पर लिखा है हेलो गाइस अगर मैं हेलो गाइस को हेलो गर्ल्स करना चाहूं तो मैं कर सकता हूं जावास्क्रिप्ट के हेल्प से सीखेंगे यहां पर मैं सिखाऊंगा आपको चेंजिंग सीएसएस और लास्ट चीज हम सीखेंगे इवेंट लिस नर ये चार पिलर्स है डॉम के जिन्हे हमें कंकर करना है पिलर्स को डिस्ट्रॉय करना है इस वीडियो के अंदर और चार पिलर फोड़ दिए यह मुझे आप कमेंट में बताएंगे अगर आप ये सीख जाते हैं तो तो सबसे पहले हम लोग करने क्या वाले हैं डम के अंदर सबसे पहले देखेंगे सिलेक्शन ऑफ एन एलिमेंट क्या होता है सिलेक्शन मतलब किसी एलिमेंट का सिलेक्शन कैसे करते हैं सिलेक्शन करने के लिए सिंपल आप एक [संगीत] html2text और एक चीज का ध्यान रखना यहां पर केसिंग काफी इंपॉर्टेंट है ये सब कैमल के इसमें लिखा हुआ है तो आप लोग अपने हाथ से भी अगर लिखो तो ऊपर नीचे मत कर देना मतलब तुमने कहा अगर मैं क्वेरी सिलेक्टर का एसे स्मॉल कर दूंगा तो ये गलत हो जाएगा ऐसे ही लिख रहने देना इसलिए बोलता हूं सजेशंस का यूज़ करो क्या किया मैंने मैंने यहां पे लिखा डॉक्यूमेंट डॉट क्वेरी सिलेक्टर यानी कि एक पर जाके आपको मिल जाएगा आपका h1 सिंपल मतलब इतना आसान मतलब h1 सिलेक्ट हो गया क्या हां क्या किया भै आपने मैंने लिखा डॉक्यूमेंट यानी htl1041 बना हुआ है तो आप ऐसे भी सेलेक्ट कर सकते थे क्या आप समझ पा रहे हैं मेरी बात आई होप आप समझ पा रहे हैं तो अब हम यहां पर जाके करना क्या वाले हम कहते हैं डॉक्यूमेंट डॉट क्वेरी सिलेक्टर और मैंने h1 को सिलेक्ट कर लिया मैं अब इसको बार-बार ये पूरी लाइन ना लिखना पड़े इसलिए मैं इसको एक वेरिएबल के अंदर लिख देता हूं लेट्स सपोज a के अंदर और अगर मैं कसोल डॉट लॉग करके देखूंगा a को तो मुझे यहां पर हमारा पूरा का पूरा h1 दिखाई दे रहा है तो चार पिलर्स में से पहला पिलर तुमने फोड़ दिया है जो कि है सिलेक्शन ऑफ एन एलिमेंट सेकंड पिलर है चेंजिंग एचटीएमएल यानी कि इस एचटीएमएल इसका एचटीएमएल चेंज करना तो यहां पर आप सिलेक्शन तो कर ही चुके थे ऑलरेडी डॉक्यूमेंट क्वेरी सिलेक्ट करके अब हमको इसका एचटीएमएल चेंज करना है तो हम क्या करेंगे अब हम करेंगे यहां पर जो हमने एलिमेंट बनाया है ए नाम का हम लिखेंगे a डॉट अब ये ए किसको रिफर कर रहा है ये ए कर रहा है पूरे ए1 को रिफर तो आप कहेंगे a डॉट इनर एचटीएमएल यानी a के अंदर का इनर एचटीएमएल यानी उसके अंदर का एचटीएमएल चेंज कर दो और आपने इनर एचटीएमएल के अंदर कह दिया क्या चेंज करना चाहते हो आप इसके अंदर तो मैंने कहा कि एड इनर एटीएमएल के अंदर मैं कर देता हूं लेट्स सपोज चेंज तो आपको यहां पे चेंज लिखा हुआ दिख रहा होगा ध्यान से देखो कितना ज्यादा आसान है आप सम समझ पा रहे मतलब अगर आपको किसी का एचटीएमएल चेंज करना है तो आप लिखेंगे सिंपल डॉट इनर एटीएम इक्वल टू लगा के उसकी वैल्यू लिख सकते हैं दैट इट और आपने दूसरा पिलर भी फोर दिया है भाइयों इतना आसान था बढ़िया तो यहां मैंने क्या सिखाया आपको कि डॉक्यूमेंट डॉट क्वेरी सिलेक्टर करके आप किसी एलिमेंट को सिलेक्ट कर सकते हैं जैसे कि h1 और उसको वेरिएबल के अंदर स्टोर करवा सकते हैं h1 नाम का ही वेरिएबल बना दिया मैंने बना सकते हैं और डॉट लगा के इनर एमल करके उसका एचटीएमएल भी चेंज कर सकते हैं मिल गया यहां पर हमको चेंज मिल गया अगर आप सीएसएस चेंज करना चाहते हैं तो सिंपल लिखिए h1 ड स्टाइल क्योंकि अब आप खुद समझो आप बैठे थे जावा स्क्रिप में आपने जाल फेंका था एटीएमएल के अंदर अब आप एटीएमएल से बीच में सीएसएस में भी तो आना चाहते हो तो डॉट स्टाइल लगाना जरूरी है डॉट स्टाइल लिखते साथ ही मैं सीएसएस की सारी प्रॉपर्टीज को एक्सेस कर सकता हूं जैसे कि मैंने एक्सेस कर लिया कलर को और कलर की वैल्यू मैंने दे दी मान लेते हैं अ डबल कोड लगा के अ वाइट वाइट तो ऑलरेडी थी अ ब्लैक कर देते हैं तो होगा क्या h1 की स्टाइलिंग चेंज हो जाएगी स्पेशली कलर वाली तो यहां पर आप देखेंगे तो कलर चेंज हो चुका है अगर आप बैकग्राउंड कलर चेंज करना चाहते हैं तो वो भी कर सकते हैं कैसे h1 ड स्टाइल स्टाइल लगाना जरूरी है सीएसएस के लिए आप लिख सकते हैं बैक ग्राउंड कलर अब बैकग्राउंड कलर हम लोग सीएसएस में ऐसे ही लिखते थे देखो मजाक से हट के देखो बैकग्राउंड कलर डैश लगा के लिखा था लेकिन यहां पर डैश अलाउड नहीं है यार डैश के बाद वाला लेटर कैपिटल कर देना है जिसको हम कैमल केस बोलते हैं और इसके अंदर अगर मैंने यहां पर जाकर लिखा बैकग्राउंड कलर जो कि मैंने दे दिया है मान लेते हैं रॉयल ब्लू ये रॉयल ब्लू हो जाएगा बैकग्राउंड कलर क्या आप समझ पा रहे हैं और इसी के साथ आपने तीसरा पिलर भी फोड़ दिया तो डॉक्यूमेंट डॉट कोरी सिलेक्टर करके h1 सिलेक्ट कर लिया डॉट एटील करके एन एटील चेंज कर दिया और स्टाइल डॉट कलर या स्टाइल डट करके कोई भी सीएसएस प्रॉपर्टी देके सीएसएस को चेंज कर लिया और लास्ट और मोस्ट इंपॉर्टेंट है इवेंट लिनर भैया यह क्या होता है इवेंट लिस्नर अब इवेंट लिनर ध्यान से देखोगे ना तो दो चीजों से बना है पहला है इवेंट अगर मैं आपसे पूछूं कि इवेंट क्या होता है तो आप कहेंगे भैया इवेंट मतलब शादी का इवेंट इवेंट मतलब बर्थडे का इवेंट इवेंट मतलब एनिवर्सरी है किसी को तो उसका इवेंट नहीं यहां पे वो वाला इवेंट है इवेंट मतलब होती है इवेंट मतलब होता है समथिंग व्हिच इज हैपनिंग इवेंट मतलब कुछ हो रहा है जैसे कि मैंने मान लेते हैं कि टेबल पे ऐसा करके ठक किया ठक किया तो ये एक इवेंट है मैंने वेबसाइट पर जाके माउस को मूव करा ये एक इवेंट है मैंने जाके किसी एलिमेंट पे क्लिक करा ये एक इवेंट है मतलब जो भी मैं हरकत कर रहा हूं जो भी मैं काम कर रहा हूं वेबसाइट में जो भी मैं अ एक्शंस कर रहा हूं वो हमारे इवेंट्स है दोस्तों और उन इवेंट्स को लिसन लिसन मतलब सुनने वाला नहीं समझने वाला एक लिसन तो सभी को चाहिए अपने जीवन में जो उनकी हर परेशानी को समझे वैसे यहां पर इवेंट लिसन मतलब यूजर जो है आपका यूजर जो भी वेबसाइट के अंदर यूजर है वो आएगा वेबसाइट प और वेबसाइट पर आने के बाद वो कोई हरकत करेगा कैसी हरकत करेगा भई गंदी हरकत नहीं नहीं नहीं गंदी हरकत नहीं इवेंट मतलब जैसे कि वेबसाइट प आके कहीं भी क्लिक करेगा वेबसाइट प कहीं भी किसी को ड्रैग करेगा माउस मूव करेगा कीबोर्ड प कीज दबाए ये सारे इवेंट्स हैं और इन इवेंट्स को सुनने वाला समझने वाला कहलाता है इवेंट लिस्नर तो हम लोग करते क्या है हम लोग यहां जाके डॉक्यूमेंट डॉट क्वेरी सिलेक्टर करके एलिमेंट को सिलेक्ट करते हैं जैसे कि मैंने h1 को सिलेक्ट कर लिया है और मैंने उसको वेरिएबल के अंदर भी रख दिया और मैंने कंसोल डॉट लॉक करके देखा h1 को तो यहां पर मुझे h1 मिल भी जाएगा ठीक है h1 मिल गया हमको और यहां पर इस h1 को देखने के बाद मैं अगर इसके ऊपर लगाना चाहता हूं इवेंट लिसन तो मैं कहूंगा इवेंट लिसन जोड़ दो यानी कि h1 डॉट ड इवेंट लिनर और इस लाइन का मतलब है कि मेरे h1 में इवेंट लेसनर जोड़ दूं और जैसे ही मैं इवेंट लिसन को जोड़ूं तो मुझे यहां पर देनी है दो चीजें पहली है डबल कोड के अंदर आपको बताना पड़ता है इवेंट और ये प्री डिफाइंड है जैसे क्लिक एक प्री डिफाइंड इवेंट है आप इसको क्लिक को क्लिक की नहीं कर सकते ये क्लिक ही है पहले से ही बना हुआ है और साथ में आप देते हैं फंक्शन तो हुआ क्या है यहां पे आपने h1 ड इवेंट लिनर करके एक इवेंट बनाया है जो कि क्लिक पे काम करेगा यानी कि h1 पर जब क्लिक होगा तो यह जो फंक्शन है ये चलेगा आसान भाषा में क्या क्या क्या फिर से बताना भया फिर से h1 पर मैंने एक इवेंट लिस्ट लगाया डॉट ड इवेंट लिनर करके मैंने यहां पे पास करा मेरा इवेंट जो कि है क्लिक क्लिक एक इवेंट है जिसके और बहुत सारे तरीके के इवेंट्स होते हैं मैंने कॉमा लगा के यहां पे चला दिया फंक्शन और फंक्शन के बाद मैंने यहां पर जाके फंक्शन के बाद यह ब्रैकेट्स को ओपन करा और मैंने कहा कसोल डलॉग हेलो और यहां पर हेलो चल जाएगा और यहां पर आप अगर देखेंगे तो अभी ये हेलो नहीं चल रहा पता है क्यों नहीं चल रहा क्योंकि जब आप h1 पर क्लिक करेंगे तब ये फंक्शन चलेगा और जब मैंने h1 पर जाके क्लिक करा हेलो चल गया कितना बढ़िया अच्छा तो भैया सिर्फ हेलो लिखवा सकते हैं या फिर कुछ भी करवा सकते हैं कुछ भी करवा सकते हैं जैसे जैसे कि आप कह सकते हैं यहां पे h1 डॉट इनर [संगीत] htl1041 चेंज लिखा हुआ आ गया मैंने यहां पर जाके लिखा h1 स्टाइल डॉट कलर ब्लैक तो यह सब ऑटोमेटिक नहीं चलेगा जब h1 पर क्लिक होगा ना सिर्फ और सिर्फ तब चलेगा और जैसे मैंने क्लिक करा य चेंज हो गया और जरूरी नहीं है आप क्लिक ही लगाए आपके पास बहुत सारे इवेंट्स होते हैं जैसे कि आपने लगा दिया एक माउस एंटर यानी कि माउस एंटर ऐसे लिखा था शायद सॉरी माउस एंटर तो जब भी मेरे h1 पर माउस एंटर होगा यानी कि जैसे ही मैं अपना माउस लेके जाऊंगा ये चेंज हो जाएगा मैंने इसके ऊपर लगा दिया मान लेते हैं डीबीएल क्लिक डीबीएल क्लिक मतलब डबल क्लिक यार ओबवियसली जब मैं इस पे सिंगल क्लिक कर रहा हूं कुछ नहीं हो रहा लेकिन मैं जैसे ही डबल क्लिक कर रहा हूं तो ये चल जा रहा है आपको ये समझ आ रहा है बहुत बढ़िया यहां पर जाके आपको ये समझ आ गया है कि जब मैं यहां पर h1 प ऐड एटलिस्ट लगाता हूं क्लिक और डबल क्लिक तो ये कुछ इस तरीके से काम करता है आई होप आपको समझ आया होगा और आपको यह थोड़ा बहुत तो एटलीस्ट कॉन्फिडेंस आया होगा कि हमने चौथा फिलर भी फोड़ दिया है हमने क्या सीखा क्या है मैं बताता हूं डॉक्यूमेंट ऑब्जेक्ट मॉडल यानी डम इ अ फ्रंट एंड की जावास्क्रिप्ट जिसके अंदर आपको किसी भी एलिमेंट कोर सिलेक्ट करना है तो आप कहते डॉक्यूमेंट ड क्वेरी सिलेक्टर मैंने यहां जाके एलिमेंट का नाम दे दिया है मैंने वेरिएबल दे दिया है h1 और मैंने यहां पर जाके कंसोल डॉट लॉक करके देख लिया h1 को मुझे h1 मिल रहा था ठीक है मुझे उसकी इनर एटीएल चेंज करनी थी तो मैंने यहां जाकर कहा कि चेंज एचटीएमएल तो चेंज एएए दिखने लगेगा मुझे उसकी सीएसएस चेंज करनी थी तो डॉट स्टाइल डॉट कलर दे देते हैं चलो कलर मैंने कर दिया ब्लैक यहां पर देखोगे तो कलर भी ब्लैक हो गया और अगर मेरे को बैकग्राउंड कलर देना था तो मुझे कैमल केस का ध्यान रखना पड़ेगा ओबवियसली जैसे कि मैंने कहा बैकग्राउंड कलर और जो कि मैंने दे दिया है मान लेते हैं रॉयल ब्लू तो ये देखोगे तो ये कुछ ऐसा दिखाई देने लगेगा अच्छा अब मैं यहां पर अगर इसको इवेंट लिनर के ौर भी जोड़ना चाहता हूं तो मैं कहूंगा h1 ड ड इवेंट लिनर एलिमेंट को जो भी सिलेक्ट कर र था उसपे ही लगाएंगे ना यार किस पे क्लिक करोगे ऐसे हर तो करने ही दोगे h1 एड लिनर आपने बताया मैंने कहा क्लिक यानी मैं उस पर क्लिक करना चाहता हूं फंक्शन और फंक्शन के साथ में मैंने यहां जाके लिख दिया है क्लिक और जैसे ही आप इस पर क्लिक करेंगे तो हेलो चलेगा क्लिक ड चलेगा और यह वाला कोड को अगर उठा के आप इसके अंदर लिख देंगे और आप चाहे तो कंसोल पर क्लिक भी चलवा सकते हैं तो अगर आप देखेंगे यहां पर जाकर मैं कौन पर क्लिक मैं इस पे क्लिक कर तो चेंज एमल आ गया और क्लिक भी दिख रहा और जितनी बार आप क्लिक करोगे उतनी बार यहां पर आपको हेलो दिखाई दे रहा है क्लिक दिखाई देगा कि आपको ये समझ आ रहा है बिल्कुल सही ये कलर क्यों नहीं चेंज हो रहा बार-बार अरे एक बार हो गया सेम कलर बार-बार थोड़ी ना होगा मैं तुमसे कहूंगा कि पहली बार क्लिक करने पे ब्लू हो रहा है और लगातार क्लिक करने पे भी ब्लू हो रहा है तो थोड़ी ना वो चेंज होगा पहली बार में देखा चेंज बाद में होता रहेगा समझ आ रहा है ना बढ़िया तो यहां तक मुझे लगता है कि हमने डॉम भी थोड़ा बहुत तो एटलीस्ट समझ लिया है और फाइनली वो वक्त आ चुका है जिसका आपको और मुझे दोनों को इंतजार नहीं था वीडियो यहीं पे खत्म हो रही है गाइस मैं उम्मीद कर रहा हूं कि मैंने आपको बिल्कुल भी बोर नहीं किया है और अगर आपको सच में इस वीडियो में मेरे द्वारा या हमारे द्वारा किए गए जो भी एफर्ट्स पसंद आए हो तो प्लीज प्लीज प्लीज नीचे जाके लाइक प्लीज कर देना कमेंट कर देना और ऐसे ही कंटेंट अगर कंटीन्यूअसली देखना चाहते हो तो प्लीज शेर स्कडिंग स्कूल को सब्सक्राइब कर लेना और दूसरी बात इस वीडियो में हमने सिर्फ रिवाइज की है चीजें अगर आप डिटेल में देखना चाहते हो चीजें तो नीचे डिस्क्रिप्शन में आपको हर एक टॉपिक की डिटेल वीडियो मिल जाएगी आप प्लीज जाइए प्लीज उसको एक् लोर कीजिए और प्लीज उसको ध्यान से पढ़िए लेकिन अगर आप सिर्फ रिवाइज करने यहां पर आए थे तो आपका काम बहुत अच्छे लेवल पे हो गया है और अगर आप पहली बार भी पढ़ रहे थे तो मैं उम्मीद कर रहा हूं कि मैंने आपको थोड़ा बहुत तो कुछ एटलीस्ट सिखा ही दिया होगा और डिटेल में चाहते हो तो वहां जाके देख सकते हो और अगर आप इन वीडियोस में जो भी पढ़ रहे हैं अगर आप कहीं भी अटकता हो तो आप सीधा जाइए instagram2 पर आप मुझे या फिर शेरिंग कोडिंग स्कूल को भी instagram2 पर आपके सारी डाउट्स को हम सॉल्व करने की कोशिश करेंगे और उम्मीद करता हूं कि आपने यह जो पढ़ा है वो सच में सीख गए होंगे अब इससे कुछ बना के देखो कुछ क्रिएट करके देखो जो जो वेबसाइट बनाई थी उसको बना के देखो और प्लीज इसको टा पर अपलोड करना और टैग करना मत भूलना यार बहुत अच्छा लगता है जब लोग कुछ क्रिएट करते हैं और मिलेंगे बहुत जल्दी इतना वेट अब दोबारा नहीं कर पाऊंगा बहुत जल्दी मिलेंगे और कुछ बढ़िया क्रिएट करेंगे थैंक यू सो मच आपका इस वीडियो को यहां तक देखने के लिए मैं हूं सार्थक शर्मा एडिटर है हमारे साथ आर्यन सिंह चौहान और मेरा सपोर्ट स्टाफ यहां पर बैठा हुआ है हर्ष पटेल के रूप में वीडियो को ध्यान से देखने के लिए धन्यवाद बाय बाय टाटा गुड नाइट