💻 CSS Box Shadow, Outline & List Properties Explained

Name: 💻 CSS Box Shadow, Outline & List Properties Explained
Uploaded: 2025-12-09T08:52:23+00:00
Duration: 59 min 15 s
Channel: skillwaala
Description: 👨&zwj;💻 What You’ll Learn in This Class: ✅ What is Box Shadow and how to use it to add depth and glow effects ✅ How to customize shadows ✅ Understanding the Outline property and how it differs from Border ✅ How to style lists ✅ Create clean and professional designs with shadow and list effects

skillwaala

22 hours ago

👨‍💻 What You’ll Learn in This Class:
✅ What is Box Shadow and how to use it to add depth and glow effects
✅ How to customize shadows
✅ Understanding the Outline property and how it differs from Border
✅ How to style lists
✅ Create clean and professional designs with shadow and list effects

Category

📚

Learning

Transcript

Display full video transcript

00:00हुआ हेलो गाइस गुड इवनिंग एवरिवन गुड इवनिंग साइनाथ सिबूल कृष्णा कशल्या आशिश कुमान ने कुछ भेजा है अच्छा यह जो मैंने टास्क दिया था वो वाव अच्छा बनाया है नाइस बिल्कुल सही बनाया है और यह किस ने बनाया यह सिब�

00:30अच्छा ठीक है गुड इवनिंग गुड इवनिंग दिविशा गुड इवनिंग डिपिका रवी पीके गुड इवनिंग सूरज

00:43एक बार सब रेस्पोंस कर दो कि मेरी वाइस किलियर है और मैं आपको स्क्रेइन भी शेयर कर देता हूं थाकि

00:52एक बार सब रेस्पोंस कर दो कि यह सर वाइस के लिए और स्क्रेइन भी विजिबल है कोई दिकत नहीं है दोनों चीज़ के अंदर

01:08सिबुल ठीक है अब दिख रहा है यह प्रोपर ठीक है इसको सेंटर में कर देते हैं यह जो डिव लिया है इसको सेंटर में ले आते तो थोड़ा सही लगता

01:34कि अच्छे करे रहे हैं राम राम सर आई फोगट कंप्लीट टास्क कोई बात नहीं आज कंप्लीट कर ले ना वरसल का लिंक भीजा है और यह क्या है लॉग इन लॉग इन पर अपने पास यहां पर यह नया खुल रहा है साइन अप पे एक नया है स्टुडेंट ठीक है वा

02:04कि माई प्रोफाइल माई प्रोफाइल पर भी जा रहे तो यह यह पूरा बनाया है कि इसको यह फिर इतना ही है

02:15एक दो तीन चार पांच

02:20यह लो भई

02:30क्या हुआ लोगिन करने से अच्छा यहां पर बस प्रोफाइल आ गई माई प्रोफाइल पर जाता हूं प्रोफाइल पर आ गए

02:54और माई कॉर्सेस पर जाता हूं अच्छा यह लमेस टाइप में बना रहे हुग आप

03:00लोग आउट ठीक है अच्छा है लेकिन इसको बनाओ तो सही कुस तो इसके अंदर अभी तो कुछ है नहीं इसके अंदर अच्छा बनाया है

03:12ठीक है आपनी कोड बेज़ी कोड को तो कैसे में रन करके देखो भी पीडियप बेज़ी आप नहीं है ठीक है

03:29पराने स्टूडेंट और आप शहांँ कि अभी वर्किंग है बना रहा हूं ठीक है

03:57बनाओ इसको बहुत अच्छा बना रहो जो भी बना रहो पूरा कम्प्लीट है आप लमेंस बना रहो मेरे हिसाब से तो यह अच्छा प्रोजेक्ट रहेगा अगर आप इसको पूरा

04:07complete बनाओगे तो इसे टास्क में फेस्बुक और गूगल का लोगो कैसे ला सकते हैं फेस्बुक और गूगल का लोगो यहां से डाउनलोड कर लो जैसे मालो आपको फेस्बुक का लोगो डाउनलोड करना है तो फेस्बुक का लोगो डाउनलोड करना है तो फेस्बुक का लो�

04:37फ्लैट आइकन्स करके आता है

04:40ठीक है जैसे यह पी अजी में

04:42आपको आइकन्स जेतेगा जैसे फ्लैट आईकन्स पे

04:44मैं आता हूं लॉग इन कर ले ना क्रिक्पर पर जैसे माला आपको

04:46facebook का चीए तो आपने लिगा बगवाई

04:48facebook का आइकन मेरे कुछी है

04:50तो यहाँ पर Facebook के सारे icons आगे हैं, आपको यह वाला use करना है, आपने इस पर click करा, अब यह PNG के अंदर आपको यहाँ पर free में download का देता है, तो आप जैसे PNG पर free में download करोगे, तो यहाँ पर download हो जाएगा, इस पर click करो, तो यह उपन हो जाएगा, यह Facebook का अपने पास आगया

05:20जितने भी है, drive का भी आगया, सारे आजाएंगे आपको, Google Pay का भी है, meet का भी है, play store का भी है, सारे icons है आपको, बतलब यह एक icons है, जिनको आप PNG में download कर सकते हो, ठीक है, तो इनको use कर सकते हो, बिलकुल अच्छी quality में भी है यह, रवी करे सर, मैंने पूरा code ही भीज दिया ह

05:50अच्छा, अरजून, ठीक है, मतलब पहला, दूसरा और तीसरा, तीनों बैच में हो आप अभी, okay, font awesome also, yes, font awesome भी अच्छा है, font awesome आपको icons देता है, code देता है, यहाँ पर मैं download करने का बता रहूं, क्योंकि अभी अपने icon से related कोई चीज पर discuss नहीं करा, ठीक है, icon से related कोई discuss न

06:20यहाँ पर आपको, जैसे इसको use करना है, तो पहले ही आपको एक link प्रोवाइड करता है, उस link को use करना पड़ता है, वो सारे चीज़े होती है इसके अंदर, तो वो तो पर अपने कुछ discuss ही नहीं करा, ठीक है, जैसे यहाँ पर brands देखूँए, सारे चीजे फ्री नहीं देत

06:50यहाँ से ले सकते हो, आप जो भी icon चाहिए, ठीक है, तो यह तो बात होगी इस चीज़ की, गर्वित करे की code बताना है, यूज करने के लिए, code नहीं है, आपको इसको यहाँ से download ही करना है, जैसे मालो यह वाला icon मैंने download करा, ठीक है, और यह मेरे download में आ चुका है, मैं जैस

07:20और इसको copy करके अपन उसमें रख लेते हैं, अपने VS Code पर आ जाता हूँ, और यहाँ पर अपन, media के अंदर इसको paste कर देते हैं, तो इसको मैं आपर open कर लेता हूँ, Revol in File Explorer, और media में अपन इसको paste कर देते हैं,

07:34copy नहीं हो आगया हूँ, वापस आजाओ एक बार, यहाँ पर download में आजाओ, यह अपना folder के अंदर, ठीक है, यह वाला icon पर ने लिया था, इसको मैं यहाँ से copy कर लेता हूँ, और इसको अपन वहाँ पर आके paste कर देते हैं, अपने media के अंदर, तो यहाँ पर मैं इसको paste कर द

08:04यहाँ पर boilerplate लगा दो, और यहाँ पर use करना है, तो image tag के अंदर उसको use कर लो, img tag लिया है, मैंने, dot slash, media के अंदर facebook.png आपकी file है, इसको मैं यहाँ पर run कर लेता हूँ, तो यहाँ पर use हो गया, इसकी width सेट करनी है, तो वही styling करके, आप width सेट कर सकते हैं, इसकी width मेरे को �

08:34images है, जो आप use कर सकते हो, icon नहीं है, इन icons को आप images के format में, png में download कर सकते हो, flat icons है, ठीक है,

08:43सौरव कर है कि sir, this week only CSS, yes, बिल्कुल, अदित्या कह रहे है कि sir, course कब तक चलेगा, अभी कितने months, अभी तो चलेगा, अपने 5 month की duration रखी तो 5 month चलेगा, पूरा अभी तो सिर्फ एक महिना भी नहीं हुआ शायद,

09:05अपने 17 November से start करी थी, जिसमें बीच में थोड़ी सी चुटियां भी आगी थी, शायद 3 दिन की या 4 दिन की, जब मेरी तव्यत कराव हुई थी, तो ऐसे करके, अभी तो ये मालू 20 तक तो एक महिना होगा इस course को, जिसमें अपन CSS bootstrap तक की चीज़े देखेंगे, फिर JavaScript आ�

09:35पढ़ा रहा हूँ है, बेसिक से एडवांस तक सारी चीज़े पढ़ाऊँगा, जावा स्क्रिप्ट जैसे अपन पढ़ेंगे तो इसको बेसिक से एडवांस पढ़ाऊँगा, बस आपको प्रैक्टिस करने हैं साथ के था, तो चीज़े क्लियर होती जाएगी, सूरज कहरे

10:05अप्रेल, हाँ, अप्रेल लास तक अपन कम्प्रीट कर लेंगे इसको, हाउ टू डाउनलोड कोर्स लेबस और रोड मैप, देखो, कोर्स लेबस नहीं, इसमें मैंने आपको एक PPT बताई थी, जो मैंने बनाई थी, तो वो PPT मैं आपको कल शेयर कर दूँगा, क्लास में स�

10:35कोई बात नहीं, बेसिक कवर है, तो इसको थोड़ा सा और अच्छे से क्लियर करो चीजों को, क्योंकि अपन बहुत अच्छे से सीख रहे हैं सारी चीजे, ठीक है, यूजी भाई करे कि सर, मैं पिछले बैच में ही था, इस बैच में रिविजन कर रहा हूं, मेरे बैच में

11:05स्टार्ट होगी, तो नेक्स जैस अगर फोकस है, तो अब उस टाइम जोइन कर सकते हो, और रिविजन करना है, तो रेगुलर क्लास ले सकते हो, कोई दिक्कत नहीं है, ठीक है, ठीक है, चलो आज की क्लास स्टार्ट करें, फिर अपन आगी की टॉपिक्स देखना शुरू क

11:35पाकी पूरा कोर्स कंप्लीट करोगी, कि इतने से ही डेवलप्मेंट में आप नहीं जा सकते हैं, चीजे तो सारी सीखनी पड़ेगी, ठीक है, तो ये इतने से नहीं होगा, चीजे सारी सीखनी पड़ेगी, तो रेगुलर्टी बना के रखो, जो भी अपन चीजे सीख रहे

12:05अपने देखा था टेक्स पर शैडो के से क्रिएट करते हैं

12:08तो जैसे मैं यहाँ पर एक क्लास बना लेता हूं जुसको रहा लिए और इस फाइल को मैं यहाँ पर रन कर लेता हूं

12:30यह लग

12:31इस फाइल को पनिया पर रन कर लेते हैं, बागी जीजे मैं close कर देता हूं, जो भी है, perfect, इसको भी close कर दो, अब यहाँ पर अपने बास यह अपना H1 tag अपनी लिया है, और ऐसे ही अगर मैं को box बनाना है, तो मैंने यहाँ पर एक div लिया, जिसकी class मैंने यहाँ पर क्या ले ल

13:01मैं पास कुछ इस तरीके से अपने को styling दीखेगी, यह center में आ जायागा अपना, चीक है, उसके बाद मैंने यहाँ पर क्या किया, जो box है, उसको भी यहाँ पर target कर लिया, और उसको एक background color अपन दे देते हैं, जैसे मैंने यहाँ पर इसको width दे देते हैं, width मैंने यहाँ पर

13:31और auto दोगे, तो यह left और right से auto margin generate करके center में आ जाएगा, चीक है, center में भी आ गया, चीक है, तो अपने discuss कर रहे हैं, अपने box के उपर shadow के से create करेंगे, अपने discuss करा था, text की shadow के से create करते है, text shadow पर ने देखा था, text shadow अपने पास property होती है, first value आपकी horizontally जाती है, second आपकी vertically जाती ह

14:01ठीक है, तो इसके उपर ये वाली shadow यहाँ पर create हो जाएगी, create हो रही है, कोई दिक्कत नहीं है, ऐसे ही, अगर box के उपर shadow create करनी है, तो अपने पास property आती है, अपनी box shadow, मैंने box shadow लगाई, उसके अंदर जैसे मालू मैंने first value दी 5 pixel, second value मैंने यहाँ पर दे दी, इसको 6 pixel, तो

14:31कौन सा color करना है shadow का, same box shadow में है, first value, horizontal, second, vertical, third अगर आप देते हो तो आपका blur effect है, fourth अगर आप देते हो तो आपका color है, जैसे अब यह अपन चेक करते हैं, तो इसको इस पर एक shadow create होई है, और वो कौन से color की create होई है, यहाँ पर black color की, यह by default black color ही लेता है shadow का, यह जो आपने box

15:01यहाँ पर यह color किस color है, टेक्स का, लेकिन यहाँ पर यह color लेगा by default black, चीक है, तो second value अपने पास गया, vertically, third जैसे मालो मैंने blur effect लगाया, वो मैंने यहाँ पर बुला six pixel का blur effect लगा देना, चीक है, तो उसके उपर six pixel का देखो, यहाँ पर blur effect यहाँ पर create हो गया, तो यह box यह

15:31यहाँ पर कह रहे हो कि इसका जो color है, वो आप यहाँ पर yellow type का रख लेना, या फिर जिसे में यहाँ पर कहता हूँ कि आप यहाँ पर green type का color इस पर रख देना, इसकी जो shadow create हो गी उपर अपने पास क्या होती है, तो box shadow के लिए property अपने पास क्या होती है, first value horizontally, second अपने पास vertically

16:01effect, fourth अपने पास color, टीक है, वो ही मैंने आपर फास करा है, जैसे अपने इंसपेक्ट करके आते हैं, अपने इसको target कर लएते है, जैसे मैंने is डिव को target कर लिए, जो box है, और इसको अपने box shadow देरे रहे है, first value आपके पास क्या है, आपकी first value जो रही है, horizontally, तो बो horizontally आपकी shadow create ह

16:31आपको इसका blur effect कितना रखना है,

16:33जैसे मैंने blur effect 20 कर दिया,

16:34इसके अंदर एक और value आती है,

16:364th value,

16:36जैसे मालों मैंने यहाँ पर 10 pixel की 4th value रखना है,

16:39तो यह होता है कि आपको अपनी shadow को कितना spread करना है,

16:43जैसे मैं यहाँ पर इसको changes करता हूँ,

16:44आपको changes से automatically पता चलेगा,

16:47spread मतलब इस box के पीछे कितनी वो shadow आपको create करनी है,

16:51कितनी आपको spread करनी है उस shadow को,

16:53तो जितनी आप इसको spread करनी है उस shadow को,

16:55तो यह अगर use करना रहता है तो अपन use करते हैं,

17:00बाकी तो अपन इन तीन से ही अपनी एक अच्छी से shadow create हो जाती है,

17:04जैसे हमेने shadow create करें तो तो यह आपको जो box दिख रहा है,

17:07यह ऐसा लग रहा है कि 3D type में उबढ़ा हुआ लग रहा है,

17:09क्योंकि इस पर shadow पने create करती हैं,

17:11ठीक है, तो यह अपन ने इस पर क्या बनाई है, अपनी box की shadow,

17:15तो वोई box shadow property अपने पास यहाँ पर होती है,

17:17जो अपने discuss करी, I hope कि आपको box shadow के लिए रहा है,

17:22अगर box shadow के लिए रहा है, तो एक बार comment करके बताओ,

17:25यह सर box shadow के लिए रहा है, कोई दिक्कत नहीं है,

17:27वोईस ब्रेकिंग सर, anyone facing issue like me,

17:40येस, बिल्कुल यह बताओ कि अगर वोईस का issue आ रहा है या नहीं आ रहा,

17:44यह आप बता भी दो, क्योंकि अगर issue आ रहा है तो पन solution कर लेंगे उसका,

17:57सत्यम करेगी, यह सर, my first lecture, आज कितने student first class ले रहे हैं से,

18:06आज बताना, जो first class ले रहे, कौन-कौन student है,

18:09कम से कम 3 या 4 student बोल दी, first class, first class,

18:13कौन आए हैं ही यह नहीं student,

18:15सर, box के चार side shadow दे सकते हैं का,

18:29चार side मतलब, shadow कर spread करने हैं तो उसके लिए अपन fourth value देते हैं,

18:36चारो side shadow मतलब उसके पीछे बनेगी फिर वो पूरी shadow,

18:38फिर अपन उसके जो horizontal और vertical value वो कम रखेंगे,

18:42और उसकी जो spread करने वाली value वो ज्यादा रखेंगे,

18:45तो चारो side बन जाएगी shadow,

18:47तब यह लगेगा कि box आगे है,

18:48और उसके पूरी पीछे same shadow बन रही है,

18:53जैसे आप देखते हो कि अपन बिल्कुल सूरज अपने उपर ही रहता,

18:57तो shadow बिल्कुल नीचे बनती है,

18:59वैसे,

19:06सर, screen visible नहीं हो रहा है,

19:09screen visible नहीं है,

19:11यह तो कैसे हो सकता है,

19:15सत्यम करे,

19:15I go to you from daily motion,

19:18अच्छा, ठीक है,

19:19daily motion देखके आएगा, आप अच्छी बात है ही तो,

19:24सत्यम करे,

19:25सर, box के अंदर कैसे करेंगे,

19:27box के अंदर shadow किस पर करनी है,

19:29जैसे मालो, आपने कहा कि box के अंदर shadow बनानी है,

19:33अब box के अंदर आप चाते हो कि,

19:35किसी text आपने लिया,

19:36उस पर shadow बनानी है,

19:37box के अंदर एक और box है,

19:38तो उस पर shadow बनानी है,

19:39text पर shadow बनाने का अपना text वाली property होती है,

19:41box के अंदर एक और box है उस पर shadow बनानी है तो उसके लिए आपके पास

19:45आपकी box की property होती है जैसे मालो box के अंदर मैं कह रहा हूँ कि

19:49यहाँ पर मिरे पास एक और box है या फिर box के अंदर मैं कह देता हूँ कि

19:52एक s2 tag है जिसमें hello class लिखा हूँ ठीक है उसके अलावा इसके अंदर एक और box है जिसको मैं आपर box 2 कह देता हूँ ठीक है इसके अंदर एक और box है

20:01और इसको मैं आपर create भी कर देता हूँ मैंने बॉला box 2 जो है उसको मैंने आपर create करा उसको एक background color अपन ने दे दिया

20:07कोई light सा ही background color अपन दे देते हैं जैसे यहां पर यह वाला इसको background कर देता हूँ और width मैंने यहां पर set कर दी वो मैंने यहां पर बोल दी कि

20:15आप 100 पिक्सल का बनाना इसको है और height में जो है वह आप 100 पिक्सल का यहां पर बना देना तो width और height दोनों set कर दी तो इसके अंदर एक और box create हो गया जाएगा अपना

20:25और यहां पर आपके लगा दो कि अपना वही मार्जिन और उतो पने यहां पर पास कर दी तो वह संटर में जाएगा

20:35box के अंदर shadow बनानी है तो इसके उपर box shadow लगा दो आपने box shadow लगा दिया आपने बुला 5 पिक्सल ठीक है आपने बुला 4 पिक्सल और आपने बुला की 8 पिक्सल का blur effect और brown color मैंने यहां पर कह दिया कि इसकी brown color की shadow आपने यहां पर बना देना तो उसके उपर वह shadow create हो जाएग

21:05कि वाइस का problem है sir कैसे हो सकता है

21:15कि वेटे मिनिट

21:28वेटे मिन गईस

21:54कि वेटे मिनिट

22:14कि वेटे मिन गो नहीं है

22:20कि वेटे मिन गपने पहए नहीं है

22:23वह इसका तो कोई इश्यू नहीं है चलो देखते हैं अगर फिर इश्यू आता है तो कई यू को आ रहा है कई यू को नहीं आ रहा है अभी तो माई की ओफ है यस बिल्कुल

22:41All Clear, No Problem, Voice Clear, Screen Clear, Box केंदर Box कैसे आया? आपने यहाँ पर एक डिव लear रखा है उसके अंदर मैंने एक उड़ी तो बिल्कुल का आई

23:07तो उसको मैंने यहापर create कर दिया

23:09इस due के अंदर मैंने due ले रखा

23:11इस structure यह पन ने इसा बनाया है

23:12ठीक है

23:13इंसेट का use

23:23अच्छा आप यह पूछ रहो कि

23:26इंसेट का use कैसे करना है

23:28box के अंदर

23:31box shadow के अंदर इंसेट का कैसे use करते है

23:33अपना काम लेकि ठीक है

23:35पताता हूँ मैं देखो कैसे कर सकते

23:37इंसेट का use

23:37इंसेट इसी के अंदर आती है

23:39इंसेट देखो जैसे मालो

23:41यह अपने पास box 2 है

23:43अब मैंने यह आपर गळा 5 pixel, 4 pixel

23:46ठीक है यह सारी चीज़े मैंने यह आपर दिये

23:47पस यहां पर ही मैं कहते हूँ अपना इंसेट ठीक है

23:50यहां पर ही जैसे मैं इंसेट करता हूँ इसको

23:53आप देखो इंसेट कहते ही यहां पर क्या होगा

23:55वो जो shadow है उसके अंदर create हुई यह box के अंदर

23:58मैंने यह देखा कि आप box के अंदर अगर कोई content है

24:01यहां पर है जैसे आप इसको चेंज करता हूँ और थर्ड वएल्यू आपका

24:28ब्लर एफेक्ट है तो उसको आप जैसे रख लो यहां पर 17 पिक्सल और ब्राउन कलर ना रखे जैसे मैं यहां पर कहता हूं कि आप जो कलर है वो आप यहां पर ग्रे कलर रखो क्योंकि ग्रे कलर में ही जो शेडो है वो थोड़ी अच्छी दिखती है

24:42ठीक है जैसे यहां पर आके अपर इसको चेंड खते थोड़ाा सा और यहां पर दिया इसको 6पично तो यह बॉंडो लगी भी यह इसके अंदर बॉक्सके अंदर तो इससरी के से अपन यह भी कर सकते हैं ठीक है

25:05तो फिरस्ट वैलियू अपने इंसेट देती और सैकेंड अपने वही अपना होरीजान्टटल वार्टिकल वाली चीज लिये

25:20सर में ऐसे स्क्रीन दिख रहा है कैसे दिख रहा है तो इसको फुल इस्क्रीन करो ना यह जो ऐसे स्क्रीन

25:27स्क्रिन दिख रहा है इसको फूल स्क्रिन कर दो मेभी फूल स्क्रिन करोगे तो हो जायागा वो सही ठीक है चलो बाई आगे जलते हैं यहां तक की चीज़े तो आपको किलियर है अब देखो next अपने आगे क्या discuss करते हैं यह अपने box shadow पर डिसक्स करते हैं अब अपन

25:47CSS के अंदर outlines क्या होती यह

25:49outlines पर डिसकस करते हैं तो CSS के अंदर

25:52outline क्या होती है अपना जाते है

25:54outline ओर outline .html डोट अवकर टीम्ल Q

26:07अब देखो CSS के अदर outlines क्या होते हैं

26:11Oihin को CSS में अपने देखा अपना box model देखा। इसमें अपने

26:15पास अपने content होता है, फिर उसके बाद अपनी padding होती है, border होती है, margin होती है, अपनी जो outline है, वो create होती है, अपने border के outside, border के outside अपनी outline के ये होती है, same border जैसी ही होती है, जैको अपन create करते हैं, फिर मैं समझाता हूँ, explain तोड़ा सही कर पाऊँगा, फिर मैं आपको उसमें, जि

26:45एक background color अपने यहाँ पर कुछ भी देता है अभी के लिए जैसे मैंने यहाँ पर इसको brown color दे दिया और मैंने बुला width

26:50width मैंने जिसे यहाँ पर इसको 300 pixel width दे दी और यहाँ पर height दे दी 300 pixel के एक box ही तो बनाना है और margin auto भी दे दे ताकि वो center भेड़े इसको मैं यहाँ पर run कर लेता हूँ

27:02इसको यहाँ पर run कर लो तो अपने पास यह box generate होके आ रहा है अब देखो इस box के अगर आपन बात करें तो इसके अंदर अपने पास जो अपना box मुडलता हूँ क्या कहता है क्या क्या चीजी होती है जैसे मालो इसके अंदर content भी ले लेता हूँ मैंने यहाँ पर lorem 5 का content भी

27:32अपने पास box model क्या कहता है अपने पास अपनी इनीशिल width height होती है आपके element की उसके अलावा फिर अपने पास यहाँ पर क्या होती है उसके अलावा अपने पास padding होती है जैसे मैं यहाँ पनी पिक्सेल की ऐल डाईरेक्श्ण से लगा तो आप पैडिंग तो यहां पर 20 पिक

28:025 pixel की solid gray color की

28:04margin अपने पहले से apply कर रखी है

28:06margin आपने auto दे रखी है

28:08तो यहाँ पर top bottom से आप margin apply कर सकते हो

28:10पर करना चाहूँ तो जैसे मालों मैंने margin बोला

28:12ठीक है और first value आपकी

28:14कहाँ पर होती है top की तो मैंने बोला 10 pixel

28:16की आप लगा देना ठीक है

28:18second value जो है वो अपनी राइट होती है

28:200 pixel कर देता हूँ फिर मैं 10 pixel बोलता हूँ

28:22फिर मैं 0 pixel कर देता हूँ

28:24तो यह मैंने यहाँ पर

28:26इस पर margin apply करी लेकिन margin अगर

28:28आप apply कर रहे हैं तो फिर auto हटानी पड़ेगी

28:30क्योंकि auto की विज़े से फिर

28:32यह apply नहीं होगी इस पर अब भी अगर आप देख रहे तो इस पर margin apply हो रही है

28:36टॉप और बॉटम से नहीं पता चल रहा चलो भाई 100-100 देके देख लो यह मैंने 100-100 कर दिया इसको

28:42इसको यहां पर margin apply हो रहे है तो या टो खो पर पस की दिवट रहा है है अब

28:53box create होके हो रहा है up outline की सेम होती है अपने पास जैसे अपने पास अपने पास अपनी बादर प्रोपर की प्रोपर्टी थी इसलिर नॉर्मल निशिल पर होती है लगंत आप gusta in

29:07width आपको क्या रखनी है या फिर पहले style क्या रखनी है जैसे मैं अब बला कि आप double वाली create करना outline

29:13second अपने पास outline जो है अगर आप यहाँ पर आके चक करोगे तो outline create हो चुकी होगी

29:19जैसे मैं यहाँ पर आके चक करता हूँ तो दोको इस पर एक outline create हो चुकी है बहुत बारिक हो दिखी नीरी क्योंकि width अपने कुसकी set करनी पड़ेगी तो मैं यहाँ पर आके इसकी width set करता हूँ

29:30और मैं बोलता हूँ कि outline की width set कर देना और वह आप कर देना seven pixel ताकि मेरेको clear visible रहे हुआ तो दोको मैंने आ पर seven pixel उसकी outline की width

29:40set करी और यह नहीं आई ऐसा क्यों कुछ तो कर पर कर दिये पर नहीं

29:50कि outline style outline width आ जानी चाहिए थी

29:54outline आई नहीं पहले बार तो एक बार outline का color देके देखते हैं वैसे तो हो जानी चाहिए थी color की ज़र्द पढ़ती नहीं है

30:09देखते एक बार चलो हाँ यहाँ पर देखो अपने outline का color दिया outline की width दी outline की style दी तीनों चीज़े मैंने पास करी तब ही वो अपने को visible हो रही है तीन चीज़े मैंने यहाँ पर दी और यह देखो create जो हो रही है वो आपके border के outside यहाँ पर create हो रही है

30:30अब देखो अगर box model के हिसाब से ले तो अपन box model में क्या करते है box model में आपका content होता है आपकी पैडिंग होती है आपकी border होती है और आपकी margin होती है लेकिन अब जैसे width और height की calculation की अगर आप यहाँ पर बात करते हो

30:51तो width और height में अपने पास अपना content था content की initial width और height पैडिंग अपने पास count हो रही थी और अपने पास border भी count हो रही थी margin नहीं कि उसमें include

31:02तो यह जो आपकी outline create हो रही है यह आपकी margin की उपर overlap होके create हो रही है किस पर create हो रही है margin की उपर overlap create होके हो रही है

31:11तो margin को अपन width और height में अपन calculate नहीं करते थे

31:14तो ये outline भी आपकी width और height के अंदर calculate नहीं होगी

31:18क्योंकि ये जो outline बन रही है ये आपके margin के उपर create होगी है

31:22अगर margin लगी भी है तो नहीं लगी भी तो space create करेगी

31:25यहाँ पर create होगी जैसे मालूम मैं यहाँ पर आता हूँ

31:28अभी के लिए अपन इसको inspect करके समझते हैं जैसे मैं inspect करता हूँ

31:32ठीक है मैंने inspect करा और इस element को मैं यहाँ पर target करता हूँ

31:36ठीक है यही box था आपने जिसको यहाँ पर target करा अब देखो

31:39तो यहाँ पर सबसे पहले पर ईक भार target करते हैं, और देखो यहाँ पर इसकी यह बता रहा है 349.33, बार्डर को यह में भी

31:46divide करके बता रहा होगा, हाँ यह बार्डर को divide करके बता रहा है 4.60 है, यहाँ पर देखो 5503, 5503 दोनों side से यहाँ पर क्या लगी भी है आपकी?

31:55मार्जिन ठीक है अब देखो यहां पर जब मैं इसके उपर करसा कर रहा हूं तो आपको आटोमेटिकली पता चल रहा होगा कि जो आउटलाइन है वो मार्जिन के उपर ओवरलैप हो रखी है आउटलाइन जो अपने बनाई है वो किस पर ओवरलैप है मार्जिन के उपर तो ज

32:25लगानी तो वहाँ पर इसको यूज करते हैं और भी यूज आएगी ठीक है जैसे मैं यहाँ पर लगाओ यहाँ यहाँ यहाँ पर इसको यूज करते हैं जैसे पुरानी डाइप के कहीं तो दिख जाएगी

32:45जहाँ पर भी अपने को आउटलाइन क्रियेट करनी वहाँ पर इसको यूज करेंगे आउटलाइन भी अपने इंपूट में भी आती है इंपूट में भी अपने आउटलाइन होती है जहाँ पर इसको यूज करते हैं ऐसे बहुत सारी जगाँ आउटलाइन आईगी जहाँ प

33:15और जो outline है उसके बीच में मिर को spacing करने है तो border और outline की बीच में spacing करने के लिए अपन जो property यूज लेते हैं वो अपने पास आती है outline offset

33:24outline offset क्या काम आती है border और margin जो अपनी outline है उसके बीच में कितनी spacing आपको create करने है

33:31तो यह क्या करेगा आपकी जो border है और आपकी जो यहाँ पर outline है उसके बीच में 5 पिक्सल की यहाँ पर यह क्या create कर रहा है

33:40spacing create कर रहा है अब देखो यह जो आपकी outline है वो आपकी display से बाहर जा रही है वो दिखी नहीं दी क्योंकि कि यहाँ पर आपने margin नहीं लगा रखी

33:49margin लगाओगे तो margin की उपर ही overlap रहती है जैसे मालो मैं यहाँ पर margin को auto से हटाता हूँ और मैं आपर गोलता हूँ 100 pixel आप all direction से करते हैं बार के लिए

33:58तो देखो अब आपकी margin नहीं जाएगी मतलब margin की वज़े से आपकी outline कटेगी नहीं क्योंकि मैंने margin की उपर ही बनती है आपकी outline उसी की उपर overlap रहती है तो अगर आप इस तरीके से create कर रहे हो तो वहाँ पर margin नहीं लगी भी तो वहाँ पर अपनी जो outline है वो display जे बाहर जा

34:28इस पिक्सल की बनावा आप ठीक है और जो है वो dash वाली आप यहाँ पर create कर देना color जो है वो आप यहाँ पर जैसे इसका green रख देना यह तीन चीजे मैंने आपर पास कर दी तो यहाँ पर जो outline है वो create हो जाएगी आपकी

34:42dash वाली यहाँ पर create हो गई 7 pixel की हो गई और color कौन सा हो रहा है आपर green color हो रहा है इसके उपर जैक है तो यह अपने पास अपनी outline होती है लेकिन offset अगर आपको use करना है तो अलग से लगाना पड़ेगा कि आपको outline और border की बीच में कितना space रखना है तो इसके लिए outline offset property आपको

35:12अपर discuss करें तो इसके यहां तक की चीज के लिए रहे तो इक बार कमेंट करके बताओ

35:26यहां तक की चीज के लिए रहे तो इक बार कमेंट करके बताओ

35:56पिंकू फोर वैब करेंगे सर मल्टिपल शेड़ो देने से क्या होता है मल्टिपल शेड़ो देने से यह होता है कि जैसे मालो आपको एक 3D लूक चाहिए या फिर जैसे layers बनानी है

36:09अगर आपको मल्टिपल शेड़ो दे सकते हो तो वहां पर आप इसको यूज कर सकते हो मल्टिपल शेड़ो दे के

36:27ठीक है

36:40क्लियर सूर्थ। स्पेस बताओ बौडर में एक बार duo में इस58 बौर और मार्जिन बौर दो prison की बीच

36:53में अगर अपने स्पेस देते तो वह इो गया पन कर अपन के मैं � Play ढहvida आपकी प्रॉपश्टी है

36:58आउटलाइन ऑफसेट ठीक है यह स्पीसिंग के लिए काम आती है पिंकू सर मेडल्टी पर शैड़ो देने से क्या होता है अभी तो बता है मैंने इसका जवाब

37:10सर प्लीज एक एक एक्जामपल ठीक है एक एक एक्जामपल कर लेते कोई दिक्कत नहीं है जैसे मालो इसी के अंदर अपने पास यह बॉक्स है इसी के उपर मैं शैड़ो क्रियेट करता हूं ठीक है जैसे यह बॉक्स है इसके उपर मैं शैड़ो क्रियेट करता हूं इसी पर �

37:40और 10 पिक्सल का आप यहाँ पर क्या लग लेना

37:42ब्लर इफेक्ट लग लेना और

37:43ब्लैक कलर देता हूँ भी के लिए मैं

37:45मैंने ये कलर यहाँ पर पास करा

37:47तो आप यहाँ पर देखोगी तो तो इस पर

37:49शैडो क्रियेट हो चुकी है कम दिख रही है

37:51कोई दिक्कत नहीं है बाकी चीज़े कमेंट कर दो

37:53अगर कम दिख रही है तो इन इन चीज़ों को

37:56कमेंट कर देते हैं पर किया इनसे तो

37:57कोई मतलब भी नहीं है ठीक है

37:59सही से करो इस वाले पार्ट को कर दो एक तो कमेंट

38:03और एक इस outline वाले पार्ट को भी कर दो comment और एक काम करो margin को आप यहापर क्या कर दो

38:11परफेक्ट तो यह box ही है अपने पास एक तो यहाँ पर आप देखोगे एक box आ रहा है जिस पर यह shadow

38:17create क्या रही है यह सिर्फ मैंने एक shadow दी है यह अपने एक normal shadow दे दी अब जैसे मैं

38:24यहाँ पर चाता हूं कि यह shadow जो बन रही है वो इस side बन रही है कि side horizontally ठीक है और आपकी vertically अब मैं चाता हूं कि यह

38:33जो shadow है यह इस side भी बने इसके opposite side ठीक है ताकि यह box अपने कुछ सेम वैसा ही लगे मतलब 3D टाइप में लगे तो मैं यहाँ पर क्या करूँगा मैं बोलूँगा कि एक value तो मैंने दे दी दूसरी value भी मैं यहाँ पर देता हूं वो मैं minus में देता हूं कि minus भी तो allow करता ही है

39:03तो यहाँ पर अपने इसको color देते एक black color ठीक है तो यह जो shadow है वो इस तरीके से यहाँ प्रिक्रियेट हो जाएगी उस side भी बन रही है और इस side भी बन रही है जैसे inspect करके देखो इसको

39:14मैं यहाँ पर इसको target करता हूं मैंने दोनु side shadow बनाई है इसके उपर थोड़ा सा पने इसको blur effect देते है इस तरीके से एलो ठीक है और यह अपने यह वाला color था और एक black color यह था तो इसको भी हलका सा blur effect यहाँ पर देदू तो यहाँ पर देखो आपको shadow automatically दिखाई देगी all direction

39:44है अब कितनी भी कर सकते हो कोई ऐसा नहीं है कि जैसे मालो आप एक और पास करना चाहते है तो एक और पास कर दो क्या ही दिक्कत है मैं यहाँ पर बोलता हूं कॉमा और मैंने यहाँ पर जीरो पिक्सल रख लेना horizontally vertically zero pixel रख लेना और आप लगाना इसके उपर blur effect मैं कहते हू

40:14बहुत rare यूज करते है अगर multiple की requirement रहती है तो यूज करते है बाकी बहुत कम यूज करते है multiple ठीक है glowing effect कुछ ऐसा दिखाना होता है तब यूज करते है वैसे तो अपने framework से अपने यूज करते है tellwind से पूरी website बन जाती है लेकिन अगर आप देना चाते हो तो दे सकते हो multiple values �

40:44में लगाएंगे तो direction change होती है yes बिल्कुल अगर minus में अपन shadow की value देते है तो उसकी direction change होती है बिल्कुल सही बात है

40:53इसा गरे कि सर बॉक्स inside बॉक्स अभी भी समझ नहीं आया मतलब क्या समझ में नहीं आया क्या चीज समझ में नहीं है इसी ऐसे तो कुछ चीज बताई नहीं मैंने अगर आपको बॉक्स के अंदर बॉक्स बनाना है

41:22मैं वो पूछ रहे हूँ क्या पूछा आपने एक वाए थोड़ा सा explain कर दो ताकि मैं समझा दू

41:27सिबूल करेगी सर माइनस में value देना best practice है माइनस में best practice कोई दिक्कत नहीं माइनस में value लेता है लेकिन margin और padding को कभी

41:46माइनस में value नहीं देते है याद रखना कई बार पूछा जा सकता है कि मैंने किसी element के उपर minus में padding लगाई है

41:54minus में 50 pixel लगाई है तो क्या होगा लगेगी padding लेकिन minus में अपन padding नहीं देते हैं

42:00चीक है इंसेट लगाना best practice है इंसेट जो है वो तो अपने box के अंदर अगर अपने को shadow

42:15करने box के बाहर तो अपने को पता है अगर अंदर क्रियेट करने तो वहां पर आपकी इंसेट वैल्यू काम आती है

42:23अधिक बिल बॉक्स इंसाइट बॉक्स समझा नहीं मैं आपका इसाट डाउट क्या डाउट है box बनाना नहीं आ रहा क्या मतलब जैसे मालो इसके अंदर box बनाना यह तो आप यहां पर एक और box बना लो आपने box के अंदर एक और box लिए

42:39इसे box one ले लिया मैंने और इसको आपने हाप टार्गेट कर लिया आपने बुला कि box one को मैंने आप टार्गेट किया जिसको एक background color मैंने आप दे दिया

42:46ब्राउन देता हूं मैं ठीक है यह भी ब्राउन नी होगा मेरे साब से अगर ब्राउन दे रहे हो तो फिर इसको color चेंज कर लो यह वाला color दे तो इसको ठीक है उसके अलावा मैं इसको वेड़ देता हूं वेड़ जैसे अपने 300 दे रखी तो इसको मैं 100 पिक्सल ही कह देता ह�

43:16जाएगा अपना box टीक है तो यही तो था अब इसके अंदर अगर shadow create कर नहींए तो ब долकि अबसके बाफ के बाहर इस box के अंदर

43:28करनी आज थो इंसएट लगा दो इस box के बाहर करनी है तो normal box shadow इसके box के अंदर और गर्नी गरीन वाले के अंदर तो

43:35inset लगा दो

43:36यही है सॉल्यूशन हर चीज का अब बदाओ कोई डाउट है तो

43:51बॉक्स के सेंटर में दूसरा बॉक्स देखो बॉक्स के सेंटर में दूसरा बॉक्स लाना है तो वो अभी पॉसिबल नहीं है क्योंकि अपन मार्जिन ओटो देख रहे हैं मार्जिन ओटो सिर्फ आपका होरिजोंटली मार्जिन को ओटो कर देता है एक्स डायरिक्शन के अं

44:21जितनी भी boxes है, उनको सबको center में लेके आना है, तो वो अपन आगे देखेंगे, ठीक है, पीकू करें border box क्या करता है, border box basically आपके जो जितना भी element आपने create करा है, जितनी भी size का, उसी के अंदर अगर आपको padding, उसी के अंदर आपको border रखनी है, तो वहाँ पर अपन border box use करते है

44:51rate की value के बराबर या उससे कम होनी चाहिए, अगर उससे ज़्यादा जाती तो फिर वो उसको consider करता है, वेट तो write के अंदर,

44:58सिबूर करें कि सर, interview में क्या-क्या पूछ सकते हैं, आगे आप हर class में बताना, yes बिल्कुल कोई question होता है, interview से related, मैं आपको ज़रूर बताता हूँ कि, इससे related interview questions बनते हैं,

45:13यूजी बाई करें कि सर में, पिछले class में 18 वे दिन से class देखना start किया था, CSS के last, अच्छा, पिछला अपने जो class लीती हूँ, आपने YouTube पे लीती शायद, और YouTube वाली classes तो अब है ही नहीं,

45:43और कोई भी doubt हूँ, तो अपने doubt एक बारा बताओ, फिर पना आगे बढ़ते हैं इसके इंदर,

46:13सर आगे पढ़ाओ, ठीक है, रितेश कह रहे हैं कि सर जो वो comment करते हैं तो green line हो जाता है, उससे कैसे करते हैं,

46:32मतलब, यह क्या चीज़ पूछ रहे हो आप,

46:41सर बॉक्स में बॉक्स कैसे डाला, बॉक्स में बॉक्स structure बनाया अपने, मैंने एक बॉक्स लिया, उसके अंदर एक और बॉक्स ले लिया, structure रही तो,

46:48Box के अंदर box बनाने का structure है,

46:52आपको box के अंदर box बनाने, तो आपने box लिया,

46:55मतलब, एक div लिया, उसके इंदर एक और डबा,

46:58अब मैंने बूल दिया, यह बड़ा डबा है, तो मैंने बोला, यह 300 pixel का डबा है, आपका,

47:04और यह जो डबा है, वो 100 pixel का है,

47:05तो 100-100 पिक्सल के कितने डब्ब आ सकते हैं इसके इंदर

47:08तीन आ सकते हैं क्योंकि 300 पिक्सल का ही है

47:11यह सिर्फ इतना सा ही concept है

47:14ऐसे तीन यह आपर box बन सकते है 300 पिक्सल के

47:18परफेक्ट

47:29अच्छा code में green जो होता है

47:31code में जो green होता है वो आपका यहाँ पर comment करने वाला part होता है

47:36जैसे मालू में को अगर stml में comment करना है

47:39तो मैंने select करके यहाँ पर control slash करा

47:41यह तो मैंने control slash करा लेकिन आपको syntax पता होना चाहिए

47:45exclamation sign यहाँ पर angle bracket exclamation sign hyphen hyphen

47:49ठीक है यह तो open में होता है

47:51close में क्या होता है hyphen hyphen और आपका angle bracket close

47:54यह stml का syntax होता है

47:57css का अलग है

47:58जैसे मालू में इस box one को comment कर रहा हूँ css के अंदर

48:01तो क्या होता है

48:02slash star फिर उसके बाद star slash

48:06ठीक है

48:07यह होता है css के अंदर

48:09syntax आपको पता होना चाहिए कई बार होता है

48:11कि syntax आपसे पूल लिया जाता है

48:13कि comment करने का javascript में क्या syntax होता है

48:16single line या भी multi line

48:17और stml में क्या होता है

48:19और css में क्या होता है

48:20यह interview question होता है गई बार

48:22तो not कर लेना इस चीज़ को

48:25not तो मतलब याद रखना

48:27सिर्फ shortcut की से मत चलना

48:30यूजी बैगर कि

48:37इसके और इसके गजायए जोया पैसे तो

48:42अबीजी न माणक़ कसि क्या भी क्या रखना

48:47कि यह आता है एक आईकन आता है

48:48मैं वाला इकन आता है इसके पूम

48:52आरा और is के बारे में बताऊँगा

48:54यह कि कहीचा थोड़ा सा और पढ़ लेते हैं

49:06थोड़ी सी चीज़े और देख लेते हैं ऐसे ही अपने पास अपने लिस्ट पढ़ी थी और लिस्ट में अपने उसका टाइप कैसे चेंज करा था अपने टाइप चेंज करा था अपना टाइप एट्रिब्यूट के दुरू लेकिन अगर अगर अपन

49:20कि प्रोपर्टी की बात करते हैं जैसे मालो मैंने याप पर एक अनदर लिस्ट लिस्ट लिस्ट में लिस्ट बनाई है और जिक

49:50भी करते हैं तो यहां पर कल कि करें तो करीबर है। आपकी फाइल यहांपर दिख पास बुलिटीं साइन सारे और यहां पर

49:59है यहांपकी नंबर सारे 123 आप मैं कोई यहां पर इन को चेंज करना है तो

50:15paus change कैसे करेंगे इसके लिए प्रोपर्टिए लिस्ट को टारगेट करना है तो आप वहां पर

50:33direction देते हुब कि किस direction में आपको जाना है जैसे मालों मैं यहाँ पर बोलू कि अब मेरे पास

50:39अनौद लिस्ट है उसके अंदर में को list item को target करना है तो मैंने बोला UL के अंदर

50:44LI है ठीक है मैंने क्या बोला UL के अंदर अपना क्या है

50:48LI है यह मैंने यहाँ पर यह चीज बोली है

50:51कि मेरे पास जो UL है

50:52उसके अंदर मेरे पास यहाँ पर क्या रहा है अपना

50:55LI आ रहा है

50:56ठीक है तो यह direction मैंने यहाँ पर बोली है

51:01अगर कॉमा लगा देता हूं तो इसका मतलब नहीं

51:03unorder list और list दूनों को target करा है

51:06और अगर मैं यहाँ पर कॉमा नहीं लगा था

51:08इसका मतलब मैंने direction दिये

51:10कि मिरे को unorder list के अंदर list आइटम के अंदर जाना है

51:12अब यहाँ पर अपने पास property होती है

51:15list style type

51:17ठीक है अभी यही important है

51:19जैसे मैंने list style type लिखा

51:21अब unorder list है तो देखो यहाँ पर सारी values है आपके पस

51:24आपको square create करना है तो आपने बोला square

51:26तो वो square में convert हो जाएगा

51:28ऐसे ही सही मैं आपके पास कौन सी list आ रही है

51:31order list

51:31order list के अंदर list item को convert करना है तो आप बोलोगी कि

51:34मेरे पास जो oval है उसके अंदर जो list item है

51:37उसको मैं यहाँ पर target करना चाहता हूँ

51:39और उसका जो list style type है वो मैं यहाँ पर change करना चाहता हूँ

51:43ठीक है list style type मैंने यहाँ पर change करा

51:46और जैसे मालोगी यह अपने पास कौन सी list थी

51:48order list हो order वाली जो चीज़े वो आप यहाँ पर दे सकते हो

51:51जैसे order वाली चीज़े अपने पास यहाँ पर अपर अलफा मैंने यहाँ पर आना चाहिए तो उस order के अंदर यह आपकी list अरेंज हो किया जाएगी

52:00ABC तो वो अपने type attribute देखा था उसको use नहीं करेंगे अब अब use करेंगे अपन अपने यहाँ पर list style type को ठीक है

52:09इसी के अंदर list style image भी आती है यह मैं आगे बता हूँ यह क्या काम आती है कैसे use लेते हैं ठीक है तो यह बात होगे अपने पास किस चीज़ की अपने CSS की

52:18अपने list style type के उपर चलो आज की class में इतना ही रखते है अपन तो आज की class की जो चीज़े अपने discuss करी है वो अपने यहाँ पर discuss करी है

52:29किस चीज़ के उपर आज अपने दो तीन चीज़े देखी एक तो अपने देखा अपना box shadow अपने देखा यहाँ पर outline एक अपने यहाँ पर देखा अपना यह list style वाली है यही चीज़े आज अपने discuss करी है ज्यादा चीज़े डिसकस नहीं हुँ इंसेट हाँ इंसेट पर भ

52:59टेक्स्ट में तीन आ रहा है क्या यह आपने जो link लगा रहा है वो गलत copy paste कर रहा है इसलिए वो यहाँ पर आपके तीन लिखा वालत तीन मतलब error बता रहा है यह आपके error है और एस्टेमल में इस एरर नहीं होती इस जो link को आपने copy कर रहा है वो style tag के अंदर नहीं देना उ

53:29attendance का point one में आपको बताता हूँ attendance का point one क्या है attendance के point one के अंदर आपको लिखना है box shadow

53:37सर लिस्ट का output दिखाना प्लीज ये रहा list का output जो मैंने आपको दिखा दिया

53:46ठीक है attendance के point one के अंदर आपको लिखना है box shadow

53:50यही attendance का point one है जो आपको fill करना है

54:07इससे क्या होगा किससे क्या होगा अदित्प बोले मैं में बोलो किससे क्या होगा

54:22attendance के point one में आपको लिखना है box shadow attendance पाइंट से

54:29क्या होता है attendance points अब पहली class लेरो तो आपकी attendance mark होती है

54:33क्योंकि आपको यह complete course करने का certificate मिलता है, course completion का और internship का, तो जो certificate आपको मिलेगा, BRsoft Tech Company का, वो आपको तब मिलेगा जब आपकी attendance 80% about होगी, और 80% about कब होगी, जब आप regular class लेके 0.1 और 0.2 आपको पता होगा, और 0.1 और 0.2 में class के बीच में भी बता सकता हूँ, end में भी बता सक

55:03है, वहाँ पर जाके आप उसको recorded देखके अपनी attendance मार्क कर सकते हो, 7 days के अंदर,

55:09इशा करें कि सर, last batch के certificate में internship नहीं लिखाता, इस बार वाले में हुगा गया, मैं लास्ट वाले चैक नहीं करा, certificate किसी का भी, एक बार मैं चैक करके फिर बताता हूँ आपको, कि लास्ट वाले में लिखाता नहीं लिखाता, चैक करना पड़ेगा मैं को certificate, मैंने किसी का certificate अ�

55:39टैप करेंगे, हलो सर, मेरी 1st December की class मिस हो गई थी, तो अब attendance count होगी क्या, देखो अगर आपकी class मिस हो गई थी, तो आप अटनेंस लगा सकते हो, 7 days के अंदर, 7 days के अंदर अगर आप mark करते हो, तो count हो जाएगी,

55:57सर, मैं 4 और 5 December के attendance डालना भूल गया, और आज मैं दोनों का attendance डाल दिया, तो क्या, वो count होगी, यस, बिल्कुल count होगी वो, वो count होगी, क्योंकि attendance की जो duration है, वो 7 days की duration रहती है, तो वो count होगी,

56:15न्यू लोग, WhatsApp ग्रूप में आज आओ, ठीक है, जाईए सभी ग्रूप के अंदर और बातचीत कीजिए, क्योंकि यह पुराने student है, यह project बना रहे तो यह आपको guide करेंगे, बहुत अच्छा,

56:31मेरी ही छत्रे चाय में रहे वे ही है पहले, तो यह आपको बहुत अच्छा guide करेंगे, उमीद करता हूँ मेरे से अच्छा guide करेंगे आपको,

56:39attendance कैसे लगाते हैं, attendance लगाते हैं, आपने अगर community join कर रखी, तो community में एक attendance का link है, वहाँ से आपको attendance मार्क करनी है, यह जो अपनी first class है, इस batch की, वो first class जाके go through करना, daily motion के उपर, वहाँ पर मैंने पूरा explain कर रखा है,

56:58सर लिस्ट के output को ऐसे use करने से क्या फरक पड़ा, इसके bulletin science से इन हो गए, और यहाँ पर इसका count था, वो 1, 2, 3 आ रहा थे numbers, यहाँ पर अपने इसको alphabet में कर दिया, बस यही हुआ है, attendance का point 2 मैं आपको बता देता हूँ, attendance के point 2 के अंदर आपको यहाँ पर क्या mention करना है, attendance के

57:28attendance के point 2 के अंदर आपको mention करना है, outline, यह attendance का point 2 है, ठीक है, ठीक है चलो आज की class अपन इतनी रखते हैं, बाकी के जो भी आपके doubts है, जो भी चीज़े है, वो पन कल discuss करेंगे,

57:56ठीक है, ठीक है गाईस,

57:58attendance अपनी mark कर देना, और अगर आपको attendance से related कोई doubt है, तो first class को एक बार go through करना, क्योंकि मैंने जितना explain करा है, वो ही सारी चीज़े है, बस वहाँ पर आपको थोड़ा सा deep में मिल जाएगा,

58:12फिर भी अगर doubt है, तो जो skill वाला के contact number है, वहाँ पर आप contact कर सकते हूँ, पूछ सकते हूँ कि कैसे मिल को अपनी attendance mark करनी है, जैसे skill वाला पर अगर आते हो, तो यहाँ पर skill वाला के contact number है,

58:24कहाँ पर है contact number, फूटर पर आओगे, यह रहे skill वाला के contact number, जहां से आप contact कर सकते हूँ, यहाँ पर आके आपको contact करना है, और यहाँ पर आके सिर्फ पूछना है, कि सर में को मेरी attendance mark करनी है, थोड़ा सा guide कर दो, कैसे क्या होगा, कैसे क्या सारी चीज़े होगी, बस वह आ�

58:54सर कुछ dialogue, कुछ interview questions and best practice भी बताना, yes, बिल्कुल जरूर, ठीक है, ओके, thank you so much guys, मिलते हैं फिर अपन अपनी next class के अंदर, bye bye everyone and take care all, सभी अपना ध्यान रखो, bye, love you all

Be the first to comment

Add your comment

💻 CSS Box Shadow, Outline & List Properties Explained

Category

Transcript

Be the first to comment

Recommended