0:00
आज की exercise D से related होने वाली है। आप लोगों को एक exercise मैं दूँगा
0:03
जिसमें आप लोगों को d के methods जो मैंने बताए थे वो इस्तेमाल
0:07
करने हैं और उसके बाद आप लोगों को इस problem को solve करना है। जितने भी लोग इसको
0:11
solve करेंगे सब लोगों को shout out मिलेगा। आप लोग इस video को like करके नीचे comment
0:14
section में challenge accepted लिख देना सबसे पहले चलते हैं computer screen
0:18
में let's roll the intro। Alright
0:29
guys so मैं आ चूका हूँ अपनी computer screen के अंदर और यहाँ पर सबसे पहला
0:32
काम पता है क्या करूँगा video सत्तर बनाऊंगा और video सत्तर बनाने
0:36
के बाद shift right click करके यहाँ पर open with code करके इसको
0:39
खोल दूंगा। अब मैं आप लोगों को बताता हूँ कि क्या करना है आप लोगों को इस exercise
0:43
में। तो index dot HTML लिख कर मैं यहां पर जल्दी से
0:47
ये मैंने क्या कर दिया boiler plate code वाला जो code है यहां क्यों डाल दिया मैंने क्या हो रहा
0:51
है मुझे, हाँ तो यहां पर मैं क्या करूंगा कि आप लोगों
0:54
को एक question दूंगा। इस बार आपने करना क्या है कि आपको
0:58
दिए हुए हैं five boxes given five boxes ठीक है assign a
1:05
random colour and a random background to each box using। D
1:15
concepts। ठीक है? तो I hope समझ गए आप लोग करना क्या
1:19
है ठीक है मुझे नहीं लगता कि इसमें कोई भी rocket science है। मान लो आपके
1:22
पास एक div dot container है इसके बाद div dot box है और
1:26
multiply by यहां पर मैं कर दूंगा let us say कितने boxes हैं five
1:30
boxes हैं multiply by five कर दिया इन पाँच boxes में आप
1:34
लोगों ने करना क्या है कि dom concept का इस्तेमाल करके random
1:38
colour assign करना है। कैसे लाओगे random colour भाई सा दिमाग लगा
1:41
लो सब कुछ मैं नहीं बताऊंगा ठीक है और उसी के साथ- साथ
1:46
मैं आसान काम करवा देता हूँ आप लोगों को कि आप लोगों को height
1:50
forty five pixel width forty five pixel और उसी के साथ साथ
1:56
border two pixel solid black यहाँ पर मैं लगा कर दिखा देता
2:02
हूँ। ठीक है? तो ये मैंने आप लोगों को यहाँ पर दिखा दिया और यहाँ
2:06
पर अगर आप लोगों ने ये sigma की playlist access नहीं करी है तो कर लेना। उसी
2:10
के साथ साथ अगर आप लोगों ने ये code access नहीं किया है वो भी कर लेना। code
2:13
मैं update करता जा रहा हूँ और अब मैं यहाँ पर जल्दी preview करके दिखाऊंगा
2:18
तो ये boxes हैं यहां पर और देखो करने को तो मैं
2:22
बहुत कुछ कर सकता हूँ। display flex कर दूंगा यहां पर, justify
2:26
content center, align item center ठीक है और यहाँ पर इन सब
2:30
के अंदर पर क्या करो box लिख दो। ठीक है? box लिख
2:36
दो यहां पर। तो भाई देखो ये सब तो किया जा सकता है। ठीक है? margin
2:39
padding भी लगा लो, हाँ ठीक है लो margin padding भी लगा लो, अरे gap लगाऊंगा ना जब
2:43
flex box है तो margin padding क्यों use करूंगा मैं? gap property
2:47
थी ना मैंने और हाँ ये सारी चीजें मुझे जो है container पर लगानी तो
2:52
ये जो है। container पर लगानी और ये तो box है। और अब
2:56
जो gap वगैरह है वो आ जाएगा ठीक है तो ये सब आपको कोई rocket science नहीं
2:59
थी, ये सब आपको आता था ठीक है और ये सब मैंने यहाँ पर कर दिया है। display
3:04
flex मुझे इसको भी करना चाहिए यार। तो मैंने ये जो ये
3:08
करा है मैंने display flex जो है यही copy करके यहां पर
3:12
भी डाल दूंगा ताकि मैं box को भी ये flex box बना दूँ तो मतलब जो बन जाए आप कर
3:16
सकते हो। ठीक है? सब आपको आता है। आप लोगों ने बस random colour और random
3:19
background assign करके मुझे दिखाना है। I hope exercise सबको समझ में आ गयी video को short
3:23
रखूंगा playlist access नहीं करी है तो कर लेना। अभी के लिए इस video में इतना
3:27
ही guys thank you so much guys for watching this video and I will see you next
