0:00
So is it impossible to master CSS
0:02
The answer is no. No, it is not impossible to master CSS. क्या CSS मुश्किल है
0:07
Yes, it is difficult. और इस वीडियो में आप लोगों में बताऊंगा कि किस तरह से CSS को आप लोगों को अपने लिए आसान करना ह��
0:12
और अपने अंदर एक belief लाना है कि CSS मुश्किल नहीं है, CSS कोई ऐसी चीज़ नहीं है
0:16
जो कि बहुती कम लोग कर पाते हैं आप भी एक CSS expert बन सकते है��
0:21
और यही confidence मैं आप लोगों के अंदर इस वीडियो के थूँ लाना चाहता हूँ यार देखो half knowledge बहुत harmful होती ह��
0:25
तो जो मैं आपको बता रहा हूँ उसको पूरा सुनना सिर्फ ये सुनकर मत जाना कि CSS मुश्किल ह��
0:29
सिर्फ ये सुनकर मत जाना कि master कर सकते हैं जब भी आप लोग CSS की बात करते है��
0:33
और आप लोग कहते हैं मैं master करना चाहता हूँ CSS का तो आप लोग अपने आपसे ये सवाल पुछना चाहेंग��
0:37
जब आप लोग कहते हैं mastering CSS तो इसका क्या मतलब है कि आप लोग सारी की सारी properties को रटना चाते ह��
0:42
अगर आप लोग के दिमाग में यह बता गई है कि यार मुझे सारी properties याद रखनी है CSS क��
0:46
तो वो गलत है आप लोग को खुद से नहीं रटनी है properties आप लोगो practice कर कर के properties रटें वो आप लोगो के लिए सबसे जादा बैतर होने वाला ह��
0:54
आप लोग बैट कर रटों के properties को कुछ भी नहीं उखाड़ पाओगे ये मैं आप लोगो सबसे पहले बताना चाहता हू��
0:59
दूसरी बात ये कि क्या CSS difficult है ये दिफिकल्ट है CSS बट आप लोग अपने आपको बताए क्या बोलना चाहि��
1:05
यार असान चीजों का शौंग भी नहीं है मेरे को ठीक है तो आप लोग अपने आपको ये बोलकर स्टार्ट करना चाहि��
1:12
कि CSS मुश्किल है मुझे मालूं है लेकिन आसान चीजों का शौक भी नहीं है मेरे क��
1:15
इसलिए यहाँ पर मैं इसको master करने वाला हूँ या करने वाली हूँ तो पहला क्या step होना चाहि��
1:20
पहला step ही होना चाहिए कि आप लोग CSS की सारी properties को at a glance देख ल��
1:24
और मैंने आपको लिए बहुत अच्छे short notes भी बना रखे हैं जो कि देखकर आप लोग बड़े आराम स��
1:28
ये तो समझ पाओगे कि कितनी important properties CSS के अंदर exist करन��
1:32
इसके बाद जो next step होना चाहिए वो होना चाहिए practice आप लोग को अब करनी है बहुत सारी practice
1:37
और वो आप लोग करोगे projects को बना बना कर HTML, CSS, JavaScript के projects को उठा��
1:42
उनको बनाना सीखो और 10 projects को बनाने के बाद कुछ projects आप लोग को खुद से भी बनाने पड़ेग��
1:46
जिसमें आप लोग को कोई हाथ पकड़ के नहीं सिकाएगा कि यार अब यहाँ पर यह property डाल द��
1:50
अब यहाँ पर इन class डाल दो CSS 10 projects 2 projects CSS
2:06
अब अगर आप लोग ये कह रहे हो गया अभी भी मुझे CSS में दिक्कत होती है तो मैं आप लोगों एक बात बताना चाहता हूँ अभी भी मुझे CSS में दिक्कत होती है मुझे भी होती है दिक्कत और दिक्कत होना प्रोग्रामर की लाइफ का एक हिस्सा होता है ठीक है ऐसा कभ��
2:36
गया उसको solve करने में यार यह programmer की life का part होता है आप कभी यह मत सोचना क��
2:40
यार मैं इतनी अच्छी CSS सीख जाऊंगा कि कभी भी मुझे stack overflow नहीं खोलना पड़ेगा मुझ��
2:44
google search नहीं मानना पड़ेगा मुझे किसी extension की help नहीं लेनी पड़ेगी ऐसा कभी भी नही��
2:48
होगा और ऐसा होना भी नहीं चाहिए और ऐसा हमें करना भी नहीं है हम चाहते हैं कि हम कम से क��
2:52
टाइम में ज़्यादा से अरा डेवलप्मेंट करने वाले एक रूबस्ट एक्सपीरियंस डेवलप��
2:56
बन सके और हम उसके प्रति काम करना चाहेंगे नाकि यह चाहेंगे कि हम सारी properties को retain
3:02
stack overflow को ना देखें उससे हमें कुछ नहीं हासिल होने वाला हमें हासिल होने वाला है अच्छे projects को deliver करने स��
3:08
अपनी efficiency को बढ़ाने से सटी काम कर पाने से तो हमारा focus पूरा वहाँ पर होना चाहि��
3:14
यह बिल्कुल सही दिशा है ना कि यह कि आप लोग properties को retain stack overflow देखना बंद करें नहीं ऐसा नहीं करना ह��
3:20
अब मैं आप लोगों एक्जाम्पल देना चाहता हूँ कि जो starting होती है वो बहुत difficult होती ह��
3:24
typing example से समझाऊंगा typing जब भी आप करते हो अगर आप लोग जो 10 finger typing होती है वो करना सीखोगे मैंने एक वीडियो भी बना रखा है बट अगर आप लोग खुद से भी सीखोगे अभी भी अगर आप लोग अपने keyboard पर उंगलिया रखोगे और देखोगे 10 finger typing करने का सोचोगे तो ��
3:54
speed 2 words per minute 2 words per minute 2 words type per minute 4 10 15 20 50 60 70 80 90
4:24
चाहता हूं आप लोग कर सकते हो मेरे साथ से मास्टरिंग सीएस की डेफिनेशन है कि पिन नॉलेज ऑफ सम्थिंग एक्सेस्��
4:31
अगर मुझे पता है कि प्लेक्स बॉक्स की जायता से सेंटर कर सकता हूं या फिर जस्टिफाइब इट्वीन कर सकता हूं इधर-उध��
4:36
रख सकता हूं एलिमेंट्स को मुझे सबसे पहले तो अंडरस्टैंडिंग है उस चीज की मैं यह कर सकता हूं और उसके बा��
4:41
कहां पर मुझे जाना है वेड लुक इट अब कहां पर देखना है उसको कहां पर मुझे जाना है इस चीज के लिए सर्च करन��
4:48
या फिर इस चीज की properties को खोज कर अपने project में use करने के लि��
4:52
फिर इसके बाद आती है responsiveness बहुत सारे लोग कहते है responsiveness जो है बहुत मुश्किल चीज ह��
4:56
मेरे साब से responsiveness सबसे आसान होता है आप dirty responsiveness से start कर��
5:00
यह जो suggestion मैं आप लोगों को दे रहा हूँ यहाँ पर वो आपको अजीब से लगेगा, आपको गया dirty responsiveness का क्या मतलब है, देखो, आप लोग क्या करो, अलग-अलग versions बनाओ अपनी site के, आप tablet पर पूरी की पूरी class की properties change कर दो, आप mobile में class की properties change करो, media query लगा कर, हलागि dirty responsiveness बहुत अच्छी चीज नहीं है, आपको बहुत इंटिमा��
5:32
काम तो कर दिया, you got the job done, but आप इस बात की समझ भी रखते होगी
5:36
वो जो tactic आपने इस्तेमाल करी है, वो optimal नहीं है, उससे अच्छा किया जा सकता है
5:41
we can do better, अगर आप लोग ये समझ रखते हो, तो मेरे सापसे dirty tactics को इस्तेमाल करके
5:46
अपने आपका confidence बढ़ाने में कोई भी हर्ज नहीं है फिर इसके बाद मैं आप लोगो एक और जो recommendation देना चाहूँगा वो ये ह��
5:52
online reference 10 15
6:34
बाद में आजा ना गिट और गिट अब में एजर डेवलॉपर आना ही पड़ेगा तो इसलिए अपना एक ऑनलाइन रेफरेंस बनाओ ताकि कोई भी चीज अगर आप लोग को कोई बठा दे करने के लिए तो आपके बाद अपना रेफरेंस है वहाँ पर आपके सारी के सारी ��
7:04
इसे एक बार Firefox में जाकर देखो CSS Development Perspective के इसाबस��
7:09
Firefox एक बहुत बढ़िया ब्राउजर है कुछ features ऐसे हैं आज भी जो कि Chrome में नहीं है Firefox में ह��
7:14
और कुछ features ऐसे हैं जो Firefox में नहीं है Microsoft Edge में है तो मेरे एसाबसे तीनों ब्राउजर यूज़ करने हैं या��
7:19
क्योंकि chrome अगर अच्छा experience देरा, आपको आदत लगी हुई है, तो बहुत सारी चीज़े आपको Firefox पर मिलेंगी
7:24
बहुत सारी चीज़े आपको Microsoft Edge में मिलेंगी, हमें हर चीज़ का फाइदा उठाकर आगे बढ़ना है
7:29
So I hope that you guys understood how to master CSS And now you guys don't find CSS so difficult
7:34
That's all for now guys Thank you so much guys for watching this video
7:38
And I will see you next time कर द��