تعلم CSS الشبكة تخطيط (الطريق المرح) مع حديقة الشبكة

يعرف معظم مطوري الويب لعبة Flexbox Froggy يعلمك أساسيات flexbox من الصفر. لقد أصبحت هذه اللعبة المجانية فيروسية ولا تزال ذات قيمة كبيرة لتعليم الناس كيفية التعامل مع flexbox.

حسنًا ، المطور نفسه الذي صنع هذه اللعبة لديها لعبة جديدة مسمي حديقة الشبكة.

تعمل هذه اللعبة بطريقة مماثلة ولكنها تعلمك كيفية رمز شبكات CSS. إنها ميزة جديدة نسبيًا ولكنها كذلك اصطياد بسرعة و Grid Garden هي أفضل طريقة للتعلم بسهولة.

كل شيء في حديقة الشبكة يتبع أ أسلوب التدريس مماثل كما Flexbox الضفدع. تم إنشاؤه بواسطة المطور نفسه ، Thomas Park ، بحيث يمكنك توقع مستوى مماثل من الصعوبة وسهولة الاستخدام.

بشكل افتراضي ، عليك أن تبدأ من المستوى الأول بـ a مجموعه 28 المستويات من البداية الى النهاية. انت تستطيع دائما تخطي المستويات إذا كنت تعتقد أن هذا أمر صعب للغاية ، ولكني أجد أنه من الجيد دائمًا العمل من خلالهم جميعًا كتجديد.

إذا لم تكن لديك أي فكرة عن كيفية عمل الخصائص المرتبطة بالشبكة ، فستجد نفسك غوغلينغ كثيرًا من الكلمات. تخطيط شبكة CSS هو وحدة جديدة تماما مع بناء الجملة والميزات الخاصة به.

أوصي بشدة باللعب مع Grid Garden كلما سنحت لك الفرصة. انها عمليا ملعب مطور CSS للتعلم ودراسة جميع خصائص تخطيط الشبكة المختلفة.

لا أستطيع أن أقول إن هذه اللعبة ستجعلك خبيرًا في شبكات CSS. فقط بناء المشاريع وممارسة الكثير يمكن أن يقودك إلى مستوى الخبراء. ولكن ، Grid Garden هي طريقة ممتعة للبدء دون كل الضغط المعتاد الذي يدور حول تعلم شيء جديد.

المشروع بأكمله مجاني تمامًا ومفتوح المصدر على GitHub إذا كنت تريد تنزيله محليًا للدراسة أو التوسع. يمكنك أيضًا مشاركة أفكارك مع المنشئ على Twitter @ thomashpark.