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

افضل مواقع لتعلم 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 وتتميز ايضا انه يمكنك اختيار مدي الصعوبة. 
      
    admin
    @مرسلة بواسطة
    كاتب ومحرر اخبار اعمل في موقع dary .

    إرسال تعليق