CSS सीखना एक निराशाजनक अनुभव हो सकता है, लेकिन कम से कम यह उबाऊ नहीं होना चाहिए! कोडिंग सीखने के बारे में सबसे अच्छी चीजों में से एक यह है कि जो लोग कोडिंग में अच्छे होते हैं, उनके पास दूसरे लोगों को कोडिंग सिखाने के लिए गेम बनाने का कौशल भी होता है। बुनियादी CSS सीखने में अभ्यास और प्रयोग का कोई विकल्प नहीं है, लेकिन गेम निश्चित रूप से मदद करते हैं, और ग्रिड और फ्लेक्सबॉक्स जैसे नए लेआउट मॉडल विशेष रूप से हैंड्स-ऑन लर्निंग मॉडल से लाभान्वित होते हैं।
यहां कुछ गेम हैं जो आपको बिना समय गंवाए CSS में महारत हासिल करने देंगे।
1. CSS डाइनर: CSS सेलेक्टर्स
काफी बुनियादी, है ना? तत्वों, क्लासेस, IDs का चयन करें... शायद छद्म-क्लासेस? और क्या है? वास्तव में, तत्वों का चयन करने के जितने तरीके आप सोच सकते हैं उससे अधिक हैं, और CSS डाइनर आपको CSS के साथ भोजन के टुकड़ों का चयन करने के लिए कहकर उनका उपयोग करना सिखाना चाहता है। कुछ चुनौतियां थोड़ी भ्रमित करने वाली हो सकती हैं, लेकिन यह कोडिंग है - इसमें गूगल करने में कोई शर्म नहीं है।
2. फ्लेक्सबॉक्स जॉम्बीज़
फ्लेक्सबॉक्स जॉम्बीज़ एक अविश्वसनीय रूप से अच्छी तरह से विकसित गेम/कोर्स है जो एक सहज, आकर्षक और स्व-पुष्ट करने वाले गेम के साथ आपको फ्लेक्सबॉक्स का उपयोग करना सिखाने का वादा करता है जो ज्यादातर आपके द्वारा फ्लेक्सबॉक्स कोड द्वारा नियंत्रित हथियारों से लाशों को शूट करने के इर्द-गिर्द घूमता है। यह आपको एक कहानी, शानदार ग्राफिक्स, और लाश-मारने वाले एक्शन के साथ पूर्ण कई स्तरों के माध्यम से बहुत बुनियादी बातों से लेकर उन्नत सामग्री तक ले जाता है - आप भूल भी सकते हैं कि आप CSS सीख रहे हैं।
फ्लेक्सबॉक्स स्वयं एक आयाम के साथ सामग्री को उत्तरदायी रूप से व्यवस्थित करने के लिए एक बहुत बढ़िया तकनीक है, और यदि आप फ्रंट-एंड वेब डेवलपमेंट के साथ कुछ भी करते हैं, तो आप इसे सीखने के लिए खुद पर एहसान करते हैं। चाहे आप इसे टाल रहे हों या नहीं, फ्लेक्सबॉक्स जॉम्बीज़ एक ऐसा गेम खेलने का एक उत्कृष्ट बहाना है जो वास्तव में आपको कुछ सिखाता है। काश सारी शिक्षा ऐसी ही होती, है ना?
उसी निर्माता ने CSS ग्रिड के लिए "ग्रिड क्रिटर्स" नामक एक गेम-कोर्स भी डिज़ाइन किया है। यह मुफ़्त नहीं है, लेकिन अगर आप फ्लेक्सबॉक्स जॉम्बीज़ पसंद करते हैं तो आप इस पर पैसा खर्च करना चुन सकते हैं।
3. ग्रिड गार्डन
व्यक्तिगत रूप से, मुझे लगता है कि फ्लेक्सबॉक्स ठीक है, लेकिन यह वास्तव में एक-आयामी (पंक्ति या कॉलम) लेआउट पर चमकता है, इसलिए बड़ी परियोजनाओं और टेम्पलेट्स के लिए, आप ग्रिड की ओर रुख करना चाहेंगे (शायद ग्रिड सेल के अंदर कुछ फ्लेक्सबॉक्स कंटेनरों के साथ)। एक बार जब आप इसे समझ लेते हैं, तो यह साफ-सुथरा और अद्भुत होता है, लेकिन थोड़ा सीखने की अवस्था हो सकती है जहां ग्रिड गार्डन (और ऊपर उल्लिखित ग्रिड क्रिटर्स) मदद कर सकते हैं।
ग्रिड गार्डन एक मुफ्त गेम है जहां आपको एक बगीचे को इस तरह से व्यवस्थित करना होता है कि आपकी गाजरों को पानी मिले और खरपतवारों को जहर दिया जाए - और पता चलता है कि ग्रिड इस कार्य के लिए एकदम सही है! यह आपको बुनियादी ग्रिड पोजिशनिंग की ठोस समझ देगा जिसे आप तब अपनी साइट लेआउट पर लागू कर सकते हैं।
4. फ्लेक्सबॉक्स डिफेंस
फ्लेक्सबॉक्स की मूल बातें पहले से जानते हैं लेकिन "जस्टिफाई" और "अलाइन" को बिल्कुल सीधा नहीं रख सकते? फ्लेक्सबॉक्स डिफेंस एक टावर डिफेंस गेम के रूप में छिपा हुआ एक फ्लेक्सबॉक्स ट्यूटोरियल है जो यह सुनिश्चित करेगा कि आप अपने जस्टिफाई-कंटेंट और अलाइन-सेल्फ को याद रखें - या मर जाएं। लेकिन आप बस फिर से कोशिश कर सकते हैं। यदि आप कभी भी उन खेलों के प्रशंसक नहीं रहे हैं जो केवल एक सही उत्तर स्वीकार करते हैं, तो आप इसे पसंद करेंगे, क्योंकि यह आपको टावरों को जहां चाहें वहां रखने और अपने दम पर सफल या असफल होने की अनुमति देता है।
5. फ्लेक्सबॉक्स फ्रॉगी
आप मौजूदा फ्लेक्सबॉक्स ट्यूटोरियल से गुजरकर शायद एक ठोस दोपहर का गेमिंग प्राप्त कर सकते हैं, लेकिन यह शायद कुछ दिनों या हफ्तों में इसे फैलाने के लिए बेहतर है ताकि यह सुनिश्चित हो सके कि आपको बहुत सारे मेमोरी-रिफ्रेशर मिलें। फ्लेक्सबॉक्स फ्रॉगी इसके लिए एकदम सही है - यह आपको शून्य से ऊपर नहीं ले जाता, लेकिन अगर आप कभी भी खुद को कमांड भूलते हुए पाते हैं, तो आप कुछ मिनटों में इस गेम के माध्यम से डैश कर सकते हैं ताकि खुद को गति में वापस ला सकें।
6. कोडपिप गेम्स
यदि आपने ग्रिड गार्डन और फ्लेक्सबॉक्स फ्रॉगी को देखा, तो आपने पहले ही कोडपिप के काम के कुछ उदाहरण देख लिए हैं। वे केवल दो मुफ्त गेम हैं जो वे पेश करते हैं। यदि आप उनकी साइट पर एक प्रो खाते के लिए साइन अप करते हैं, तो उनके पास सामान्य CSS समीक्षा से लेकर जावास्क्रिप्ट तक के गेम हैं।
ये मुझे कितना CSS सिखाएंगे?
इन खेलों को चलाने से आपको कुछ बुनियादी अवधारणाओं को काफी अच्छी तरह से सीखने में मदद मिल सकती है - विशेष रूप से यदि आप फ्लेक्सबॉक्स सीखना चाहते हैं। अंततः, हालांकि, खेल केवल आपको सिखा सकते हैं कि कौन से शब्द टाइप करने हैं। यदि आप वास्तव में यह पता लगाना चाहते हैं कि उनका उपयोग कैसे किया जाए, तो आपको उन्हें अभ्यास में लाना होगा। अपने लिए एक अच्छा कोड एडिटर और कुछ ऐसे विचार प्राप्त करें जिन्हें आप लागू करना चाहते हैं और छेड़छाड़ करना शुरू करें!
