🌐 HTML Form Methods & Semantic Tags Explained

Name: 🌐 HTML Form Methods & Semantic Tags Explained
Uploaded: 2025-11-28T06:55:09+00:00
Duration: 1 h 41 s
Channel: skillwaala
Description: 👨&zwj;💻 What You’ll Learn in This Class:<br />✅ What are Form Methods in HTML (GET & POST)<br />✅ How data travels through the network when a form is submitted<br />✅ Understanding Semantic Tags like , , <br />✅ Understanding Non-Semantic Tags like and

skillwaala

1 day ago

👨‍💻 What You’ll Learn in This Class:
✅ What are Form Methods in HTML (GET & POST)
✅ How data travels through the network when a form is submitted
✅ Understanding Semantic Tags like , ,
✅ Understanding Non-Semantic Tags like and

Category

📚

Learning

Transcript

Display full video transcript

00:00:00झाल झाल

00:00:30झाल

00:01:00एलो गाईस

00:01:03गुद इविनिंग एवरिवन

00:01:04गुद इविनिंग सायनात रवी

00:01:06सिबूल अदित्य सूरज

00:01:09इशा अदित्य अतूल

00:01:12हर्ष

00:01:13दिपिका

00:01:14एक बार सब रेस्पोंस कर दो कि

00:01:17मेरी वाइस किलियर है और मैं आपको किलियर

00:01:19वीजिबल भी हूँ इस चीज का रेस्पंस कर दो आप सभी

00:01:22किलियर और वीजिबल ठीक है

00:01:36किलियर और वीजिबल ठीक है

00:01:51अगर अगर अगर आपको कोई डाउट है

00:02:13मतलब प्रिवियस क्लास से रिलेटेड भी अगर कोई डाउट है

00:02:15तो आप कमेंट करके बता सकते हो

00:02:18अगर प्रिवियस क्लास से रिलेटेड भी अगर आपको डाउट है

00:02:20तो आप कमेंट करके बता सकते हो

00:02:22नहीं तो फिर आपन आगे बढ़ते हैं सीच के अंदर

00:02:25गुड़ीवनिंग गुड़ीवनिंग

00:02:45कोई भी माइक आउन मत करना

00:02:49किसी को कोई डाउट नहीं है

00:03:16ठीक है ठीक है चलो अपन आगे बढ़ते हैं अगर किसी को कोई डाउट नहीं है

00:03:20किसी भी चीज से रीलेटेड पन आगे पड़े हैं क्था कि ठीक है चलो अब आ जाते हैं प्रस प्रस एक विस गूड की उपर और

00:03:29अपन समस्त है अपने आगे की चिजू को तो मैं यहां पर अपने व्यस पर आता हूं

00:03:33इसार चीजे वापस रिपीट कर देती तो यह अपने पास अपना

00:04:02तो सारी वैल्यू अपने पास यहां पर आनी चीज आपने इंपूट ले रहे हैं, अब बात यहां आती है, कैसे पता चलेगा, कि यह जो इंपूट है, इसका लेबल यही है, यह भी तो सारी चीज़े हैं, फिर उसके बाद अपने देखा अपना इंपूट टेक्स्ट, इंप

00:04:32प्रवाइब लेना है तो उसके लिए यूज करते हैं इन्पूट डेट अगर अपने को टाइम से रिलेटेड कुछ काम करवाना है इन्पूट फाइल अगर अपने को फाइल अपलोड करवानी है

00:05:01उसी के अंदरFrankly अपने पास अट्रिबूट भी अट्रिबूट अपने देखे थे प्लेशोडलड अगर अपने को पैसुılar करना है

00:05:08उसके अलावा अपने पास आता है अपना required अगर अपने को field को required करना है उसके अलावा अगर अपने बात करें input number की तो अगर अपने को number से related कुछ काम करवाना है input search अगर अपने को search से related कुछ काम करवाना है input radio जो है वो अपने पास selection के लिए काम आता है और radio चलता है multiple option पर single selection के

00:05:38अगर अपने बात करें अपने इंपूट चैक बोक्स की तो चैक बोक्स की बात करतें तो यहां पर multiple option, multiple selection अपने पास यहां पर होता है

00:05:45ऐसे ही अपने देखा select, select के अंदर अपने पास अपने options अपन यहां पर दे सकते हैं

00:05:50ऐसे drop down.

00:05:51Input reset अगर अपने को form को reset करना है.

00:05:54input यहाँ पर submit, अगर form को submit करवाना है, ठीक है, ऐसे ही अपने पास input के अंदर button भी आता है, ठीक है, जैसे मैंने यहाँ पर लिखा, input colon button, ठीक है, अब यह button जो आता है, यह अगर अपने को कोई भी एक free button देना है, उसके लिए अपन इसको use लेते हैं, जैसे मालो मैं यहाँ पर

00:06:24ठीक है, तो यह जो home वाला button है, यह आपके form को submit नहीं करेगा, form को submit करेगा, आपका save वाला button, ठीक है, जैसे आप save पर click करोगे, तो तो को form submit होने जारा, लेकिन home वाला button यहाँ पर submit करने का काम नहीं करेगा, clear, basically आपके form को clear करेगा, क्योंकि अपने input reset यहाँ पर use ले रखा

00:06:54यहाँ पर आप बोलोगे, कुछ अपने पास attributes है, उन attributes पर भी आपन discuss कर लेते हैं, जैसे अगर अपन बात करते हैं, अपने label की, तो label के अंदर अपने पास 4 attributes आ रहा है, अब यह 4 attributes क्या काम आता है, यह भी आपन देख लेते हैं, तो यहाँ पर यह जो 4 attributes है, यह काम आता है

00:07:24मैं यहाँ पर कहां देता हूं कि यह first name का क्या है for है

00:07:27Show me मैंने पर past कर दिया तो यह जो आपने f name दीया है यही same f

00:07:32name आप कहां पर past करोगे इस input के अंडर ID के अंदर क्यूंकि अपने को

00:07:36इसको एक दूसरे को connect करना है तो मैंने यहाँ पर रूछा कि जिस tief

00:07:42apply कर रहे हैं इसका मतलब

00:07:44देखो अब यहाँ पर आपको automatically पता चलेगा

00:07:46जैसे मैं यहाँ पर इस input पर

00:07:48click करूँगा तो यह बताएगा यह

00:07:49input का यहाँ पर क्या है

00:07:52label है ठीक है जैसे मालो मैं इस पर click कर रहा हूँ

00:07:54अभी कुछ भी पता नहीं चल रहा है इस पर click कर रहा हूँ

00:07:55click कर रहा हूँ कुछ भी पता नहीं चल लेकिन मैं जब इस पर click कर रहा हूँ

00:07:58तो मैं बता चल रहा है कि यह

00:07:59इसका input अपने पास क्या है यह है

00:08:02ठीक है तो यह अपने पास बात हो गई

00:08:04इस चीज की

00:08:05ठीक है तो ये अपने पास क्या होता है अपना फूर होता है

00:08:35झाल झाल

00:09:05कि अच्ट कि अच्ट कि अच्ट कि मैंने आप सभी के मैसेज़ देख लिए हैं आपने जो कमेंड कर रहा है सर हमारे मेंसेज भी देख लो सरस्क्रीन और शेर्ड सरस्क्रीन शोर नहीं हो रही है

00:09:34मैसेज देखिए ना एक बार प्लीज प्लीज प्लीज प्लीज ठीक है मैंने स्क्रीन शेयर नहीं करी थी और मैंने मैसेज भी नहीं देगा आपके यह जो कमेंड कर रहते हैं लेकिन कोई बात ने रिविजन किया है जो रिकॉर्डड अपना आएगा उसके अंदर आपको यह �

00:10:04क्या है करे अब अब आपको बताने वाला हूं एक नई चीज बताई थी लेकिन अपन उसको वापस रिपीट कर लेते हैं कोई बात नीवापस रिपीट करें जो नई चीज अपन ने देखी यहां तक की

00:10:16चीज बिल्कुल सही थी ठीक है तो चलो मैं रिपीट कर देता हूं यहां पर अपन देख रहे थे अपने सारी चीजी देख ली अब अपन जो जो एट्रिब्यूट्स अपने पास रिमेंग रहे रहे उस पर अपन यहां पर डिसकस करते हैं एक बार रेस्पॉंस दो करते हैं �

00:10:46युँ भी मेरे को आबाज ने आईगी क्योंकि मेरे सिस्टम में स्पीकर नहीं है यह जो PCS में स्पीकर ही नहीं तो आवाजर्श से भी नहीं यह

00:10:54ही ठीक है चलो यहां पर आजाओ और अपना यहां पर डिसकस करते हैं एक एक एक बिधिट के उपर

00:11:10यहाँ पर जो four attribute आता है यह क्या काम आता है तो जो अपना four attribute है यह काम आता है अपने इस input को connect करने के लिए मतलब यह जो label है यह किस input का है उसको बताने के लिए तो सबसे पहले आपको एक ID define करने पड़ेगी

00:11:23आईडी हमेशे unique होती है जैसे मालों आपने यहाँ पर fname एक ID यहाँ पर assign कर दी तो यह जो आईडी आपने दी यही सेम आईडी आपको कहां पर देनी है अपने four के अंदर इससे यह आपका label जो है वो इस input से connect हो जाएगा देखो कैसे जैसे ही मैं यहाँ पर इस label पर क्लिक कर

00:11:53तो यहाँ पर मैं इसको एक ID दे देता हूँ और यहाँ पर मैं कहां देता हूँ user email नाम की मैंने एक ID देती आईडी यूनिक होती है तो कुछ अच्छी सी ID दे देना आप मैं यहाँ पर copy कर लेता हूँ और यहीं पर इसको four के अंदर पास कर देता हूँ तो जैसे आप इस �

00:12:23name attribute के उपर की name attribute आपका यहाँ पर क्या काम आता है ठीक है तो चलो यह सारी चीजे तो अपने discussion कर ली अब आते है अपने name attribute के उपर तो देखो यहाँ पर अपने यह जो complete form बनाया है यह जो मैंने complete अपना form create करा है इसके अंदर user सबसे पहले अपना first name फिल करेगा yellow first name फिल कर

00:12:53दिया उसने यहाँ पर यहाँ पर अपना password फिल कर दिया उसने आपर अपनी डेटो बडी उसने यहाँ पर check-in time भी जैसे माली तायम व्यू है वैंस के बाने और सलेक्ट कर लेगा

00:13:02फाइल भी उसने यहाँ पर सेलेक्ट कर ली, येलो उसने यहाँ पर अपनी फाइल भी सेलेक्ट कर ली, एज भी उसने यहाँ पर सेलेक्ट कर ली, फाइन वाला काम भी यहाँ पर कर लिया, जेंडर भी उसने सेलेक्ट कर लिया, सब्जेक्ट भी यहाँ पर सेलेक्ट कर लिया

00:13:32उसी के अंदर आपका data store होने वाला है,

00:13:34जो आप input में देने वाले हो,

00:13:35तो यहाँ पर variables क्या होते हैं,

00:13:37जहाँ पर अपन temporary data store करवा सकते हैं,

00:13:40जैसे आप refresh करोगे,

00:13:41सब कुछ delete हो जाएगा,

00:13:42तो यहाँ पर यह जो name नाम के attribute है,

00:13:45इसके अंदर अपन create करेंगे अपने variable name,

00:13:47जिसके अंदर आपका input की values store होने वाली है,

00:13:51ठीक है, तो जैसे यहाँ पर यह name आ रहा है,

00:13:53तो मैं इसको उसी नाम से रखूँगा,

00:13:55जो मेरे पास user से चीज आ रही है,

00:13:57जैसे मालो user से क्या रहा है,

00:13:58इसके अंदर user का first name आ रहा है,

00:14:00तो मैं यहाँ पर कुछ उससे related रख लेता हूँ,

00:14:01जैसे मैंने बोल दिया F name,

00:14:03ठीक है, मैंने क्या बोला, F name,

00:14:05परफेक्ट, ठीक है,

00:14:07ऐसे ही, इस text area के अंदर के आने वाला है user का address,

00:14:11तो यहाँ पर अपने पास जो name नाम का attribute आ रहा है,

00:14:14उसके अंदर मैं यहाँ पर कहा देता हूँ,

00:14:15user address, ठीक है, user address,

00:14:19फिर उसके बाद next अगर अगे चलते हैं,

00:14:21तो यह user का email है,

00:14:22इस input के अंदर जो अपने पास name आ रहा है,

00:14:24उसमें मैं यहाँ पर कहा देता हूँ,

00:14:25user email, ठीक है, user email,

00:14:28फिर उसके बाद यहाँ पर इस input के अंदर जो name है,

00:14:31उसके अंदर मैं कहा देता हूँ,

00:14:32user का यहाँ पर क्या है, pass, ठीक है,

00:14:34user का pass मैं यहाँ पर कहा देता हूँ,

00:14:37फिर उसके बाद next अगर अगे चलते हैं,

00:14:38तो यह अपने पास label है,

00:14:40और इसका input है,

00:14:41तो इस input के अंदर मैं यहाँ पर कहता हूँ,

00:14:43user की क्या ले रहे हैं,

00:14:44user की डी ओ बी मैं यहाँ पर कहता हूँ,

00:14:47फिर उसके बाद,

00:14:48यह जो अपने पास label है,

00:14:50यह check-in time का है,

00:14:51और इस input के अंदर name कें अंदर मैं यहाँ पर कहता हूँ,

00:14:53check-in,

00:14:55चेक इन time

00:14:57चेक इन time क्या है

00:14:59वो मेरे पास यहाँ पर आ जाना चाहिए

00:15:00फिर उसके बाद यह docs का है

00:15:02तो मैं यहाँ पर इस name के अंदर

00:15:04एक variable name लिख लेता हूँ

00:15:05जिसमें मैं यहाँ पर करता हूँ user docs

00:15:07फिर उसके बाद अपने पास age आ रही है

00:15:11इस age के अंदर मैं यहाँ पर इस input के अंदर क्या करता हूँ

00:15:13अपना name यहाँ पर define कर देता हूँ

00:15:15और मैं यहाँ पर करता हूँ user age

00:15:17चीक है फिर उसके बाद अपन चलते है find

00:15:20मतलब उसने यहाँ पर क्या find करा है

00:15:21तो यहाँ पर मैं करता हूँ user search

00:15:23उसने क्या सर्च करा फिर उसके अलावा gender है यहाँ पर अभी जो अपने name है उनको अपने reserve कर दिया है तो इसको कैसे get करेंगे आगे बताऊंगा मैं फिर उसके बाद अगर अगर अपन checkbox की बात करते तो checkbox के अंदर name को अपने reserve कर दिया है एक grouping की through फिर उसके अलावा select है select के

00:15:53perfect यहाँ तक तो कोई issue नहीं है यहाँ पर जो अपने पास name था उसको अपने यहाँ पर use कर लिया है अब चलो आगे चलते हैं इसी चीज के अंदर यहाँ पर आजाओ अपने इसी file को मैंने run कर रखा है और अपने चेक करते कि अपनी values किस तरीके से travel करेगी एक बार के लिए

00:16:23इंस्पेक्ट के अंदर यहाँ पर बहुत सारे आपके पास components आ रहे है elements आ रहा है console आ रहा है sources आ रहा है नेट्वक आ रहा है performance memory ऐसे अगर आप देखोगे तो अप्लिकेशन ठीक है रिकॉर्डर रिडक्स बहुत सारे चीज़े

00:16:37element जो है उसके अंदर आपको यहाँ पर आपके complete HTML के elements दिखने वाले है कि form के अंदर आपने यह सारे tag यूज़े बता रहा है आपको ठीक है अभी के लिए कुछ भी मैं यहाँ पर discussion नहीं कर रहा है क्योंकि अपन इसको अभी explore नहीं कर रहे हैं दीरे-दीर explore करेंगे जैसे ज

00:17:07हूं और इसको submit करता हूं फॉर्म को मैंने देवांच्व यहाँ पर फिल कर दिया address के अंदर मैंने अपना address फिल कर दिया मैंने बोल दिया जैपूर यहाँ पर मैंने

00:17:16email id फिल कर दी email at gmail.com

00:17:18यहाँ पर मैंने अपना password फिल कर दिया

00:17:20date of birth भी मैं आपर select कर लेता हूँ

00:17:22check in time भी मैं आपर select कर लेता हूँ

00:17:24जो मैं को करना है

00:17:25एक कोई सी भी file मैं आपर select कर लेता हूँ

00:17:28उसके लावा age मैं आपर fill कर देता हूँ

00:17:3012 अगर अगर अपन फिल करेंगे तो वो नहीं लेगा

00:17:32हमेशा जो अपने minimum maximum लगा रहा है

00:17:34उसके basis पर कर लेता है

00:17:35search के अंदर मैं यहाँ पर कहतेता हूँ

00:17:37जैसे मैंने यहाँ पर div search करा

00:17:39gender मैंने यहाँ पर mail फिल कर दिया

00:17:41checkbox मैंने सारे checkbox select कर लिये

00:17:43और cars के अंदर मैंने वर्टर select कर ली

00:17:45then उसके बाद मैंने save करा

00:17:47जैसे आप save करोगे तो देखो यहाँ पर आपका

00:17:49एक form submit होने के लिए है आप जैसे इस पर

00:17:51click करोगे तो जो भी आपने

00:17:53variables name decide करें थे

00:17:54उन सब variables के अंदर आपकी values store हो रखी है

00:17:57F name नाम का variable लिया था हो

00:17:59उसमें आपका देवानश स्टोर है

00:18:01user address के अंदर आपका जैपूर स्टोर है

00:18:03user email के अंदर जो आपने email दी है

00:18:04user password के अंदर user का password

00:18:07user DOB के अंदर user की date of birth है

00:18:10check in time के अंदर आपका check in time आ रहा है

00:18:12user docs के अंदर आपकी user docs आ रही है

00:18:14user h के अंदर जो आपने fill करीव हो आ रही है

00:18:18user search में देव था

00:18:19अब देखो यहाँ पर देवानशु करके आपने कुछ दे रखा है

00:18:23देवानशु करके क्या दे रखा है

00:18:24यह क्या चीज आगए भई

00:18:25अच्छा यहाँ पर जो आपने radio लिया है

00:18:28उसमें आपने देवानशु नाम का दे रखा है

00:18:31इसको हटाना कभी भी ऐसा नाम नहीं लिखते है पन

00:18:33ठीक हटा देंगे इसको पन

00:18:34S1 अपने पास यहाँ पर क्या है

00:18:36S1 आपके checkbox है उसके अंदर भी own लिखावा रहा है

00:18:39देवानशु जो आपका radio है उसके अंदर भी own लिखावा रहा है

00:18:42ठीक है

00:18:43ऐसे drop down के अंदर भी कोई value आपने वर्टर select करा था

00:18:46लेकिन वो value नहीं आ रही

00:18:47तो देखो यहाँ पर उसको किस तरीके से get करते है

00:18:49सबसे पहले तो यहाँ पर देवानशु को अटाओ

00:18:51यहाँ पर मैं कहा देता हूँ gender

00:18:53ठीक है

00:18:56यह ऐसे नाम मत रखना कभी भी

00:18:58परफेक्ट यह सारे चीज़े है

00:19:03अब क्या क्या चीज़े नहीं आ रही है आपके पास यहाँ पर

00:19:06आपके पास आपका जो radio है उसकी value नहीं आ रही

00:19:09आपके checkbox में कौन-कौन से checkbox उसने select करे

00:19:12और drop down की value नहीं आ रही

00:19:13वो कैसे आएगी यहाँ पर name को तो आपने reserve कर दिया

00:19:16क्योंकि grouping भी ज़रूरी थी

00:19:18without grouping आप इसको continue नहीं कर सकते थे

00:19:20तो यहाँ पर अपन एक attribute लेंगे जो अपने पास है value

00:19:24value नाम का attribute मैं यहाँ पर लेने वाला हूँ

00:19:26किसके अंदर लेंगे वो value नाम का attribute आप लेने वाले हो

00:19:31इस input group के अंदर इस input के अंदर ही मैं यहाँ पर क्या लेंगा

00:19:34अपना value नाम का attribute अब मैं यहाँ पर दिखता हूँ कि

00:19:37अगर उसने male select करा तो मेरे gender के अंदर male आ जाना चीए

00:19:41ऐसे ही अगर उसने यहाँ पर अपना female select करा

00:19:45तो यहाँ पर अपने पास क्या जाना चीए अपना female आ जाना चीए

00:19:49ठीक है और ऐसे ही अगर उसने यहाँ पर radio के अंदर

00:19:53अपना other select करा तो यहाँ पर value के अंदर अपने पास क्या आजाना चाहिए अपना other आजाना चाहिए

00:19:58अगर वो तीनों चीजों में से तीनों input में से कोई सा भी select करता है

00:20:02तो वो value अपने पास आजाना चाहिए

00:20:03same काम अपनी को checkbox में करना है

00:20:05चेक बोक्स में अपने यहां पर ग्रूपिंग तो करी दी, ठीक है, अब यहां पर अपन अपना value नाम का attribute लेते है, मैं value नाम का attribute लेता हूँ, अगर वो stml select करता है, तो मिरे पास stml आ जाना चाहिए, क्या select करता है, stml, stml select करें तो stml आ जाना चाहिए, ऐसे ही same, मैं यहां प

00:20:35से ही select काले के अंदर भी आपको यही काम करना है, वो drop down के अंदर अगर BMW select करता है आपकी, तो BMW आ जाना चाहिए, अगर वो यहां पर होंडा select करता है, तो होंडा आ जाना चाहिए, और अगर वो यहां पर vertus select करता है, तो आपके पास vertus आ जाना चाहिए, और अगर वो यहां

00:21:05अब मैं यहापर सारी चीज़े फिल करता हूँ, मैंने देवांचु फिल करा, एड्रेस मैंने यहापर बोला जैपूर, इमेल मैंने यहापर यह पास कर दी, पासवर्ड मैंने यहापर कुछ भी पास कर दी अभी के लिए, मैंने यहापर डेटो पर्त पास कर दी, मैंने यहा�

00:21:35करना है से आपका फार्म सब्सेक्द करना है स्वांकी को पर बादो

00:22:05पर चेक करें HTML CSS or GS अगर आप सिस्टीमल CSS सेलेक्ट करते हैं तो आपके अपने वर्टस सेलेक्ट कर रहा है तो यह अपने पास क्या होता है अपना नीम अट्रिब्यूट होता है जो अपन यहां पर यूज लेते हैं

00:22:21आपको यहां तक की चीज समझ में आई है अगर यहां तक की चीज क्लियर रहे तो एक बार कमेंट करके बताओ यहां की चीर है इसमीं कोई डाउट नहीं है

00:22:30अगर तक मैं आपका कुछ कमेंड लेता हूं और यह बहुत बड़ा कमेंड कर रखा है

00:22:35सर जैसे जावा स्क्रिप्ट में value या variables का नाम लिखते है

00:22:40camel case, snack case, pascal case लिखते है

00:22:45वैसे ही stml में जहां पर भी हम attribute लिखते है

00:22:50उसका जो value हम लिखते है

00:22:52क्या वो small letter में लिखते है

00:22:55क्या ये फिर कुछ और case में लिखते है

00:22:58और best practice क्या है सर बताएए

00:23:01ये देखो अपन camel case में ही लिखेंगे

00:23:03camel case में आप लिख सकते हो

00:23:05ये variable जो है ये data store करने के लिए है

00:23:09तो आप camel case के अंदर लिख सकते है इसको

00:23:11क्योंकि अपन camel case ही यूज़ करेंगे

00:23:13अपना complete man stack चल रहा है

00:23:14ऐसे अलग-अलग format होते है लेकिन अपन यहाँ पर camel case यूज़ करेंगे

00:23:17camel case के अलावा अपन यहाँ पर अपना जो और आते है उसके अंदर भी अपन लिख सकते है

00:23:24ठीक है

00:23:25अधिति करें ये form कोई भी device से अगर fill करे तो क्या हम data देख सकते है

00:23:32और यह बस local host है sir यह local host है जो अपना live server है वो local host के उपर run करता है

00:23:39अगर आप यहाँ पर form build कर रहे हो तो कहीं और नहीं देख सकते है क्योंकि अपने इसको कहीं पर deploy नहीं करा

00:23:43कोई भी domain नहीं है अपने पास यह local host है जिस पर पनिया पर देख रहे है यह form कोई भी device से अगर ठीक है

00:23:54यह sir clear है इंस्पेक्ट का option repeat करना प्लीज ठीक है

00:24:00ओके ठीक है यहां तक की चीज़े आपको clear है तो एक बार के लिए पना जाते हैं इंस्पेक्ट वाला option कुछ नहीं है

00:24:18इजी है आपको यहाँ पर inspect में आना है और inspect में आके network पर आना है बस form submit करोगे आपके पास यहाँ पर value आने वाली है

00:24:26जो आपका form submit हुआ उसकी ठीक है जैसे मैंने यहाँ पर save करा तो पहले तो यह fill करने के लिए बोल रहा है

00:24:32एक बार के लिए अपन इसको फिर से repeat करके देखते हैं मैं यहाँ पर हटा देता हूँ यहाँ पर आते हैं मैंने फिल करा

00:24:38मैंने यहाँ पर address भी दे दिया address मैंने यहाँ पर बोल दिया जैपूर मैंने यहाँ पर अपनी email id पास कर दी मैंने यहाँ पर password भी पास कर दिया

00:24:45date of birth select कर लो कुछ भी check in time select कर लो कुछ भी file select कर लो कुछ भी ठीक है age यहाँ पर पास कर दो आप 45

00:24:55find yellow find कर लिया gender select कर लो दो check box select कर रहा हूं और vertus मैं यहाँ पर select कर रहा हूं then उसके बाद मैं यहाँ पर क्या कर रहा हूं save यह आपका form submit होने को आया

00:25:05user address आगया सारी चीज़ आ रही है देखो s1 यहाँ पर check box था आपने दो ही select करें तो दोनों ही value आ रही है ठीक है तो यह तो बात होगे अपने पास किस चीज़ की अपने form की value को get करना लेकिन अगर आप यहाँ पर उपर देखोगे तो यहाँ पर आपको दिख रहा है कि आप

00:25:35user की email तो यह है ठीक है user की email क्या है user की email तो यह है उसके अलावा user का password की बात करो तो यह रहा user का password ठीक है यह रहा मेरे पास user का क्या password तो यह अपने पास email भी आ गई और password भी आ गया दोनों चीज़ आ रही है तो आराम से आप यहाँ पर login कर सकते हो उसकी details चेक कर सकते हो ठी

00:26:05है यहाँ पर फिल पर बोलते हैं यहाँ पर तो यहां परके से जर्द

00:26:22लिए हैं आपने यहां पर यह लेते हैं ओर मैथट्स आथे हैít डॉमोन तो सेजक्ति पहने

00:26:32method ठीक है form की दो method होते एक तो get और एक होता अपने पास post method

00:26:36get अपने पास by default apply होता उसको apply करने की जरूरत नहीं है और post method यहाँ पर आपकी form को secure बनाता है

00:26:44मतलब आपकी query string generate नहीं होने देता देखो अभी आपकी query string generate हो रही है

00:26:49मैं एक बार के लिए refresh करता हूँ और इसको भी मैं यहां से हटा देता हूं ठीक है

00:26:53यह close कर दो इसको एक बार के लिए refresh करो यहाँ पर आओ और इसके उपर अपना method लगा दो post चीक है

00:27:00यह जो मेरे पास form है, इस form के उपर आपको अपना method लगाना है और method कौन सा लगाना है आपको यहाँ पर post

00:27:06दो method आते है, get और post, get by default apply होता है, उसको apply करने की ज़रूरत नहीं है आपको

00:27:11मैंने उसके उपर method लगा दिया, अब मैं यहाँ पर inspect करके check करता हूँ अपने network के अंदर

00:27:16मैंने सारी details यहाँ पर fill करी, अपना address फिल कर दिया, अपनी email id फिल कर दिया, अपना password फिल कर दिया

00:27:22मैंने यहाँ पर edit select कर लिए, check in time भी मैं यहाँ पर कुछ भी select कर लेता हूँ

00:27:26मैंने यहाँ पर file भी select कर लिए, age मैंने यहाँ पर fill कर दिया, और search के अंदर अपने को

00:27:32जो भी search करना है, वो search कर लिया, मैंने यहाँ पर gender select कर लिया, check box select कर लिया

00:27:37अब मैं यहाँ पर इसको करता हूँ, save, तो देखो जैसे ही मैं save कर रहा हूँ, तो पहला तो बोला है, this page isn't working

00:27:45क्योंकि यह कुछ submit नहीं हो रहा, लेकिन यहाँ पर आपकी सारी values आ रही है, अगर आप form.stiml को open करके देखोगे, तो यहाँ पर f नहीं आ रहा है, देवान्चू, और यहाँ पर अगर आप देखोगे, इसके top header के उपर, तो यहाँ पर आपकी query string generate नहीं हो रही है, लेकिन

00:28:15method लगा है, यह आपकी query string generate नहीं होने देता, आपके form को secure बनाता है, तो form को secure बनाना है, उसके लिए अपर यहाँ पर कौन सा method यूज लेते हैं, अपना post, अब यह क्यों आ रहा है, इसलिए आ रहा है, क्योंकि data कहीं ने कहीं back end में अपने को ले जा के store करवाना है, यह सारा क

00:28:45मैं यहाँ पर get लगाता हूँ, अगर आप get लगाओ या मत लगाओ, by default get होता है, तो अगर मैं get लगा के यहाँ पर form को fill करता हूँ, मैंने यहाँ पर get लगाया, form को fill करा, सारी details से यहाँ पर fill करी, email id दे दी, password मैंने यहाँ पर दे दिया, यह मैंने यहाँ पर select कर लिया, file म

00:29:15तो देखो यहां पर यह जो है इसका जो आप पेलोड देखोगे इस पेलोड के अंदर आपके पास आपका complete data आ रहा है लेकिन यह जो method है आपका get method है मैंने लगाया नहीं लगाओ तो भी get होता है लगाने के बाद भी get है देखो यहां पर आपकी query string generate हो रही है यह complete query string अपनी �

00:29:45get method है तो post method आपका secure होता है अपन यहां पर जो method यूज़ लेते हैं कौन सा अपना post method secure बनाने के लिए ताकि कोई भी hacker जैसे आप बोलते हो तो अगर आप अपने form को secure नहीं बनाओगे तो hacker का तो काम यही होता है कि कि कितना secure बना रगा है कितना नहीं बना रगा उसके basis पे �

00:30:15अपने स्किप करिए अगर आपको फाहम यह जो फाहम अपने पढ़ाए यह बहुत अच्छे से क्लियर है तो एक बार कमेंट करके बताओ यह सर क्लियर है इसमें कोई डाउट नहीं है

00:30:25कि चीक है

00:30:26कि अच्छे अच्छे में अच्छे में देखा ही नहीं था पूरा बैच एंड कर दिया और कभी भी एस्टी में प्रॉब्लम भी नहीं आई

00:30:49सर मुझे पहचाना किया यह बिल्कुल अर्जुन में आपको जान गया

00:30:52जान गया

00:30:53सर इंस्पेक्ट वाला रिपीट इंस्पेक्ट वाला रिपीट अभी तो करा था

00:31:22इंस्पेक्ट में कुछ नहीं गरना आपको इंस्पेक्ट में आना है अगर आपको यहां आगे

00:31:31अगर इन को किया इस्पेक्ट अपको फिल्ड को समझाने के लिए सिस्ति हैं अगर अभी आपका इंड रॉल चाहिए

00:31:43बात करा इंस्पेक्ट फिर उसके बाद आपको नेटवक के अंदर आना है जैसे आप फॉर्म सब्मिट करोगे यहां पर आपका फॉर्म सब्मिट होने को आएगा जैसे मैंने आप सारी डीटियल्स फिल करी ठीक है कुछ भी डीटियल्स यहां पर फिल कर दो रिक्वाइड ज

00:32:13फोल्ट चैक डारा है डॉपडाउन के अंदर आपने जो फर्स्ट ऑप्शन दे रखा वह वह बियम डग्रू है तो वही उप्शन उसके अंदर स्लेक्ट होके आ रहा है ठीक है तो यह अपने पास क्या होता है अपना इंस्पेक्ट होता है जो पने यहां पर यूस करा सिर�

00:32:43कि इसमें multiple values शो होगी क्या payload में नहीं इसके अंदर

00:32:57multiple values नहीं सिर्फ यह आपको files बताएगा पहले multiple attributes लगा

00:33:02रखाया कि वो चेक करूं जैसे मैं यहाँ पर आता हूं multiple attributes आपने लगा

00:33:07ठीक है तो यहां पर जो भी फाइल्स होगी वो सारी शो हो जाएगी जैसे मैं इंस्पेक्ट करता हूं ठीक है और नेटवर्क में पना जाते हैं मैं यह सारा डेटा यहां पर फिल कर देता हूं जो आपने रिक्वाइर कर रखा है

00:33:17select file कर लो यह मैंने यहाँ पर चार file select कर ली open कर ली ठीक है चार फाइल यहाँ पर select हुई है मैंने save करा

00:33:24और address address address save करो इसको ठीक है यहाँ पर अगर आप check करोगे तो यहाँ पर देखो अपने पास

00:33:33यूजर डॉक्स में सिर्फ एक ही डॉक आ रहा है अच्छा multiple नहीं बता रही है ठीक है फिर यह back end में करना पड़ेगा अपने

00:33:47यह को multiple jobs इनको सब को एक सारी फाइल इसके ब्लेना पड़ेगा यह अपन reacting के फ्रू करेंगे जैसे रियक्त के अंदर जितने भी डॉक आ रहे ह, उनको सब को

00:33:56साथ टार्गेट करते हैं उनके फाइल निम निकालते हैं फिर उसके बाद वो सारे फाइल निम अपन एक एरेग अंदर स्टोर करके फिर बैकेंड में बेच सकते हैं अभी के लिए पेलोड में नहीं आ रहा कोई बात नहीं

00:34:05ढिला प will जो फिर ईकिड्री इस्टीग to work nữa रिफ्रेश करो फॉर्म को तिकत है कुछ Gyka है

00:34:17यहां से इसको रिफ्रेश करदो डेटा हटा दो पूरा वार्पलिए रिफ्रेश करओ

00:34:25method कौन सा use कर रहा आपने post चीक है मैं यहां पर आता हूँ और file select कर लेता है पन तीन

00:34:31file मैं यहां पर select कर लेता हूँ name अपन यहां पर दे देता है email दे दो

00:34:38ठीक है और मैं यहां पर इसको करता हूँ save यह आपका form.sgmail आ गया ठीक है यह है form.sgmail और अगर आप

00:34:50पेलोड में आओगे तो यहां पर user docs अपने पास आई नहीं रहा हूँ

00:34:58यहां पर देखो अप डॉक्ट जनरेट हो क्या रहा है अपका यहां पर अगर आप देखोगे तो user

00:35:13docs में एक दो तीन चार चार इमिजेस अपने अपलोड करी थी वो चारों यहां पर आ रही है ठीक है प्रिवेस डेटा भी दिखा रहा है लेकिन है यहां पर

00:35:21ओके ठीक है यह सारे चीज़े अपना आगे देखेंगे देखो इसमें फैच डॉक्ट बहुत सारे चीज़े होती है सब अपना आगे डिसकस करेंगे अपने इस कूर्स के अंदर अभी के लिए

00:35:34क्या चीज़े आ रही है क्या नहीं आ रही क्या ठीक है चलो यहां तक की चीजबे है तो एक बार कमेंड करके बताओ यह सर यहां तक की चीजबे

00:35:57क्या यह बिल्कुल जावास्क्रिप्ट के अंदर काम आएंगे वैलिडेशन के लिए यूज लेते हैं फॉर्म को अच्छा बनाने के लिए यूज लेते हैं जैसे फोर एट्रिब्यूट था लेबल को इंपुट से कनेक्ट करने के लिए ठीक है जैसे आईडी और क्लास अट्

00:36:27करते हैं यह सब चीजे मैं आपको आगे बताने वाला हूं अभी के लिए स्किप करो इन चीजों को जितना मैंने आपको सिखा है वह प्रैक्टिस आप अभी करो क्योंकि यह सिर्फ अपनी जर्नी स्टार्ट हुई है अपने को स्टीमल में ही नहीं रुकना अपने को आगे �

00:36:57कि जब आप प्रैक्टिस करोगे विदावट प्रैक्टिस आपको चीजे टिपिकल लगेगी स्टीमल तक सऀही है लेकिन जैसे ऐस्टीमल से आगे बढ़ोंगे Siis तक भी सही है जैसे रियक्ट आएगा और जावा स्कृप्ट आएगा जावा स्कृप्ट से में जर्नी आप

00:37:27कि मैं आपको आधी रात में भी उठा कि पूछ दो कुछ तो आप बता दोगे क्योंकि एस्टीमल सी एसस हर जगे रिपीट होने वाली है तो इसमें एफर्स लगाओ लेकिन ऐसा नहीं कि आप एस्टीमल सी एसस को देखके सोचरों कि यही दुनिया है यह नहीं है दुनिया अ

00:37:57अगर आपका कोई भी डाउट है तो एक बार आप डाउट लिखो अगर क्लियर है तो क्लियर लिखो नहीं तो फिर अपना आगे बढ़ते हैं अपने एस्टीमल के अंदर एस्टीमल के आज अपनी लास्ट क्लास है बाकि फिर अपना आगे

00:38:20CSS पे discuss करेंगे अपनी कल वाली class के अंदर

00:38:23मैं आपको कुछ task भी देने वाला हूँ

00:38:25वो कल दूँगा मैं आपको

00:38:50सर टेबल नहीं बताओगे टेबल रह गया चलो टेबल भी बता देंगे यह तो आपने याद दिला दिया

00:38:57सर स्टेमल इतने में खतम हो जाएगा नहीं इतने में खतम नहीं होगा

00:39:04मैं आपको एक चीज इस कूर्स के अंदर एक चीज हमेशा याद रखना

00:39:08मैं अगर HTML पढ़ा रहा हूँ

00:39:11और HTML आपको लगता है कि

00:39:13सिर्फ HTML का टॉपिक खतम होते ही

00:39:15HTML खतम हो गई तो वो खतम नहीं हुई है

00:39:17CSS के अंदर भी कई टैग मैं आपको बता सकता हूँ नए

00:39:21जैसे अपन JavaScript पढ़ेंगे

00:39:23React पढ़ेंगे

00:39:24वहाँ पर भी नए टैग आ सकते है

00:39:26हर चीज आगे आती रहेगी

00:39:29जब तक कोर्स खतम नहीं होता

00:39:30तब तक नई नई चीजे आती रहेगी इसके अंदर

00:39:33तो HTML सिर्फ टॉपिक खतम कराया पनने

00:39:36मतलब अपना HTML जो स्टार्टिंग था

00:39:38वह खतम कराया यह बेस है

00:39:40इसको पढ़ना जरूरी था

00:39:41सीखना जरूरी था

00:39:42अब इसके अंदर और नई चीजे होगी

00:39:44वह आपको आगे पता चलती रहेगी

00:39:46जैसे जैसे यूज आती रहेगी

00:39:47ठीक है

00:39:48क्योंकि development के अंदर जैसे जैसे

00:39:50चीजों की requirement रहती है

00:39:52वैसे वैसे चीजे आपको पता चलती रहती है

00:39:53लेकिन जो मैंने एक structure बनाया था

00:39:56वो सारी चीजे मैंने बताई है

00:39:58इसके लावा और नई चीजे आगे आएगी

00:40:00फिल्ट सैट फिल्ट सैट भी आता है

00:40:06सर सिमेंटिक टैग आगे पढ़ा होगी

00:40:08कि क्या सिमेंटिक टैग मैंने पढ़ा दिया है

00:40:10सिमेंटिक टैग और नॉन सिमेंटिक टैग नहीं पढ़ाया भी तक

00:40:14मैं को ऐसे लग रहा है कि कुछ चीजे मिसिंग हो रही है

00:40:19सिमेंटिक और नॉन सिमेंटिक पढ़ाया या नहीं पढ़ाया

00:40:23नहीं पढ़ाया सर नहीं सर नहीं पढ़ाया ठीक है तो फिर अपनी कल भी रहेगी

00:40:37HTML की क्लास क्योंकि बहुत सारी चीज़े आप रिमेनिंग बता रहे हो

00:40:41मैं एक बार के लिए सारी चीज़े आपको बताता हूँ

00:40:44जो जो चीज़े आपको लगती है वो वो आप बताना

00:40:46important चीज़े मैं आपको बता रहा हूँ कि क्या-क्या चीज़े important है जो अपने HTML में है

00:40:51इसके अलावा अगर आपको भी कुछ लगती है तो आप बता सकते हो

00:40:55मैं एक-एक चीज़े repeat कर रहा हूँ

00:40:57revise कर रहा हूँ कि क्या-क्या चीज़े अपने explore करी है

00:40:59अगर वो नहीं करी तो आप comment करके बताना

00:41:02ठीक है तो अपने starting करी थी अपनी boiler plate अपने देखी

00:41:07सारे चीज़े अपने अपने paragraph टैग देखा

00:41:10प्री टैग देखा अपने list टैग यहाँ पर देखे ठीक है

00:41:13उसके अलावा अपने attributes देखे

00:41:15अपने अपने अपने अपने अपने पास क्या काम आता है किस तरीके चापन यूज लेते है

00:41:24अपने spend टैग देखा नहीं देखा शायद

00:41:27अपने image टैग देखा अपने multimedia टैगs के अंदर video टैग देखा

00:41:32audio टैग देखा आई-frame टैग अपने यहाँ पर देखा है

00:41:35बॉल डिटैलिक और horizontally line के लिए, line break करने के लिए

00:41:40div और spend टैग अपना remaining है में भी अगर आप बूल रहे हो तो

00:41:45तो यह चीज अपने discuss नहीं करी होगी

00:41:48अपने form टैग के उपर discuss करा, multimedia टैग अपने सारे discuss कर लिए

00:41:52semantic टैग और non semantic टैग अभी अपने discuss नहीं करे

00:41:55टीक है, उसके अलावा अगर अपन यहाँ पर बात करते है

00:41:58आगे block level elements, non अपने पास यहाँ पर block level elements

00:42:02और जो inline elements होते हैं, वो भी अपने discuss नहीं करे

00:42:05टीक है, तो यह सारे चीज़े अपन discuss करते हैं अपने आगे

00:42:09table भी अपन यहाँ पर discuss नहीं करी, टीक है

00:42:13dir और dl tag यह इतना यूज़ नहीं आता, जो यूज़ आता है वो मैं आपको

00:42:24सारे बता हुआ, यह dir और dl tag में कहीं यूज़ नहीं हुआ

00:42:28देखो, stml जो है, सिर्फ यहीं कतम नहीं होती, अगर आप stml की dog पढ़ते हो, कहीं से tag

00:42:40explore करते हो, तो बहुत सारे है, लेकिन जो सबसे ज़्यादा common use आते है, जो सबसे ज़्यादा

00:42:46use आते है, वो ही अपन discuss करेंगे, वो ही अपन देखेंगे, अगर आपको explore करना है, तो आप देख सकते हो,

00:42:54कुछ से जाके वो सारी चीजे, ठीक है, ठीक है, तो ये बात होगई अपने पास इस चीज की,

00:43:06next रपन, आगे चलते हैं, इसके अंदर, ये react native क्या क्या क्या क्यूशन लेकिया रहे हैं, क्लास से out क्यूशन, ठीक है,

00:43:19सर इस course से react native का project deploy कर सकते हैं, क्या और कैसे करेंगे, react native first तो मैं आपको बदा दो, अपने course में नहीं है,

00:43:26इसमें, ये man stack का है, सिर्फ react है, react native मैं आपको नहीं सिखाने वाला इसके अंदर, ठीक है,

00:43:32deployment वाला पार्ट जो है, वो भी react native का थोड़ा सा अलग होता है, syntax का deploy करने का, तो वो भी इसी के अंदर नहीं है,

00:43:39ठीक है, react के project ज़रूर अपन deploy करेंगे,

00:43:42अर्जून करें कि सर, spend, div and table को ही बताए, सर, most useful है, yes, बिल्कुल वो मैं आपको बताने वाला हूँ,

00:43:56सर, schema क्या है, schema अपनी database की चीज़े है, ये सब आगे की चीज़े है, जितना अपन पढ़ रहे हैं, उस पे focus रखो,

00:44:04जो आगे है, वो मैं आपको आगे बताने वाला हूँ, ठीक है, जितनी चीज़े अपन देख रहे हैं, उस पे focus रखो अभी,

00:44:13ऐसे बहुत सारे doubt आपके आएंगे, लेकिन जो आगे की चीज़े हैं, उनमें अभी आप confused मत हो,

00:44:20ठीक है जो अपन आगे एक देखते हैं, डिसकेशन होता रहेगा, छोटी मोटी चीज़ों के उपर,

00:44:31अब देखो यहाँ पर अपन आगे और कौन-कौन से tag आते हैं, उन पर अपन डिसकस कर लेते हैं, देखो अपने फैव आइकन के उपर भी discuss नहीं करा,

00:44:39अपने टेबल टेग पर भी नहीं करा, तो अपने एक टेग को यहाँ पर टारगेट करते हैं, अब देखो यहाँ पर फैव आइकन अपन किस तरीके से apply करते हैं, फैव आइकन बेसिकली होता क्या है, पहले वो समझो, जैसे मैं यहाँ पर किसी भी website के उपर आता हूं, जैस

00:45:09गरते हैं, फैव आइकन को apply करने के लिए, अपन है टेग के अधर ही अपना फैव आइकन लगाते हैं, टाईटल के बाद है, आपन यहाँ पर ले लेते हैं, लिंक, colon और मैंने यहाँ पर लिया अपना पर यहाँ पर apply कर सकते हो, ह्रेफ के अंदर आपको अपने आइकन की location �

00:45:39और फैवा कन बना चाहता हूं तो आप यहाँ पर देखोगे तो वह आइकन यहां पर दिखाई दे रहा है इस तरीके से

00:45:44जैसे आपन अनलाइन लाना चाहते तो ओंलाइन बिला सकते हैं वैंने यहाँ पर गूगल और इमजिस में अपना जाते हैं

00:45:52और कोई भी एक जैसे यह आइकन में यहाँ पर लगाना चाहता हूं मैं यहाँ पर कर लाता हूं copy image address ठीक है और इसको मैं यहाँ पर लगा देता हूं

00:46:00इसको मैं यहाँ पर लगा देता हूँ

00:46:02उसको यहाँ पर पीस्ट कर दूँ ठीक है तो वो आपका फैव आइकन यहाँ पर अपला हो जाएगा

00:46:11तो यह आपका फैव आइकन होता है ठीक है तो यह बात हो गए अपने पास अपने फैव आइकन की

00:46:20ऐसे ही अपने पास आते हैं सिमेंटिक टैग और नॉन सिमेंटिक टैग तो यहां पर अपने सिमेंटिक टैग और नॉन सिमेंटिक टैग पर डिसकस कर लेते हैं

00:46:31Semantic.html करके मैं यहाँ पर एक class बना लेता हूँ और यहाँ पर अपने लगा देते इपनी boilerplate ठीक है अब देखो यहाँ पर जो अपने semantic tag आते हैं और non semantic tag आते वो होते क्या है अब यहाँ पर अगर अपन बात करें

00:46:45अपने semantic tag की इसको कर दो comment ठीक है semantic tag की अगर अपन यहाँ पर बात करते हैं तो वो अपने पास कौन-कौन से आते हैं semantic tag अपने पास आता है अपना header अपना footer अपना

00:47:06अपने पास अपना section tag यह आपके semantic tag होते है और ऐसे ही अगर मैं यहाँ पर बात करूँ अपने non semantic

00:47:17tags की तो non semantic tags कौन-कौन से आते हैं non semantic tag आपके पास होता है div और आपका spend tag यह आपके पास आपका non semantic tag होते है

00:47:28अब यह use क्यों आते है semantic tag और non semantic tag दोनों में difference क्या है semantic tag basically आपके page का structure होता है

00:47:36और यह आपके SEO friendly होता है आपकी website की ranking यह इसाब से है अपना हमेशा semantic मतलब एक structure follow करते वे चलते हैं कि मेरे को यहाँ पर

00:47:44इस semantic structure में यहाँ पर इस website को create करना है जैसे मालो मैं किसी भी website पर आ जाता हूँ मैं आ जाता हूँ अपने sold store की उपर ठीक है

00:47:51sold store पर पर यहाँ पर आ जाते है अब यहाँ पर मैं को पता जला है कि सबसे top पर क्या है आपकी यह एक नवबार है फिर उसके बाद header का section है जिसमें header के अंदर यह complete आपके पास यह sale का जो लगावा है यह लगावा है फिर उसके बाद एक section बनावा है early access deal on top year ठीक है फिर उस

00:48:21तो यहाँ पर यह जो आप अपने create करोगे जितने भी यहाँ पर यह section create करोगे यह सारे अपने पास semantic tag में अपने लिखेंगे नेवबार बनानी है तो nav tag लो आप ठीक है जैसे मालो मैं कह रहा हूं कि nav bar में को यहाँ पर create करनी है तो मैं किस में लूँगा उसको nav tag के अंदर �

00:48:51slider लगानी है तो मैं आहपर slider कहा देता हूं ऻक्सलाइडर अपनेको लगाना है फिर उसके बाद मिरको अगर इसके बीच में कोई भी section बनाने है तो उनको मैं यहाँ पर जाकнакомे के अंदर कर गड़ेंगे ने सेयरी कह रहा हूं

00:49:16क्फेडर को यहां पर का हो जा गा और सबसे लास्त में आपका इहां पर आगा फुटर तो यहां

00:49:35तो यह आपके semantic tag होता है

00:49:38जो अपन यहाँ पर SEO के लिए use करते है

00:49:40ठीक है

00:49:41तो सबसे पहले navbar है फिर उसके बाद slider

00:49:44फिर यह sections है

00:49:45यह nav tag के अंदर लिखेंगे

00:49:47यह किसमें लिखेंगे अपना

00:49:48यहाँ पर header के अंदर यह आपके sections है

00:49:51जो अपने divide करें और यह आपका footer है

00:49:53तो इन सब के अंदर यह code आने वाला है

00:49:55अभी कुछ भी अपने बना नहीं रखा

00:49:57तो सिर्फ मैं आपको समझाने के लिए बता रहा हूँ

00:49:58कि यह अपने पास अपने सारे tag होते हैं

00:50:01ऐसे अगर अपन बात करें non semantic tag

00:50:03तो वो अपने पास आता है अपना div tag

00:50:05इस div के अंदर जैसे मैंने lorem 5 का कोई भी content पास कर दिया

00:50:09और ऐसे अपने पास आता है अपना spend tag

00:50:12और इसके अंदर भी मैंने lorem 5 का content पास कर दिया

00:50:15तो आप यहाँ पर देखोगे दो अपने पास tag है

00:50:18जिनके अंदर यह content लिखा है, तो div और spend tag आपके container के लिए काम आते हैं, जैसे अब भी आपने बोला कि यह एक section यहाँ पर divide करा, जिसके अंदर चार card आ रहे हैं, अब यह जो चार card आपने create करें, यह div है आपके, यह boxes है, ऐसे ही अगर आप यहाँ पर बात करते हो इस section की, तो

00:50:48csr cambio. तो div जो है, वो आपका non semantic tag है, ठीक है, ऐसे spend tag भी container के काम आता है, अब आप बोलोगी कि dus surve dv भी container है, span भी

00:50:59तो दोनों में difference क्या है तो छलो यहां पर आते हैं अपने उर्पार डिस्कस करते है अब देखो यहांपर जो div tag है वह आपका block level element है और spend डिस्कस कर लेते हैं

00:51:29आपको बोला दोनों container है लेकिन दोनों में difference क्या है मैं सिर्फ div और span की बात कर रहा हूं दिव अपने पास क्या है container है span भी container है लेकिन दोनों में difference है क्या दोनों को अपन किस purpose की लिए use करेंगे तो div जो है वो आपका block level element है div क्या है आपका यहाप ब्लॉक

00:51:45लेवल element है ठीक है मैं यहापर कहता हूं कि यह आपका क्या है block level element है और ऐसे ही अगर मैं यहापर span tag की बात करता हूं तो span tag आपका यहापर क्या है inline element है ठीक है div आपका यहापर क्या हो गया block level element और span tag आपका यहापर क्या हो गया inline element हो गया

00:52:04तो यहाँ पर block level element क्या होते है और inline element क्या होते है जितने भी tag है उन सब की कुछ ने कुछ यहाँ पर display value होती है

00:52:12कई block है कई inline है लेकिन सिर्फ अपन डिव और span की बात करें तो डिव अपने पास block है और span अपना inline है

00:52:17block level element क्या होते है मतलब जितना content है वो उतनी width occupy नहीं करते है वो पूरी width यहाँ पर occupy करते है तो जितना content है उतनी ही width occupy करते है

00:52:43नहीं आया समझ में चलो मैं इसको आपको css की तुरू समझाता हूं मैं यहाँ पर एक css लिख लेता हूं ताकि आपको समझ में आये कि किस तरीके से यहाँ पर दोनों में difference है ठीक है

00:52:54ठीक है डिव और span tag है किस तरीके से block और inline होते है मैं यहाँ पर आता हूं

00:53:12तो मैंने यहाँ पर बोला div block है और span आपका inline है तो इसका मतलब मैंने क्या बताया block level element की definition कि जितना content होता है उस पर depend नहीं रहते है वो पूरी width occupy करते है तो यहाँ पर content इतना ही है लेकिन width पूरी occupy कर रहे है मतलब पूरी line यहाँ पर block कर रहे है यह आपके block level element है

00:53:30inline मतलब जितना content है उतनी ही वो line occupy करते है उतनी ही width occupy करते है तो यहाँ पर जितना content है उतनी ही यह line यहाँ पर occupy करते है यह आपके inline element है तो div आपका block level element है और आपका

00:53:43यह जो span है यह आपका inline element है तो यह बात होगे अपने पास div और span की यह अपने semantic और non semantic पर भी discuss करा और div और span में difference पर भी discuss करा है यहाँ तक की चीज़ के लिए रहे तो एक बार comment करके बताओ यह सर यहाँ तक की चीज़ के लिए रहे इसमें कोई doubt नहीं है

00:54:13तो यह अपन ने इस चीज़ के उपर discussion किया है

00:54:25साइन आत करें कि इस डिव टैग यूज़ करने पर एक line में एक ही element ले सकते है क्या यस डिव टैग के अंदर आप जितना content लिखोगे जैसे मालो आपने यहाँ पर बोला एक डिव टैग अपन लेते है ठीक है मैंने यहाँ पर एक डिव टैग ओल लिया और इस डिव टैग क

00:54:55तो वो जितना content है उतनी ही line occupy करेगा उसके बाद अगर आप echo response टैग ले लेते हो तो वो same line में आने वाला है ठीक है echo response टैग लेके जैसे मैंने यहाँ पर डबलू ले लिया तो टी डबलू एक ही line में आने वाले है लेकिन इस डिव टैग के बाद अगर मैं इस डिव टैग क

00:55:25यह अपने डिव टैग के अंदर है यह डिव डिव के अंदर है तो ब्लॉक है दोनों यहाँ पर line होगी बाए करेंगे लेकिन टी डबलू स्पैन में लिया तो एक लाइन में आगे अपने पास क्योंकि दोनों inline element है ठीक है अगर नहीं समझ वे आया तो पन इसको आगे और

00:55:55अटनेंस का .1 मैं आपको बता देता हूं अटनेंस का .1 क्या रहने वाला है अटनेंस के .1 के अंदर आपको mention करना है कि जो अपना डिव टैग है वो block level element है या inline तो इसका answer होगा block यही अटनेंस का .1 है जो आपको fill करना है अपने form के अंदर

00:56:25कर साथ अटनेंस का .2 मैं आपको बताता हूं अटनेंस के .2 के अंदर आपको mention करना है अटनेंस के .2 के अंदर आपको mention करना है form यह अटनेंस के .1 में block और form के

00:56:53वो point 2 के अंदर आपको mention करना है form

00:56:55यह attendance के point होगे

00:56:58अगर आपको कोई भी doubt है तो अपने doubt mention करो

00:57:01नहीं तो फिर अपने आज की class इतनी ही रखते है

00:57:03main topic stml होगा

00:57:07yes बिल्कुल main topic stml होगा

00:57:09stml आपको fill करना है

00:57:10अज़ आपको करना है

00:57:40किसी को कोई doubt

00:57:44अगर doubt है तो अपने doubt को mention करो

00:57:46नहीं तो फिर अपने अपनी class यहां तक ही रखेंगे

00:57:50sir submit button काम करेगा

00:57:58I mean database में data save होगा

00:58:00इससे या फिर CSS या JS से ही होगा

00:58:03अभी database पर अपने कोई discussion नहीं किया है

00:58:06यह सिर्फ अपना html है

00:58:08refresh करो सब खतम

00:58:10ठीक है तो यह सिर्फ इतना ही है

00:58:13database यह सब चीज़े अपना आगे discuss करेंगे

00:58:16अपना है

00:58:46नहीं सर इंस्पेक्ट करके डेटा आ रहा है तो फॉर्म में जो फिल डेटा था जो पूछा नहीं वो जो डेटा है वो रिफ्रेश करते ही डिलीट हो जाएगा वो कोई डेटा बेस के अंदर इस्टोर नहीं हो रहा है

00:58:58सर एक बार प्रैक्टिस कर लेते हैं यहां तक दैन पूछ लेंगे अगर कोई डाउट आएगा तो य्ज बिलकुल अगर आपको कोई बीदाउट हो तो आप पूछ सकते हो

00:59:08सर इस कूर्स के बाद मैं जैपुर आके इंटर्शिप कर सकता हूं यास बिल्कुल इंटर्शिप कर सकते हो आपको अपलाई करना पड़ेगा इंटर्शिप के लिए कंपनीज में

00:59:17सिभूल करे सर कल मैं एस्टीमल के सारे टॉपिक्स का लिस्ट बना लिस्ट दूँगा उसमें जो जो भी इंपोर्टेंट है आप बताओगे सर और जो जो पढ़ाना बागी है वो भी पढ़ाओगे ठीक है ओके

00:59:28देखो जो टॉपिक अपन पढ़ते है वो सारा कंप्लीट नहीं भी हो तो वो आगे कंप्लीट हो जाएगा ठीक है जैसे अगर मैं बात करता हूँ अपने CSS की तो CSS की कई प्रोपर्टी शैद मैं आपको ना बताओँ रह जाएगो लेकिन वो आगे नहीं रहने वाली क्योंकि �

00:59:58ठीक है तो HTML को दुनिया नहीं समझना यह चीज हमेशा याद रखना क्योंकि अपने सिर्फ HTML ही स्टार्ट करी अभी दुनिया स्टार्ट होगी जावा स्क्रिप्ट से और यह मैसेज के से आने लग गया इस चीज का ठीक है ओके थैंक्यों सो मच गाइस मिलते है फिर अपन �

01:00:28झाल झाल झाल झाल झाल

Be the first to comment

Add your comment

🌐 HTML Form Methods & Semantic Tags Explained

Category

Transcript

Be the first to comment

Recommended