खुद को फ्लेक्सबॉक्स फ्रॉग्जी गेम के साथ सीएसएस फ्लेक्सबॉक्स सिखाएं

अतीत में हमने फ्लेक्सबॉक्स और यह कैसे काम करता है की मूल बातें पर प्रकाश डाला है। लेकिन वास्तव में फ्लेक्सबॉक्स को अपने वर्कफ़्लो पर लागू करना चुनौतीपूर्ण हो सकता है क्योंकि यह सीएसएस कल्पना के लिए ऐसा जटिल है.

Flexbox मेंढक के साथ आप कर सकते हैं एक मजेदार webgame के साथ फ्लेक्सबॉक्स के सभी मूल बातें सीखें जिसमें मेंढक और लिलिपैड शामिल हैं. मुझे पता है कि यह पागल लगता है, लेकिन यह गंभीरता से एक भयानक वेबप है.

आप स्तर 1 पर शुरू करते हैं और धीरे-धीरे 24 विभिन्न स्तरों के माध्यम से अपना काम करें फ्लेक्सबॉक्स अभिविन्यास के कई पहलुओं को पढ़ाना। आप से पूछकर शुरुआती स्तर आसान हो जाते हैं एक कंटेनर में एक या दो मेंढकों को संरेखित करें. शुरुआती पाठ में रास्ते में आपकी मदद करने के लिए सुझाव और सुझाव भी शामिल हैं.

लेकिन एक बार जब आप पिछले पाठ को प्राप्त करते हैं तो 10 चीजें वास्तव में गर्म हो जाती हैं। आपको फिर से सीखने की आवश्यकता होगी-एक कंटेनर के भीतर आइटम व्यवस्थित करें, कैसे व्यवस्थित सामग्री खड़ी, और कैसे बनाएं समतुल्य रिक्ति विभिन्न सामग्रियों की विभिन्न पंक्तियों के बीच.

प्यारा सा मेंढक आपको लुभा सकता है, लेकिन विश्वास दिलाता हूं कि यह एक कठिन खेल है.

हालाँकि, पूर्ण अनुभव से अधिक अनुभवी वेब डेवलपर्स तक, खेल सभी स्तरों के लिए बनाया गया है। शुरुआती पाठ एक हवा हैं और बाद के पाठ आपको स्क्रीन पर अपने बालों के गुच्छों के साथ कूबड़ पर छोड़ सकते हैं.

पूरा गेम सोर्स कोड GitHub पर मुफ्त में उपलब्ध है ताकि आप चाहें तो इसे स्थानीय स्तर पर डाउनलोड और खेल सकते हैं.

साथ ही वेबएप बहुभाषी है 20 भाषाओं की पेशकश अंग्रेजी, फ्रेंच, जर्मन, इतालवी, चीनी, जापानी, और रूसी (प्लस कई अन्य) सहित.

मैं यह स्वीकार करूंगा मेंढक को फिर से पालना तुरंत आपको मालिक नहीं बना देगा फ्लेक्सबॉक्स की। लेकिन इन सबक के लिए हैं आप Flexbox सिंटैक्स से परिचित हों ताकि आप वास्तविक दुनिया के परिदृश्यों में काम करने में अधिक सहज महसूस कर सकें.

यदि आप ए किसी भी कौशल स्तर के वेब डेवलपर आप निश्चित रूप से Flexbox Froggy की जाँच करें। यह पूरी तरह से स्वतंत्र है, खेलने के लिए काफी मजेदार है और आश्चर्यजनक रूप से शैक्षिक है.