من أفضل الطرق لتعلم شيء جديد هو اللعب. يمكن تطبيق نفس المبدأ عند تعلم CSS.
في هذا الثريد نقدم افضل الالعاب المجانية لتحسين مهاراتك في ال CSS
في هذا الثريد نقدم افضل الالعاب المجانية لتحسين مهاراتك في ال CSS
1- لعبة CSS Diner
إنها لعبة ممتعة لممارسة
وتعلم CSS selectors. تحتوي اللعبة على 32 مستوى مع محرر كود للإدخال.
الرابط 👇
flukeout.github.io
إنها لعبة ممتعة لممارسة
وتعلم CSS selectors. تحتوي اللعبة على 32 مستوى مع محرر كود للإدخال.
الرابط 👇
flukeout.github.io
2- لعبة Flexbox Zombies
ستساعدك لعبة CSS هذه على إتقان flexboxes. حارب الزومبي أثناء تعلم خاصية flexbox.
الرابط 👇
mastery.games
ستساعدك لعبة CSS هذه على إتقان flexboxes. حارب الزومبي أثناء تعلم خاصية flexbox.
الرابط 👇
mastery.games
3- لعبة Grid Garden
لعبة لطيفة وبسيطة لتعلم خاصية Grid. تحتوي هذه اللعبة على 28 مستوى.
استخدم خصائص Grid المختلفة لتنمية حديقة الجزر الخاصة بك. يحتوي Grid Garden على محرر كود ومنطقة مرئية حتى ترى النتيجة على الفور.
الرابط 👇
cssgridgarden.com
لعبة لطيفة وبسيطة لتعلم خاصية Grid. تحتوي هذه اللعبة على 28 مستوى.
استخدم خصائص Grid المختلفة لتنمية حديقة الجزر الخاصة بك. يحتوي Grid Garden على محرر كود ومنطقة مرئية حتى ترى النتيجة على الفور.
الرابط 👇
cssgridgarden.com
4- لعبة Flexbox Defense
الهدف من هذه اللعبة هو كتابة
قواعد flexbox لوضع الابراج بشكل صحيح ووقف موجات العدو
الرابط 👇
flexboxdefense.com
الهدف من هذه اللعبة هو كتابة
قواعد flexbox لوضع الابراج بشكل صحيح ووقف موجات العدو
الرابط 👇
flexboxdefense.com
6- لعبة Knights of the Flexbox Table
الهدف من هذه اللعبة هو تحريك الفارس واصدقائه حول الابراج للكشف عن الكنوز
الرابط 👇
knightsoftheflexboxtable.com
الهدف من هذه اللعبة هو تحريك الفارس واصدقائه حول الابراج للكشف عن الكنوز
الرابط 👇
knightsoftheflexboxtable.com
7- لعبة Guess CSS
هذه اللعبة من نوع الاختبار مصممة لاختبار معرفتك في CSS. تختبر هذه اللعبة معرفتك في
grid templates
grid items
selectors
flexbox
position
display
الرابط 👇
guess-css.app
هذه اللعبة من نوع الاختبار مصممة لاختبار معرفتك في CSS. تختبر هذه اللعبة معرفتك في
grid templates
grid items
selectors
flexbox
position
display
الرابط 👇
guess-css.app
8- لعبة CSS Battle
معركة CSS. يعد هذا تحديا عبر الانترنت اكثر من كونه لعبة فعلية. الهدف هو كتابة كود HTML و CSS لتكرار الصورة المستهدفة المحددة باقل كود ممكن.
الرابط 👇
cssbattle.dev
معركة CSS. يعد هذا تحديا عبر الانترنت اكثر من كونه لعبة فعلية. الهدف هو كتابة كود HTML و CSS لتكرار الصورة المستهدفة المحددة باقل كود ممكن.
الرابط 👇
cssbattle.dev
من خلال ممارسة هذه الالعاب يمكنك:
1- الاستمرار والممارسة في كتابة الكود
2- التجربة المباشرة
3- مشاهدة نتائج عملك
1- الاستمرار والممارسة في كتابة الكود
2- التجربة المباشرة
3- مشاهدة نتائج عملك
جاري تحميل الاقتراحات...