#ثريد
التعلم بالألعاب يجمع بين فوائد التعلم وأجواء المرح وتثبيت المعلومات بطريقة مختلفة..
في هذا الثريد سأستعرض 10 مواقع ألعاب وتحديات مختلفة من أجل التدريب في CSS وقضاء الوقت الممتع في تعلمه..
لننطلق 🚀
التعلم بالألعاب يجمع بين فوائد التعلم وأجواء المرح وتثبيت المعلومات بطريقة مختلفة..
في هذا الثريد سأستعرض 10 مواقع ألعاب وتحديات مختلفة من أجل التدريب في CSS وقضاء الوقت الممتع في تعلمه..
لننطلق 🚀
1 / CSS Diner
لعبة للتعرف على CSS Selectors
تحتوي اللعبة على 32 مستوى، والتي تزداد صعوبة عند التقدم، بالإضافة إلى رسوم متحركة لعرض الـ Selector الذي يجب أن تستهدفه
لتجربة اللعبة من هنا:
flukeout.github.io
لعبة للتعرف على CSS Selectors
تحتوي اللعبة على 32 مستوى، والتي تزداد صعوبة عند التقدم، بالإضافة إلى رسوم متحركة لعرض الـ Selector الذي يجب أن تستهدفه
لتجربة اللعبة من هنا:
flukeout.github.io
2 / Guess CSS
هذه اللعبة تحتاج تخمين للخيار الصحيح الذي يطابق النتيجة التي تظهر، وتشمل:
Flexbox, Position, Selectors, Display, Grid
ويمكن اختيارهم جميعا أو تحديد أحدًا منهم
لتجربة اللعبة من هنا:
guess-css.app
هذه اللعبة تحتاج تخمين للخيار الصحيح الذي يطابق النتيجة التي تظهر، وتشمل:
Flexbox, Position, Selectors, Display, Grid
ويمكن اختيارهم جميعا أو تحديد أحدًا منهم
لتجربة اللعبة من هنا:
guess-css.app
3 / CSS Speedrun
في هذه اللعبة يجب كتابة selector الذي يطبق على العناصر المستهدفة
ويجب القيام بذلك بأسرع وقت ممكن
تحتوي اللعبة على 10 مستويات ويمكن اللعب مرات أكثر وتحسين السرعة
لتجربة اللعبة من هنا:
css-speedrun.netlify.app
في هذه اللعبة يجب كتابة selector الذي يطبق على العناصر المستهدفة
ويجب القيام بذلك بأسرع وقت ممكن
تحتوي اللعبة على 10 مستويات ويمكن اللعب مرات أكثر وتحسين السرعة
لتجربة اللعبة من هنا:
css-speedrun.netlify.app
4 / Flexbox froggy
هذه اللعبة عن Flexbox، تحتوي على 24 مستوى، وتغطي بعض الخصائص مثل:
align-items, justify-content وغيرها
لتجربة اللعبة من هنا:
flexboxfroggy.com
هذه اللعبة عن Flexbox، تحتوي على 24 مستوى، وتغطي بعض الخصائص مثل:
align-items, justify-content وغيرها
لتجربة اللعبة من هنا:
flexboxfroggy.com
5 / Flex Box adventure
لعبة أخرى تشبه Flexbox froggy، ولكن بإعدادات مختلفة، كما أن لديها بعض التحديات والتلميحات الأخرى التي قد تتعلم منها الكثير
لتجربة اللعبة من هنا:
codingfantasy.com
لعبة أخرى تشبه Flexbox froggy، ولكن بإعدادات مختلفة، كما أن لديها بعض التحديات والتلميحات الأخرى التي قد تتعلم منها الكثير
لتجربة اللعبة من هنا:
codingfantasy.com
6 / Knights of the Flexbox Table
لعبة تعلم Flexboxes و Tailwind CSS في نفس الوقت، تحتوي على 18 مستوى ومنطقة مرئية لرؤية النتيجة
لتجربة اللعبة من هنا:
knightsoftheflexboxtable.com
لعبة تعلم Flexboxes و Tailwind CSS في نفس الوقت، تحتوي على 18 مستوى ومنطقة مرئية لرؤية النتيجة
لتجربة اللعبة من هنا:
knightsoftheflexboxtable.com
7 / Grid Garden
لعبة Grid Garden تحتوي على 28 مستوى، وتتدرج من السهولة للأصعب، تحتوي على code editor ومنطقة مرئية لرؤية النتيجة بشكل مباشر
لتجربة اللعبة من هنا:
cssgridgarden.com
لعبة Grid Garden تحتوي على 28 مستوى، وتتدرج من السهولة للأصعب، تحتوي على code editor ومنطقة مرئية لرؤية النتيجة بشكل مباشر
لتجربة اللعبة من هنا:
cssgridgarden.com
8 / CSS Battle
تعد CSS Battle بمثابة تحدٍ أكثر من كونها لعبة CSS، والهدف هو كتابة كود HTML و CSS بأقل كود ممكن، يتم تحديث الموقع باستمرار بتحديات جديدة
لتجربة التحدي من هنا:
cssbattle.dev
تعد CSS Battle بمثابة تحدٍ أكثر من كونها لعبة CSS، والهدف هو كتابة كود HTML و CSS بأقل كود ممكن، يتم تحديث الموقع باستمرار بتحديات جديدة
لتجربة التحدي من هنا:
cssbattle.dev
9 / 100daysCSS
صاحب هذا التحدي أنشأ هذا الموقع للسماح للجميع بتجربة نفس التحدي الذي قام به لنفسه سابقًا وهو عبارة عن تحدي 100 يوم متتالي
لتجربة التحدي من هنا:
100dayscss.com
صاحب هذا التحدي أنشأ هذا الموقع للسماح للجميع بتجربة نفس التحدي الذي قام به لنفسه سابقًا وهو عبارة عن تحدي 100 يوم متتالي
لتجربة التحدي من هنا:
100dayscss.com
10 / CSS challenges
تحديات CSS مختلفة لتطوير المهارات في CSS، ويوجد في الموقع 5 مستويات مختلفة للصعوبة
لتجربة التحدي من هنا:
css-challenges.com
تحديات CSS مختلفة لتطوير المهارات في CSS، ويوجد في الموقع 5 مستويات مختلفة للصعوبة
لتجربة التحدي من هنا:
css-challenges.com
ختامًا،
قد تكون هذه الألعاب مفيدة لمحبي الألعاب ومساعدة لقضاء وقت تعليمي وممتع في نفس الوقت
هذه بعض الألعاب، ولمن لديه تجربة لعبة أو تحدي مميز ولم أذكره يرفقه في التعليقات مشكورًا
دمت مبدعًا 🌟
قد تكون هذه الألعاب مفيدة لمحبي الألعاب ومساعدة لقضاء وقت تعليمي وممتع في نفس الوقت
هذه بعض الألعاب، ولمن لديه تجربة لعبة أو تحدي مميز ولم أذكره يرفقه في التعليقات مشكورًا
دمت مبدعًا 🌟
جاري تحميل الاقتراحات...