لغة CSS من اللغات الأساسية لتنسيق الويب
فكيف يمدينا نتعلمها ونمارسها من خلال الألعاب 👾
ثريد 🧵
فكيف يمدينا نتعلمها ونمارسها من خلال الألعاب 👾
ثريد 🧵
قبل ما نبدأ الثريد. أنا فاطمة العمودي ✨. خريجة علوم حاسب. أنشر محتوى عن تجربة المستخدم وبناء تطبيقات الويب.كل أسبوع أعمل فعالية عن تصميم واجهات.
🔹1- Flexbox Zombies:
في هذه اللعبة لازم تتعلم أساسيات flexbox عشان تنجو من هجوم الزومبي.
mastery.games
في هذه اللعبة لازم تتعلم أساسيات flexbox عشان تنجو من هجوم الزومبي.
mastery.games
🔹2-Flexbox Froggy:
هذه اللعبة أيضا عن flexbox ولازم تستخدم أساسياته لوضع الضفدع في المكان المناسب. لها ٢٤ مستوى.
flexboxfroggy.com
هذه اللعبة أيضا عن flexbox ولازم تستخدم أساسياته لوضع الضفدع في المكان المناسب. لها ٢٤ مستوى.
flexboxfroggy.com
🔹3- Grid Garden:
هنا لازم نستخدم أساسيات grid للأعتناء بالحديقة وإثبات الجزر. لها ٢٨ مستوى.
cssgridgarden.com
هنا لازم نستخدم أساسيات grid للأعتناء بالحديقة وإثبات الجزر. لها ٢٨ مستوى.
cssgridgarden.com
🔹5- CSS Battle:
الموقع يوفر لكم أشكال مختلقة والمطلوب منك تحويلها إلى أكواد HTML, CSS وله خاصية جميلة ان يمديك تشوف بدقة كيف شكل كودك مقارنة بالرسمة الفعلية.
cssbattle.dev
الموقع يوفر لكم أشكال مختلقة والمطلوب منك تحويلها إلى أكواد HTML, CSS وله خاصية جميلة ان يمديك تشوف بدقة كيف شكل كودك مقارنة بالرسمة الفعلية.
cssbattle.dev
🔹7- Flexbox Adventure:
اللعبة لها ٢٤ مرحلة ولازم تستخدم خصائص Flexbox لمساعدة الملك من أخوانه الشريرين.
codingfantasy.com
اللعبة لها ٢٤ مرحلة ولازم تستخدم خصائص Flexbox لمساعدة الملك من أخوانه الشريرين.
codingfantasy.com
🔹8- knight of the Flexbox table:
اللعبة تعلمك CSS Flexbox و Tailwind CSS والهدف هو الكشف عن الكنوز المخفية. لها ١٨ مستوى.
knightsoftheflexboxtable.com
اللعبة تعلمك CSS Flexbox و Tailwind CSS والهدف هو الكشف عن الكنوز المخفية. لها ١٨ مستوى.
knightsoftheflexboxtable.com
🔹9- CSS Speedrun:
اللعبة تمرنك على إستخدام selectors ولها وقت محدد. لها ١٠ مستويات.
css-speedrun.netlify.app
اللعبة تمرنك على إستخدام selectors ولها وقت محدد. لها ١٠ مستويات.
css-speedrun.netlify.app
في نهاية الثريد لا تنسون المشاركة لإفادة الغير وشكراً💜
Loading suggestions...