القائمة الرئيسية

الصفحات

اخر الاخبار[LastPost]

افضل مواقع لتعلم css بطريقة الالعاب

 

افضل 8 مواقع لتعلم css بطريقة الالعاب

السلام عليكم ورحمة الله وبركاته اليوم في هذا الموضوع سوف اذكر لكم  افضل 8 مواقع لتسهيل تعلم ال css ومن ضمن هذه المواقع مواقع لتعلم الGrid و Flex و المزيد .. واذا كنت لا تعلم شئ عن css يمكنك مشاهد افضل كورس من قناة اسامة الزيرو 2021 والان ننتقل الي معرفة بعض المعلومات عن هذه المواقع الرائعة  ملحوظة سيتم التركيز علي ال Flex اكثر للانه من الاشياء  المهمة ولكنه ليس صعب في حالة فهمك له ونفس الحالة علي خاصية ال Grid .

موقع Flex Box Froggy

موقع Flex Box Froggy

لعبة flexboxfroggy تساعدك علي تعلم  والتمرن علي جميع خصائص ال Flex مثل align-items، justify-content، align-content، flex-direction، align-self، flex-wrap، flex-flow وتتكون العبة من 24 مستوي وتزداد الصعوبة مع كل مرحلة وانشئ بواسطة thomaspark

موقع CSS Diner

موقع CSS Diner

تتمحور هذه اللعبة علي اتقانك ال CSS selectors من خلال اختيار العناصر بواسطة نوعها وتتكون من 32 مستوي

موقع Css Grid Garden

موقع Css Grid Garden

لعبة تدربك لتعلم خاصية Grid . تتكون هذه اللعبة على 28 مستوى ، تبدأ من الصعوبة السهلة ثم تزيدها تدريجياً. يتم استخدم جميع خصائص الGrid المختلفة يحتوي Grid Garden على محرر كود ومنطقة مرئية حتى ترى النتيجة على الفور.

موقع CodePip Games

موقع CodePip Games

يضم مجموعة كبيرة من المواقع لتعلم ال css بأسهل الطرق وايضا هذا  من صنع thomaspark مثل موقعين flex box , grid garden ولكن هذا الموقع مدفوع معادا الموقعين الذي تم ذكرهم 

موقع Css Battle 

موقع Css Battle

 يعد هذا الموقع افضل المواقع للتحديات عبر الإنترنت أكثر من كونه لعبة تدريب CSS ، واهتمام الموقع  هو كتابة كود HTML و CSS لتكرار جميع ما تعلمته بأقل كود ممكن. يتم تحديث هذه اللعبة باستمرار بتحديات جديدة. لديها نظام تصنيف عالمي والقدرة على إعادة لعب كل تحد حتى تتمكن من تحسين نتائجك.

موقع Flexbox Defense

موقع Flexbox Defense

يساعدك اذا كنت تعرف بالفعل أساسيات Flexbox ولكن لا يمكنك  التفريق بينهم او معرفة الفرق او الاحتفاظ بـ "justifi" و "align" بشكل ثابت تمامًا؟ Flexbox Defense عبارة عن برنامج مساعد من flexbox متنكر في شكل لعبة دفاع عن البرج  إذا لم تكن تحب تلك الألعاب التي تقبل إجابة واحدة صحيحة ، فستعجبك هذه اللعبة ، لأنها تتيح لك وضع الأبراج أينما تريد والنجاح أو الفشل بمفردك.

موقع Coding Fantasy FlexBox

موقع Flexbox Defense

بعد ان شاهدت جميع المواقع السابقة عن تعلم ال فليكس اذا فهذا الموقع يعتبر افضل موقع بسبب انك, تستطيع العب مع قصة وتعلم الفليكس 

موقع Coding Fantasy Grid 

موقع Coding Fantasy Grid

هذه نسخة ثانية من الموقع لخاصية الجريد Grid وتتميز ايضا انه يمكنك اختيار مدي الصعوبة. 
  
هل اعجبك الموضوع :

تعليقات