ग्रिड गार्डन के साथ सीएसएस ग्रिड लेआउट (मजेदार तरीका) जानें

अधिकांश वेब डेवलपर्स फ्लेक्सबॉक्स फ्रॉग्जी गेम को जानते हैं आपको flexbox की मूल बातें सिखाता है शुरुवात से। यह मुफ्त गेम वायरल हो गया और यह अभी भी लोगों को सिखाने के लिए अविश्वसनीय रूप से मूल्यवान है कि फ्लेक्सबॉक्स के साथ कैसे कोड किया जाए.

खैर, वही डेवलपर जिसने उस खेल को बनाया एक नया खेल है बुलाया ग्रिड गार्डन.

यह गेम एक समान तरीके से काम करता है लेकिन आपको सिखाता है कैसे सीएसएस ग्रिड कोड के लिए. यह एक अपेक्षाकृत नई सुविधा है लेकिन यह है तेजी से बढ़ रहा है और ग्रिड गार्डन आसानी से सीखने का सबसे अच्छा तरीका है.

ग्रिड गार्डन में सब कुछ इस प्रकार है इसी तरह की शिक्षण शैली फ्लेक्सबॉक्स फ्रॉग्जी के रूप में। यह एक ही डेवलपर, थॉमस पार्क द्वारा बनाया गया था, इसलिए आप कठिनाई और प्रयोज्य के समान स्तर की उम्मीद कर सकते हैं.

डिफ़ॉल्ट रूप से, आप एक के साथ एक स्तर पर शुरू करते हैं कुल 28 स्तरों आरंभ से अंत तक। तुम हमेशा स्तर छोड़ें अगर आपको लगता है कि कोई भी बहुत मुश्किल है, लेकिन मुझे लगता है कि यह हमेशा एक पुनश्चर्या के रूप में उन सभी के माध्यम से काम करने के लिए अच्छा है.

यदि आपको पता नहीं है कि ग्रिड-संबंधी गुण कैसे काम करते हैं, तो आप अपने आप को बहुत सारे शब्दों को गूग्लिंग पाएंगे। CSS ग्रिड लेआउट एक है पूरी तरह से नया मॉड्यूल अपने स्वयं के सिंटैक्स और सुविधाओं के साथ.

जब भी आपको मौका मिलता है, मैं ग्रिड गार्डन के आसपास रहने की सलाह देता हूं। यह व्यावहारिक रूप से ए है सीएसएस डेवलपर का खेल का मैदान सभी विभिन्न ग्रिड लेआउट गुणों को सीखने और अध्ययन करने के लिए.

मैं यह नहीं कह सकता कि यह खेल आपको सीएसएस ग्रिड में एक विशेषज्ञ बना देगा। केवल परियोजनाओं का निर्माण करना और बहुत अभ्यास करना आपको एक विशेषज्ञ स्तर पर ला सकता है। लेकिन, ग्रिड गार्डन एक मज़ेदार तरीका है जो बिना किसी सामान्य तनाव के शुरू होता है जो कुछ नया सीखने में जाता है.

यदि आप इसका अध्ययन या विस्तार करना चाहते हैं, तो पूरी परियोजना GitHub पर पूरी तरह से स्वतंत्र और खुली है। आप ट्विटर @thomashpark पर निर्माता के साथ अपने विचार भी साझा कर सकते हैं.